html{
  _background:url("about:blank");
  _background-attachment:fixed;
  }

  @media screen and (min-width: 1200px) {
.topWrap{width:100%; height:80px; position: fixed; background: #fff; z-index:10;}
.top{width:1200px; height:80px;  margin:0 auto; }
.nav_left{position: relative;}
.nav_left img{position: absolute; left:0;top:50%; margin-top: 10px;}
.nav_right{float:right; padding-right:22px;  position: relative;}
.nav_right img{position: absolute; top:15px; right:0;}
.nav_right li{float:left; height:80px; text-align: center; line-height: 80px; 
  font-size:18px; margin-left:70px;font-family: "Microsoft YaHeiLight";
   /* background: url(../images/underline.png) no-repeat center bottom 16px none; */
  }
  .nav_right li:hover{ 
     background: url(../images/underline.png) no-repeat center bottom 16px ;}
     .nav_right .lang:hover{ 
      background: url(../images/underline1.png) no-repeat center bottom 16px ; background-size:120px 7px;}
  .nav_right li:hover a{color:#31aeee;}
  .nav_right li a{display: block; width:100%; height:100%;}

.bw{padding-top:80px; height:502px; width:100%; overflow: hidden; position: relative;}
.bww{position: absolute;left:0; top:80;  height:502px;}
.b-prev {
  position: absolute; left:10px; top:49%;
  background:  url(../images/btl1.png) no-repeat center;
  
  width: 52px ;
  height: 56px;
  box-sizing: border-box;
  z-index:3;
}
.b-prev:hover{background:  url(../images/btl2.png) no-repeat center;}
.b-next {
  position: absolute; right:10px; top:49%;
  background: url(../images/btr1.png) no-repeat center;
  
  width: 52px ;
  height: 56px;
  box-sizing: border-box;
  z-index:3;
}
.b-next:hover{
  background: url(../images/btr2.png) no-repeat center;
}
.bannerWrap{width:100%; height:502px; 
   background: rgb(33,138,246); 
   float: left;
    background-size:100% ;
  }
.banner{width:1200px; height:502px;
    margin:0 auto; 
    
     }
.banner img{ display: block;}

.bannerWrap2{width:100%; height:502px; 
  background: rgb(33,138,0); 
  float: left;
  background-size:100% ;
 }



.main{width:100%; }

.pro,.help{width:1200px; height:80px;  margin:0 auto; padding:50px 0 20px 10px;}
.pro h3{font-size: 36px; line-height: 80px; padding-left:24px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(../images/line.png) no-repeat left center; }
.help h3{font-size: 36px; line-height: 80px; padding-left:24px; font-weight: bold; font-family: "Microsoft YaHei"; background: url(../images/line.png) no-repeat left center;}
.div1,.div3{width:100%; background:#f5f9fa; height:600px;}
.div2{width:100%; height:600px;}
.div1_c,.div3_c{width:1200px; height:600px;  margin:0 auto; }
.div2_c{width:1200px; height:600px;  margin:0 auto;background: url(../images/3_2.png) no-repeat 60px 50px; }
.div1_l,.div3_l{  margin-left: 54px; float:left; }

.div1_l h3,.div3_l h3{line-height: 316px;height:202px;font-family: "Microsoft YaHeiLight"; font-size:28px;color:#333;}
.div1_l ul li,.div3_l ul li{line-height: 58px;height:58px; padding-left:30px; font-family: "Microsoft YaHeiLight"; font-size:18px;color:#666; background: url(../images/icon.png) no-repeat left center;}

.div1_r{float: right; position: relative;}
.div1_r .m1{position: absolute;right:382px; top:50px; 
  /* transition: all 0.6s;  */
  /* animation: m1 2s ease; */
}

/* .div1_r .m1:hover{position: absolute;right:382px; top:150px; } */
.div1_r .m2{position: absolute;right:82px; top:232px;
  /* transition: all 0.6s; */
  /* animation: m2 2s ease; */
}
/* .div1_r .m2:hover{position: absolute;right:82px; top:132px; } */
.div2_l{position: relative; background: url(../images/3_2.png) no-repeat;}
.div2_l .m3{position: absolute;left:180px; top:25px; 
  /* transition: all 0.6s; */
  /* animation: m3 4s ease; */
}
/* .div2_l .m3:hover{transform:rotate(20deg)} */
.div2_r {padding-right: 100px;
  float: right;  box-sizing: border-box; }
.div2_r h3{line-height: 316px;height:202px;font-family: "Microsoft YaHeiLight"; font-size:28px;color:#333;}
.div2_r ul li{line-height: 58px;height:58px; padding-left:30px; font-family: "Microsoft YaHeiLight"; font-size:18px;color:#666; background: url(../images/icon.png) no-repeat left center;}

.div3_r{float: right; position: relative;}
.div3_r .m4{position: absolute;right:244px; top:120px;
   /* transition: all 0.6s ease; */
   /* animation: m4 2s ease; */
   }
/* .div3_r .m4:hover{position: absolute;right:244px; top:20px;}  */
.helpmain{width:1200px; margin:0 auto; height:364px; position: relative;}
.helpmain .div1{height:344px; background: #fff;  background: url(../images/j.png) no-repeat;}
.helpmain ul{text-align: center;  display: inline-block; position: relative; width:1200px;}
.helpmain ul li{float:left; }
.helpmain ul .folder{position:absolute; left:190px; top:76px;}
.helpmain ul .folder img{transition: all 1.0s;}
.helpmain ul .folder img:hover{transform: scale(1.3);}
.helpmain ul .file img{transition: all 1.0s;}
.helpmain ul .file img:hover{transform: scale(1.3);}
.helpmain ul .ppt img{transition: all 1.0s;}
.helpmain ul .ppt img:hover{transform: scale(1.3);}
.helpmain ul .line1{position:absolute; left:410px; top:78px;}
.helpmain ul .file{position:absolute; left:546px; top:70px;}
.helpmain ul .line2{position:absolute; left:784px; top:78px;}
.helpmain ul .ppt{position:absolute; right:194px; top:70px;}


.helpmain .div11{height:344px; background: #fff;  background: url(../images/j.png) no-repeat;}
.helpmain .div11 ul{text-align: center;  display: inline-block; position: relative; width:1200px; border :1px solid green; height:344px;
  overflow-x: scroll;
  overflow-y: hidden;
  
}
.helpmain .div11 ul li{float:left; border :1px solid green; height:344px; width:350px; text-align: center; margin-right:20px;}
.helpmain .div11 ul li img{transition: all 1.0s; display: block; margin:80px auto 80px;}
.helpmain .div11 ul  li img:hover{transform: scale(1.3);}
.helpmain .div11 ul li a{font-family: "Microsoft YaHeiLight"; font-size:18px;color:#31aeee; display: block;}

.helpmain .div2{width:1200px;  text-align: center; position: absolute; top:220px; left:30px;};
.helpmain .div2 .sc{text-align: center;  display: inline-block;}
.helpmain .div2 .sc li{float:left; line-height: 98px; padding-left:120px; padding-right:70px;text-align: center;}
.helpmain .div2 .sc li a{font-family: "Microsoft YaHeiLight"; font-size:18px;color:#31aeee;}



.download{width:100%; height:454px; 
  background:url(../images/bg.png); 
  background-size:cover;
}
.download_c{width:1200px; height:454px; margin:0 auto;  text-align: center; overflow: hidden;}
/* .download_c .d1{position: relative; clear:both; height:286px; } */

/* .download .Web{position: absolute;right:90px; bottom:47px;} */
.download .nwc{overflow: hidden; margin:35px auto 0 auto;  width:600px;}
/* .download .nwc .n1{float:left; text-align: center;} */
.download .nwc .w2{
  /* float:right; */
  text-align: center;}
.download .nwc .n1 .nei{ font-family: "Microsoft YaHei"; color:#fff; font-size:26px;}
.download .nwc .n1 .nei1{ font-family: "Microsoft YaHei"; color:#fff; font-size:16px;line-height: 24px;}
.download .nwc .w2 .wai{ font-family: "Microsoft YaHei"; color:#fff; font-size:26px;}
.download .nwc .w2 .wai1{ font-family: "Microsoft YaHei"; color:#fff; font-size:16px; line-height: 24px;}
.download .ernei{padding-top:12px; }
.download .er{ padding-top:12px; }
.download .down1{ font-family: "Microsoft YaHei"; color:#fff; font-size:26px; padding-top:5px;}
/* .download .st{position: absolute; width:2px; height:200px; border-radius: 1px; background: #999; right:480px; top:104px;} */
.download .s1{ font-family: "Microsoft YaHei"; color:#dbdbdb; font-size:14px; padding-top:10px;padding-bottom:10px;}
.download .s2{ font-family: "Microsoft YaHei"; color:#dbdbdb; font-size:14px; }
/* .download_c .Android img{position: absolute;left:78px; bottom:142px; }
.download .iOS img{position: absolute;left:78px; bottom:42px;}
.download .Web img{position: absolute;left:254px; bottom:42px;}  */

/* .download_c ul li{float:left; padding:60px;} */

/* .download  .Android{position: absolute;left:225px; bottom:-112px;}
.download  .iOS{position: absolute;left:225px; bottom:-180px;} */
.linkme{width:100%; height:100px; background:#333; text-align: center;}
.linkme ul{text-align: center;  display: inline-block;}
.linkme ul li{float: left; color:#646464; font-family: "Microsoft YaHeiLight"; font-size:18px; padding-left:19px; padding-right:19px; line-height: 100px;}
.linkme ul li span{color:#fff; font-family: "Microsoft YaHeiLight"; font-size:18px;}



.foot{width:100%; height:40px; background:rgb(0,0,0); text-align: center; position: relative;}
.foot span{font-size: 14px; color:#666;line-height: 40px; font-family: "Microsoft YaHei";}




/* .ttt{width:100%; height:0; margin: 0 auto; position: relative;} */
.back{position:fixed; display:block;
   bottom: 45px; right:-2px; width:41px; height:33px; border-radius:2px;
   background:rgba(0,0,0,.3); z-index: 9;}
.back #btnTop{ text-align: center;  width:100%;height:100%;display: block; }
.back .arrow{ width:31px; height:19px; border:none; position: absolute; top:5px; left:5px; background:url(../images/bai.png);}
.back:hover .arrow{background:url(../images/hei.png);}


@keyframes m1{
  0% {
    transform: translateX(100px); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes m1{
  0% {
    transform: translateX(100px); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-o-keyframes m1{
  0% {
    transform: translateX(100px); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes m1{
  0% {
    transform: translateX(100px); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@keyframes m2{
  0% {
    transform: translateX(-100px);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
 
@-webkit-keyframes m2{
  0% {
    transform: translateX(-100px);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-o-keyframes m2{
  0% {
    transform: translateX(-100px);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
    @-moz-keyframes m2{
      0% {
        transform: translateX(-100px);
        filter:alpha(opacity=0); 
        opacity: 0;
      }
      100% {
        transform: translateX(0px);
        filter:alpha(opacity=100);
        opacity: 1;
      }
    }
  }
  .container{width: 1200px;  margin:0 auto 40px auto;   position: relative; box-sizing: border-box;}
  .wrapper{width: 1080px ; height: 280px ; margin:0 auto ;
     position: relative;   overflow: hidden; box-sizing: border-box;}
  .slide{ position: absolute; left:0; top:0; width: 2200px;  }
  .slide li{
    width: 360px; height: 280px; float:left; box-sizing: border-box;
  }
  .slide li a{font-family: 'Microsoft YaHeiLight'; font-size:18px;color:#31aeee;}
  .iBox{width: 360px; height: 160px;  text-align: center; padding-top:40px;}
  .iBox img{transition: all 1.0s;}
  .iBox img:hover{transform: scale(1.3); cursor:pointer;}
  .iB{text-align: center; padding-top:20px;}
  .button-prev {
    position: absolute; left:20px; top:30%;
    background: url(../images/btl3.png) no-repeat center;
    
    width: 52px ;
    height: 56px;
    box-sizing: border-box;
    z-index:3;
}
.button-prev:hover{background: url(../images/btl4.png) no-repeat center;}
   .button-next {
    position: absolute; right:20px; top:30%;
    background: url(../images/btr3.png) no-repeat center;
    
    width: 52px ;
    height: 56px ;
    box-sizing: border-box;
    z-index:10;
}
.button-next:hover{
  background: url(../images/btr4.png) no-repeat center;
}
/* .swiper-button-prev:hover, .swiper-button-next:hover{
  transition: all .5s;
    border-radius: 100%;
    border: 2px solid transparent;
} */

  /* 轮播图       */
  .swiper-container{
    width:100%; height:502px !important; padding-top: 80px !important;
  }
  .swiper-wrapper{
    margin:0 auto;
  }
  .swiper-button-prev{
    background-image:url(../images/btl1.png) !important;
    width: 52px !important;
    height:56px !important;
   background-size: 52px 56px !important;
  }
  .swiper-button-prev:hover{background-image:url(../images/btl2.png) !important;}
  .swiper-button-next{
    background-image:url(../images/btr1.png) !important;
    width: 52px !important;
    height:56px !important;
   background-size: 52px 56px !important;
  }
  .swiper-button-next:hover{background-image:url(../images/btr2.png) !important;}
  /* 轮播图       */
@media screen and (max-width: 1200px) {
  /* html {
    overflow-y: scroll; 
    } */
    
    :root {
    /* overflow-y: auto;  */
    overflow-x: hidden;
    
    }
    
    :root body {
    position: absolute;
    }
    
    body {
    
    overflow: hidden;
    }



   
  html,body{box-sizing: border-box;}
  html::-webkit-scrollbar{
    width:0;
    height:0;
    
    }
   
  body::-webkit-scrollbar {
      display: none;
  }
      .topWrap{width:100%; height:0.8rem; position: fixed; background: #fff; z-index:10;}
      .top{width:96%; height:0.8rem; margin:0 auto;}
      .nav_left{position: relative;}
      .nav_left img{position: absolute; left:0;top:50%; margin-top: 0.1rem;  width:2.55rem;height:0.6rem;}
      .nav_right{ float:right; padding-right:0.22rem; }
      .nav_right img{position: absolute; top:0.16rem; right:0.13rem; width:0.31rem;height:0.13rem;}
      .nav_right li{float:left; height:0.1rem; text-align: right; line-height: 0.8rem; 
  font-size:0.18rem; padding-left:0.7rem; font-family: "Microsoft YaHeiLight"; background: url(../images/underline.png) no-repeat right bottom 0.16rem none;}
      .nav_right li:hover{ 
     background: url(../images/underline.png) no-repeat right bottom 0.16rem ;}
     .nav_right li:hover a{color:#31aeee;}
    .nav_right li a{display: block; width:100%; height:100%;} 

     
     

    /* .bannerWrap{width:12rem; height:5.02rem;  margin-top:0.8rem; }
    .banner{width:12rem; height:5.02rem;
     
      background:url(../images/banner.png);
      background-size:100%;
       }
      
     
     .banner img{ display: block; width:12rem; height:5.02rem;} */
     
     .main{width:100%; }

.pro,.help{width:100%; height:0.8rem;  margin:0 auto; padding:0.5rem 0 0.2rem 0.1rem;}
.pro h3{font-size: 0.36rem; line-height: 0.8rem; padding-left:0.24rem; font-weight: bold; font-family: "Microsoft YaHei"; background: url(../images/line.png) no-repeat left center; background-size:0.04rem 0.36rem;}
.help h3{font-size: 0.36rem; line-height: 0.8rem; padding-left:0.24rem; font-weight: bold; font-family: "Microsoft YaHei"; background: url(../images/line.png) no-repeat left center; background-size:0.04rem 0.36rem;}
.div3{width:100%; background:#f5f9fa; height:6rem;}
.div1{width:100%; background:#f5f9fa; height:6rem;}
.div2{width:100%; height:6rem;}
.div1_c,.div3_c{width:100%; height:6rem;  margin:0 auto; }
.div2_c{width:100%; height:6rem;  margin:0 auto;background: url(../images/3_2.png) no-repeat 0.6rem 0.5rem; background-size:6.41rem 4.93rem ;}
.div1_l,.div3_l{  margin-left: 0.54rem; float:left; }

.div1_l h3,.div3_l h3{line-height: 3.16rem;height:2.02rem;font-family: "Microsoft YaHeiLight"; font-size:0.28rem;color:#333;}
.div1_l ul li,.div3_l ul li{line-height: 0.58rem;height:0.58rem; padding-left:0.3rem; font-family: "Microsoft YaHeiLight"; font-size:0.18rem;color:#666; background: url(../images/icon.png) no-repeat left center; background-size:0.2rem 0.16rem;}

.div1_r{float: right; position: relative;}
.div1_r .m1{position: absolute;right:3.82rem; top:0.5rem; width:2.45rem;height:4.83rem;
  /* transition: all 0.6s;  */
  /* animation: m1 2s ease; */
}

/* .div1_r .m1:hover{position: absolute;right:382px; top:150px; } */
.div1_r .m2{position: absolute;right:0.82rem; top:2.32rem; width:2.51rem;height:3.66rem;
  /* transition: all 0.6s; */
  /* animation: m2 2s ease; */
}
/* .div1_r .m2:hover{position: absolute;right:82px; top:132px; } */
.div2_l{position: relative; background: url(../images/3_2.png) no-repeat;background-size:6.41rem 4.93rem ;}
.div2_l .m3{position: absolute;left:1.8rem; top:0.25rem; width:3.38rem;height:5.56rem;
  /* transition: all 0.6s; */
  /* animation: m3 4s ease; */
}
/* .div2_l .m3:hover{transform:rotate(20deg)} */
.div2_r {padding-right: 1rem;
  float: right;  box-sizing: border-box; }
.div2_r h3{line-height: 3.16rem;height:2.02rem;font-family: "Microsoft YaHeiLight"; font-size:0.28rem;color:#333;}
.div2_r ul li{line-height: 0.58rem;height:0.58rem; padding-left:0.3rem; font-family: "Microsoft YaHeiLight"; font-size:0.18rem;color:#666; background: url(../images/icon.png) no-repeat left center;background-size:0.2rem 0.16rem;}

.div3_r{float: right; position: relative;}
.div3_r .m4{position: absolute;right:2.44rem; top:1.20rem; width:3.35rem;height:4.80rem;
   /* transition: all 0.6s ease; */
   /* animation: m4 2s ease; */
   }




.helpmain{width:100%; margin:0 auto; height:3.64rem; position: relative;}
.helpmain .div1{ margin:0 auto;height:3.44rem; background: #fff;  background: url(../images/j.png) no-repeat; background-size:cover;  background-size:12rem 3.44rem;}
.helpmain ul{text-align: center;  display: inline-block; position: relative; width:100%;}
.helpmain ul li{float:left; }
.helpmain ul .folder{position:absolute; left:1.90rem; top:0.76rem;}
.helpmain ul .folder img{transition: all 1.0s;width:0.96rem;height:1.18rem;}
.helpmain ul .folder img:hover{transform: scale(1.3);}
.helpmain ul .file img{transition: all 1.0s; width:0.96rem;height:1.18rem;}
.helpmain ul .file img:hover{transform: scale(1.3);}
.helpmain ul .ppt img{transition: all 1.0s;width:0.98rem;height:1.18rem;}
.helpmain ul .ppt img:hover{transform: scale(1.3);}
.helpmain ul .line1{position:absolute; left:4.10rem; top:0.78rem; width:0.02rem; height:1.26rem; display: none;}
/* .helpmain ul .line22{background: #ccc;width:0.02rem; height:1.26rem; position:absolute; left:3.10rem; top:0.78rem;} */
.helpmain ul .file{position:absolute; left:5.46rem; top:0.70rem;}
.helpmain ul .line2{position:absolute; left:7.84rem; top:0.78rem; width:0.02rem; height:1.26rem; display:none;}
.helpmain ul .ppt{position:absolute; right:1.94rem; top:0.7rem;}
.helpmain .div2{width:100%;  text-align: center; position: absolute; top:2.20rem; left:0.30rem;};
.helpmain .div2 .sc{text-align: center;  display: inline-block;}
.helpmain .div2 .sc li{float:left; line-height: 0.98rem; padding-left:1.20rem; padding-right:0.7rem;text-align: center;}
.helpmain .div2 .sc li a{font-family: "Microsoft YaHeiLight"; font-size:0.18rem;color:#31aeee;}

.download{width:100%; height:4.54rem; 
  background:url(../images/bg.png); 
  background-size:cover;
  background-size:12rem 4.54rem ;
}
.download_c{width:100%; height:4.54rem; margin:0 auto; text-align: center; overflow: hidden;}
/* .download_c .d1{position: relative; clear:both; height:2.86rem; }

.download .Web{position: absolute;right:0.9rem; bottom:0.47rem;}
.download .Web img{width:2.95rem; height:0.75rem;} */
.download .nwc{overflow: hidden; margin:0.35rem auto 0 auto;  width:6rem;}
/* .download .nwc .n1{float:left; text-align: center;} */
.download .nwc .w2{
  /* float:right; */
  text-align: center;}
.download .nwc .n1 .nei{ font-family: "Microsoft YaHei"; color:#fff; font-size:0.26rem;}
.download .nwc .n1 .nei1{ font-family: "Microsoft YaHei"; color:#fff; font-size:0.16rem;line-height: 0.24rem;}
.download .nwc .w2 .wai{ font-family: "Microsoft YaHei"; color:#fff; font-size:0.26rem;}
.download .nwc .w2 .wai1{ font-family: "Microsoft YaHei"; color:#fff; font-size:0.16rem;line-height: 0.24rem;}
.download .ernei{padding-top:0.34rem; width:2.15rem;}
.download .er{ padding-top:0.34rem; width:2.15rem;}
.download .down1{ font-family: "Microsoft YaHei"; color:#fff; font-size:0.26rem; padding-top:0.05rem;}
/* .download .st{position: absolute; width:2px; height:200px; border-radius: 1px; background: #999; right:480px; top:104px;} */

.download .s1{ margin:0;padding:0;-webkit-margin-before: 0;
  -webkit-margin-after: 0;  font-family: "Microsoft YaHei"; color:#dbdbdb; font-size:0.14rem; line-height: 0.14rem; }
.download .s2{display:block;  font-family: "Microsoft YaHei"; color:#dbdbdb; font-size:0.14rem;  }

.foot{width:100%; height:0.4rem; background:rgb(0,0,0); text-align: center; position: relative;}
.foot span{font-size: 0.14rem; color:#666;line-height: 0.4rem; font-family: "Microsoft YaHei"; display:block;}


/* .ttt{width:100%; height:0; margin: 0 auto; position: relative;} */
.back{position:fixed; display:none;
   bottom: 0.45rem; right:0.1rem; width:0.41rem; height:0.33rem; border-radius:0.02rem;
   background:rgba(0,0,0,.3); z-index: 9;}
.back #btnTop{ text-align: center;  width:100%;height:100%;display: block; }
.back .arrow{ width:0.31rem; height:0.19rem; border:none; position: absolute; top:0.05rem; left:0.05rem; background:url(../images/bai.png);background-size:0.31rem 0.19rem ;}
.back:hover .arrow{background:url(../images/hei.png); background-size:0.31rem 0.19rem ;}

/* .container{width: 12rem;  margin:0 auto 0.4rem auto;   position: relative; box-sizing: border-box;}
  .wrapper{width: 10.8rem ; height: 2.80rem ; margin:0 auto ;
     position: relative;  overflow: hidden; box-sizing: border-box;}
  .slide{ position: absolute; left:0; top:0; width: 30rem;  }
  .slide li{
    width: 3.6rem; height: 2.8rem; float:left; box-sizing: border-box;
  }
  .slide li a{font-family: 'Microsoft YaHeiLight'; font-size:0.18rem;color:#31aeee;}
  .iBox{width: 3.6rem; height: 1.6rem;  text-align: center; padding-top:0.4rem;}
  .iB{text-align: center; padding-top:0.2rem;} */
  /* .button-prev {
    position: absolute; left:0.1rem; top:46%;
    background: url(../images/backleft.png) no-repeat center;
    background-size: 0.13rem 0.22rem ;
    width: 0.44rem;
    height: 0.44rem;
    box-sizing: border-box;
    z-index:3;
} */
   /* .button-next {
    position: absolute; right:10px; top:46%;
    background: url(../images/go.png) no-repeat center;
    background-size: 0.13rem 0.22rem ;
    width: 0.44rem;
    height: 0.44rem;
    box-sizing: border-box ;
    z-index:10;
}  */






/* 轮播 */
.container{width: 12rem;  margin:0 auto 0.40rem auto;   position: relative; box-sizing: border-box;}
.wrapper{width: 10.80rem ; height: 2.80rem ; margin:0 auto ;
   position: relative;   overflow: hidden; box-sizing: border-box;}
.slide{ position: absolute; left:0; top:0; width: 22rem;  }
.slide li{
  width: 3.60rem; height: 2.80rem; float:left; box-sizing: border-box;
}
 .slide li a{font-family: 'Microsoft YaHeiLight'; font-size:.18rem;color:#31aeee;}
.iBox{width: 3.6rem; height: 1.60rem;  text-align: center; padding-top:.4rem;}
.iBox img{width:0.99rem;height:1.18rem; transition: all 1.0s;}
.iBox img{transition: all 1.0s;}
.iBox img:hover{transform: scale(1.3); cursor:pointer;}
.iB{text-align: center; padding-top:.20rem;} 
.button-prev {
  position: absolute; left:.2rem; top:30%;
  background: url(../images/btl3.png) no-repeat center;
  background-size: 0.52rem 0.56rem;
   width: 0.52rem ;
  height: .56rem; 
  box-sizing: border-box;
  z-index:3;
}
.button-prev:hover{background: url(../images/btl4.png) no-repeat center; background-size: 0.52rem 0.56rem;}
 .button-next {
  position: absolute; right:.2rem; top:30%;
  background: url(../images/btr3.png) no-repeat center;
  background-size: 0.52rem 0.56rem;
  width: 0.52rem ;
  height: .56rem;
  box-sizing: border-box ;
  z-index:10;
}
.button-next:hover{
background-image: url(../images/btr4.png) no-repeat center;
background-size: 0.52rem 0.56rem;
}
/* .swiper-button-prev:hover, .swiper-button-next:hover{
transition: all .5s;
  border-radius: 100%;
  border: 2px solid transparent;
} */

/* 轮播图       */
.swiper-container{
  width:100%; height:5.02rem !important; padding-top: 0.8rem !important;
}
.swiper-wrapper{
  /* margin:0 auto; */
  width:100% !important;
  /* overflow: hidden !important; */
}
.swiper-slide{ width:100% !important;
    overflow: hidden !important;}
.bannerWrap .banner img{width:100%;}
.swiper-button-prev{
  background-image:url(../images/btl1.png) !important;
  width: 0.52rem !important;
  height:0.56rem !important;
  margin-top:-0.1rem !important;
 background-size: 0.52rem 0.56rem !important;
}
.swiper-button-prev:hover{background-image:url(../images/btl2.png) !important;}
.swiper-button-next{
  background-image:url(../images/btr1.png) !important;
  width: 0.52rem !important;
  height:0.56rem !important;
  background-size: 0.52rem 0.56rem !important;
  margin-top:-0.1rem !important;
}
.swiper-button-next:hover{background-image:url(../images/btr2.png) !important;}
/* 轮播图       */

/* 轮播 */

@keyframes m1{
  0% {
    transform: translateX(1rem); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
 
@-webkit-keyframes m1{
  0% {
    transform: translateX(1rem); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}

@-o-keyframes m1{
  0% {
    transform: translateX(1rem); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes m1{
  0% {
    transform: translateX(1rem); 
    filter:alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}

@keyframes m2{
  0% {
    transform: translateX(-1rem);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes m2{
  0% {
    transform: translateX(-1rem);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-o-keyframes m2{
  0% {
    transform: translateX(-1rem);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes m2{
  0% {
    transform: translateX(-1rem);
    filter:alpha(opacity=0); 
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    filter:alpha(opacity=100);
    opacity: 1;
  }
}



}