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%;border:none;}
a{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;}

body,html{position:relative;height:100%;background:#fff !important;}
.swiper-main{width:100%;height:100%;}
.flex-mid{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;}
p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}

.bg{background:url(images/ban.jpg) no-repeat center;background-size:cover;}
.b-pc{position:absolute;left:.2rem;top:0;width:1.2rem;}
.b-photo{margin-top:-.2rem;}

.lead p{padding:1.2rem .5rem;background:url(images/border1.png) no-repeat;background-size:100% 100%;line-height:2;text-indent:2em;}
.space{width:83.3%;margin:5% auto 0;}
.tabhd{font-size:0;text-align:center;}
.tabhd li{display:inline-block;vertical-align:top;width:23%;height:.6rem;padding:.05rem 0;box-sizing:border-box;margin:.1rem .05rem;border:1px solid #cecb6b;border-radius:4px;line-height:.5rem;font-size:.24rem;}
.tabhd .l2{line-height:.25rem;}
.tabhd .on{background:#cecb6b;color:#fff;}
.tabbd li:not(:first-child){display:none;}

.slider{position:relative;width:80%;margin:0 auto;}
.slider .bd{width:80%;height:4.8rem;margin:0 auto;}
.slider .bd img{width:4.8rem !important;}
.ad_btn_left{position:absolute;top:50%;left:0;margin-top:-.3rem;width:.37rem;height:.6rem;background:url(images/prev.png);background-size:100%;}
.ad_btn_right{position:absolute;top:50%;right:0;margin-top:-.3rem;width:.37rem;height:.6rem;background:url(images/next.png);background-size:100%;}

.black{position:relative;margin:2%;padding:2%;border-radius:.1rem;background-color:#000;color:#fff;text-indent:2em;line-height:1.8;}
.black span{position:absolute;left:.1rem;top:.1rem;width:.15rem;height:.15rem;border-radius:50%;background-color:#fff;}

.product .slider img{box-sizing:border-box;border:.05rem solid #fff;border-radius:50%;}
.product p{padding:2% 5% 0;text-indent:2em;}

.function .tabhd li{width:30%;}
.function .bd{margin:2% .25rem;height:4.1rem;}
.function .bd img{width:7rem;}
.function .num_s{position:static !important;width:100% !important;font-size:0;text-align:center;}
.function .num_s span{display:inline-block;width:.24rem;height:.24rem;border:1px solid #aaa;margin:0 .1rem;}
.function .num_s .on{background-color:#cecb6b;}

.swiper-scrl{height:2.4rem;margin:2% 3% 0;padding:.1rem .5rem .1rem .3rem;border-radius:.1rem;background-color:#000;}
.swiper-scrl .swiper-slide{height:auto;}
.swiper-scrl .swiper-scrollbar{right:.15rem;opacity:1 !important;border-right:1px solid #fff;}
.swiper-scrollbar-drag{left:3px;height:.65rem;background:#fff;}
.swiper-scrl p{color:#fff;text-indent:2em;}

.smart li{
	position:relative;width:90%;height:.9rem;margin:.2rem auto 0;border-radius:.1rem;background:rgba(186,180,0,.8);color:#fff;text-align:center;
	-webkit-display:flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;
}
.smart h3{padding-left:.3rem;font-weight:bold;font-size:.3rem;line-height:.9rem;}
.smart i{padding-right:.3rem;font-size:.3rem;line-height:.9rem;}
.smart p{padding:.1rem;line-height:.7rem;}
.smart .l2{line-height:.35rem;}
.smart li:nth-child(2n){background:rgba(0,0,0,.8);}
.smart span{position:absolute;left:48%;bottom:-.2rem;border:.1rem solid transparent;border-top:.1rem solid #bab400;}
.smart li:nth-child(2n) span{border-top:.1rem solid #000;}

.consumer dl{margin:2% 3% 2% 6%;overflow:hidden;}
.consumer dt{float:left;width:.4rem;padding:.25rem 0;margin-right:.2rem;text-align:center;background-color:#302f12;font-size:.24rem;color:#fff;}
.headshot{width:35%;margin:0 auto;}
.end{padding:5% 5% 10%;text-indent:2em;}
.ewm{width:30%;margin:0 auto;}
/*箭头动画*/
@-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);}
}
#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:0.47rem;height:0.49rem;bottom:10px;left:45%;}
.u-topbar{position:fixed;top:0;z-index:9999;width:100%;}
footer{display:none !important;}