.banner_index li {
position: relative;
background-size: 100% ;background-position:top center; background-size: cover;    background-repeat: no-repeat;
}


		
.banner_index li img {
width: 100%;
}
		
.banner_index li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;
}
.banner_text{color: #fff;width: 100%;top:51%;}
/*.banner_text h2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
.banner_text h2{font-size: 56px;line-height: 56px;margin-bottom: 20px;}


.banner_text h2,.banner_text p,.banner_text .pub_more{
	width: 100%;opacity: 0;visibility:hidden;
	transition:all 1.6s;-webkit-transition:all 1.6s;-moz-transition:all 1.6s;-o-transition:all 1.6s;-ms-transition:all 1.6s;
}
.banner_text h2{
	-webkit-transform: translateY(-40px); -moz-transform: translateY(-40px);-o-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);
}
.banner_text p,.banner_text .pub_more{
	-webkit-transform: translateY(40px); -moz-transform: translateY(40px);-o-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);
}


.banner li.swiper-slide-active .banner_text h2,.banner li.swiper-slide-active .banner_text p,.banner li.swiper-slide-active .banner_text .pub_more{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
}

.but{display: none;}
.but div{text-align: center;width: 60px;height: 60px;line-height: 60px;text-align: center;background: none !important;font-size: 60px;color: #fff;margin-top: -30px;}

 
.banner.cur .banner_text h2,.banner.cur .banner_text p,.banner.cur .banner_text .pub_more{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
}

.banner_p{padding: 0 80px;box-sizing:border-box;max-width: 100%;width: 100%;}
.banner_p h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_p p{line-height: 30px;max-height: 90px;margin-bottom: 10px; width:70%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.banner_page{position:absolute;left: 0;bottom: 60px;width: 100%;z-index: 9; }
.banner_page .swiper-pagination{position: static;text-align: left;padding-left: 76px;}
.banner_page span{width:126px;height: 5px;opacity: 1;background: none;border-radius: 0;margin: 0 2px;}
.banner_page .iline{height:2px;width: 100%;display: block;background:rgba(255,255,255,0.4);margin-top: 4px;}
.banner_page span.swiper-pagination-bullet-active .iline{height:100%;margin: 0;background:#fff;}

@media only screen and (max-width:1660px) {
.but .swiper-button-prev{left: 0;}
.but .swiper-button-next{right: 0;}

.banner_p{padding: 0;}
.banner_page .swiper-pagination{padding: 0;}
.banner_page{bottom: 40px;}
.banner_page span{width: 100px;}
}


@media only screen and (max-width:1024px) {
.banner_text{top:50%;}
.banner_text .wrap{box-sizing:border-box;}
.but div{font-size: 40px;}
.banner_page{bottom: 20px;}
.banner_page .swiper-pagination{text-align: center;}
.banner_page .swiper-pagination .iline{display: none;}
.banner_page .swiper-pagination span{width: 8px;height: 8px;border-radius: 50%;background: #fff;opacity: 0.7;margin: 0 3px;}
.banner_page span.swiper-pagination-bullet-active{background: #fff;opacity: 1;}

.banner_p p{line-height:1.2;max-height: 3.6em;margin-bottom: 0;}

}

@media only screen and (max-width:767px) {
.banner_index li img{display: none;}
.banner_index li{height: 210px !important;}
.banner_text h2{font-size: 18px;line-height: 28px;margin-bottom: 5px;}
.banner_text{top:60%;}
.but div{font-size: 30px;width: 35px;}
.banner_page{bottom: 10px;}
.banner_p p{widtH:100%;}
}

.index_01{padding: 5% 0;}
.index_02{padding-bottom: 5%;}
.index_03{/*margin-bottom:3%;*/}
.index_04{margin-bottom:8%;padding-top:8%;}
.index_05{margin-bottom:8%;overflow: hidden;position: relative;}


.index_title{text-align: center;padding-bottom: 40px;}
.index_title h3{margin-bottom: 10px;}

