@charset "UTF-8";
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}

body{font-size: 14px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    width: 100%;
    overflow-x: hidden;
}



/*banner*/
.scrollmagic-pin-spacer{z-index:10;}
.banner video{width: 100%;}
.indban{
  height: 100vh;
  z-index:10;
}
.indban_loading{
  width:100%;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:url(../img/video_bg.png) no-repeat center;
  background-size: cover
}
.indban .indban_loading > img{
  width:60px;
  height:60px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

.indban .vid_error{
  display:none;
  width:100%;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:url(../img/video_bg.png) no-repeat center #fff;
  background-size: contain;
  z-index:10;
}
.indban .vid_error p{
  color:#fff;
  width:296px;
  padding:10px 0;
  text-align:center;
  background:rgba(0,0,0,.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.indban video{opacity:0;width:100%;}
.indban_text{position: absolute;top: 120px;left: 0;width: 100%;text-align: center;}
.indban_text .title{font-weight: 500;color: #fff;line-height: 68px;margin-bottom: 16px;}
.indban_text .subtitle{color: #fff;line-height: 28px;margin-bottom: 36px;}
.indban_text .link a{
  display: block;
  color: #fff;
  width: 154px;
  height: 56px;
  background-image:url(../img/btn_default_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  line-height: 56px;
  margin: 0 auto;
  padding-left:20px;
}

.indban_text .link a:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;
}
.indban_text .link a:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;
}



.indban img{width: 100%;display: block;height: 100vh;object-fit: cover;}
.indban .swiper-container .text{position: absolute;top: 120px;left: 0;width: 100%;text-align: center;}
.indban .swiper-container .text .title{font-weight: 500;color: #121212;line-height: 68px;margin-bottom: 16px;}
.indban .swiper-container .text .subtitle{color: #121212;line-height: 28px;margin-bottom: 36px;}
.indban .swiper-container .text .link a{
  display: block;
  color: #121212;
  width: 154px;
  height: 56px;
  background-image:url(../img/btn_default_black.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  line-height: 56px;
  margin: 0 auto;
  padding-left:20px;
}

.indban .swiper-container .text .link a:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;
}
.indban .swiper-container .text .link a:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;
}
.indban .swiper-container .text.banner_txt_white .title{color:#fff;}
.indban .swiper-container .text.banner_txt_white .subtitle{color: #fff}
.indban .swiper-container .text.banner_txt_white .link a{
  color:#fff;
  background-image:url(../img/btn_default_white.png);
}
.indban .swiper-container .text.banner_txt_white .link a:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;
}
.indban .swiper-container .text.banner_txt_white .link a:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;
}
.indban .swiper-pagination{display: none;}
.indban .swiper-button-next,.indban .swiper-button-prev{
  width: 56px;
  height:56px;
  top:50%;
  margin-top: -28px
}
.indban .swiper-button-next{
  right: 40px;
  background-image:url(../img/button_white.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.indban  .swiper-button-prev{
  left: 40px;
  background-image: url(../img/button_white_left.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.indban .swiper-button-next:hover{
  background-image: url(../img/button_suspended.png);
}
.indban .swiper-button-next:active{
  background-image: url(../img/button_click_01.png);
}

.indban .swiper-button-prev:hover{
  background-image: url(../img/button_suspended_left.png);
}
.indban .swiper-button-prev:active{
  background-image: url(../img/button_click_01_left.png);
}
.indban .swiper-pagination{
  text-align: center
}
.indban .swiper-pagination .swiper-pagination-customs{width: 16px;height: 16px;display: inline-block;position: relative;border:3px solid rgba(255,255,255,0.45) ;border-radius: 100%;margin:0 6px;}
.ebc_section_1{position: relative;overflow: hidden;height:100vh;z-index:10;width:100%;}
.ebc_section_1 .top_svg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom:0;z-index: 9;}
.ebc_section_1 .top_svg svg{
  display:block;
  position:absolute;
  width: auto;
  left:0;top:0;
 /* -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);*/
}
.ebc_section_1 .bottom_img{
  height:100%;
  width:100%;
}
/*.ebc_section_1 .bottom_img video{width: 100%;}*/
.ebc_section_1 .bottom_img .wap_play{
  display:none;
  width:40px;
  height:40px;
  background-image:url(../img/icon_play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left:50%;
  margin-left: -20px;
  margin-top: 25px
}
.ebc_section_1 .bottom_img .wap_play:hover{
  background-image:url(../img/icon_play_hover.png);
}
.ebc_section_1 .swiper-button-next,.ebc_section_2 .swiper-button-prev{height: 100%;top: 0;margin-top: 0;background: url(../img/button_black.png) no-repeat center;width: 56px;opacity: 0;}
.ebc_section_1 .swiper-button-next{right: 5%;}
.ebc_section_1 .swiper-button-prev{background-image: url(../img/button_black_left.png);left: 5%;}
.ebc_section_1 .swiper-button-next:hover{opacity: 1;}
.ebc_section_1 .swiper-button-prev:hover{opacity: 1;}

.ebc_section_1 video{width: 100%;display: block;}
.ebc_section_1 .text_box{position: absolute;top: 50%;left: 0;width: 100%;color: #fff;text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ebc_section_1 .text_box .title{margin-bottom: 20px;}
.ebc_section_1 .text_box .link a{
  display: block;
  color: #fff;
  width: 150px;
  height: 56px;
  background-image:url(../img/btn_default_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  line-height: 56px;
  margin: 0 auto;
  padding-left:20px;
}
.ebc_section_1 .text_box .link a:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;
}
.ebc_section_1 .text_box .link a:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;
}
.ebc_section_1 .swiper-container .swiper-pagination{display: none;bottom: 40px;}
.ebc_section_1 .swiper-container .swiper-pagination .swiper-pagination-customs{width: 16px;height: 16px;display: inline-block;position: relative;border:3px solid rgba(255,255,255,0.45) ;border-radius: 100%;margin:0 6px;}
.wapper{
  position:absolute;
  left: -3px;
  top: -3px;
  box-sizing:border-box;
}
 
 .rect{
  position:absolute;
  width:8px;
  height:16px;
  overflow:hidden;
 }
 .right{
  left:8px;
 }
 .circle{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  box-sizing:border-box;
  border:3px solid #fff;
 }

 .circle_right{
  left:-8px;
  clip:rect(0px 8px 16px 0px);
  -webkit-animation:roll 2s linear 0s 1 forwards;
  -moz-animation:roll 2s linear 0s 1 forwards;
  -o-animation:roll 2s linear 0s 1 forwards;
  -ms-animation:roll 2s linear 0s 1 forwards;
  animation:roll 2s linear 0s 1 forwards;
 }
 .circle_left{
  clip:rect(0px 16px 16px 8px);
  -webkit-animation:roll 2s linear 2s 1 forwards;
  -moz-animation:roll 2s linear 2s 1 forwards;
  -o-animation:roll 2s linear 2s 1 forwards;
  -ms-animation:roll 2s linear 2s 1 forwards;
  animation:roll 2s linear 2s 1 forwards;
 }
 @-webkit-keyframes roll{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(180deg)}
 }
 @-moz-keyframes roll{
  0%{-moz-transform:rotate(0deg)}
  100%{-moz-transform:rotate(180deg)}
 }
 @-o-keyframes roll{
  0%{-o-transform:rotate(0deg)}
  100%{-o-transform:rotate(180deg)}
 }
 @-ms-keyframes roll{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(180deg)}
 }
 @keyframes roll{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(180deg)}
 }

@media only screen and (max-width: 1280px){
  .ebc_section_1 .text_box .link a{
    width:120px;
    height:45px;
    line-height: 45px
  }
}
@media only screen and (max-width:768px){
  .ebc_section_1{
    height:auto;
  }
   .ebc_section_1 .top_svg{
      position:relative;
      height:auto;
   }
    .ebc_section_1 .bottom_img{
      position: relative;
      height:auto;
    }
    .ebc_section_1 .bottom_img .wap_play{
      display:none;
    }
}


 .ebc_section_2{overflow: hidden;width:100%;z-index:10;}
 .ebc_section_2s{overflow: hidden;position: relative;top: 0px;}
 .ebc_section_2 ul{
  display:flex;
  flex-wrap:wrap;
   width:100%;
   background:#fff
 }
 /*.ebc_section_2 ul{
  -webkit-transform: translateY(60%);
  -moz-transform: translateY(60%);
  -o-transform: translateY(60%);
  -ms-transform: translateY(60%);
  transform: translateY(60%);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}*/
 .ebc_section_2 ul:nth-child(2){
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-delay:0.5s;
  -moz-transition-delay:0.5s;
  -o-transition-delay:0.5s;
  -ms-transition-delay:0.5s;
  transition-delay:0.5s;
}

 .ebc_section_2 li{
  width: 49.58%;
  margin-right:0.84%;position: relative;
  margin-bottom: 0.84%;
  overflow:hidden;
 }
 

 .ebc_section_2 li:nth-child(2n){margin-right: 0;}

  .ebc_section_2 li .img img{
    width:100%;
/*    position:absolute;
    width: 100%;left:50%;
    top:50%;
    transform:translate(-50%,-50%);*/
  }
 .ebc_section_2 li .text{position: absolute;width: 100%;padding: 40px;bottom: 0;left: 0;color: #fff;}
 .ebc_section_2 li .text .title{
  width:100%;
  padding-right:160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
 }
 .ebc_section_2 li .text .link{
  display:block;
  width: 154px;
  height: 48px;
  background-image: url(../img/btn_default_white.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;
  line-height: 48px;
  color: #fff;
  padding-left: 20px;
  text-align:center;
  right:40px;
  bottom:40px;
}
 .ebc_section_2 li .text .link:hover{
  background-image: url(../img/btn_suspended.png);
  color:#121212;
 }
 .ebc_section_2 li .text .link:active{
  background-image: url(../img/btn_clicked_02.png);
  color:#121212;
 }
 @media only screen and (max-width:1280px){
  .ebc_section_2 li .text{
    padding:20px;
  }
  .ebc_section_2 li .text .title{
    padding-right:130px;
  }
  .ebc_section_2 li .text .link{
    width:120px;
    height:38px;
    line-height: 38px;
    bottom:20px;
    right:20px;
  }
  
 }
 @media only screen and (max-width:768px){
  .ebc_section_2{
    padding:0;
    margin-top: 3%
  }
  .ebc_section_2 ul{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .ebc_section_2 li .text .title{
    padding-right: 36px
  }
  .ebc_section_2 li .text .link{
    background-image:url(../img/button_white.png);
    font-size: 0;
    width:30px;
    height:30px;
    padding-left:0;
    bottom:10px;
    right:20px;
  }
 
  .ebc_section_2 li .text{padding: 10px 20px;}
  .ebc_section_2 li{width: 94%;margin-left:auto;margin-right:auto ;float: none;}
  .ebc_section_2 li:nth-child(2n){margin-right:auto;}
  
      
  }

/*.fixed_section{
  position:fixed;
  left:0;
  top:0;
  z-index:9;
  padding-top:3%
}*/

/*.fixed_section .scrollmagic-pin-spacer{
  z-index:9;
}
*/
.po_fix{position: relative;}
.po_fix .ebc_section_2{position: absolute;left: 0px;top: 0px;width: 100%;z-index: 22;}
.ebc_section_3 {
  width:100%;
  height:100%;
  background:#fff;
  position: relative;
  overflow: hidden;
  height: 93vh;
}

.ebc_section_3 .big_title{
  position: absolute;
  top:0px;
  left: 0px;
  opacity: 1;
  color:#121212;
  z-index: 6;
  width:100%;
  background:#fff;
  height:100vh;
}

.ebc_section_3 .big_title div{
  position: absolute;
  top:50%;left: 50%;transform:translate(-50%,-50%);
  padding:50% 0;
}
.ebc_section_3 .big_title div img{height: 70px;vertical-align: middle;}

.pc_ul{width: 1700px;height: 100vh;}
.ebc_section_3s{
  width:100%;
  background:#fff;
  /*height:100vh;*/
  z-index:3;
  display:none;
}

.ebc_section_3 .fixed_layer{
  position: relative;
  width:100%;
  /*height: 940px;*/
  /*z-index:2;*/
}
.ebc_section_3 .fixed_layer>img{width: 100%;opacity: 0;}
.ebc_section_3s .fixed_layer{
  position: static;
  background:#fff;
  width:100%;
  left:50%;
  top:50%;
  z-index:2;
}
.ebc_section_3s.active .fixed_layer{
  top:0!important;
}

.ebc_section_3 .img_list{
  /*position: static;*/
  /*padding: 3% 0 3% 3.5%;*/
  left:10%;
  top:5%;
  right:5%;
  bottom:14%;
  z-index: 5;
}
.ebc_section_3 .img_list ul{
  width:100%;
  height:100%;
  /*top:3.3%;
  left:3.5%;
  right:0;
  bottom:3.3%;*/
}
.ebc_section_3s .img_list{
  position: static;
  /*padding: 3% 0 3% 3.5%;*/
  width:;
  left:5%;
  top:3.3%;
  right:0;
  bottom:14%;
}
.ebc_section_3s .img_list ul{
  width:100%;
  height:100%;
  /*top:3.3%;
  left:3.5%;
  right:0;
  bottom:3.3%;*/
}
.header{z-index: 999!important;}
.po_fix2{padding-top: 50px;}
 @media only screen and (max-width:1400px){
  .po_fix2{padding-top: 70px;}
}
#metro_01,#metro_07,#metro_15,#metro_16,#metro_17,#metro_19,#metro_21{opacity: 0;}
.anim_show #metro_01,.anim_show #metro_07,.anim_show #metro_15,.anim_show #metro_16,.anim_show #metro_17,.anim_show #metro_19,.anim_show #metro_21{opacity: 1;transition:opacity 0.5s ease-in-out 0.7s;}
#metro_02,#metro_03,#metro_05,#metro_09,#metro_10,#metro_11,#metro_12,#metro_13,#metro_14,#metro_18,#metro_20{opacity: 0;}
.anim_show #metro_02,.anim_show #metro_03,.anim_show #metro_05,.anim_show #metro_09,.anim_show #metro_10,.anim_show #metro_11,
.anim_show #metro_12,.anim_show #metro_13,.anim_show #metro_14,.anim_show #metro_18,.anim_show #metro_20{opacity: 1;transition:opacity 0.5s ease-in-out 1.2s;}
#metro_04,#metro_06,#metro_08{opacity: 0;}
.anim_show #metro_04,.anim_show #metro_06,.anim_show #metro_08{opacity: 1;transition:opacity 0.5s ease-in-out 1.7s;}
.ebc_section_3 .img_list  li{position: absolute;opacity: 1}
.ebc_section_3s .img_list  li{position: absolute;opacity: 1}
.ebc_section_3s.active .img_list  li{opacity: 1}

.ebc_section_3 .img_list  li img{width: 100%;}
.ebc_section_3s .img_list  li img{width: 100%;}

.ebc_section_3 .img_list  li:first-child{
  left: 0;
  top: 0;
  width:19%;
}
.ebc_section_3s.hide .img_list  li:first-child{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list li:nth-child(2){
  left: 0;
  top:54%;
  width:9%;
}
.ebc_section_3s.hide .img_list li:nth-child(2){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(3){
  left: 10%;
  top:54%;
  width:9%;
}
.ebc_section_3s.hide .img_list  li:nth-child(3){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(4){
  left: 0;
  bottom:0;
  width:19%;
}
.ebc_section_3s.hide .img_list  li:nth-child(4){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(5){
  left:20.2%;
  top:0;
  width:16.2%;
}
.ebc_section_3s.hide .img_list  li:nth-child(5){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(6){
  left:20%;
  top:33.5%;
  width:11.8%;
}
.ebc_section_3s.hide .img_list  li:nth-child(6){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}

.ebc_section_3 .img_list  li:nth-child(7){
  left:20.2%;
  top:54.12%;
  width:11.3%;
}
.ebc_section_3s.hide .img_list  li:nth-child(7){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(8){
  left:20.2%;
  bottom:0;
  width:11.3%;
}
.ebc_section_3s.hide .img_list  li:nth-child(8){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(9){
  left:37.2%;
  top:0;
  width:11.45%;
}
.ebc_section_3 .img_list  li:nth-child(10){
  left:49.3%;
  top:0;
  width:5.64%;
}
.ebc_section_3 .img_list  li:nth-child(11){
  left:55.5%;
  top:0;
  width:5.64%;
}
.ebc_section_3s.hide .img_list  li:nth-child(9){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3s.hide .img_list  li:nth-child(10){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3s.hide .img_list  li:nth-child(11){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(12){
  left:37.2%;
  top:16.49%;
  width:11.45%;
}

.ebc_section_3 .img_list  li:nth-child(13){
  left:49.3%;
  top:16.49%;
  width:5.64%;
}

.ebc_section_3 .img_list  li:nth-child(14){
  left:55.5%;
  top:16.49%;
  width:5.64%;
}
.ebc_section_3s.hide .img_list  li:nth-child(12){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3s.hide .img_list  li:nth-child(13){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3s.hide .img_list  li:nth-child(14){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(15){
  left:32.64%;
  top:33.5%;
  width:34.8%;
}
.ebc_section_3s.hide .img_list  li:nth-child(15){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(16){
  left:32.64%;
  bottom:0;
  width:12.1%;
}
.ebc_section_3s.hide .img_list  li:nth-child(16){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}


.ebc_section_3 .img_list  li:nth-child(17){
  left:46.1%;
  bottom:0;
  width:12.05%;
}
.ebc_section_3s.hide .img_list  li:nth-child(17){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(18){
  left:61.7%;
  top:0;
  width:32%;
}

.ebc_section_3s.hide .img_list  li:nth-child(18){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.ebc_section_3 .img_list  li:nth-child(19){
  left:68.7%;
  top:33.5%;
  width:25%;
}
.ebc_section_3s.hide .img_list  li:nth-child(19){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}

.ebc_section_3 .img_list  li:nth-child(20){
  left:59.7%;
  bottom:0;
  width:34%;
}
.ebc_section_3s.hide .img_list  li:nth-child(20){
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
.wap_ul{display: none;}

.ebc_section_4{background:#fff;padding: 18px 0;overflow: hidden;z-index:4;}
.section_4_box{
  position: static!important;
  width:100%;
}
/*.ebc_section_4 ul{
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 0;
}
.ebc_section_4 ul:nth-child(2){
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-delay:0.5s;
  -moz-transition-delay:0.5s;
  -o-transition-delay:0.5s;
  -ms-transition-delay:0.5s;
  transition-delay:0.5s;
}
.ebc_section_4.active ul{
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}*/
.ebc_section_4 li{float: left;width: 49.58%;margin-right:0.84%;margin-bottom: 0.84%;position: relative;} 
.ebc_section_4 li:nth-child(2n){margin-right: 0;}

.ebc_section_4 li .img img{width: 100%;}
.ebc_section_4 li .text{position: absolute;width: 100%;padding: 40px;bottom: 0;left: 0;color: #fff;}
 .ebc_section_4 li .text .title{
  width:100%;
  padding-right:160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  font-family: Arial
 }

.ebc_section_4 li .text .link{
  display: block;
  width: 154px;
  height: 45px;
  background-image:url(../img/btn_default_white.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  text-align: center;
  line-height: 45px;
   color: #fff;
   padding-left: 20px;
   text-align:center;
   right:40px;
   bottom:40px;
}
.ebc_section_4 li .text .link:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;  
}
.ebc_section_4 li .text .link:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;  
}

/*.ebc_section_4.hide ul{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}*/
.ebc_section_5{position: relative;background: #000;overflow: hidden;z-index:4;}
.ebc_section_5 .img{
  position: static!important;
  width: 100%;height: 0;padding-bottom:56.25%;
}
.ebc_section_5 .img img{width: 100%;}
/*.ebc_section_5.active .img img{
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -o-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}*/
.ebc_section_5 .text{position: absolute;top: 9.25%;width: 100%;}
.ebc_section_5 .text .title{font-weight: 500;color: #000;line-height: 68px;text-align: center;margin-bottom: 40px;
  font-family: Arial;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  /*-webkit-transition-delay:0.8s;
  -moz-transition-delay:0.8s;
  -o-transition-delay:0.8s;
  -ms-transition-delay:0.8s;
  transition-delay:0.8s;*/
}
/*.ebc_section_5.active .text .title{opacity: 1;}*/


.ebc_section_5 .text .tag{font-weight: 500;color: rgba(0, 0, 0, 0.75);line-height: 36px;text-align: center;margin-bottom: 32px;
  font-family: Arial;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  /*-webkit-transition-delay:1.2s;
  -moz-transition-delay:1.2s;
  -o-transition-delay:1.2s;
  -ms-transition-delay:1.2s;
  transition-delay:1.2s;*/
}
/*.ebc_section_5.active .text .tag{opacity: 1;}*/

.ebc_section_5 .text .tag span{margin: 0 32px;}
.ebc_section_5 .text .link{
  display: block;
   color: #121212;
   width: 154px;
   height: 56px;
   background-image:url(../img/btn_default_black.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size:contain;
   line-height: 56px;
   margin: 0 auto;
   padding-left:20px;
   text-align:center;
}
.ebc_section_5 .text .link:hover{
   background-image:url(../img/btn_suspended.png);
   color:#121212;
}
.ebc_section_5 .text .link:active{
   background-image:url(../img/btn_clicked_02.png);
   color:#121212;
}
/*.ebc_section_5.active .text .link{opacity: 1;}*/

/*.ebc_section_5.hide .text .title{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  -o-transition-delay:0;
  -ms-transition-delay:0;
  transition-delay:0;
}*/
/*.ebc_section_5.hide .text .tag{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  transition-delay:0.4s;
}
.ebc_section_5.hide .text .link a{
  transform: translateY(-100%);
  opacity: 0;
  transition-delay:1s;
}
.ebc_section_5.hide .img img{
  transform: translateY(-100%);
  opacity: 0;
  transition-delay:1.6s;
}*/

.ebc_section_6 {padding: 5.2% 0 ;overflow: hidden;background:#fff;z-index:3;}
.ebc_section_6 .swiper-box:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 20.24%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 5;
}
.ebc_section_6 .swiper-box:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 20.24%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 5;
}
.ebc_section_6 .title{text-align: center;margin-bottom:5.15%;}
.ebc_section_6 .swiper-container img{height: 62px;}
.ebc_section_6 .swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function: linear;
}
.ebc_section_6 .swiper-container .swiper-slide{width: auto;padding:0 20px;}
.ebc_section_6 .logo_list{text-align: center;margin-top: 72px;}
.ebc_section_6 .logo_list img{width: 100px;vertical-align: middle;margin: 0 26px;}

@media only screen and (max-width:1440px){
  .ebc_section_3 .big_title .word_img{
    height:52px;
  }
}


@media only screen and (max-width: 1366px){
	.ebc_section_2 .swiper-container .text .title{line-height: 60px;margin-bottom: 5px;}
	.ebc_section_2 .swiper-container .text .subtitle{margin-bottom: 15px;}
	.ebc_section_5 .text .title{line-height: 54px;margin-bottom: 20px;}
	.ebc_section_5 .text .tag{margin-bottom: 20px;}
}
	@media only screen and (max-width: 1280px) {
    .ebc_section_4 li .text{
      padding:20px;
    }
    .ebc_section_4 li .text .title{
      padding-right:130px;
    }
    .ebc_section_4 li .text .link{
      width:120px;
      height:38px;
      line-height: 38px;
      bottom:20px;
      right:20px;
    }
.ebc_section_6 .swiper-container img {height: 52px;}
.ebc_section_6 .logo_list img {width: 80px;margin: 0 16px;}
	}


  @media only screen and (max-width:1024px){
   
    .indban .wap_video{
      display:block;
    }
    .ebc_section_3 .big_title{
      width:90%;
      bottom:auto;
      top:50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform:translate(-50%,-50%);
      text-align:center;
    }
  }

	@media only screen and (max-width: 768px){
		.indban .text_box{top: 40%;}
		.indban .text_box .link a{height: 40px;line-height: 40px;}
		.indban .text_box .title {margin-bottom: 12px;}
    .indban .swiper-container .text .link a{
      width:120px;
      height:38px;
      line-height: 38px
    }
    .indban .swiper-button-next{
      width:45px;
      height:45px;
    }
    .indban .swiper-button-prev{
      width:45px;
      height:45px;
    }
    .po_fix2{padding-top: 0px;}
    .po_fix .ebc_section_2{position: static;}
    .ebc_section_3 .big_title{left:50%;width: 100%;}
    .ebc_section_3 .big_title div{padding:0px;}
		.ebc_section_2 .swiper-container .text{top: 10px;}

		.ebc_section_2 .top_svg{
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -o-transition: all 0.6s;
      -ms-transition: all 0.6s;
      transition: all 0.6s;
    }
    .ebc_section_1 .top_svg svg{
      position:relative;
      left:auto;
      top:auto;
      transform:none;
      width:100%;
    }
		.ebc_section_2.active .top_svg{
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0;
    }
    .ebc_section_2 .swiper-container .text .link a {
        height: 40px;
        line-height: 40px;
    }
    .ebc_section_2 .swiper-container .text .title {
        line-height: 40px;
        margin-bottom: 5px;
    }
    .ebc_section_2 .swiper-container .text .subtitle {
        margin-bottom: 10px;
        line-height: 20px;
    }
    .ebc_section_3{
      padding:0 0 56.25% 0;
      height:0;
    }
    .ebc_section_3 .outer_layer{
      height:0;
      padding-bottom: 56.25%
    }
    .ebc_section_3 .big_title{
      opacity: 1
    }
    .ebc_section_3 .big_title .word_img{
      height:36px;
    }
    
    

    .ebc_section_4{padding:0;}
    .ebc_section_4 ul{
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    .ebc_section_4 li .text .title{font-size: 20px;}
    .ebc_section_4 li .text{padding: 10px 20px;}
    .ebc_section_4 li .text .title{
      padding-right: 36px
    }
    .ebc_section_4 li{width: 94%;margin-left:auto;margin-right:auto ;float: none;}
    .ebc_section_4 li:nth-child(2n){margin-right:auto ;}
    .ebc_section_4 li .text .link{
      background-image:url(../img/button_white.png);
      font-size: 0;
      width:30px;
      height:30px;
      padding-left:0;
      bottom:10px;
      right:20px;
    }
    .ebc_section_4 li .text .link:hover{
      background-image:url(../img/button_suspended.png);
    }
   


    .ebc_section_5 .img{padding-bottom: 56.25%;}
    .ebc_section_5.active .img img{top:auto;bottom: 0;}
    .ebc_section_5 .text .link{
        height: 40px;
        line-height: 40px;
    }
    .ebc_section_5 .text .title{font-size: 20px;line-height: 30px;margin-bottom: 0;}
    .ebc_section_5 .text .tag span {margin: 0 6px;font-size: 14px;}

    .ebc_section_5 .text .tag {
        margin-bottom: 10px;
    }
    .ebc_section_6 .swiper-container img {
        height: 40px;
    }
    .ebc_section_6 .logo_list img {
        width: 50px;
        margin: 0;
    }
    .ebc_section_6 .logo_list{ margin-top: 22px;}

    .ebc_section_3 .fixed_layer{
      display: none;
    }
   /* .ebc_section_3s .img_list .pc_ul{
      display:none;
    }*/
    .ebc_section_3s{
      display: block;
      height: auto!important;
    }
    /*.ebc_section_3s .wap_ul{
      display: block
    }*/
    .ebc_section_3s .img_list li{position:relative;float: left;left: 0!important;top: 0!important;transition: unset!important;
        transition-delay: unset!important;}
    .ebc_section_3s .img_list{padding: 20px;transition:unset;position: relative;
    left:auto;top:auto;bottom:auto;right:auto;
    }
    /*.ebc_section_3 .bg_img{display: none;}*/
    .ebc_section_3s .tit_text{
      padding-bottom: 10px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
    .ebc_section_3s .img_list .img_box ul{overflow: hidden;}
    .ebc_section_3s .img_list ul.ul_01{width:49%;}
    .ebc_section_3s .img_list ul.ul_02{width:49%;}
    .ebc_section_3s .img_list ul.ul_01 li.metro_01{
      width: 100%;
      height:0;
      padding-bottom: 117%;
      margin-bottom: 2%;
      position: relative;
      overflow:hidden;
      border-radius: 30px
    }
    .ebc_section_3s .img_list ul.ul_01 li.metro_01 img{
      position:absolute;
      left:50%;
      top:50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }
    .ebc_section_3s .img_list li.metro_02{width: 49%;}
    .ebc_section_3s .img_list li.metro_03{width: 49%;margin-left:1% ;}
    /*.ebc_section_3 .img_list li{opacity: 1!important;}*/
    .ebc_section_3s .img_list li.metro_04{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_05{width: 49%;}
    .ebc_section_3s .img_list li.metro_06{width: 49%;margin-left:1% }
    .ebc_section_3s .img_list li.metro_07{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_08{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_09{width:48%;margin-right:2% ;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_10{width:24%;margin-right:2% ;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_11{width:24%;margin-top: 2%;}

    .ebc_section_3s .img_list li.metro_12{width:48%;margin-right:2% ;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_13{width:24%;margin-right:2% ;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_14{width:24%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_15{margin-top: 2%;width: 100%;}
    .ebc_section_3s .img_list li.metro_16{width: 49%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_17{width: 49%;margin-left:2% ;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_18{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_19{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_20{width: 100%;margin-top: 2%;}
    .ebc_section_3s .img_list li.metro_21{width: 100%;margin-top: 2%;}

  .ebc_section_3s .fixed_layer{
     position:relative;
    height:auto;
    padding-bottom: 0;
    left:auto;
    top:auto!important;
    transform:none;
  }
  .ebc_section_3s .wap_ul{display: block;}
  .ebc_section_3s .img_list li{
    opacity: 1
  }
  .ebc_section_3s .img_list ul{
    overflow:hidden;
    height:auto;
  }
}
@media only screen and (max-width:414px){
  .ebc_section_3 .big_title .word_img{
    display: block;
    margin:0 auto;
  }
}