.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.8;}
.swiper-button-next,.swiper-button-prev{background: url(../img/next2.png) #fff center no-repeat;width: 3vw;height: 3vw;border-radius: 50%; border: 1px solid #fff;
    max-width: 60px;max-height: 60px;right: -5.2vw;opacity: 1;background-size: 20px auto;min-width: 40px;min-height: 40px;box-shadow:  2px 4px 10px rgba(0,0,0,0.1);
transition: .2s all ease;-ms-transition: .2s all ease;-webkit-transition: .2s all ease;}
.swiper-button-prev,.swiper-button-prev.swiper-button-disabled{left: -5.2vw;background-image: url(../img/left2.png);}
.swiper-button-next.swiper-button-disabled{background-image: url(../img/next.png);}
.index .swiper-pagination{z-index: 1;position: static;text-align: center;font-size: 0;}
.index .swiper-pagination-bullet{display: inline-block; height: 6px;width: 7.2vw;border-radius: 4px;margin: 0 5px;opacity: 1;background-color: #e0e0e0;}
.index .swiper-pagination-bullet-active{background: #014fa1 !important;opacity: 1 !important;}

.banner{height: 49.47vw;width: 100%;background: url(../img/banner.png);position: relative;background-size: cover;text-align: center;overflow: hidden;}
.banner .swiper-container{height: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{position: static; margin-top: 0;}
.banner img{display: block;}
.banner .txt{width: 32.5%;margin-right: 0.3%;text-align: left;height: 100%;padding-top: 15vw;box-sizing:border-box;}
.banner .img{width: 45%;height: 30vw;position: relative;margin-left: 5%;}
.banner .img img,.box-team .img img{position: absolute;left:50%;top: 50%;max-height: 100%;max-width: 100%;width: auto;height: auto;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition: .8s all ease;-ms-transition: .8s all ease;-webkit-transition: .8s all ease;}
.banner .img img{transform: translate(-50%,-50%) scale(0.8);-ms-transform: translate(-50%,-50%) scale(0.8);-webkit-transform: translate(-50%,-50%) scale(0.8);}
  .banner .swiper-slide-active img{opacity: 1;transform: scale(1) translate(-50%,-50%);-ms-transform: scale(1) translate(-50%,-50%);-webkit-transform: scale(1) translate(-50%,-50%);
    -webkit-animation-duration: 0.8s;-o-animation-duration: 0.8s;animation-duration: 0.8s;
 -webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.banner .txt h3{color: #20202a;font-size: 3vw;display: block;}
.banner .txt h4{color: #858585;font-size: 1.6vw;display: block;border-bottom: 1px solid #cecece;font-family: Arial;
    padding-bottom: 0.7vw;margin: 0.5vw 0 1vw 0;line-height: 1.2;width: 485px;max-width: 100%;}
.banner .txt p{color: #20202a;font-size: 1.5vw;line-height: 1.8;width: 485px;max-width: 100%;}
.banner .dot{display: block;width: 2vw;height: 2vw;background: rgba(212,72,100,0.1);position: absolute;border-radius: 50%;
padding: 0.4vw;box-sizing:border-box;}
.banner .d1{left: 37.7vw;top: 10vw;} 
.banner .d2{right: 15vw;top: 10vw;background: rgba(255,255,255,0.1);} 
.banner .d3{right: 39.5vw;bottom: 1.5vw;} 
.banner .dot i{display: block;width: 1.2vw;height: 1.2vw;background: #d44864;border-radius: 50%;}
.banner .d2 i{background: #fff;}
.banner .dot{
    -webkit-animation: pulse 0.9s linear 0.3s infinite;
    -ms-animation: pulse 0.9s linear 0.3s infinite;
    -moz-animation: pulse 0.9s linear 0.3s infinite;
    -o-animation: pulse 0.9s linear 0.3s infinite;
}

.banner .d1{left: 0;top:0;}
.banner .d2{left: 0;top: 0;}
.banner .d3{right: 0;bottom: 0;top: auto;}
.dot-list.l1{position: absolute;width: 33vw;height: 33vw;border-radius: 50%;top: 11.2vw;right: 13.8vw;
    -webkit-animation: rotate360  21s linear 0.2s infinite;
    -ms-animation: rotate360  21s linear 0.2s infinite;
    -moz-animation: rotate360  21s linear 0.2s infinite;
    -o-animation: rotate360  21s linear 0.2s infinite;}
  .dot-list.l3{position: absolute;width: 51.3vw;height: 51.3vw;border-radius: 50%;top: 2.5vw;right: 4.2vw;
    -webkit-animation: rotate360  11s linear 0.4s infinite;
    -ms-animation: rotate360  11s linear 0.4s infinite;
    -moz-animation: rotate360  11s linear 0.4s infinite;
    -o-animation: rotate360  11s linear 0.4s infinite;}
  .dot-list.l2{position: absolute;width: 33vw;height: 33vw;border-radius: 50%;top: 11.2vw;right: 13.8vw;
    -webkit-animation: rotate360  11s linear infinite;
    -ms-animation: rotate360  11s linear infinite;
    -moz-animation: rotate360  11s linear infinite;
    -o-animation: rotate360  11s linear infinite;}
  

.banner .swiper-slide-active .txt h3{
    -webkit-animation: fadeInUp 0.6s ease 0.3s both;
    -ms-animation: fadeInUp 0.6s ease 0.3s both;
    -moz-animation: fadeInUp 0.6s ease 0.3s both;
    -o-animation: fadeInUp 0.6s ease 0.3s both;
}

.banner .swiper-slide-active .txt h4{
    -webkit-animation: fadeInUp 0.6s ease 0.5s both;
    -ms-animation: fadeInUp 0.6s ease 0.5s both;
    -moz-animation: fadeInUp 0.6s ease 0.5s both;
    -o-animation: fadeInUp 0.6s ease 0.5s both;
}
.banner .swiper-slide-active .txt p{
    -webkit-animation: fadeInUp 0.8s ease 0.7s both;
    -ms-animation: fadeInUp 0.8s ease 0.7s both;
    -moz-animation: fadeInUp 0.8s ease 0.7s both;
    -o-animation: fadeInUp 0.8s ease 0.7s both;
}

.banner .swiper-slide-active .btn-g{
    -webkit-animation: fadeInUp 0.6s ease 1.1s both;
    -ms-animation: fadeInUp 0.6s ease 1.1s both;
    -moz-animation: fadeInUp 0.6s ease 1.1s both;
    -o-animation: fadeInUp 0.6s ease 1.1s both;
}

.btn{width: 5.2vw;position: absolute;right: 1.9vw;top: 15vw;box-sizing:border-box;z-index: 1;}
.btn li{background: #fff; overflow: hidden; height:  5.2vw;width:  5.2vw;position: relative; line-height: 5.2vw; display: block;text-align: center; margin-bottom: 1.9vw;
  border-radius: 50%;border: 2px solid #fff;cursor: pointer;
  transition: .2s all ease;-ms-transition: .2s all ease;-webkit-transition: .2s all ease;}
.btn li.on{border-color: #014fa1;box-shadow: 1px 3px 4px#215ebd;} 
.btn li img{position: absolute;left: 50%;top: 50%;max-width: 95%;max-height: 95%; 
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}

.btn-g{margin-top: 2vw;}
.btn-g a{display: inline-block;border: 1px solid #cecece;line-height: 1.5;padding: 0.7vw 3vw; border-radius: 9px;position: relative;overflow: hidden;
    text-align: center;color: #20202a;box-sizing:border-box;max-width: 50%;}
.btn-g a:first-child{border-color: #014fa1;color: #fff; background: #014fa1;margin-right: 1.5vw;}
.btn-g a:before{content: "";display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: -1; background: #3b8add;border-color: #3b8add;
 opacity: 0; transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.banner .arrow-g{position: absolute;bottom: 4vw;width: auto;z-index: 1; right: 25.5vw;font-size: 0;}
.banner .arrow-g div{display: inline-block;}
.banner .arrow-g div:last-child{margin-left: 3vw;}

.title{color: #20202a;padding-bottom: 25px;background: url(../img/line.png) center bottom no-repeat;margin-bottom: 2.3vw;position: relative;}
.title h3{font-size: 1.8vw;text-align: center;}
/* .title:before,.title:after{content: "";position: absolute;bottom: 0; display:block;width: 20px;border-radius: 2px;height: 4px;background: #014fa1;z-index: 2;
left: 50%; transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);
 -webkit-animation: pulse2 2.5s linear infinite;
    -ms-animation: pulse2 2.5s linear infinite;
    -moz-animation: pulse2 2.5s linear infinite;
    -o-animation: pulse2 2.5s linear infinite;}
.title:after{ -webkit-animation: pulse3 2.5s linear infinite;
    -ms-animation: pulse3 2.5s linear infinite;
    -moz-animation: pulse3 2.5s linear infinite;
    - o-animation: pulse3 2.5s linear infinite;
}
*/
.box-about {padding: 4.2vw 0 7vw 0;}
.box-about .txt{line-height: 1.8; text-align: center; background: #014fa1;height: 100%;box-sizing: border-box;
 color: #fff;font-size: 16px;display: inline-block;vertical-align: middle;width: 86px;}
.box-about .txt h4{line-height: 1.4; font-size: 30px;font-weight: bold;text-transform: uppercase;position: absolute;
   top: 50%;left: 50%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.box-about .txt p,.box-about .txt a{display: none;}
.box-about .swiper-container{height: 23vw;}
.box-about .img {height: 100%;display: inline-block;vertical-align: middle;width: 100%;overflow: hidden;}
.box-about .img a{display: block;height: 100%;position: relative;overflow: hidden;}
.box-about .img img{height: 100%;max-width: unset;display: block;min-width: 100%;position: absolute;
   top: 50%;left: 50%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.box-about .txt span,.box-about .txt p,.box-about .txt a{display: none;}
.box-about .txt a{width: 121px;padding: 0.4vw 0;max-width: 80%; border: 1px solid #fff; text-align: center;margin-top: 1.9vw;border-radius: 9px;
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.con{display: inline-block;vertical-align: middle;}
.box-about .swiper-slide-prev .txt{position: absolute;left: 0;}
.box-about .swiper-slide-next .txt{position: absolute;right: 0;}
.box-about .swiper-slide {width: 48%; font-size: 0;height: 23vw;overflow: hidden;}

/*active*/
.box-about .swiper-slide-active .img{width: 60%;}
.box-about .swiper-slide-active .img a{margin-top: 1vw;height: 21vw;overflow: hidden;box-shadow: 5px 5px 9px 0 #b7b7b7;} 
.box-about .swiper-slide-active .txt{position: absolute;top: 0;right: 0; padding: 0 1.5vw;width: 40%;box-sizing:border-box;text-align: left;padding-right: 1vw;padding-top: 3vw;}
.box-about .swiper-slide-active .txt h4{position: static; font-size: 1.2vw; padding-bottom: 1.2vw;margin-bottom: 1.2vw;border-bottom: 2px solid #fff;line-height: 1.8;
    -webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.box-about .swiper-slide-active .txt br{display: none;}
.box-about .swiper-slide-active .txt span,.box-about .swiper-slide-active .txt p,.box-about .swiper-slide-active .txt a{display: block;}
.box-about .swiper-slide-active .txt p{max-height: 7.2em; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.icon-box{margin-top: 4vw;font-size: 0;position: relative;}
.icon-box ul{font-size: 0;text-align: center;}
.icon-box li{display: inline-block;width: 31%;text-align: center;margin: 0 1%;position: relative;}
.icon-box h4{display:inline-block;vertical-align: middle; font-size: 2.4vw;font-weight: bold;color: #20202a;line-height: 1.4;margin-left: 0.7vw;text-align: left;}
.icon-box span{font-size: 18px;color: #858585;display: block;font-weight: normal;}
.icon-box i{display:inline-block;vertical-align: middle;width: 5.2vw;}
.icon-box i img{display: block;width: 100%;}
.icon-box .line-con{position: absolute;top: 50%;width: 8.7vw;height: 1px;border-bottom: 2px dashed #2c548f;display: block;left: 33.3%;margin-left: -4.35vw;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.icon-box .line-con:after,.icon-box .line-con:before{content: "";display: block;width: 9px;height: 9px;border: 2px solid #2c548f;border-radius: 50%;position: absolute;left: -11px;top: -5px;}
.icon-box .line-con:before{left: auto;right: -11px;}
.icon-box li:nth-child(4){left: 66.6%;}

.box-team{background: #e5eaef;position: relative;margin-bottom: 6.5vw;height: 40.9vw;}
.box-team .title{color: #fff;background-image: url(../img/line2.png);background-position: left bottom;}
.box-team .title h3{line-height: 1.5;display: block;min-width: 4em;text-align: left;}
.box-team .title:after,.box-team .title:before{background: #fff;display: none;}
.box-team .fl{line-height: 1.8; padding: 8.7vw 4.2vw 1vw 7.3vw;box-sizing:border-box; background: url(../img/tbgl.jpg) no-repeat;background-size: cover;position: absolute;
height: 100%;}
.box-team .fl p{width: 12em;color: #fff;}
.box-team .arrow-g{margin-top: 2.2vw;}
.box-team .swiper-button-next,.box-team .swiper-button-prev{position: static;display: inline-block;margin-right: 1.4vw; margin-top: 0;}
.box-team .fr{width: 67.5%;margin-left: auto;margin-right: 7.3%;overflow: hidden;}
.box-team .fr .swiper-container{padding: 5.2vw 0 4.6vw 0;}
.box-team .swiper-slide i{font-style: normal; display: block;font-size: 1.8vw;height: 4vw;width: 4vw;line-height: 4vw;text-align: center;border-radius: 10px;background: #014fa1;color: #fff;
top: -1.5vw;left: 1.5vw;font-family: Arial;font-weight: bold; position: absolute;z-index: 1;}
.box-team .img{display: block;width: 100%;height: 24.4vw;overflow: hidden;position: relative; border-radius:10px 10px 0 0;}
.box-team .img img{display: block;min-width: 100%;min-height: 100%;width: auto;max-height: unset;}
.box-team .txt{width: 100%;padding: 1.5vw 1vw 3vw 2.6vw;box-sizing:border-box;line-height: 1.7; background: #fff;color: #727276;}
.box-team .txt h4{font-size: 20px;color: #181822;margin-bottom: 7px;position: relative;}
.box-team .txt h4:before{content: ">";font-size: 18px;color: #014fa1; position: absolute;left: -1.4vw; }
.box-team .txt p{line-height: 1.8;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.box-team .swiper-slide{box-shadow: 5px 5px 16px rgba(0,0,0,0.05);}
.box-team .swiper-slide-next {transform: translateY(-1.9vw);}
.box-team .swiper-slide-active {transform: translateY(3.5vw);}

.box-team .ballL{position: absolute;left: 4.2vw;bottom: -6vw;z-index: 1;width: 7.5vw;max-width: 145px;}
.box-team .ballR{position: absolute;top: -4vw;right: 0;z-index: 1;width: 10vw;max-width: 193px;}

.box-product{margin-bottom: 2vw;padding-top: 3vw;}
.box-product .title{margin-bottom: 3vw;}
.box-product .list{margin-bottom: 3vw;}
.box-product li a{display: block;border: 1px solid #f7f7f7;text-align: center;font-size: 18px; /* background: #f7f7f7; */padding-bottom: 2vw;}
.box-product li a:before,.box-product li a:after{content: "";display: block;width: 0;height: 0;position: absolute;
    transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.box-product li a:before{top: 0;left: 0;border-top: 1px solid #014fa1;border-left: 1px solid #014fa1;opacity: 0;}
.box-product li a:after{bottom: 0;right: 0;border-right: 1px solid #014fa1;border-bottom: 1px solid #014fa1;opacity: 0;}
.box-product .pic{height: 16.5vw;position: relative;overflow: hidden;}
.box-product .pic img,.box-user a img{max-width: 100%;max-height: 100%;position: absolute;
   top: 50%;left: 50%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
   transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease; }
.box-product li span{padding:0 15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.vmore{overflow: hidden; width: 122px;height: 43px;line-height: 43px;font-size: 16px;text-align: center;border-radius: 10px;background: #014fa1;box-shadow: 3px 5px 9px rgb(76 124 215 / 70%);;
    color: #fff;display: block;margin: 0 auto;position: relative; transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.vmore:after{content: "";display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;z-index: -1;opacity: 0;
    transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;border-radius: 9px;}
    .vmore:active{background: #014fa1 !important;color: #fff;}
.box-user li a h4,.box-user li span{display: none;}
.box-user li a{display: block;height: 8vw;border: 1px solid #ececec;overflow: hidden;box-sizing:border-box;}
.swiper-container ul{display: flex;}
.swiper-container li{display: block;float: left;}
@media screen and (min-width: 1024px){
  .box-product li a:hover img,.box-user li a:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}
  .box-product li a:hover:before,.box-product li a:hover:after{width: 100%;height: 100%;opacity: 1;}
  .vmore:hover{background: none;box-shadow: none;}
  .vmore:hover:after{width: 100%;background: #3b8add;left: 0;top: 0;height: 100%;opacity: 1;}
  .swiper-button-next:hover,.swiper-button-prev:hover,.banner .swiper-button-prev{box-shadow: none;border-color: #014fa1;}
  .swiper-button-prev:hover{background-image: url(../img/left.png);}
  .swiper-button-next:hover{background-image: url(../img/next.png);}
  .box-about .txt a:hover{background: #fff;color: #3b8add;}
  .btn li:hover{border-color: #014fa1;box-shadow: 1px 3px 4px#215ebd;}
  .btn li:hover img,.box-about .img a:hover img{transform: translate(-50%,-50%) scale(1.08,1.08);-webkit-transform: translate(-50%,-50%) scale(1.08,1.08);-ms-transform: translate(-50%,-50%) scale(1.08,1.08);} 
  .btn-g a:hover{color: #fff;background: none;}
  .btn-g a:hover:before{opacity: 1;width: 100%;}
}
@media screen and (max-width: 1520px){
  .box-about .txt p,.box-about .txt a{font-size: 14px;}
  .box-about .txt h4{font-size: 26px;}
  .box-team .txt h4{font-size: 18px;}
}
@media screen and (max-width: 1440px){
  .box-about .swiper-slide-active .txt p{
      /*-webkit-line-clamp: 3;max-height: 5.4em;*/
      -webkit-line-clamp: 5;max-height: unset;
  }
  .box-about .swiper-slide .txt p{
      -webkit-line-clamp: 5;
  }
  .box-team .txt h4{font-size: 16px;}
  .box-team .txt{font-size: 14px;}
  .box-team .fl{font-size: 14px;}
  .box-about .txt h4{font-size: 24px;}
  .box-product li a{font-size: 16px;}

  .box-about .swiper-slide-active .txt h4{font-size: 18px;}
  .box-about .txt span{display: none;}
  .icon-box .line-con{width: 6.3vw;}
  .box-about .swiper-slide-active .txt span{font-size: 14px;}
  .box-about .swiper-slide-active .txt{padding-top: 2vw;}

}
@media screen and (max-width: 1250px){
  .box-about .swiper-slide-active .txt span{font-size: 12px;}
  .title h3{font-size: 26px;}
  .icon-box .line-con{display: none;}
  .box-about .txt a{margin-top: 10px;}
  .btn-g a{padding: 0.7vw 2vw;font-size: 14px;}
  .box-about .swiper-slide-active .txt p{
      /*-webkit-line-clamp: 3;max-height: 5.4em;*/
      -webkit-line-clamp: 4;max-height: unset;
  }
  .box-about .swiper-slide .txt p{
      -webkit-line-clamp: 4;
  }
}
@media screen and (max-width: 1100px){
  .box-about .swiper-slide-active .txt{width: 50%;}
  .box-team .fr{margin-right: 3%;}
  .box-team .fl{padding-left: 5vw;padding-top: 2.5vw;}
  .box-product .pic{height: 22.5vw;}
  .banner .arrow-g{right: 25.3vw;}
  .btn-g a{padding: 0.7vw 1.5vw;font-size: 12px;}

}
@media screen and (max-width: 1024px){
    .box-about .swiper-slide-active .txt p{
      /*-webkit-line-clamp: 3;max-height: 5.4em;*/
      -webkit-line-clamp: 3;max-height: unset;
  }
  .box-about .swiper-slide .txt p{
      -webkit-line-clamp: 3;
  }
  .box-product li a:before, .box-product li a:after{display: none;}
  .swiper-button-next, .swiper-button-prev{display: none;}
  .title h3{font-size: 24px;}

  .box-team .swiper-slide-next,.box-team .swiper-slide-active {transform: none;}
  .box-team{height: auto;}
  .box-team .swiper-slide i{width: 60px;height: 60px;line-height: 60px;font-size: 24px;top: -30px;}
  .box-about .swiper-slide-active .txt a{display: none;}
  .box-user li a{height: 13vw;}
}
@media screen and (max-width: 640px){
  .box-about .swiper-slide-active .txt p{
      /*-webkit-line-clamp: 3;max-height: 5.4em;*/
      -webkit-line-clamp: 6;max-height: unset;
  }
  .box-about .swiper-slide .txt p{
      -webkit-line-clamp: 6;
  }
  .btn-g a{font-size: 3.8vw;}

  .title:before,.title:after{display: none;}
  .title {padding-bottom: 3.4vw;margin-bottom: 5vw;background-size: 12vw auto;}
  .title h3{font-size: 5vw;}
  .swiper-button-next, .swiper-button-prev{width: 12vw;height: 12vw;min-width: 12vw;min-height: 12vw;background-size: 40% auto;}
  .swiper-button-next, .swiper-button-prev,.banner .swiper-button-prev{box-shadow: 4px 3px 12px rgba(0,0,0,0.2);}
  .banner .dot{height: 3.2vw;width: 3.2vw;padding: 0.7vw;}
  .banner .d1{left: 0;top:0;}
  .banner .d2{left: 0;top: 0;}
  .banner .d3{right: 0;bottom: 0;top: auto;}
  .banner .dot i{width: 1.8vw;height: 1.8vw;}
  .banner .d2{background: #f3d8df;}
  .banner .d2 i{background: #c9193c;}
  .dot-list.l1{position: absolute;width: 72vw;height: 72vw;border-radius: 50%;top: 16vw;left: 14vw;
    -webkit-animation: rotate360  21s linear 0.2s infinite;
    -ms-animation: rotate360  21s linear 0.2s infinite;
    -moz-animation: rotate360  21s linear 0.2s infinite;
    -o-animation: rotate360  21s linear 0.2s infinite;}
  .dot-list.l2{position: absolute;width: 46vw;height: 46vw;border-radius: 50%;top: 29.0vw;left: 27vw;
    -webkit-animation: rotate360  11s linear 0.4s infinite;
    -ms-animation: rotate360  11s linear 0.4s infinite;
    -moz-animation: rotate360  11s linear 0.4s infinite;
    -o-animation: rotate360  11s linear 0.4s infinite;}
  .dot-list.l3{position: absolute;width: 72vw;height: 72vw;border-radius: 50%;top: 16vw;left: 14vw;
    -webkit-animation: rotate360  11s linear infinite;
    -ms-animation: rotate360  11s linear infinite;
    -moz-animation: rotate360  11s linear infinite;
    -o-animation: rotate360  11s linear infinite;}
  .banner{background-image: url(../img/mban.jpg);height: 116vw;}
    .banner .swiper-slide-active img{max-height: 90%;}
  .banner .img{width: 86%;height: 72.4vw;display: block;margin: 15.2vw auto 0 auto;}
  .banner .txt{width: 86%;height: auto;display: block;margin: 0 auto;padding: 0;position: absolute;left: 7vw;top: auto;bottom: 3vw; text-align: center;z-index: 1;}
  .btn-g {margin-bottom: 2.6vw;}
  .btn-g a{font-size: 3.6vw;margin: 0;width: auto;padding: 1.3vw 5.8vw;}
  .btn-g a:last-child{display: none;}
  .banner .arrow-g{position: static;}
  .banner .arrow-g div{position: absolute;margin: 0;top: 45vw;
  -ms-transform: none;-webkit-transform: none;-o-transform: none;transform: none;}
  .banner .swiper-button-prev{left: 1vw;}
  .banner .swiper-button-next{right: 1vw;}
  .banner .txt h3{font-size: 5.4vw;}
  .banner .txt h4{padding: 0;border: none;font-size: 3.8vw;line-height: 1.5;}
  .banner .txt p{display: none;}
  .btn{display: none;}
  .box-about{padding: 9.3vw 0 13vw 0;}
  .box-about .swiper-slide,.box-about .swiper-container{height: auto;}
  .box-about .swiper-slide-active .img,.box-about .img{width: 95%;margin: 0 auto; display: block;height: 37.8vw;box-shadow: none;}
  .box-about .swiper-slide-active .txt,.box-about .txt{display: block;width: 100%;position: static;width: 100%;height: auto;padding: 4vw 3vw;box-sizing: border-box;}
  .box-about .swiper-slide-active .img img{height: 100%;margin: 0;box-shadow: none;width: 100%;object-fit:cover;}
  .box-about .swiper-slide-active .txt h4,.box-about .txt h4{font-size: 4vw;border-width: 1px;margin-bottom: 2.5vw;position: static;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
  .box-about .swiper-slide-active .txt span{display: inline;}
  .box-about .txt p, .box-about .txt a{font-size: 3.6vw;}
  .box-about .txt p{display: block;}
  .box-about .swiper-slide-active .txt a{display: none;}
  .box-about .txt h4 br{display: none;}
  .box-about .swiper-pagination{margin-top: 6.6vw;}
  .box-about .swiper-slide-active .img a{height: 100%;}

  .icon-box{margin-top: 7.2vw;}
  .icon-box li{display: block;width: 100%;margin: 0 0 3.6vw 0;background: #fff;border-radius: 2.2vw;padding: 3.5vw 5.7vw;box-sizing: border-box;text-align: left;box-shadow: 4px 3px 12px rgba(0,0,0,0.02);}
  .icon-box i{width: 16vw;height: 16vw;margin-right: 6vw;}
  .icon-box h4{font-size: 6.6vw;margin-left: 0;}
  .icon-box h4 span{font-size: 4.1vw;}
  .icon-box .line-con{display: none;}

  .box-team .fl{position: relative;width: 94%;height: auto;margin-bottom: 10.6vw;padding-bottom: 8vw;padding-top: 5vw;background-image: url(../img/mtbgl.jpg);}
  .box-team .title{display: inline-block;vertical-align: top;}
  .box-team .fl p{width: auto;float: right;width: 65%;}
  .box-team .arrow-g{position: absolute;right: 5%;bottom: -6vw;}
  .box-team .ballL{bottom: -10vw;width: 12vw; left: 3%;}
  .box-team .ballR{top: -9.7vw;width: 20vw;}
  .box-team .img{height: 51vw;}
  .box-team{margin-bottom: 0;background: linear-gradient(#eaeef2 80%,#fff 43%);
     background: -ms-linear-gradient(#eaeef2 80%,#fff 43%);background: -webkit-linear-gradient(#eaeef2 80%,#fff 43%);}
  .box-team .txt h4:before{font-size: 3.6vw;line-height: 1.5;top: 0;left: -1em;display: none;}
  .box-team .fr{width: 94%;margin-left: auto;margin-right: 0;}
  .box-team .fr .swiper-container{padding-top: 6vw;padding-bottom: 9vw; }
  .box-team .txt{padding: 3.8vw 3.8vw 4vw 3.8vw;}
  .box-team .txt h4{margin-bottom: 5px; font-size: 3.6vw;}
  .box-team .txt p{font-size: 3.6vw;}
  .box-team .swiper-slide i{width: 12vw;height: 12vw;line-height: 12vw;font-size: 5vw;top: -6vw;left: 3.3vw;}

  .box-product{margin-bottom: 13vw;}
  .box-product .pic{height: 35.3vw;}
  .box-product li span{padding: 0 3vw; line-height: 1.5;height: 3em;text-align: left;font-size: 3.8vw; white-space: normal;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
  .box-product .swiper-button-next,.box-product .swiper-button-prev{display: none;}
  .box-product .swiper-pagination{margin: 6.3vw auto;}
  .vmore{font-size: 3.8vw;width: 7em;padding: 0.5em 0;height: auto;line-height: 1.5;}
  .box-user li a{height: 14.7vw;}
}