html,body{width: 100%;background: #fff;}

.home{width:100%;padding-top:56px;padding-bottom:0;}

/* box1 */
.box1{width:100%;background: url(/brand/imgs/box1bg.jpg) bottom  center repeat-y ;background-size: 100% auto}
.box1 .inner{width:100%;max-width:1920px;background: url(/brand/imgs/box1bg.jpg) top center no-repeat;margin:0 auto;padding-top:78px;height: 768px;}
.box1 .video1 {width:100%;margin:0 auto 30px;}
.video2 {width:100%;position: fixed;top:0;top:0;bottom:0;right:0;background: #000;z-index: 1111111111111111111111111;}
.video2 .video{width:70%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: none;}
.video2 .video video{background: none;}
.video2 .closeBtn{position: absolute;top:16px;right:-40px;cursor: pointer;background: rgba(0,0,0,0.5);border-radius: 50%;z-index: 1;}
.box1 .video1 img{width:100%;}
.box1 .box1-txt{width:894px;margin:0 auto ;text-align: center;font-size: 16px;color:#606060;line-height: 32px;padding-bottom:77px;}
/* box2 */
.box2{width:100%;background: #01885f;padding-top:40px;position: relative;}
.box2 .inner{width:100%;max-width:1920px;background: #01885f;margin:0 auto;padding-top:40px;height: 877px;}
.box2 h2 {width:1200px;margin:0 auto 65px;text-align: center;background: url(/brand/imgs/b2-tt.png) center center no-repeat;font-size: 42px;color:#fff; line-height: 30px;}
.box2 h2 span{font-size: 14px;}
.box2 .b2-t{width:100%;text-align: center;padding-top:177px;}
.box2 .b2-t-img{display: none;width:100%;text-align: center;}
.box2 .b2-t-img.on{display:block;}
.home .box2 .box{margin-top:66px;width:100%;height:820px;position:relative}
.home .box2 .box .list{width:1400px;height:696px;overflow:hidden;position:absolute;left:50%;margin-left:-700px}
.home .box2 .box .btn{position:absolute;top:50%;margin-top:-50px;width:60px;height:100px;line-height:100px;font-size:30px;color:#fff;text-decoration:none;text-align:center;background:rgba(0,255,0,.5);cursor:pointer}
.home .box2 .box .next{right:0}
.home .box2 .box li{position:absolute;top:0;left:0;list-style:none;opacity:0;transition:all .3s ease-out;border:0;width:auto;height: auto;;}
.home .box2 .box li a{width:100%;height: 100%;display: block;}
.home .box2 .box li a p{width:100%;color:#fff;font-size: 16px;text-align: center;line-height: 40px;padding-bottom:10px;}

.home .box2 .box li a p span{display: inline-block;width:369px;height: 40px;line-height: 40px;font-size: 30px;opacity: 1;background: none;;}
.home .box2 .box li:hover{border:0;}
.home .box2 .box img{width:1200px;height:696px;border:none;float:left}
.home .box2 .box .p1{transform:translate3d(-100px,0,0) scale(.51)}
.home .box2 .box .p2{transform:translate3d(0,0,0) scale(.51);transform-origin:0 50%;opacity:.8;z-index:2}
.home .box2 .box .p3{transform:translate3d(100px,0,0) scale(1);z-index:3;opacity:1}
.home .box2 .box .p4{transform:translate3d(200px,0,0) scale(.51);transform-origin:100% 50%;opacity:.8;z-index:2}
.home .box2 .box .p5{transform:translate3d(300px,0,0) scale(.51)}
.home .box2 .box .buttons{position:absolute;width:1200px;height:30px;bottom:75px;left:50%;margin-left:-600px;text-align:center;padding-top:10px}
.home .box2 .box .buttons a{display:inline-block;width:40px;height:7px;padding-top:4px;cursor:pointer;margin-right:10px;}
.home .box2 .box span{display:block;width:40px;height:7px;background:#fff;opacity: 0.6;}
.home .box2 .box .blue{background:#fff;opacity: 1;}



@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg);}
}
.layer-mask{position:absolute;top:0;right:0;left:0;width:100%;height:100%;background-color:#3e3e3e;opacity:.7;transition:all .5s;}
.swiper-slide-active .layer-mask{display:none;}
.pc-banner{float:left;width:100%;}
@media screen and (max-width:668px){.pc-banner{background-size:auto 100%;}
}
.swiper-container{margin:35px 0;width:100%;}
@media screen and (max-width:668px){.swiper-container{margin:20px 0 15px;}
}
.swiper-slide{margin-top:70px;margin-bottom:70px;-webkit-transition:transform 1s;-moz-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(.85);transform:scale(.85);-ms-transition:transform 1s;}
@media screen and (max-width:668px){.swiper-slide{-webkit-transform:scale(.97);transform:scale(.97);}
}
.swiper-slide-active,.swiper-slide-duplicate-active{z-index:1002;-webkit-transform:scale(1.15);transform:scale(1.15);}
@media screen and (max-width:668px){.swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(.97);transform:scale(.97);}
}
.none-effect{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
.swiper-slide a{display:block;}
@media screen and (min-width:668px){.swiper-slide a:after{position:absolute;top:0;left:0;display:block;box-sizing:border-box;width:100%;height:100%;border-radius:2px;
}
  .swiper-slide-active a:after{background:0 0;}
  @media screen and (max-width:668px){.swiper-slide a{padding:5px;border-radius:2px;}
  }
  .swiper-slide img{display:block;width:100%;height:100%;border:none;border-radius:5px;}
  @media screen and (max-width:668px){.swiper-slide img{border-radius:2px;}
  }
  .swiper-pagination{position:relative;margin-bottom:30px;border-radius: 0;}
  .swiper-pagination-bullet{margin-right:4px;margin-bottom:4px;margin-left:4px;width:40px;height:7px;background:#fff;opacity:0.6;border-radius: 0;}
  .swiper-pagination-bullet-active{margin-bottom:0;width:40px;height:7px;background:#FFF;opacity: 1;}
  @media screen and (max-width:668px){.swiper-pagination{position:relative;margin-bottom:20px;}
    .swiper-pagination-bullet{margin-right:2px;margin-bottom:2px;margin-left:2px;width:40px;height:7px;background:#fff;}
    .swiper-pagination-bullet-active{margin-bottom:0;width:40px;height:7px;background:#FFF;opacity: 1;}
  }
  .button{position:relative;top:-390px;z-index:1002;margin:0 auto;width:100%;}
  @media screen and (max-width:1105px){.button{position:relative;top:-240px;z-index:1002;width:100%;}
  }
  @media screen and (max-width:800px){.button{position:relative;top:-200px;z-index:1002;width:100%;}
  }
  .button div:hover{background-color:#333;opacity:.8;cursor:pointer;}
  .swiper-button-prev{width:70px;height:70px;border-radius:50%;background:url("data:image/svg+xml;background-size:15px;cursor:pointer;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000 center 50%/50% 50% no-repeat;opacity:.5;}
  .swiper-button-next{width:70px;height:70px;border-radius:50%;background:url("data:image/svg+xml;background-size:15px;cursor:pointer;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000 center 50%/50% 50% no-repeat;opacity:.5;}
  @media screen and (max-width:668px){.button div{width:28px;height:28px;}
  }

  /* box3 */
  .box3{width:100%;height: 921px;background: #e5e8f0;background: url(/brand/imgs/b3-bg.jpg) top center no-repeat;background-size: 100% auto;}
  .box3 .inner{width:100%;max-width:1920px;margin:0 auto;padding-top:70px;height: 851px;}
  .box3 h2{width:1200px;;text-align: center;margin:0 auto 70px;}
  .box3 h2 {background: url(/brand/imgs/b3-tt.png) center center no-repeat;font-size: 42px;color:#888888; line-height: 30px;}
  .box3 h2 span{font-size: 14px;}
  .box3 .b3-list{width:1200px;margin:0 auto;height: 640px;}
  .box3 .b3-list li{float: left;width:374px;height: 640px;margin-right:38px;background: #e5e8f0;visibility:hidden;position: relative;overflow: hidden;border:0;}
  .box3 .b3-list li .txt{width:100%;position: absolute;left:0;bottom:15px;text-align: center}
  .box3 .b3-list li .txt h3{font-size: 48px;color:#01885f;line-height: 48px;font-weight: bold;}
  .box3 .b3-list li .txt p{font-size: 18px;color:#5f5f5f;line-height: 45px;}
  .box3 .b3-list li .b3-11{position: absolute;;top:0;left:1px;width:374px;height: 508px;overflow: hidden;;}
  .box3 .b3-list li .b3-11 img{position: absolute;left:0;top:0;}
  .box3 .b3-list li:hover{border:0;}
  .box3 .b3-list li.animate{ transition: box-shadow 0.5s ease;visibility: visible;animation: mk_bottom_to_top_scale 1s 1 cubic-bezier(0.77, 0, 0.175, 1) both;}
  .box3 .b3-list li.last{margin-right:0px;}
  /* .box3 .b3-list li:hover{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); flip horizontally 180deg transform: rotateY(180deg); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } */
  /* box4 */
  .box4{width:100%;height: 698px;background:#05835d url(../imgs/b4-bg.jpg) top center no-repeat;background-size: auto 100%;overflow: hidden;}
  .box4 .inner{width:100%;max-width: 1920px;margin:0 auto;padding-top:60px;height: 629px;}
  .box4 h2{width:1180px;text-align: center;margin:0 auto 107px;}
  .box4 h2 {background: url(/brand/imgs/b2-tt.png) center center no-repeat;font-size: 42px;color:#fff; line-height: 30px;}
  .box4 h2 span{font-size: 14px;}
  .box4 .logos{width:887px;margin:0 auto;height: 460px;background: url(/brand/imgs/logosbg.png) 0 0 no-repeat;position: relative;}
  .box4 .b4-img{position: absolute;}
  .box4 .b4-1{top:267px;left:71px;-webkit-animation:shan 2s 0s infinite linear;animation:shan 2s 0s infinite linear;}
  .box4 .b4-2{top:89px;left:65px;-webkit-animation:shan 2s .2s infinite linear;animation:shan 2s .2s infinite linear;}
  .box4 .b4-3{top:46px;left:233px;-webkit-animation:shan 2s .4s infinite linear;animation:shan 2s .4s infinite linear;}
  .box4 .b4-4{top:14px;left:482px;-webkit-animation:shan 2s .6s infinite linear;animation:shan 2s .6s infinite linear;}
  .box4 .b4-5{top:113px;left:727px;-webkit-animation:shan 2s .8s infinite linear;animation:shan 2s .8s infinite linear;}
  .box4 .b4-6{top:288px;left:670px;-webkit-animation:shan 2s 1s infinite linear;animation:shan 2s 1s infinite linear;}
  .box4 .b4-7{bottom:42px;left:298px;}

  @-webkit-keyframes shan{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
    50%{-webkit-transform:scale(.8);transform:scale(.8)}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
  }
  @keyframes shan{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
    50%{-webkit-transform:scale(.8);transform:scale(.8)}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
  }
  @-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0.8);transform:scale(0.8)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
  }
  @keyframes bouncedelay{
    0%,100%,80%{-webkit-transform:scale(0.8);transform:scale(0.8)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
  }
  @keyframes mk_bottom_to_top_scale {
    0% {
      -webkit-transform: translate(0, 50px) scale(0.8);
      transform: translate(0, 50px) scale(0.8);
      opacity: 0;
    }

    100% {
      -webkit-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
      opacity: 1;
    }
  }