html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
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;}
.pr{position: relative;}

html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#333; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; line-height:1.8; max-width:750px; margin:0 auto } 
.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:96%; overflow:hidden; margin:-40px auto 0; } 
p{ font-size:0.24rem; line-height:1.8;text-align:justify;white-space:pre-wrap;}

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

.b-logo{width:1.8rem;margin-left:2%;}
.b-tit{margin:10% auto;}
.b-lead{padding:0 4%;text-indent:2em;color:#fff;}

.tit{margin-bottom:4%;background:url(images/tit.png) no-repeat;background-size:100% 100%;font-size:.36rem;line-height:.5rem;text-align:center;color:#fff;}
.tit b{font-size:.4rem;font-weight:bold;}
.titb{margin-bottom:4%;background:url(images/titb.png) no-repeat;background-size:100% 100%;font-size:.36rem;line-height:.5rem;text-align:center;color:#4ea300;}
.titb b{font-size:.4rem;font-weight:bold;}

.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;}