html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,button,footer,header,menu,nav{margin:0;padding:0;}
body{position:relative;height:100%;max-width:750px;margin:0 auto;font-size:.24rem;color:#333;background:#fff;}
h1,h2,h3{font-weight:bold;}em,i{font-style:normal;}a{text-decoration:none;}img{display:block;width:100%;border:none;}
.cf{clear:both;}.cf:after{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}

.bg{background:url(img/top-bg.jpg) no-repeat;background-size:cover;}
.bg01{background:url(img/bg01.jpg) no-repeat;background-size:cover;}
.bg02{background:url(img/bg02.jpg) no-repeat;background-size:cover;}
.bg03{background:url(img/bg03.jpg) no-repeat;background-size:cover;}
/*.bg04{background:url(img/bg04.jpg) no-repeat;background-size:cover;}*/
.bg06{background:url(img/bg06.jpg) no-repeat;background-size:cover;}
.bg07{background:url(img/bg07.jpg) no-repeat;background-size:cover;}
.bg08{background:url(img/bg08.jpg) center top no-repeat;background-size:contain;}
.bg09{background:url(img/bg09.jpg) no-repeat;background-size:cover;}
.bg010{background:url(img/bg10.jpg) no-repeat;background-size:cover;}
.bg011{background:url(img/bg11.jpg) no-repeat;background-size:cover;}
.tt03,.tt04,.tt05,.tt06,.tt07,.tt09.tt10{width: 100%;height: 1.24rem;}



.wrap{position:relative;width:7.1rem;margin:0 auto;box-sizing:border-box;}
.logo{position: absolute;left: 0;right: 0;top: 2.3rem;width: 5.51rem;height: 5.08rem;margin: 0 auto;}
.dh{position: absolute;top: 7.5rem;width: 5.69rem;height: 3.61rem;}

/*slide02 前言*/
.tt02{margin-top: -1.5rem;}
.tt02 img{width:40%;margin-left:2.1rem;margin-bottom: 0.40rem;}
.m-text{width: 85%;margin: 0.6rem auto 0;}
.m-text p{font-size: 0.24rem;color: #222;line-height: 0.4rem;text-indent: 0.48rem;text-align: justify;}
.bg02wp{background: url(img/s2-wbg.jpg) no-repeat;background-size: 100%;height: 6.4rem;}
/*slide3概述*/
.tt03{ background: url(img/s3-tit.png) no-repeat;background-size: 52%;margin: 0 0 5% 23%;}
.p3-r{float: right;width: 9.04rem;overflow: hidden}
.p3-r ul{margin:0.65rem 0rem 0rem 30% ;}
.p3-r ul li{border-left: 2px solid #f5414c;font-size: 0.22rem;text-align: left;margin-top: 0.26rem;padding-left: 0.13rem;letter-spacing: 0.02rem;}
.s3-text{background:url(img/s3-wrapbg.jpg) center 1.98rem no-repeat;background-size: 95%;height: 7rem;text-align: center;}
.s3-text img{width: 87%;margin:0 auto; }

/*slide04 视频*/
.tt04{background: url(img/s4-tit.png) no-repeat; background-size: 50%;margin: 0 0 0 23%}
.bg04 .wrap{padding-bottom: 2rem;}
.wrap .p4-l{background: url(img/p4-lbg.jpg) no-repeat;
    color: #fff;
    line-height: 0.19rem;
    text-align: left;
    padding: 2rem 0rem 0.5rem 0.33rem;
    z-index: 2;
    width: 3.9rem;
    height: 4.9rem;
    position: absolute;
    top: 3rem;
    left: -.2rem;
    z-index: -1;
    box-sizing: border-box}/*padding值不会撑开盒子*/
.wrap .p4-l h3{font-weight: 700;font-size: 0.24rem; }
.wrap .p4-l  p{font-size:0.20rem;color: #fff;line-height: 0.5rem; }
.wrap .p4-r{width:100%; z-index: 1;}
.wrap .s4logo{    float: right;
    width: 30%;
    margin-top: 1rem;
    margin-right: .6rem;
}

/*slide5 亮点(切换)*/
.tt05{background:url(img/s5-tit.png) no-repeat;margin-left: 15%;background-size: 67%;}
.slide5{position: relative;}
.bg05 .wrap{width:7.8rem; }
.slide5 .swiper-wrapper{width:7.14rem;height: 7.9rem;margin:0 auto;color:#fff; }
.slide5 img{float: left;width: 92%;margin-left:-0.5rem;}
.slide5 .swiper-wrapper .s5li img{width: 48%;margin-right: 0.6rem;}
.slide5 .swiper-wrapper b{font-size: 0.34rem;font-weight: 700;line-height: 1.20rem;}
.slide5 .swiper-wrapper p{display: block;width: 6.52rem;height: 5.04rem;line-height:.36rem;padding:.7rem .5rem .3rem .6rem;font-size: 0.22rem;color: #333;background: url(img/s5bd-bg.png) 0.05rem .3rem no-repeat;background-size:23%;}

.slide5 .mid{width: 6.9rem;margin-left: .5rem;}

.slide5 .swiper-wrapper .swiper-slide{flex-direction: column; margin-top:20px;}
.slide5 .pagination3{ position: absolute;bottom: -0.77rem;left: 2.25rem;}

/*slide06 产品细节(6块切换)*/

.tt06{background: url(img/s6-tit.png) no-repeat; margin:0 0 0 28%;background-size: 45%;}
/*.slide06{position: relative;    top: -0.33rem;}*/
.bg06 .wrap{overflow: hidden;width: 7.3rem;}
.slide06 .swiper-wrapper{width:7.6rem ;height: 7rem;}
.slide06 .swiper-wrapper .swiper-slide{padding-left: 5px;}
.slide06 dt{float: left;width:3.6rem;height:5rem;position: relative;left: -0.5rem;}
.slide06 dt img{width: 98%;margin: 0.1rem 0 0 -0.2rem;}
.slide06 dd{float: left;width: 2.87rem;height: 5.5rem;text-align: left;margin-left: -0.24rem;position: relative;left: -0.33rem;}
 .slide06 dd img{position: relative;bottom:17px;}
.slide06 dd p{font-size: 0.22rem;color: #fff;font-family:"microsoft yahei" ;line-height: 0.38rem;border-top: 1px solid #fff; padding-top: 15px;}
.slide06 .swiper-wrapper  dl dd h3{font-size: 0.34rem;line-height: 1.16rem;font-weight: 700;color: #fff;margin-top: 0.25rem;}
.slide06 .pagination4{position: relative;top: 2px;}
.slide06 .pagination4 .swiper-pagination-bullet,.slide5 .pagination3 .swiper-pagination-bullet{width: 0.6rem;height: 0.04rem;border-radius: 0;background: #bdbdbd;opacity: 1;}
.slide06 .pagination4 .swiper-pagination-bullet-active,.slide5 .pagination3 .swiper-pagination-bullet-active{background: #f44b54;}



/*slide07 欣赏产品(6块切换)2222212313`23*/
.tt07{background: url(img/s7-tit.png) no-repeat; margin:0 0 2.4rem 51%;background-size: 29%;}
.bg07 .wrap{width:5.8rem;margin-left: -0.03rem;}
.p07-slide{position: relative;top: -1.57rem;z-index: 2;}
.p07-slide img{width: 5.6rem;height: 5.2rem;border-radius: 6px;}
.p07-slide .shadow{width: 5.6rem; height: 5.2rem; border-radius: 6px; background: #1a1a1a;  opacity: 0.89; position: absolute; bottom: 0rem; right: -98%; z-index: 1}

/*slide10品牌*/
.tt10{background: url(img/s10-tit.png) no-repeat;margin: 0 0 0 2.4rem;
background-size: 70%;
height: 1.24rem;
width: 3.27rem;}
.slide10 .swiper-wrapper{width:7.14rem;height: 7.9rem;margin:0 auto;}
.bg10 .wrap .slide10 img{width: 3.8rem;height: 6.71rem}
.slide10 .pagination5{position: relative;}
.slide10 .pagination5 .swiper-pagination-bullet{width: 0.6rem;height: 0.04rem;border-radius: 0;background: #bdbdbd;opacity: 1;}
.slide10 .pagination5 .swiper-pagination-bullet-active{background: #f44b54;}
/*slide11*/
.tt11{background: url(img/s11-tit.png) no-repeat;margin: 0 0 .3rem 2.9rem;
background-size: 100%;
height: 1.24rem;
width: 1.58rem;}
.bg11 .wrap{width:5.8rem;margin-left: -0.03rem;}
.slide11{position: relative;}
.slide11 img{width: 5.2rem;height: 6.7rem;}

/*slide08后记*/
.tt08{background:url(img/s8-tit.png) center no-repeat;background-size:50%;width: 100%;height: 1rem;}
.bg08 .wrap{padding-bottom: 5px;}
.bg08 .wrap img{width: 80%;margin:0 auto; }

.bg08 .wrap p{width: 5.58rem;height: 1.10rem;display: block;color: #222;font-size: 0.22rem;line-height: 0.37rem;text-align: justify; padding-left: 0.75rem;}

/*slide09 联系*/
.tt09{background:url(img/s9-tit.png) center no-repeat;background-size:42%;margin: 0px auto 0.4rem;}
.bg09{text-align: center;color: #222;}
.bg09 img{width:3.31rem;height: 1.59rem;margin:0.25rem auto 0; }
.bg09 .s9-txt p{font-size: 0.24rem;line-height: 0.54rem}
.bg09 .foot img{float: left;width: 0.97rem;height: 1.74rem;margin-top: 20px;}
.bg09 .foot{margin-top:0.2rem; }
.bg09 .foot p{display: block;width: 5.88rem;float: left;font-size: 0.2rem;text-indent: 1em;line-height: 17px;margin: 0 0 0 0.2rem;text-align: left;}

/*swiper修改样式*/
.swiper-container{width:100%;height:100%;position: relative;}

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

/*导航*/
.nav{    position: fixed;right: -0.4rem;top: 45px;z-index: 1;}
.nav .gwlj img{width: 65%;}

.u-topbar{width:100%;max-width:750px;z-index:99 !important;}footer{display:none !important;}
.pr{position:relative;}.ns-box{max-width:670px;}.title{text-align:center;}#agentsubbox{padding-top:.2rem;}
.covip-agent-list span{color:#333 !important;}.covip-submit p select{color:#333 !important;background:#fff !important;}

#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:.5rem;height:.5rem;bottom:10px;left:47%;}
@-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);}
}