html,body{position:relative;height:100%;}body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,blockquote,ol,ul{margin:0;padding:0;}
body{background:#fff;font-size:0.24rem;color:#333;font-family:'Microsoft YaHei';line-height:1.8;max-width:750px;margin:0 auto;}
li{list-style:none;}img{display:block;width:100%;}a,a:hover{text-decoration:none;}.fl{float:left;}.fr{float:right;}
.cl:after,.cl:before{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}

.swiper-container{width:100%;height:100%;}
.swiper-slide{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack: center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.content{width:100%;overflow:hidden;margin:-1.2rem auto 0;}
p{font-size:0.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}

.ban{background:url(images/ban.jpg) no-repeat center top;background-size:cover;}
.bg1{background:url(images/bg1.jpg) no-repeat center top;background-size:cover;}
.bg2{background:url(images/end.jpg) no-repeat center top;background-size:cover;}

.b-logo{width:5.35rem;margin-left:5%;float:left;}
.b-tit{width:5.35rem;margin:20% 0 75% 5%;}

.tit{font-size:.4rem;line-height:.6rem;text-align:center;color:#333;margin-bottom:.3rem;}
.tit em{font-size:.38rem;color:#999;}

.end{line-height:.6rem;color:#333;width:75%;margin:0 auto;padding-top:.5rem;}
.end h2{padding-top:.3rem;font-size:.4rem;}
.end em{font-size:.3rem;color:#999;}
.end li{width:50%;float:left;font-size:.26rem;line-height:.5rem;}
.end li.all{width:100%;}

.qian-img{width:3.8rem;margin:0 auto;}
.cpgk-img,.cpxs{width:7.5rem;margin:0 auto;}
.qian,.cpgk{width:90%;margin:0 auto;}
.qian p,.cpgk p{font-size:.26rem;}

.video{width:100%;margin:0 auto;}
.video-bg{width:100%;height:3.86rem;background:url(images/video.jpg) no-repeat;background-size:100% 100%;}
.video-bg p{color:#fff;text-align:center;width:60%;padding-top:.4rem;font-size:.22rem;}
.video-bg em{font-size:.3rem;font-weight:bold;}

.num_s{margin-top:20px;text-align:center;}
.num_s li{width:.26rem;height:.26rem;background:#b5b5b5;margin:0 .1rem;border-radius:50%;display:inline-block;}
.num_s li.on{background:#d2b068;}

.brief{padding:4% 2% 0;}
.brief li{border-bottom:1px dashed #fff;font-size:.24rem;line-height:1.5;padding:.12rem 0;color:#fff;}
.brief i{display:inline-block;vertical-align:middle;width:.16rem;height:.16rem;margin:0 .1rem;background-color:#fff;}

.core h3{position:relative;box-sizing:border-box;width:40%;height:.46rem;line-height:.46rem;margin:4% auto;border:1px solid #333;font-size:.3rem;font-weight:bold;text-align:center;}
.core h3:before,.core h3:after{content:'';position:absolute;top:.23rem;left:-.6rem;width:.6rem;height:1px;background-color:#333;}
.core h3:after{left:auto;right:-.6rem;}
.core p{text-indent:2em;}

.tab{padding-top:4%;font-size:0;text-align:center;}
.tab li{width:.2rem;height:.2rem;display:inline-block;margin:0 .1rem;box-sizing:border-box;border:1px solid #4ea300;}
.tab .on{background-color:#4ea300;}

.tab1{padding:2% 0;font-size:0;text-align:center;}
.tab1 li{width:2rem;height:.6rem;display:inline-block;margin:0 .05rem;box-sizing:border-box;border-radius:.15rem;border:1px solid #fff;color:#fff;font-size:.24rem;line-height:.6rem;}
.tab1 .on{background-color:#fff;color:#007f13;}
.design p{width:96%;box-sizing:border-box;position:relative;margin:0 auto;border:1px solid #fff;border-top:none;padding:5%;text-indent:2em;color:#fff;}
.design p:before{content:'';position:absolute;width:2.3rem;height:.1rem;background-color:#fff;top:8%;left:-2%;}
.design p:after{content:'';position:absolute;width:2.3rem;height:.1rem;background-color:#fff;bottom:8%;right:-2%;}

.video-info{position:relative;box-sizing:border-box;width:96%;margin:0 auto;padding-top:3%;border:1px solid #54a00f;border-top:none;}
.video-info h3{width:2.3rem;height:.4rem;margin-left:-2%;background-color:#54a00f;font-size:.3rem;line-height:.4rem;color:#fff;font-weight:bold;text-align:center;}
.video-info p{padding:3% 0 5% 5%;}
.video-info i{display:inline-block;width:.1rem;height:.1rem;background-color:#54a00f;margin-right:.2rem;}
.video-info:after{content:'';position:absolute;bottom:.2rem;right:-2%;width:2.3rem;height:.1rem;background-color:#333;}

.test h3{font-weight:bold;font-size:.32rem;line-height:2.5;text-align:center;color:#fff;}
.test p{padding:0 5%;text-indent:2em;color:#fff;}

.tab2{padding:2% 0;font-size:0;text-align:center;}
.tab2 li{display:inline-block;width:.3rem;height:.3rem;margin:0 .15rem;box-sizing:border-box;border:1px solid #fff;}
.tab2 .on{background-color:#fff;}

.hardware{font-size:0;}
.hardware li{display:inline-block;vertical-align:top;width:48%;margin:1%;}
.hardware p{padding:1%;text-indent:2em;}

.tab3{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;padding:.1rem .2rem;text-align:right;font-size:0;background:rgba(0,0,0,.5);}
.tab3 li{display:inline-block;width:.2rem;height:.2rem;box-sizing:border-box;border:1px solid #fff;margin-right:.1rem;}
.tab3 .on{background-color:#fff;}

.effect-info{position:relative;box-sizing:border-box;width:96%;margin:0 auto;padding:3% 0 10%;border:1px solid #fff;border-top:none;}
.effect-info h3{width:2.3rem;height:.5rem;margin-left:-2%;line-height:.5rem;text-align:center;font-weight:bold;font-size:.32rem;color:#0e8520;background-color:#fff;}
.effect-info p{padding:2% 0 0 5%;text-indent:2em;color:#fff;}
.effect-info:after{position:absolute;content:'';width:2.3rem;height:.1rem;background-color:#fff;right:-2%;bottom:.2rem;}

.brandp{padding:4% 4% 0;text-indent:2em;}
.editor{position:relative;box-sizing:border-box;margin-top:1.4rem;padding:0 4% 4%;border:1px solid #bfbfbf;border-radius:.2rem;}
.editor img{width:30%;box-sizing:border-box;border-radius:50%;margin:-1.1rem auto .1rem;padding:.1rem;border:1px solid #bfbfbf;}
.editor p{text-indent:2em;color:#fff;}
.free h3{font-size:.3rem;line-height:2;font-weight:bold;text-align:center;color:#fff;}
.free p{padding:0 2%;text-indent:2em;color:#fff;}

.team{padding:5% 0 10%;text-align:center;line-height:2;}
.gz-ewm{width:60%;margin:0 auto;overflow:hidden;}
.gz{float:left;width:45%;text-align:center;}
.ewm{float:right;width:45%;}

#array{position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 30px;left:45%;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

footer{display:none;}
.u-topbar{position:fixed;width:100%;z-index:9;}