﻿.blank_4{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.04);}
.blank_18{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.18);}
.blank_15{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.15);}
.banner {overflow: hidden;position: relative;}
.banner li{overflow: hidden;}
.banner li>img{position: relative;z-index: 1;}
.banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}
.banner_text{color: #fff;width: 100%;
    opacity: 0;z-index: 3;left: 10%;
    transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;

}
/* .banner_p{padding-left: 22.9%;} */
.banner_p h2 {margin-bottom:20px;}
.banner_link{display: inline-block;border: 1px solid #fff;color: #fff;padding: 10px 20px;border-radius: 20px;margin-top: 10px;font-size: 16px;}
.banner_link:hover{border-color: #168390;background-color: #168390;color: #fff !important;}
.banner li.swiper-slide-active .banner_text{ opacity: 1;left: 0;}
.banner .lhl_but{display: none;}
.banner .lhl_but div{background: none;color: #fff;font-size: 44px;width: 44px;text-align: center;line-height: 44px;}
.banner .lhl_but div.swiper-button-prev{left: 40px;}
.banner .lhl_but div.swiper-button-next{right: 40px;}
.banner_div{position: absolute;left: 0;bottom: 0;width: 46%;background: url(../images/banner_div.png) no-repeat;background-size: 100% 100%;height: 118px;
    line-height: 118px;color: #fff;z-index: 2;padding-left: 10%;box-sizing: border-box;}
.banner_div p{display: inline-block;margin-right: 10px;}
.banner .swiper-pagination{left: 50%;bottom: 20px;width: 1440px;max-width: 80%;text-align: left;transform: translateX(-50%);}
.banner .swiper-pagination span{width: 10px;height:10px;background: #fff;opacity:.5;position: relative;border-radius: 50%;display: inline-block;margin-right: 20px;}
.banner .swiper-pagination span:hover{opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{position: relative;opacity: 1;background: #fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after{
  content:'';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #fff;
}
@media only screen and (min-width:1025px) {
   
}
@media only screen and (max-width:1660px) {
  .banner_p{padding-left: 5%;}
}
@media only screen and (max-width:1440px) {
   .banner_p h2 {}
}
@media only screen and (max-width:1024px) {
  .banner_text h3{line-height: inherit;}
  .banner_p{height: auto;left: 0}
  .banner_div{height: 60px;line-height: 60px;width: 60%;padding-left: 7%;}
  .banner .lhl_but div.swiper-button-prev{left: 10px;}
  .banner .lhl_but div.swiper-button-next{right: 10px;}
  .banner_p h2 {margin-bottom: 20px;}
  .banner .swiper-pagination{text-align: center;bottom: 5px;}
  .banner .swiper-pagination span{width:10px;height: 10px;border-radius:50%;margin: 0 5px;}
  .banner .swiper-pagination span.swiper-pagination-bullet-active{background:#168390;opacity: 1;height: 10px;border-radius: 50%;}
}
@media only screen and (max-width:767px) {
  /* .banner li{height: 220px!important;} */
  .banner_text h2{font-size: 18px;font-weight: bold; line-height: 24px;max-height: 48px;margin-bottom: 10px;}
  .banner_text p{font-size: 12px;line-height: 20px;max-height: 40px;}
  .pub_more{margin-top: 20px;}
  .banner .lhl_but div{font-size: 30px;}
  .banner .lhl_but div.swiper-button-prev{left: 0px;}
  .banner .lhl_but div.swiper-button-next{right: 0px;}
  .banner_div{width: 100%;padding-left: 10px;}
  .banner_p{padding-left: 0;}
  .banner li video{display: none !important;}
  .banner .swiper-pagination span{    opacity: 1;width: 10px;height: 10px;    background: #fff;}
  .banner .swiper-pagination span:after{display: none;}
  .banner .swiper-pagination span.swiper-pagination-bullet-active{background: #00778b;}
  .banner li>img{height: auto !important;}
}


.mCSB_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.mCSB_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#254b98;}
.mCSB_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#254b98;}

.index_01{padding: 80px 0 100px 0;}
.index_title{margin-bottom: 30px;}
.index_th_p{padding: 80px;padding-bottom: 0;position: relative;z-index: 6;}
.index_th{position: relative;color:#fff;position: relative;}
.index_line{width: 60px;height:4px;background:#fff;margin: 55px 0;}
.index_th_bg{position: relative;z-index: 5;margin-top: -40px;}
.index_th_bg img{width:100%;}
.index_th_logo{position: absolute;right:2.7%;bottom: 8.8%;z-index: 8;width: 12%;}
.index_th_logo img{width: 100%;}

.index_num ul{overflow: hidden;padding-top:4px;}
.index_num li{float: left;margin-right: 100px;}
.index_num li:last-child{margin-right: 0;}
.index_num li i{vertical-align: top;line-height: initial;}
.index_num dt{height: 60px;line-height: 60px;margin-bottom: 15px;}
.index_num dt span,.index_num dt em{font-size:60px;}
@media only screen and (max-width:1440px) {
.index_01{padding:70px 0;}
.index_th_p{padding: 50px;padding-bottom: 0;}
.index_line{margin: 40px 0;}
.index_num dt{height: 44px;line-height: 44px;}
.index_num dt span,.index_num dt em{font-size:44px;}
}
@media only screen and (max-width:1024px) {
.index_title{margin-bottom:20px;}
.index_01{padding:50px 0;}
.index_th_bg{margin-top: 10px;}
.index_num li{width: 25%;margin-right: 0;}
.index_line{width:40px;height: 3px;margin: 30px 0}
.index_th_p{padding:30px;padding-bottom: 0;}
.index_num dt{height: 32px;line-height: 32px;}
.index_num dt span,.index_num dt em{font-size:32px;}
}
@media only screen and (max-width:767px) {
.index_title{margin-bottom: 10px;}
.index_01{padding:30px 0;}
.index_num li{width: 50%;margin-bottom: 20px;}
.index_num li:nth-child(2n+1){clear:both;}
.index_num dt{height: 24px;line-height: 24px;margin-bottom: 5px;}
.index_num dt span{font-size: 30px;}
.index_num li{font-size: 14px;}
.comm_sec .index_num li i{font-size: 14px !important;}
.index_num dt em{font-size:24px;}
.index_th_logo{right:5px;bottom: 10px;width: 110px;}
.index_th_bg img{height: 100%;}
.index_th_bg{height:100px;margin-top: 0;}
.index_th_p{padding: 20px;padding-bottom: 0;}
.index_line{margin: 20px 0;height: 2px;width: 30px;}
}

.index_02{padding: 215px 0 240px 0;position: relative;overflow: hidden;}
.index_02,.index_02 a{color:#fff;}
.index_02 .wrap{position: relative;z-index: 2;}

.index_bglist li img{display: none;}
.index_bglist{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.index_bglist .blank_15{z-index: 2;}
.index_bglist ul,.index_bglist li{width: 100%;height: 100%;position: relative;}
.index_bglist li{position:absolute;top:0;left:0;  transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility: hidden;opacity: 0;}
.index_bglist li.on{visibility: visible;opacity: 1;}

.index_pro ul{margin:0 -10px;}
.index_pro li{width: 33.33%;float: left;}
.index_pro li a{display: block;margin:0 10px;}
.index_pro li dl{padding:60px 40px;padding-bottom: 80px;border-radius: 10px;}
.index_pro li dd{position: relative;}


.index_pro{position:relative}
.index_pro:after{content:"";position: absolute;left: -50%;width: 1000%;height: 1px;background:rgba(255,255,255,0.32);top: 189px;z-index: 999999;}



.index_icon{width: 52px;height: 52px;margin-bottom: 20px;}
.index_icon img{width:100%;height: 100%;}
.index_pro h2{margin-bottom: 10px; line-height: 24px;height: 48px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.index_line2{height: 3px;background:#e6e6e6;width: 66%;margin-bottom: 40px;}
.index_pro_t{height: 144px;}
.index_pro h4,.index_pro h3{max-height: 72px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.index_more{font-size: 50px;padding-top: 30px;line-height: 20px;}
.index_pro li.on dl{background: url(../images/index_green.png) no-repeat;background-size: cover;}


.index_03{padding:90px 0 70px 0;}
.index_04{padding-bottom:90px;text-align: center;}
.index_05{padding-bottom: 170px;overflow: hidden;}
.index_news ul{overflow: hidden;margin:0 -14px;}
.index_news li{float: left;width: 33.33%;}
.index_news dl{margin:0 14px;}
.index_news dt{margin-bottom: 25px;overflow: hidden;}
.index_news .index_time{padding-top: 20px;border-top:1px solid #e8e8e8;}
.index_time{font-size: 12px;margin-bottom: 15px;}
.index_news h3{margin-bottom: 10px;}
.index_news h3,.index_news p{height: 48px; -webkit-line-clamp: 2;}

.index_info{margin-bottom: 30px;}
.index_info span{display: inline-block;width: 265px;height: 56px;line-height: 56px;background:#262829;color: #fff;border-radius: 30px;font-weight: bold;}

.index_05,.index_05 a{color:#fff;}
.index_develop img{width: 100%;}
.index_develop{position: relative;}
.index_develop h3{margin-bottom: 10px;}
.index_develop p{height:120px;-webkit-line-clamp: 5;}
.index_develop_in{width: 36%;padding:50px;padding-bottom: 40px;position: absolute;left: 0;top:0;}

.index_more2{padding-top: 20px;}
.index_more2 a{display:inline-block;width:160px;height: 20px;line-height: 20px;text-align: center;color:#fff;background:#fff;color:#222;border-radius: 20px;}
.index_more2 a i{margin-left: 10px;font-weight: bold;}


@media only screen and (max-width:1660px) {
.index_02{padding:150px 0;}
.index_05{padding-bottom: 150px;}
.index_develop_in{padding:30px 40px}
}
@media only screen and (max-width:1440px) {
.index_pro:after{top:180px;}
.index_02{padding:100px 0;}
.index_03{padding:70px 0;}
.index_04{padding-bottom:70px;}
.index_05{padding-bottom: 70px;}

.index_more{font-size: 30px;}
.index_line2{margin-bottom: 30px;}
.index_pro li dl{padding:50px 30px;}

.index_news dt{margin-bottom: 20px;}
.index_news ul{margin:0 -10px;}
.index_news dl{margin:0 10px;}
}
@media only screen and (max-width:1280px) {
.index_develop_in{padding:30px;}
.index_develop p{height:96px;-webkit-line-clamp: 4;}

}
@media only screen and (max-width:1024px) {
.index_pro:after{top:159px;}

.index_02,.index_03{padding:50px 0;}
.index_04{padding-bottom:50px;}
.index_05{padding-bottom: 50px;}
.index_pro h4{height: 48px;}
.index_pro_t{height: 96px;}
.index_line2{height: 2px;width: 50%;}
.index_pro li dl{padding:30px 20px;}
.index_more2 a{width:120px;height: 30px;line-height: 30px;}
.index_develop p{height:48px;-webkit-line-clamp: 2;}

}
@media only screen and (max-width:890px) {
.index_more2{padding-top: 10px;}
.index_develop_in{padding:15px 20px;}
}
@media only screen and (max-width:767px) {
.index_pro:after{display: none;}

.index_02{padding:0;}
.index_03{padding: 30px 0;}
.index_04{padding-bottom:30px;}
.index_05{padding-bottom: 30px;}
.index_bglist{margin-bottom: 20px;}
.index_bglist .blank_15{display: none;}
.index_bglist,.index_bglist li{position: static;}
.index_bglist li img{display:block;}
.index_bglist li{display: none;}
.index_bglist li.on{display: block;}
.index_pro li{float: none;width: 100%;margin-bottom: 10px;}
.index_pro li:last-child{margin-bottom: 0;}
.index_pro li a,.index_pro ul{margin: 0;}
.index_pro li dl{background: url(../images/index_green.png) no-repeat;background-size: cover;}
.index_pro h2{height: auto;max-height: 48px;}
.index_pro_t{height: auto;}
.index_more{padding-top: 20px;font-size: 24px;}
.index_icon{margin-bottom: 10px;}
.index_line2{margin-bottom: 10px;width: 100%;height: 1px;}

.index_news dt{margin-bottom:10px;}
.index_news ul{margin:0 ;}
.index_news dl{margin:0 ;}
.index_news li{width:100%;float: none;margin-bottom: 20px;}
.index_news li:last-child{margin-bottom: 0;}
.index_news h3, .index_news p{height: auto;max-height: 48px;}
.index_news .index_time{padding-top: 10px;margin-bottom: 10px;}

.index_develop_in{position: static;width:100%;box-sizing:border-box;background:#eee;}
.index_05,.index_05 a{color:#333;}
.index_develop p{max-height:120px;height: auto; -webkit-line-clamp: 5;}
.index_more2{padding-top: 15px;}
.index_info{margin-bottom: 20px;}
.index_info span{width: 190px;height: 44px;line-height: 44px;}
}

@media only screen and (min-width:1025px) {
.index_pro li a:hover{color:#fff !important;}
.index_pro li dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
/*.index_news dl:hover a{color: #2e818d ;}*/

}



@media only screen and (min-width:1025px){
.index_more2{height: 32px;overflow: hidden;}
.index_more2 a{width: 30px;position: relative;overflow: hidden;}
.index_more2 a em{position: absolute;left:-99px;top:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_more2 a i{margin-left: 0;}
.index_more2 a:hover{width: 120px;height: 32px;line-height: 32px;}
.index_more2 a:hover em{position: static;}
.index_more2 a:hover i{margin-left: 2px;}
}































































