html,body,div,input,a,textarea, h1, h2, h3{margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
a{color: inherit; text-decoration: none;}
.fitimg{display: block; width: 100%; height: 100%; object-fit: cover;}
.flex{display: flex;}
.flexv{display: flex; flex-direction: column;}
.flexitem{display: flex; flex: 1; min-width: 0;}
.flexitemv{display: flex; flex: 1; flex-direction: column; min-width: 0;}
.flexwrap{display: flex; flex-wrap: wrap;}
.center{align-items: center; justify-content: center;}
.centerh{justify-content: center;}
.centerv{align-items: center;}
.end{justify-content: flex-end; align-items: flex-end;}
.endh{justify-content: flex-end;}
.endv{align-items: flex-end;}
.around{justify-content: space-around;}
.between{justify-content: space-between;}

#app .container{max-width: 1240px; height: 100%; box-sizing: border-box; margin: 0 auto; padding: 40px 0;}
#app .header{height: 700px; background: url(../images/banner.jpg) center no-repeat; background-size: cover;}
#app .header .logo{width: 30px; height: 30px; background: url(../images/logo.png) center no-repeat; background-size: 20px; border-radius: 4px; background-color: #fff;}
#app .header .cname{font-size: 22px; padding: 0 15px; color: #fff;}
#app .header .menus .item{margin-left: 50px; font-size: 16px; color: #fff; cursor: pointer;}
#app .header .menus .item:hover,#app .header .menus .item.active{color: #02b2b5;}
#app .header .context h2{color: #00b6e3; font-size: 30px;}
#app .header .context p{color: #378ab3; margin: 30px 0 60px 0;}
#app .header .context span{width: 120px; height: 40px; border: 1px solid #378ab3; border-radius: 40px; color: #378ab3; font-size: 15px; cursor: pointer; user-select: none;}
#app .aboutus{height: 700px; background: url(../images/about.jpg) center no-repeat; background-size: cover;}
#app .aboutus .cname{margin-top: 100px; padding: 20px 0; font-size: 20px;}
#app .aboutus .desc{width: 600px; font-size: 16px; line-height: 30px; color: #666;}
#app .product{height: 700px; background: url(../images/product.jpg) center no-repeat; background-size: cover;}
#app .product .cname{font-size: 22px; margin: 0 auto; text-align: center; padding: 20px 0; color: #fff; margin-bottom: 40px;}
#app .product .item{width: 270px; height: 440px; background: #fff; margin-right: 30px; border-radius: 4px; padding: 20px;}
#app .product .item:last-child{margin-right: 0;}
#app .product .item .image{height: 200px;}
#app .product .item .title{font-size: 18px; text-align: center; padding: 30px 0;}
#app .product .item .desc{font-size: 16px; line-height: 26px; color: #999; text-align: center; padding: 0 20px;}
#app .online{height: 700px;}
#app .online .desc{padding-right: 100px;}
#app .online .desc h3{color: #02b2b5; font-size: 26px; font-weight: normal;}
#app .online .desc p{font-size: 15px; line-height: 30px; margin: 60px 0 40px 0; color: #666;}
#app .online .desc .button{width: 120px; height: 40px; border: 1px solid #02b2b5; border-radius: 40px; color: #02b2b5; font-size: 15px; cursor: pointer; user-select: none;}
#app .online .side{width: 595px; height: 355px; margin: 140px auto; background: url(../images/online.png) center no-repeat; background-size: cover;}
#app .footer{height: 600px; background: url(../images/footer.jpg) center no-repeat; background-size: cover;}
#app .footer .logo{width: 30px; height: 30px; background: url(../images/logo.png) center no-repeat; background-size: 20px; border-radius: 4px; background-color: #fff;}
#app .footer .cname{font-size: 22px; padding: 0 15px; color: #fff;}
#app .footer .contact p{font-size: 16px; color: #fff; margin: 10px 0;}
#app .footer .copyright{font-size: 15px; color: #fff; opacity: 0.8;}
#app .footer .copyright a{margin-left: 15px;}
#app .footer .form{width: 600px; margin-left: 40px;}
#app .footer .form .input{display: block; width: 100%; width: 100%; padding: 15px 10px; box-sizing: border-box; resize: none; border: none; background: #fff; font-size: 15px; line-height: 20px; margin-top: 20px; outline: none;}
#app .footer .form .button{width: 120px; height: 50px; background: #00b6e3; color: #fff; margin-top: 40px; font-size: 15px; cursor: pointer; user-select: none;}