.section{ /*index-banner*/ /*.technology*/ /*business*/ /*index-news*/}

/*12-18*/
.section#section1{background:#fff;}

/*12-18*/
.section#section2{background:url("../image/section2-bg.jpg") no-repeat bottom;-moz-background-size:100%;background-size:100%;}
.section#section3{
  background:#ecedee url("../image/section4-bg.png") no-repeat bottom;
  -moz-background-size:cover;
  background-size:cover;
}
.section .index-banner{width:100%;height:100%;position:relative;overflow:hidden;}
.section .index-banner .index-banner-con{width:100%;height:100%;}
.section .index-banner .index-banner-con .swiper-wrapper{height:100%!important;}
.section .index-banner .index-banner-con .swiper-pagination{
  display: none;
}
.section .index-banner .index-banner-con .swiper-button-prev { width: 23px; height: 41px; left: 6%; background: url("../image/index-btn-l.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.section .index-banner .index-banner-con .swiper-button-next { width: 23px; height: 41px; right: 6%; background: url("../image/index-btn-r.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.section .index-banner .index-banner-con .swiper-slide{position:relative;}
.section .index-banner .index-banner-con .swiper-slide .dw-cont{
  height: 100vh;
  overflow:hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section .index-banner .index-banner-con .swiper-slide .dw-cont > img{
  display:block;
  width:100%;
  height: 100vh !important;
  max-width:inherit;
}

/*12-18*/
.section .index-banner .index-banner-con .swiper-slide .banner-txt{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
.section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap{width:100%;height:100%;}
.section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap .banner-txt-con{
  padding:0 10%;
  position:absolute;
  top:70%;
  transform:translateY(-50%);
}

/*12-18*/
.section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap .banner-txt-con p{font-size:20px;color:#fff;
    font-family: Arial;text-transform: uppercase;
}
.section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap .banner-txt-con span{display:block;width:100px;height:2px;background:#e31220;margin-top:10px;}
.section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap .banner-txt-con h1{font-size:52px;color:#fff;font-weight:500;margin-top:30px;margin-bottom: 5px;}
.section .technology{padding-left:10vw;height:75vh;margin-top:8vh;}
.section .technology .technology-l{float:left;width:20vw;height:70vh;position:relative;}
.section .technology .technology-l .technology-num{margin-top:6vh;}
.section .technology .technology-l .technology-num .t-num-item{margin-top:4vh;}
.section .technology .technology-l .technology-num .t-num-item .t-num-txt{display:inline-block;padding-right:30px;font-size:60px;color:#333;position:relative;}
.section .technology .technology-l .technology-num .t-num-item .t-num-txt i{display:inline-block;font-size:46px;color:#333;font-style:inherit;position:absolute;top:-15px;right:0;}
.section .technology .technology-l .technology-num .t-num-item span{display:block;font-size:16px;color:#333;}
.section .technology .technology-l .technology-more{position:absolute;bottom:0;width:100%;}
.section .technology .technology-l .technology-more a{display:inline-block;width:188px;height:60px;line-height:60px;font-size:16px;color:#e31220;font-weight:bold;text-align:center;border:1px solid #e31220;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.section .technology .technology-l .technology-more a:hover{color:#fff;background:#e31220;}
.section .technology .technology-swiper{float:left;width:70vw;height:75vh;position:relative;}
.section .technology .technology-swiper .swiper-wrapper{height:75vh!important;}
.section .technology .technology-swiper .swiper-slide{width:20vw;height:65vh;background:#e8e8e8 url("../image/section2-slide-bg.jpg") no-repeat center;position:relative;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active{height:75vh;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;background:#e81620 url("../image/section2-slide-bg-on.jpg") no-repeat center;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-slide-img{display: none;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-slide-img-on{display: block;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active h2{color:#fff;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active h2 span{background:#fff;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active p{height:auto;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; text-align: justify;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-more{color:#fff;background:url("../image/more-icon-white.png") no-repeat right top 6px;}
.section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-more span{background:#fff;}
.section .technology .technology-swiper .swiper-slide .te-slide-img{margin-top:10vh;}
.section .technology .technology-swiper .swiper-slide .te-slide-img-on{display:none;}

/*12-18*/
.section .technology .technology-swiper .swiper-slide .te-slide-img img{display:block;width:45%;margin:0 auto;}

/*12-18*/
.section .technology .technology-swiper .swiper-slide .te-slide-txt{padding:0 2vw;}
.section .technology .technology-swiper .swiper-slide h2{font-size:26px;color:#1e1e1e;font-weight:normal;margin-top:10vh;}
.section .technology .technology-swiper .swiper-slide h2 span{display:block;width:80px;height:4px;margin-top:10px;background:#e31220;}
.section .technology .technology-swiper .swiper-slide p{height:0;font-size:14px;color:#fff;line-height:24px;opacity:0.9;margin-top:5vh;overflow:hidden;}
.section .technology .technology-swiper .swiper-slide .te-more{display:inline-block;font-size:16px;color:#333;font-weight:bold;position:absolute;left:2vw;bottom:5vh;background:url("../image/more-icon-black.png") no-repeat right top 6px;padding-right:15px;}
.section .technology .technology-swiper .swiper-slide .te-more span{display:block;width:50px;height:2px;background:#e31220;margin-top:5px;}
.section .technology .technology-swiper .swiper-button-prev{
  width:60px;
  height:60px;
  background:url("../image/btn-left.png") no-repeat center;
  -moz-background-size:100%;
  background-size:100%;
  top:64vh;
  left:-20vw;
  opacity:0.7;
}
.section .technology .technology-swiper .swiper-button-prev:hover{opacity:1;}
.section .technology .technology-swiper .swiper-button-next{
  width:60px;
  height:60px;
  background:url("../image/btn-right.png") no-repeat center;
  -moz-background-size:100%;background-size:100%;
  top:64vh;
  right: inherit;
  left:-14vw;
  opacity:0.7;}
.section .technology .technology-swiper .swiper-button-next:hover{opacity:1;}

/*12-18*/
.section .technology .technology-swiper .swiper-pagination{width:45.5vw;  /*height: 4px; */margin-left:24vw;font-size:32px;text-align:left;right:0;  /*bottom: 6vh; */bottom:0;}

/*12-18*/
.section .technology .technology-swiper .swiper-pagination span{font-size:32px;color:#1e1e1e;}
.section .technology .technology-swiper .swiper-pagination span.swiper-pagination-progressbar{background:#e31220;}
.section .technology .technology-swiper .swiper-pagination span.swiper-pagination-current{font-size:42px;}

/*12-18*/
.section .technology .technology-swiper .te-page-num{width:45.5vw;margin-left:24vw;font-size:32px;position:absolute;right:0;bottom:70px;}
.section .technology .technology-swiper .te-page-num .sp-current{position:absolute;top:0;left:0;width:100%;height:4px;background:#999;}
.section .technology .technology-swiper .te-page-num .sp-all{position:absolute;top:0;left:0;height:4px;background:#e31220;z-index:2;transition:all 0.2s;}

/*12-18*/
.section .business{padding-left:10vw;height:75vh;margin-top:10vh;}
.section .business .business-l{float:left;width:20vw;height:75vh;position:relative;}
.section .business .business-l .business-tab-list{
  margin-top:10vh;
  position: absolute;
  left: 0;
  bottom: 0;
}
.section .business .business-l .business-tab-list ul li{
  background:url("../image/section3-xd.png") no-repeat left center;padding-left:15px;margin:30px 0 0;}
.section .business .business-l .business-tab-list ul li.on{background:url("../image/section3-xd-on.png") no-repeat left center;}
.section .business .business-l .business-tab-list ul li.on a{color:#e31220;}
.section .business .business-l .business-tab-list ul li.on a span i.b-line{width:160px;}
.section .business .business-l .business-tab-list ul li a{display:inline-block;font-size:24px;color:#333;}
.section .business .business-l .business-tab-list ul li a span{display:inline-block;width:1px;height:1px;position:relative;top:-10px;margin-left:10px;}
.section .business .business-l .business-tab-list ul li a span i.b-line{display:block;width:0;height:2px;background:#e31220;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.section .business .business-l .business-more{position:absolute;bottom:0;width:100%;}
.section .business .business-l .business-more a{display:inline-block;width:188px;height:60px;line-height:60px;font-size:16px;color:#333;font-weight:bold;text-align:center;border:1px solid #333;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.section .business .business-l .business-more a:hover{color:#fff;background:#333;}
.section .business .business-swiper{float:left;width:50vw;margin-left:8vw;height:75vh;position:relative;}
.section .business .business-swiper .swiper-container{
  height: 100%;
}
.section .business .business-swiper .swiper-container .swiper-wrapper{
  height: 100% !important;
}
.section .business .business-swiper .swiper-container .swiper-wrapper .swiper-slide{
  height: 100% !important;
}
.section .business .business-swiper .swiper-slide img.p-img{
  display:block;
  width:75%;
  margin:0 auto;
}
.section .business .business-swiper .swiper-slide img.m-img{
  display: none;
}
.section .business .business-swiper .swiper-slide p{
  font-size:16px;
  color:#333;
  line-height:24px;
  position: absolute;
    left: 0;
    bottom: 0;
}
/*.section .business .business-swiper .swiper-slide p .pt-line{*/
/*      display: block;*/
/*    width: 50px;*/
/*    height: 2px;*/
/*    background: #e31220;*/
/*    margin-bottom: 10px;*/
/*}*/
.section .index-news{width:80vw;margin:5vh auto 0;}
.section .index-news .index-news-list{
  margin-top:4vh;
}
.section .index-news .index-news-t .index-tit{
  height: auto;
}
.section .index-news .index-news-list .index-news-item{float:left;width:25.33%;padding:3% 4%;}
.section .index-news .index-news-list .index-news-item:hover{background:#e31220 url("../image/news-bg.jpg") no-repeat right center;}
.section .index-news .index-news-list .index-news-item:hover .news-data{color:#fff;}
.section .index-news .index-news-list .index-news-item:hover .news-data span{background:#fff;}
.section .index-news .index-news-list .index-news-item:hover h2{color:#fff;}
.section .index-news .index-news-list .index-news-item:hover p{opacity:0;}
.section .index-news .index-news-list .index-news-item:hover a{color:#fff;background:url("../image/more-icon-white.png") no-repeat right top 6px;}
.section .index-news .index-news-list .index-news-item:hover a span{background:#fff;}
.section .index-news .index-news-list .index-news-item:last-child{margin-right:0;}
.section .index-news .index-news-list .index-news-item .news-data{font-size:16px;color:#e31220;}
.section .index-news .index-news-list .index-news-item .news-data span{display:block;width:30px;height:1px;background:#e31220;margin-top:10px;}
.section .index-news .index-news-list .index-news-item h2{font-size:18px;color:#333;font-weight:bold;margin-top:20px;min-height:62px; height: auto; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height: 24px;}
.section .index-news .index-news-list .index-news-item p{font-size:14px;color:#666;height:72px;line-height:24px;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.section .index-news .index-news-list .index-news-item a{display:inline-block;font-size:16px;color:#e31220;margin-top:20px;padding-right:20px;background:url("../image/more-icon-black.png") no-repeat right top 6px;}
.section .index-news .index-news-list .index-news-item a span{display:block;width:50px;height:2px;background:#e31220;margin-top:5px;}
.section .index-news .index-news-more{text-align:center;margin-top:6vh;}
.section .index-news .index-news-more a{display:inline-block;width:188px;height:60px;line-height:60px;font-size:16px;color:#e31220;font-weight:bold;text-align:center;border:1px solid #e31220;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.section .index-news .index-news-more a:hover{color:#fff;background:#e31220;}
@media screen and (max-width: 1600px){
  .section .technology .technology-l .index-tit{
    height: 180px;
  }
  .section .technology .technology-l .technology-num{
    margin-top: 2vh;
  }
  .section .technology .technology-swiper .swiper-slide .te-slide-img{
    margin-top: 4vh;
  }
  .section .technology .technology-swiper .swiper-slide .te-slide-img img{
    width: auto;max-width: 60%;
  }
  .section .technology .technology-swiper .swiper-slide h2{
    margin-top: 6vh;
  }
  .section .technology .technology-swiper .swiper-slide p{
    margin-top: 3vh;
  }
}
@media screen and (max-width:1440px){
  .section .index-banner .index-banner-con .swiper-slide .banner-txt .banner-txt-wrap .banner-txt-con h1{font-size:48px;}
  .section .technology .technology-l .technology-num .t-num-item .t-num-txt{font-size:32px;padding-right:20px;}
  .section .technology .technology-l .technology-num .t-num-item .t-num-txt i{font-size:28px;}
  .section .technology .technology-l .technology-num .t-num-item span{font-size:14px;}
  .section .technology .technology-l .technology-more a{width:118px;height:32px;line-height:32px;font-size:12px;}
  .section .technology .technology-swiper .swiper-slide .te-slide-img{margin-top:3vh;}
  .section .technology .technology-swiper .swiper-slide .te-slide-img img{width:150%;}
  .section .technology .technology-swiper .swiper-slide h2{font-size:18px;margin-top:3vh;}
  .section .technology .technology-swiper .swiper-slide p{margin-top:2vh;line-height:22px;}
  .section .technology .technology-swiper .swiper-slide .te-more{font-size:12px;}
  .section .technology .technology-swiper .te-page-num{font-size:18px;}
  .section .technology .technology-swiper .te-page-num .sp-current{font-size:26px;}
  .section .technology .technology-swiper .swiper-button-next{width:40px;height:40px;}
  .section .technology .technology-swiper .swiper-button-prev{width:40px;height:40px;}
  .section .business .business-l .business-tab-list{margin-top:5vh;}
  .section .business .business-l .business-tab-list ul li.on a span i.b-line{width:80px;}
  .section .business .business-l .business-tab-list ul li a{font-size:16px;}
  .section .business .business-l .business-more a{width:118px;height:32px;line-height:32px;font-size:12px;}
  .section .business .business-swiper .swiper-slide p{font-size:14px;line-height:20px;}
  .section .index-news{margin-top:15vh;}
  .section .index-news .index-news-list{margin-top:3vh;}
  .section .index-news .index-news-list .index-news-item h2{font-size:16px;height:52px;margin-top:10px; height: auto; overflow: visible;}
  .section .index-news .index-news-list .index-news-item a{font-size:14px;}
  .section .index-news .index-news-more{margin-top:2vh;}
  .section .index-news .index-news-more a{width:118px;height:32px;line-height:32px;font-size:12px;}
}

/*@media screen and (max-width: 750px){
  .section .technology .technology-swiper .swiper-slide.swiper-slide-active h2{
    color: #1e1e1e;
  }
  .section .technology .technology-swiper .swiper-slide.swiper-slide-active h2 span{
    background: #e31220;
  }
  .section .technology .technology-swiper .swiper-slide.swiper-slide-active p{
    color: #666;
  }
  .section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-slide-img{
    display: block;
  }
  .section .technology .technology-swiper .swiper-slide.swiper-slide-active .te-slide-img-on{
    display: none;
  }
}*/

.indexVideo-2 { 
  z-index: 2; 
  height: 100vh; 
  width: 100vw; 
  /* display: none; */ 
  overflow: hidden; 

}

.indexVideo-2 .video { 
  width: 100%; 
  height: 100%; 
  display: block; 
  -o-object-fit: fill; 
  object-fit: fill; 
}

@media screen and (max-width:1000px){
  .section .index-banner .index-banner-con .swiper-slide .dw-cont > img{
    visibility: hidden;
  }
}


@media screen and (max-width: 768px){
  .section .index-banner .index-banner-con{
    position: relative;
  }
  .section .index-banner .index-banner-con .swiper-pagination{
    display: block;
    width: 100%;
    bottom: 110px;
  }
  .section .index-banner .index-banner-con .swiper-pagination span{
    margin: 0 10px;
    background: #fff;
  }
  .section .index-banner .index-banner-con .swiper-pagination span.swiper-pagination-bullet-active{
    background: #e31220;
  }
  .section .index-banner .index-banner-con .swiper-button-next{
    display: none;
  }
  .section .index-banner .index-banner-con .swiper-button-prev{
    display: none;
  }
}