.index_list_01{margin-top: -10px;}
.index_list_01 ul{overflow: hidden;margin: 0 -13px;}
.index_list_01 li{float: left;width: 25%;}
.index_list_01 dl{padding:30px 20px;margin:0 10px;position: relative; overflow: hidden;}
.index_list_01 dl::before{ content:""; position: absolute; lefT:0; top:0; widtH:10px; height: 10px; border-left:2px solid #003C8B; border-top: 2px solid #003C8B;}
.index_list_01 dl::after{ content:""; position: absolute; right:0; bottom:0; widtH:10px; height: 10px; border-right:2px solid #003C8B; border-bottom: 2px solid #003C8B;}
.index_list_01 dt{width: 90px;height: 90px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:20px; top:50%;}
.index_list_01 dt img{width: 100%;height: 100%;}
.index_list_01 dd{float: right;width:calc(100% - 100px);overflow:hidden;}
.index_list_01 h3{margin-bottom: 8px; height: 1.5em; overflow: hidden;}
.index_list_01 p{ height: 3em; overflow: hidden;}
.index_arrow{position:absolute;width: 10px;height: 10px;}
.index_arrow_01{top:0;left: 0;background: url(../images/index_arrow_01.png) no-repeat center center;background-size: 100% 100%;}
.index_arrow_02{bottom:0;right: 0;background: url(../images/index_arrow_02.png) no-repeat center center;background-size: 100% 100%;}

.mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#ec6700;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#ec6700;}

/*02*/
.index_list02 ul{position: relative;color: #fff;}
.index_list02 li{position: absolute;width: 49.18%;}
.index_list02 li dl{position: relative;width: 100%;height: 100%;}
.index_list02 li dt,.index_list02 li dd{width: 100%;height: 100%;}
.index_list02 li dd{padding: 80px 60px; position: absolute;top:0;left: 0;box-sizing:border-box;}
.index_list02 h3{margin-bottom: 20px;}
.index_list02 p{max-height: 52px;-webkit-line-clamp: 2;width: 470px;max-width: 100%;}

.index_list02 li:nth-child(1){left: 0;top:0;height: 100%;}
.index_list02 li:nth-child(2){right: 0;top:0;height: 48.02%;}
.index_list02 li:nth-child(3){right: 0;bottom:0;height: 48.02%;}

/*04*/
.index_04 .index_title p{padding-top: 10px;}
.index_04 .pub_more a{margin: auto;}
.index_scoll_p{height:78px;overflow: hidden;}
.index_list03{background: rgba(255,255,255,0.3);margin-top: 5%;padding: 0 50px;}
.index_list03 li{float: left;width: 25%;text-align: center;position: relative;}
.index_list03 dl{padding:30px 50px;position: relative;z-index: 2;}
.index_list03 dt{width: 100px;height: 100px;margin: auto;margin-bottom: 10px;}
.index_list03 dt img{width: 100%;height: 100%;}
.index_list03 h3{margin-bottom: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hover_bg{position: absolute;top:-10px;left: 0;width: 100%;height: 100%;background:#fff;    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
	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;
transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7);-moz-:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7);
}

.index_list_01 dt img,.index_list03 dt img{
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
}

@media only screen and (min-width:1025px) {
.index_list03 li:hover .hover_bg{visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1.15);-moz-:scale(1,1.15);-o-transform:scale(1,1.15);-ms-transform:scale(1,1.15);}

.index_list_01 li:hover dt img,.index_list03 li:hover dt img{animation:upDown 2s infinite linear;-webkit-animation:upDown 2s infinite linear;}
}


/*05*/
.but_pub{display: none;}
.but_pub div{width: 64px;height: 64px;margin-top: -32px; border-radius:50%; box-shadow: 0 0 20px rgb(0 0 0 / 30%);-ms-box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.but_pub .swiper-button-prev{left:-32px;background:#fff url(../images/btn_left.png) no-repeat center center;}
.but_pub .swiper-button-next{right:-32px;background:#fff url(../images/btn_right.png) no-repeat center center;}

.but_pub .swiper-button-disabled{opacity: 1;}
.but_pub .swiper-button-prev:hover{background:#fff url(../images/btn_left_on.png) no-repeat center center;}
.but_pub .swiper-button-next:hover{background:#fff url(../images/btn_right_on.png) no-repeat center center;}


@media only screen and (max-width:1440px) {
.but_pub div{width: 50px;height: 50px;margin-top: -25px;}
.but_pub .swiper-button-prev{left: -25px;}
.but_pub .swiper-button-next{right: -25px;}
}

@media only screen and (max-width:767px) {
.but_pub div{width: 40px;height: 40px;margin-top: -20px;background-size:10px !important;}
.but_pub .swiper-button-prev{left: 5px;}
.but_pub .swiper-button-next{right: 5px;}
}






.index_05 .index_le{position: absolute;left:0;top:0;height: 100%;width: 100%;}
.index_05 .index_le .wrap{height: 100%;position: relative;}
.index_news{height: 100%;}
.index_news .index_title{text-align: left;float: left;}
.index_news ul{ float: left; width:100%;}
.index_news li{ margin:10px 0; cursor: pointer;}
.index_news li i{margin-left:10px; font-size: 14px; position: relative; top:-1px;}
.index_news li.on{color: #ec6700;}
.index_dw{position: absolute;left: 0;bottom: 0;width: 100%;}

.index_05 .pub_more a{border:1px solid #f2f2f2;}

.index_re{float: right;width: 77.8%;padding-bottom: 70px; min-height: 260px; position: relative;z-index: 9;}
.index_re li{width: 520px;}
.index_re dt{margin-bottom: 20px;}
.index_re h3{-webkit-line-clamp: 2;height: 60px;}
.index_time{margin-bottom: 10px;}

.swiper-cicle{text-align: left;bottom: 0;display: none;}
.swiper-cicle span{    opacity: 1 !important;margin: 0;border: 0;background: none; border-radius: 0;height: 5px;width: 116px;position: relative;}
.swiper-cicle span .iline{height: 1px;background: #8f8f8f;display: block;margin-top: 3px;}
.swiper-cicle span .iline02{height: 3px;background: #ec6700;display: block;visibility: hidden;opacity: 0;position: absolute;left: 0;top: 1px;width: 100%;}
.swiper-cicle span.swiper-pagination-bullet-active .iline02{visibility: visible;opacity: 1;}

/*03*/
.index_case{position: relative;}
.index_03 .pub_more a{border:1px solid #f2f2f2;margin: auto;}
.index_case_top dl{position: relative;}
.index_case_top dt{position: relative;}
.index_case_top dt em{position: absolute;background: rgba(0,0,0,0.4);top:0;left: 0;width: 100%;height: 100%;}
.index_case_top dt img{width: 100%;}
.index_case_top dd{position: absolute;top: 20.5%;left: 0;width: 100%;color: #fff;box-sizing:border-box;}
.index_case_box{width: 40%;margin-left: 11%;box-sizing:border-box;}
.index_case_box h3{margin-bottom: 20px;}
.index_case_box h4{margin-bottom: 30px;}
.index_case_box h3,.index_case_box h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_case_box p{height: 96px; -webkit-line-clamp: 4;}
.more_arrow{padding-top: 20px;}
.more_arrow a{color: #fff;display: inline-block;font-weight: bold;}
.more_arrow i{margin-left: 15px; font-size: 12px;}

.index_case_b{/*position: relative;margin-top: -50px;*/top:auto; bottom:-57px; z-index: 2;}
.index_case_bottom{padding: 0 50px;}
.index_case_slider{background: #fff; position: relative;box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
.index_caseimg{text-align: center;padding: 20px;}
.index_caseimg img{width: 160px;max-width: 100%;}

.index_case_slider li{cursor: pointer;}
.index_case_slider li .index_caseimg{
	
filter: grayscale(100%);
	
-webkit-filter:grayscale(100%);
	
-moz-filter:grayscale(100%);
	
-ms-filter:grayscale(100%);
	
-o-filter:grayscale(100%);
	
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	
-webkit-filter:grayscale(1); opacity: 0.4;
}

.lt10 .index_case_slider li .index_caseimg{ background: #fff;}

.index_case_slider li.on .index_caseimg{
	box-shadow: 0 0 30px rgb(0 0 0 / 20%);
filter: grayscale(0%);
	
-webkit-filter:grayscale(0%);
	
-moz-filter:grayscale(0%);
	
-ms-filter:grayscale(0%);
	
-o-filter:grayscale(0%);
	
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	
-webkit-filter:grayscale(0); opacity: 1;
}



.index_case_slider .swiper-button-prev.swiper-button-disabled,.index_case_slider .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.index_case_slider .swiper-button-prev.disabled,.index_case_slider .swiper-button-next.disabled{ cursor: default;}
.index_case_slider .swiper-button-prev.disabled{background:#fff url(../images/btn_left.png) no-repeat center center;}
.index_case_slider .swiper-button-next.disabled{background:#fff url(../images/btn_right.png) no-repeat center center;}

@media only screen and (max-width:1659px) {
	.index_list_01 dd p{ height: 4.5em;}
}


@media only screen and (max-width:1520px) {
.index_list_01 dl{padding: 20px;}
.index_list_01 dt{width: 70px;height: 70px; left:10px;}
.index_list_01 dd{width:calc(100% - 80px);}

.index_list02 li dd{padding: 40px;}

.index_re li{width: 420px;}
.index_list03 dl{padding: 30px;}
.index_list03{padding: 0;}
}
@media only screen and (max-width:1440px) {
.index_list02 h3{margin-bottom: 10px;}
.index_list02 .pub_more{padding-top: 30px;}
.index_re{padding-bottom: 50px;}

.index_re li{width: 380px;}
.index_list03 dt{width: 80px;height: 80px;}


.index_case_box h4{margin-bottom: 20px;}
.index_case_top dd{top:13.5%;}
.index_case_box{margin-left: 6%;}
.index_case_bottom{padding: 0 10px;}

}
@media only screen and (max-width:1366px) {
.index_list02 li dd{padding: 30px;}
.index_list02 .pub_more{padding-top: 20px;}
.index_re li{width: 340px;}
.index_case_box h3, .index_case_box h4{margin-bottom: 10px;}

}
@media only screen and (max-width:1024px) {
.index_01{padding: 50px 0;}
.index_01{padding-bottom: 50px;}

.index_list_01 li{width: 50%;margin-bottom: 20px;}
.index_list_01 dl{margin: 0 10px;}
.index_list_01 ul{margin: 0 -10px;}
.index_list_01{margin: 0}
.index_list_01 dd p{ height: 3em;}
.index_title{padding-bottom: 20px;}

.index_list02 li dd{padding: 20px;}
.index_list02 .pub_more{padding-top: 10px;}
.index_list02 p{max-height: 48px;}

.index_05 .index_le{position: static;}
.index_re{float: none;width: 94%;margin: auto;}

.index_news .index_title{float: none;text-align: center; padding-bottom: 0;}
.index_news ul{ float: none; margin-bottom:10px;}
.index_news li{ float: left; widtH:25%; text-align: center;}
.index_dw{position: static;}
.index_re{padding-bottom: 0;}
.index_re .swiper-cicle{display: none !important;}
.index_re.cur .but_pub{display: block;}
.index_re.cur .but_pub div{top:40%;}
.index_05 .pub_more a{margin: auto;}


.index_scoll_p{height: auto;}
.index_list03 dl{padding: 20px ;}
.index_list03 dt{width: 60px;height: 60px;}
.index_list03{margin-top: 20px;}

.index_case_b{margin-top: 10px;}
.index_case_box p{height: 72px;    -webkit-line-clamp: 3;}
.more_arrow{padding-top: 10px;}
.index_caseimg{padding:20px 10px;}
.index_case_box{width: 60%;}
}

@media only screen and (max-width:1023px) {
.index_04{padding-top: 12%;}
}
@media only screen and (max-width:767px) {
.index_case_b{bottom:-33px;}
.index_01{padding: 30px 0;}
.index_02{padding-bottom: 30px;}
.index_03 .pub_more{padding-top: 20px;}

.index_list_01 li{width: 100%;margin-bottom: 10px;float: none;}
.index_list_01 dl{margin: 0;padding: 20px 10px;}
.index_list_01 ul{margin: 0;}
.index_list_01 dd{height:auto;width:calc(100% - 70px);}
.index_list_01 h3{margin-bottom: 5px;}
.index_list_01 dt{width: 60px;height: 60px;}

.index_list02 ul{height: auto !important;}
.index_list02 li{float: none;width: 100% !important;height: auto !important;  position: relative;margin-bottom: 10px;}
.index_list02 li:last-child{margin-bottom: 0;}
.index_list02 li:nth-child(2) p,.index_list02 li:nth-child(3) p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}
.index_re.cur .but_pub div{top:35%;}

.index_list03 li{float: none;width: 100%;border-bottom: 1px solid #e5e5e5;}
.index_list03 li:last-child{border: 0;}
.index_list03{margin-top: 0;}

.index_case_slider .swiper-button-prev{left: 0;}
.index_case_slider .swiper-button-next{right: 0;}
.index_case_bottom{padding:0 40px;position: relative;}
.index_case_slider{position: static;}
.index_caseimg img{width: 100px;}
.index_caseimg{padding: 10px;}
.index_case_top dt{display: none;}
.index_case_top dd{position: static;padding: 40px 0;background: rgba(0,0,0,0.4);}
.index_case_box{margin-left: 0;width: 100%;}

.index_news li i{font-size: 12px; margin-left: 5px;}
}