/* ========== */
/* = HOME = */
/* ========== */
html, body { position: relative; height: 100%; }
.swiper-home { width: 100%; height: 100%; }
.swiper-home .swiper-slide { padding-top: 91px; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden;}
.swiper-home .swiper-button-prev.black{ background-image: url(../images/home_prev_black.png); }
.swiper-home .swiper-button-next.black{ background-image: url(../images/home_next_black.png); }
.swiper-pagination-home .swiper-pagination-bullet{ width: 32px; height:6px; background:none; border:0; border-radius: 0; position: relative;}
.swiper-pagination-home .swiper-pagination-bullet:before{ content: ""; position: absolute; top:2px; left:0; width:100%; height: 1px; background: #FFFFFF;}
.swiper-pagination-home .swiper-pagination-bullet-active:before{ margin-left: -18px; width: 50px; top:0; height:4px; background: #e6061f;}
.swiper-pagination-home .swiper-pagination-bullet.black:before{ background:#222; }
.swiper-pagination-home .swiper-pagination-bullet-active.black:before{ background:#e6061f; }


.banner{ width: 100%; height: 100%;}
.banner .bgFull{  position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  padding-top:90px; text-align: center;}
.banner .bgFull div{ width: 100%;}
.banner .bgFull span{ display: block;}
.banner .bgFull .text-01{ font-size:70px; line-height: 100px; text-shadow: 0 7px 20px rgba(0,0,0); -webkit-text-shadow: 0 5px 20px rgba(0,0,0,.3); color: #FFFFFF; font-weight: 600; letter-spacing: 8px;}
.banner .bgFull .line{ margin:35px auto; width: 300px; height: 3px; background: #FFFFFF;}
.banner .bgFull .text-02{text-shadow: 0 7px 20px rgba(0,0,0); font-size: 25px;  color: #FFFFFF; letter-spacing: 6px;}
.banner .bgFull .button{ margin-top: 4%; display: inline-block; border-radius:30px; background: #03030366; color: #FFFFFF; padding: 0 60px;}
.banner .bgFull .button img{ margin-left: 10px; display: inline-block; vertical-align: middle;}
.banner .bgFull .button em{ font-size:20px; font-style: normal; display: inline-block; vertical-align: middle; line-height: 60px;}

@media (max-width:1500px) {
  .swiper-home .swiper-slide{ padding-top: 71px;}
  .banner .bgFull .text-01{ font-size: 50px; line-height: 94px;}
  .banner .bgFull .text-02{ font-size: 15px;}
}




.home-service{ display:block; width: 100%;}
.service-text{ display: block; text-align: left; position: relative; z-index: 0;}
.service-text .con{ width:65%; max-width: 620px; position: relative; z-index: 1;}
.service-text .tit{ padding-bottom: 20px; position: relative; font-size: 30px; letter-spacing:3px;}
.service-text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 1px; background: #555555; }
.service-text .des{ margin-top: 5%; color: #888888; font-size: 24px; line-height: 36px; letter-spacing:2px;}
.service-text .text{ margin-top: 7%;  font-size: 24px; line-height: 50px; }
.service-text .text span{ margin-bottom: 10px; display: block; color: #e6061f;  letter-spacing:3px; font-weight: bold;}
.service-text .text p{ position: relative; padding-left: 28px; color: #888888;  letter-spacing:2px;}
.service-text .text p:before{ content: ""; position:absolute; top:50%; margin-top:-4px; left:5px; width: 8px; height: 8px; background: #e6061f; border-radius: 100%;}
.service-text .text .home-button{ margin-top:10%;}
.service-text .letter{ position: absolute; bottom: 20px; left:15%; width:60%; z-index: 0;}
.service-img{ position:absolute; bottom: 0; right:0; width:54%; height: 100%; background-image: url(../images/home/service_png.png); background-size: cover; background-position: top center;} 



.home-case{ position: relative; z-index:1; width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.home-case-text{ text-align: left; }
.home-case-text .line{ width: 62px; height: 6px; background: #e6061f;}
.home-case-text img{ margin:30px 0 0;}
.home-case-text .des{ margin-top: 50px; font-size: 24px; line-height: 36px; color: #000000; font-weight: bold;}
.home-case-text .des .red-text{ color: #e6061f;}
.home-case-text .home-button{ margin-top:85px;}
.home-case-img { text-align: left;}
.home-case-img img{ width: 100%;}
.home-case-img .red{ padding: 30px 50px; font-size: 30px; line-height: 44px; font-weight: bold; letter-spacing: 2px; background: #e6061f; color: #FFFFFF;}


.home-case-bg1{  position: absolute; top:20px; left:-7%; width:30%; z-index:0;}
.fh-case .home-case-img{position: absolute; right:0; width: 52%; z-index:0;}
.fh-case .home-case-img .text{ padding-left: 150px;}
.fh-case .home-case-img img{ width: 100%;}

.home-case-bg2{  position: absolute; top:20px; left:44%; width:30%; z-index:0;}
.bsd-case .home-case-img{ width: 52%; text-align:right;}
.bsd-case .home-case-img .img{ padding-right: 95px;}
.bsd-case .home-case-text{ width: 44%; padding-right:15%;}
.bsd-case .home-case-img .red{ padding:50px 95px;}


.home-case-bg3{ position: absolute; top:58%; left:-4%; width:60%; z-index:0;}
.yd-case .home-case-img{ width: 100%;text-align: left; positionr:relative; z-index:1; }
.yd-case .home-case-img .img{ width:73%;}
.yd-case .home-case-img .text{ position: absolute; bottom:10px; right:0; width: 47%;}
.yd-case .home-case-img .red{ padding:50px 68px;}
.yd-case .home-button{ margin-top:12%; }
.yd-case .home-case-text{ position: relative; margin-top: 40px;}



.home-case-bg4{ position: absolute; top:50px; left:20%; width:60%; z-index:0;}
.fenzhong-case .box{ width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.fenzhong-case .home-case-img{ margin-left: -38%; width:88%; text-align:right;}
.fenzhong-case .home-case-text{ text-align:left; padding-right: 3%;}
.fenzhong-case .home-case-text .des{ margin-top: 20px;}
.fenzhong-case .home-button{ margin-top:35px;}
.fenzhong-case .box:nth-child(2) .home-case-img{ margin-right: -38%; margin-left: 0;}
.fenzhong-case .box:nth-child(2) .home-case-img .red{  text-align:left;}
.fenzhong-case .home-case-img .text{ width:100%;}


.home-video{ color: #FFFFFF;}
.home-video .text{ font-size: 60px; line-height: 98px; letter-spacing:10px;}
.home-video .bt{ margin-top: 8%; cursor: pointer;}
.home-video .bt p{ margin-top: 20px; font-size: 18px; letter-spacing:2px; color: #b4b4b4;}
.home-video .home-button{ position: absolute; bottom: 50px; right:45px; color: #FFFFFF; border: rgba(255,255,255,255,.4);} 
.home-video .home-button:hover{ border: 2px solid #e6061f; color: #e6061f;}


.home-news-slide{ padding-bottom: 298px; }
.home-news-bg{ position: absolute; top:26px; left:7%; width: 30%;}
.home-news{ width: 100%; position: relative; z-index: 1;}
.home-news .tit{ text-align: left; font-size: 30px; color: #222222; font-weight: bold; }
.home-news ul{  position: relative; margin: 25px -10px 0; }
.home-news li{ float: left; width: 33.33333%; padding: 0 10px; z-index: 1; position: relative;}
.home-news li a{ display: block; position: relative; z-index: 1; background:#FFFFFF; text-align: left;}
.home-news li .img{ width: 100%; overflow: hidden;}
.home-news li .img img{ width: 100%;}
.home-news li .text{ padding: 25px 30px;}
.home-news li .text p{ font-size: 18px; line-height: 30px; height: 90px; overflow: hidden; color: #000000;}
.home-news li .text span{ margin-top:12px; display: block; font-size: 18px; color: #8a8a8a;}.home-news li a:hover{ background: #383838;}
.home-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news li a:hover .text p{ color: #FFFFFF;}
.home-news ul li:last-child:before{ content: ""; position: absolute; z-index:0; right:-14%; top:-14%; height: 100%; width: 100%; background: #e6061f;}

.footer{ position: absolute; z-index: 3; bottom: 0; left:0;  }


@media (max-width:1500px),(max-height:750px)  {

  .service-text{ z-index: 1;}
  .service-text .con{ width: 46%;}
  .service-text .tit{ font-size: 24px; padding-bottom: 15px;}
  .service-text .des{ font-size: 18px; line-height: 32px;}
  .service-text .text{ font-size: 18px; line-height: 32px;}
  .service-text .letter{ display: none;}
  
  

  .home-case-text img{ margin:20px 0 0; max-height: 60px; max-width:130px;}
  .home-case-text .des{ margin-top:20px; font-size: 18px; line-height: 30px; }
  .home-case-text .home-button{ margin-top:40px;}
  .home-case-img .red{ padding: 20px; font-size: 22px; line-height:32px;letter-spacing: 1px; }
  
  .bsd-case .home-case-img .red{ padding:25px 95px;}
  
  
  .yd-case .home-case-img .red{ padding: 30px;}
  .yd-case .home-case-text{ margin-top: 20px;}
  
  .fenzhong-case .home-case-text .des{ margin-top: 10px;}
  .fenzhong-case .home-button{ margin-top: 10px;}
  
  

  .home-video .text{ font-size: 34px; line-height: 46px;}
  .home-video .bt img{ height:80px;}
  

  .home-news-slide{ padding-bottom: 226px;}
  .home-news .tit{ font-size: 24px;}
  .home-news li .text{ padding: 15px;}
  .home-news li .text p{ font-size: 15px; line-height: 22px; height:44px;}
  .home-news li .text span{ font-size: 13px; }

}

@media (max-height:650px) {
  .home-news li .text p{ font-size: 14px; }
  .home-news li .text span{ margin-top: 7px; font-size: 12px; }
}


@media (max-height:600px) {
  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:8px 0;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-top:-160px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-top: 60px;}
}


@media (max-height:670px){
  .home-news-slide { padding-bottom:170px;}
  .footer{ padding: 20px 4%; }
    .footer .text{ margin-top: 14px; }
}