header{position:absolute;left:0;top:0;z-index:99}
header.black nav li a{color:#333}
.btn_2{display:inline-block;width:156px;height:42px;border:2px solid #000;line-height:42px;font-size:14px;color:#000;position:relative;overflow:hidden;background-color:#fff;text-align:center}
.btn_2 i,.btn_2 span{position:relative;z-index:55}
.btn_2 span{left:-12px;top:-3px}
.btn_2 i{left:28px;color:#000;font-size:24px;top:2px}
.btn_2::after{content:'';position:absolute;top:0;width:100%;height:100%;background:#000;right:100%;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);z-index:24;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.btn_2:hover i{color:#fff}
.btn_2:hover::after{-webkit-transform:skew(0)!important;-ms-transform:skew(0)!important;transform:skew(0)!important;right:0!important}
.banner_container{position:relative}
.banner_container .news{position:absolute;width:100%;bottom:20px;z-index:99;height:145px}
.banner_container .news>div{height:100%}
.banner_container .news>div>.news_container{height:100px;background-color:rgba(255,255,255,.9);width:100%;position:absolute;bottom:0;left:0}
.banner_container .news>div>.news_container .swiper-container{margin:0 20px}
.banner_container .news>div>.news_container div{height:100%}
.banner_container .news>div>.news_container div .swiper-slide a{display:block;position:relative;height:100%;margin-right:30px}
.banner_container .news>div>.news_container div .swiper-slide a:hover p span{left:0}
.banner_container .news>div>.news_container div .swiper-slide a h4{width:250px;line-height:24px;font-size:14px;color:#333;position:absolute;left:0;top:26px}
.banner_container .news>div>.news_container div .swiper-slide a p{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#999;overflow:hidden;width:85px;text-align:center;white-space:nowrap}
.banner_container .news>div>.news_container div .swiper-slide a p span{display:inline-block;width:160px;text-align:center;position:relative;left:-80px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.banner_container .news>div>.news_container div .swiper-slide a p span time{display:inline-block;width:80px;text-align:center}
.banner_container .news>div>.news_container div .swiper-slide a p span time:first-child i{font-size:24px;color:#000;position:relative;top:2px}
.banner_container .news>div .banner_control{position:relative;height:45px}
.banner_container .news>div .banner_control .num{position:absolute;z-index:999;bottom:14px;height:45px;left:0;border-bottom:1px solid #fff}
.banner_container .news>div .banner_control .num span{cursor:pointer;width:50px;font-size:16px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align:center;color:#fff;position:relative;display:inline-block;height:100%;line-height:25px}
.banner_container .news>div .banner_control .num span:first-child{text-align:left}
.banner_container .news>div .banner_control .num span:last-child{text-align:right}
.banner_container .news>div .banner_control .num span::after{position:absolute;content:'';bottom:-3px;left:0;width:0%;height:5px;background-color:#fff;-webkit-transition:all 6s linear;-o-transition:all 6s linear;transition:all 6s linear}
.banner .fxRollX.flyInNext,.banner .fxRollX.flyInNext .image{-o-transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);-webkit-transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner_container .news>div .banner_control .num .num_active{font-size:24px}
.banner_container .news>div .banner_control .num .num_active::after{-webkit-animation:line 6s linear;animation:line 6s linear}
@-webkit-keyframes line{0%{width:0}
100%{width:100%}
}@keyframes line{0%{width:0}
100%{width:100%}
}.banner_container .news>div .banner_control .btn_1{display:inline-block;width:190px;height:45px;line-height:45px;position:relative;float:right;overflow:hidden;text-align:center;font-size:14px;color:#fff}
.banner_container .news>div .banner_control .btn_1 i{font-size:22px;position:relative;top:2px;left:20px}
.banner_container .news>div .banner_control .btn_1::after{content:'';position:absolute;top:0;left:20px;width:100%;height:100%;z-index:-1;background:#000;-webkit-transform:skew(-30deg);-ms-transform:skew(-30deg);transform:skew(-30deg)}
.banner,.title{position:relative}
.banner{height:100vh;width:100%;overflow:hidden}
.banner div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:center center;background-color:#fff}
.title h3::after,.title h3:before,.title p>span:before{background:#000;content:''}
.banner .fxRollX{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);overflow:hidden;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:cubic-bezier(.62,.12,.52,.94);animation-timing-function:cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX .image{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:cubic-bezier(.62,.12,.52,.94);animation-timing-function:cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.active,.banner .fxRollX.active .image{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.banner .fxRollX.navInNext{z-index:10;-webkit-animation-name:rollInXNext;animation-name:rollInXNext}
.banner .fxRollX.navInNext .image{-webkit-animation-name:rollInXPrev;animation-name:rollInXPrev}
.banner .fxRollX.navOutNext{z-index:9;-webkit-animation-name:rollOutXNext;animation-name:rollOutXNext}
.banner .fxRollX.navOutNext .image{-webkit-animation-name:rollOutXPrev;animation-name:rollOutXPrev}
.banner .fxRollX.navInPrev{z-index:10;-webkit-animation-name:rollInXPrev;animation-name:rollInXPrev}
.banner .fxRollX.navInPrev .image{-webkit-animation-name:rollInXNext;animation-name:rollInXNext}
.banner .fxRollX.navOutPrev{z-index:9;-webkit-animation-name:rollOutXPrev;animation-name:rollOutXPrev}
.banner .fxRollX.navOutPrev .image{-webkit-animation-name:rollOutXNext;animation-name:rollOutXNext}
.banner .fxRollX.flyNext{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.banner .fxRollX.flyNext .image,.banner .fxRollX.flyPrev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.banner .fxRollX.flyPrev .image{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.banner .fxRollX.flyInNext{transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.banner .fxRollX.flyInNext .image{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.flyOutNext,.banner .fxRollX.flyOutNext .image{-webkit-transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-o-transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.flyOutNext{transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.banner .fxRollX.flyOutNext .image{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.flyInPrev,.banner .fxRollX.flyInPrev .image{-webkit-transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-o-transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.flyInPrev{transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.banner .fxRollX.flyInPrev .image{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.flyOutPrev{-webkit-transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-o-transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.banner .fxRollX.flyOutPrev .image{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);-o-transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94);transition:transform 1.2s cubic-bezier(.62,.12,.52,.94),opacity 1.2s cubic-bezier(.62,.12,.52,.94),-webkit-transform 1.2s cubic-bezier(.62,.12,.52,.94)}
.banner .fxRollX.with-opacity{opacity:0}
.banner .fxRollX.with-opacity.active{opacity:1}
.banner .fxRollX.with-opacity.navInNext{z-index:10;-webkit-animation-name:rollInXNextWithOpacity;animation-name:rollInXNextWithOpacity}
.banner .fxRollX.with-opacity.navInNext .image{-webkit-animation-name:rollInXPrevWithOpacity;animation-name:rollInXPrevWithOpacity}
.banner .fxRollX.with-opacity.navOutNext{z-index:9;-webkit-animation-name:rollOutXNextWithOpacity;animation-name:rollOutXNextWithOpacity}
.banner .fxRollX.with-opacity.navOutNext .image{-webkit-animation-name:rollOutXPrevWithOpacity;animation-name:rollOutXPrevWithOpacity}
.banner .fxRollX.with-opacity.navInPrev{z-index:10;-webkit-animation-name:rollInXPrevWithOpacity;animation-name:rollInXPrevWithOpacity}
.banner .fxRollX.with-opacity.navInPrev .image{-webkit-animation-name:rollInXNextWithOpacity;animation-name:rollInXNextWithOpacity}
.banner .fxRollX.with-opacity.navOutPrev{z-index:9;-webkit-animation-name:rollOutXPrevWithOpacity;animation-name:rollOutXPrevWithOpacity}
.banner .fxRollX.with-opacity.navOutPrev .image{-webkit-animation-name:rollOutXNextWithOpacity;animation-name:rollOutXNextWithOpacity}
@-webkit-keyframes rollInXNext{from{-webkit-transform:translateX(100%);transform:translateX(100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes rollInXNext{from{-webkit-transform:translateX(100%);transform:translateX(100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes rollOutXNext{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}@keyframes rollOutXNext{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}@-webkit-keyframes rollInXPrev{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes rollInXPrev{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes rollOutXPrev{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(100%);transform:translateX(100%)}
}@keyframes rollOutXPrev{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(100%);transform:translateX(100%)}
}@-webkit-keyframes rollInXNextWithOpacity{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}@keyframes rollInXNextWithOpacity{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}@-webkit-keyframes rollOutXNextWithOpacity{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}
}@keyframes rollOutXNextWithOpacity{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
}@-webkit-keyframes rollInXPrevWithOpacity{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}@keyframes rollInXPrevWithOpacity{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}@-webkit-keyframes rollOutXPrevWithOpacity{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}@keyframes rollOutXPrevWithOpacity{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}.title{padding-top:100px}
.title a{float:right;position:absolute;right:0;bottom:15px}
.title h3{position:relative;color:#333;font-size:48px;line-height:50px;padding-right:20px;display:inline-block}
.title h3::after{position:absolute;width:16px;height:16px;right:0;bottom:5px}
.title h3:before,.title p>span:before{width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;height:100%;left:0}
.title p,.title p>span{position:relative}
.title p{font-size:18px;padding-top:12px;color:#999;text-transform:uppercase}
.title p>span:before{position:absolute;z-index:213;bottom:0;transition:all .5s ease}
.title-white h3::after,.title-white h3::before,.title-white p span::before{background-color:#fff}
.about,.page4{background-repeat:no-repeat;background-position:center;background-size:cover}
.title-white h3{color:#fff}
.title-white p{color:#F4F7FA;opacity:.6}
.white{color:#fff!important}
.sub-title{font-size:24px;line-height:24px}
.content{font-size:14px;line-height:24px;color:#666}



@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

.about{padding-bottom:80px}
.about .about_us{max-width:764px;margin-top:50px}
.about .about_us p{margin-top:20px}
.about ul{width:400px;margin-top:70px;max-width:600px}
.about ul li{width:calc(50% - 3px);display:inline-block;height:78px;margin-bottom:65px;position:relative;text-align:center;}

.about ul li:nth-of-type(2n){border-left:1px solid #fff}
.about ul li:nth-of-type(2n) p,.about ul li:nth-of-type(2n) span{margin-left:0px}
.about ul li span{position:relative;font-size:60px;color:#F4F7FA;font-weight:600;height:60px;top:-20px}
.about ul li span .iconfont{font-size:60px;display:block}
.about ul li:hover a *{color:#e9bf3f !important;}
.about ul li:hover span .iconfont{ 

-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}

.about ul li span::before{position:absolute;content:'';right:-25px;top:4px;color:#fff;font-size:18px;width:20px;height:20px}
.about ul li p{position:absolute;bottom:0;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%;}
.about ul li:nth-of-type(1) span::before{content:'件'}
.about ul li:nth-of-type(2) span::before,.about ul li:nth-of-type(3) span::before{content:'%'}
.about ul li:nth-of-type(4) span::before{content:'项'}
.about .btn_container{margin-top:45px}
.innovate{min-height:800px}
.innovate>div{height:100%;float:left}
.innovate>div:first-child{width:calc(25% - 2px);border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.innovate>div:first-child>div{margin-left:35px}
.innovate>div:first-child>div .innovate_left{margin-top:120px;margin-bottom:100px}
.innovate>div:first-child>div .innovate_left p:first-child{font-size:140px;color:#000;display:inline-block;position:relative;font-weight:600;line-height:140px}
.innovate>div:first-child>div .innovate_left p:first-child span:last-child{font-size:14px;background-color:#000;color:#fff;width:22px;height:22px;position:absolute;bottom:14px;right:-20px;text-align:center;line-height:22px;font-weight:500}
.innovate>div:last-child .product ul li:hover h3 a,.productsAndSolutions .productsAndSolutionsContent>ul li:hover figcaption a,.productsAndSolutions .top_menu ul .top_menu_active p,.productsAndSolutions .top_menu ul li:hover p{color:#e9bf3f}
.innovate>div:first-child>div .innovate_left .content{margin-top:12.5px}
.innovate>div:last-child{width:calc(75% - 1px);border-right:1px solid #e5e5e5}
.innovate>div:last-child .product_description{width:100%;height:210px;border-bottom:1px solid #e5e5e5;position:relative}
.innovate>div:last-child .product_description .title_index{display:none}
.innovate>div:last-child .product_description p{position:absolute;bottom:45px;left:40px;width:818px}
.innovate>div:last-child .product{height:589px}
.innovate>div:last-child .product ul{width:100%;height:100%}
.innovate>div:last-child .product ul li{display:block;width:calc(100%/3 - 1px);height:100%;border-left:1px solid #e5e5e5;float:left;text-align:center}
.innovate>div:last-child .product ul li:nth-of-type(1)>a img,.innovate>div:last-child .product ul li:nth-of-type(1)>h3{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.innovate>div:last-child .product ul li:nth-of-type(2)>a img,.innovate>div:last-child .product ul li:nth-of-type(2)>h3{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.innovate>div:last-child .product ul li:nth-of-type(3)>a img,.innovate>div:last-child .product ul li:nth-of-type(3)>h3{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.innovate>div:last-child .product ul li:first-child{border-left:none}
.innovate>div:last-child .product ul li>a{display:block;height:459px;border-bottom:1px solid #e5e5e5}
.innovate>div:last-child .product ul li>a img{position:relative;top:50%;-webkit-transform:translateY(-20%) scale(.3);-ms-transform:translateY(-20%) scale(.3);transform:translateY(-20%) scale(.3);max-width:100%;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.innovate>div:last-child .product ul li>h3{height:calc(129px);overflow:hidden}
.innovate>div:last-child .product ul li>h3 a{font-size:18px;line-height:24px;margin:0 30px;position:relative;top:50%;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);display:block;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.productsAndSolutions{background-color:#F4F7FA;padding-bottom:100px}
.productsAndSolutions .top_menu{padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-top:70px}
.productsAndSolutions .top_menu>div{float:right;width:600px}
.productsAndSolutions .top_menu>div p{position:relative;top:8px}
.productsAndSolutions .top_menu ul{display:inline-block}
.productsAndSolutions .top_menu ul li{float:left;margin-right:75px;text-align:center;cursor:pointer}
.productsAndSolutions .top_menu ul li:hover i{background-image:-webkit-linear-gradient(315deg,#000,#3872c0);background-image:-o-linear-gradient(315deg,#000,#3872c0);background-image:linear-gradient(135deg,#000,#3872c0)}
.productsAndSolutions .top_menu ul li p{min-width:40px;text-align:center;line-height:24px;font-size:18px;padding-top:10px}
.productsAndSolutions .top_menu ul li i{font-size:40px;-webkit-line-clamp:2;background-image:-o-linear-gradient(315deg,#333,#999);background-image:linear-gradient(135deg,#333,#999);background-image:-webkit-linear-gradient(135deg,#333,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.productsAndSolutions .top_menu ul li .img{width:40px;height:40px;margin:0 auto;}
.productsAndSolutions .top_menu ul li:nth-child(1) .img{background:url(../images/icon1.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li:nth-child(2) .img{background:url(../images/icon2.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li:nth-child(3) .img{background:url(../images/icon3.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li:nth-child(4) .img{background:url(../images/icon4.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li:nth-child(5) .img{background:url(../images/icon5.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li:nth-child(6) .img{background:url(../images/icon6.png) no-repeat;background-size: cover;}


.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(1) .img{background:url(../images/icon1s.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(2) .img{background:url(../images/icon2s.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(3) .img{background:url(../images/icon3s.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(4) .img{background:url(../images/icon4s.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(5) .img{background:url(../images/icon5s.png) no-repeat;background-size: cover;}
.productsAndSolutions .top_menu ul li.top_menu_active:nth-child(6) .img{background:url(../images/icon6s.png) no-repeat;background-size: cover;}


.productsAndSolutions .top_menu ul .top_menu_active i{background-image:-webkit-linear-gradient(315deg,#000,#3872c0);background-image:-o-linear-gradient(315deg,#000,#3872c0);background-image:linear-gradient(135deg,#000,#3872c0)}
.productsAndSolutions .productsAndSolutionsContent{position:relative}
.productsAndSolutions .productsAndSolutionsContent>ul{display:none;margin-top:40px;overflow:auto}
.productsAndSolutions .productsAndSolutionsContent>ul li{float:left;width:calc(100%/4 - 25px);margin-right:30px;text-align:center;position:relative;overflow:hidden}
.productsAndSolutions .productsAndSolutionsContent>ul li:nth-child(4n){margin-right:0px;}
.productsAndSolutions .productsAndSolutionsContent>ul li a{display:block}
.productsAndSolutions .productsAndSolutionsContent>ul li img{width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.productsAndSolutions .productsAndSolutionsContent>ul li:last-child{margin-right:0}
.productsAndSolutions .productsAndSolutionsContent>ul li figcaption{padding-top:8px;font-size:18px}
.productsAndSolutions .productsAndSolutionsContent .more{text-align:center;display:none;position:relative;z-index:999}
.productsAndSolutions .productsAndSolutionsContent .more a{display:inline-block;height:30px;line-height:30px;background:#ddd;margin:0px auto;text-align:center;padding:0 10px;border:2px solid #ddd}




.productsAndSolutions .productsAndSolutionsContent .content_active,.productsAndSolutions .productsAndSolutionsContent .content_bg{display:block}
.productsAndSolutions .productsAndSolutionsContent .content_bg{position:absolute;left:0;top:0;width:100%;margin-top:0;height:100%}
.productsAndSolutions .productsAndSolutionsContent .content_bg li{height:100%;position:relative}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(1)::after{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(2)::after{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(3)::after{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.productsAndSolutions .productsAndSolutionsContent .content_bg li::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:12;background-color:#000;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .5s;-o-transition:transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}
.productsAndSolutions .productsAndSolutionsContent .active_bg li::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.page4{padding-bottom:70px;background-image:url(../images/jianzu-bg.jpg)}
.page4 .container #certify{margin-top:70px;position:relative;width:100%}
.page4 .container #certify .swiper-pagination{width:100%;bottom:20px}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:30px;height:4px;background:#e5e5e5;border-radius:0;opacity:1}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet-active{background-color:#000;opacity:1}
.page4 .container #certify .swiper-button-prev{left:-30px;width:45px;height:45px}
.page4 .container #certify .swiper-button-next{right:-30px;width:45px;height:45px}
.page4 .container #certify .swiper-container{padding-bottom:60px}
.page4 .container #certify .swiper-container .swiper-slide{width:315px;height:500px;background:#fff;text-align:center}
.future,.future .future_content>div:last-child ul li{background-repeat:no-repeat;background-position:center}
.page4 .container #certify .swiper-container .swiper-slide img{width:100%;height:100%;-webkit-box-shadow:0 16px 35px 0 rgba(0,0,0,.2);box-shadow:0 16px 35px 0 rgba(0,0,0,.2)}
.page4 .container #certify .swiper-container .swiper-slide figcaption{line-height:30px;padding-top:20px}
.page4 .container .logos{min-height:300px;overflow:auto;margin-top:40px}
.page4 .container .logos>div:first-child{width:100%}
.page4 .container .logos>div:first-child>ul>li{width:100%;overflow:auto;position:relative;overflow-x:hidden}
.page4 .container .logos>div:first-child>ul>li>ul{width:72%;float:right;height:100%;position:absolute;right:0;overflow:auto}
.page4 .container .logos>div:first-child>ul>li>ul li{float:left;text-align:center;width:calc(16.66666667%);display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.page4 .container .logos>div:first-child>ul>li>ul li img{position:relative;width:50%}
.page4 .container .logos>div:first-child>ul>li>div{width:28%;float:left}
.page4 .container .logos>div:first-child>ul>li>div>img{width:100%}
.page4 .container .logos>div:first-child>ul>li:first-child{position:relative}
.page4 .container .logos>div:first-child>ul>li:first-child>div img{border-right:3px solid #fff;position:relative;z-index:999}
.future{background-image:url(../imgs/index/wl.jpg);background-size:cover;height:574px}
.future .title{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:25px}
.future .title>span{position:absolute;right:0;bottom:50px;font-size:18px;color:#fff;line-height:24px;opacity:.6}
.future .future_content{width:100%;position:relative;margin-top:50px}
.future .future_content>div:first-child{width:380px;float:left}
.future .future_content>div:first-child ul{overflow:auto}
.future .future_content>div:first-child ul li{float:left;color:rgba(255,255,255,.3);position:relative;padding:15px 0;margin-right:40px;cursor:pointer}
.future .future_content>div:first-child ul .future_content_menu_acitve,.future .future_content>div:first-child ul li:hover,.onshow .btn_2 span{color:#fff}
.future .future_content>div:first-child ul li::after{position:absolute;content:'';bottom:0;left:50%;height:2px;width:0;background-color:#fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.future .future_content>div:first-child ul .future_content_menu_acitve:after,.future .future_content>div:first-child ul li:hover:after{width:40px;margin-left:-20px}
.future .future_content>div:first-child>div{clear:both;margin-top:24px}
.future .future_content>div:first-child>div p{display:none;opacity:.6;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative;top:30px}
.future .future_content>div:first-child>div .future_content_acitve{display:block;top:0!important;-webkit-animation:move .5s ease;animation:move .5s ease}
.future .future_content>div:first-child>div .fadeOut{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);opacity:0}
@-webkit-keyframes move{0%{top:30px}
100%{top:0}
}@keyframes move{0%{top:30px}
100%{top:0}
}.future .future_content>div:last-child{width:500px;float:right;height:260px}
.future .future_content>div:last-child ul{position:relative;height:100%}
.future .future_content>div:last-child ul::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:12;background-color:#fff;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .5s;-o-transition:transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.future .future_content>div:last-child ul li{width:100%;height:260px;display:none;position:relative;overflow:hidden;background-size:0 0}
.future .future_content>div:last-child ul li::after,.future .future_content>div:last-child ul li::before{position:absolute;top:0;bottom:0;overflow:hidden;background-image:inherit;background-repeat:no-repeat;background-size:240% 120%;display:block}
.future .future_content>div:last-child ul li::before{content:"";right:50%;left:0;z-index:1;background-position:left center;-webkit-transform:translate3D(0,100%,0);-ms-transform:translate3D(0,100%,0);transform:translate3D(0,100%,0);-webkit-transition:background 1s cubic-bezier(.645,.045,.355,1),opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1);-o-transition:transform 1s cubic-bezier(.645,.045,.355,1),background 1s cubic-bezier(.645,.045,.355,1),opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s;transition:background 1s cubic-bezier(.645,.045,.355,1),opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1);transition:transform 1s cubic-bezier(.645,.045,.355,1),background 1s cubic-bezier(.645,.045,.355,1),opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s;transition:transform 1s cubic-bezier(.645,.045,.355,1),background 1s cubic-bezier(.645,.045,.355,1),opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1)}
.future .future_content>div:last-child ul li::after{content:"";right:0;left:50%;z-index:1;background-position:right center;-webkit-transform:translate3D(0,100%,0);-ms-transform:translate3D(0,100%,0);transform:translate3D(0,100%,0);-webkit-transition:background 1s cubic-bezier(.645,.045,.355,1) .1s,opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 1s cubic-bezier(.645,.045,.355,1) .1s,background 1s cubic-bezier(.645,.045,.355,1) .1s,opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s;transition:background 1s cubic-bezier(.645,.045,.355,1) .1s,opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 1s cubic-bezier(.645,.045,.355,1) .1s,background 1s cubic-bezier(.645,.045,.355,1) .1s,opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s;transition:transform 1s cubic-bezier(.645,.045,.355,1) .1s,background 1s cubic-bezier(.645,.045,.355,1) .1s,opacity .1s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1) .1s}
.future .future_content>div:last-child ul li img{width:100%;height:260px;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.future .future_content>div:last-child ul .future_img_active{display:block}
.future .future_content>div:last-child .img_active_bg::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.onshow .container .future_content>div:last-child ul .future_img_active::after,.onshow .container .future_content>div:last-child ul .future_img_active::before{-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);background-size:200% 100%}
.onshow .container .future_content>div:last-child ul .future_img_active img{opacity:1}
.onshow.innovate>div:last-child .product ul li>a img{-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}
.onshow.innovate>div:last-child .product ul li>h3 a{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1}
.onshow .btn_2::after{right:40px;-webkit-transform:skew(-30deg);-ms-transform:skew(-30deg);transform:skew(-30deg)}
.onshow .title h3::before,.onshow .title p>span::before{left:100%;width:0}