#bannerSlide { height:650px; position:relative;overflow: hidden; zoom: 1; z-index:0; min-width:1460px; }
.clearfix:before, .clearfix:after { display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right {  }


.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }

.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; line-height: 50px; }
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }

#index_b_hero { width: 1460px; height: 650px; margin: auto; position: relative; }
#index_b_hero img { width: 1460px; height: 650px;}
#index_b_hero .heros { width: 1460px; height: 650px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }

#index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; background-color: #303030; z-index: 3; cursor:pointer; color: #fff; font-size: 40px; text-align: center; font-family: "宋体";}


#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
#index_b_hero .next { margin: -25px 0 0 0; right: 0; }




#index_b_hero .disabled { background-color: #fff; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background:#E0EBFD; z-index: 1; position: absolute; top: 0; left: 0; width: 1460px;height: 650px; overflow: hidden; left:2920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1460px;  background:#E0EBFD; overflow: hidden; }
#index_b_hero .mask-right { left: 1460px; }
#index_b_hero .active { z-index: 2; left: 0; }

#bannerSlide .text{ position: absolute!important; z-index:9999999 !important; top:310px; left:100px !important; text-align:left; height:33px; font-size:14px; font-weight:bolder; color:#fff; background:url(../images/title_bg.png) repeat-x; float:left; line-height:33px; padding:0 20px;}



.index-banner{width: inherit;position: relative; width:100%; overflow: hidden; /* position: fixed; */}
.index-banner .swiper-wrapper{left: 0; top: 0;}
.index-banner .swiper-slide{position: relative;}
.index-banner .swiper-slide::after{content: ""; display: block; position: absolute; bottom: 0; width: inherit; height: 100px; background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent); z-index: 1;}
.index-banner .swiper-slide .container{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; z-index: 2; max-width: 100%;}
.index-banner .swiper-slide .container h3{position: relative; z-index: 2; color: white; white-space: nowrap; text-shadow: 0 0 5px black;}
.index-banner .swiper-slide a{width: inherit;}
.index-banner .swiper-slide a:hover img{transform: scale(1);}
.index-banner .swiper-slide img{width: inherit; object-fit: cover;}
.index-banner > .container{position: absolute; bottom:3%; height: auto; left: 50%; transform: translateX(-50%); z-index: 10; text-align: right;}
.index-banner > .container .fraction{display: inline-block; position: relative; z-index: 10; color: white; margin-bottom: 10px;}
.index-banner > .container .fraction span{font-family: ArialMT,sans-serif; font-size: 16px; color: #ffffff; letter-spacing: 0; line-height: 28px;}
.index-banner > .container .fraction span:first-child{font-size: 32px;}
.index-banner > .container .swiper-pagination{right: 42%; bottom: 0; height: 4px;}
.index-banner > .container .swiper-pagination span{margin-left:6px; height:4px; width:25px; border-radius: 8px; background: white; opacity: 1; display: block; float: left;}
.index-banner > .container .swiper-pagination .swiper-pagination-bullet-active{background: #0b6cb8;}

@media (max-width: 1200px) {
	.index-banner{width: 100%; float: none}
	.index-banner {  height: auto;  }
	.index-banner .swiper-slide img { }
}
@media (max-width: 767px) {
	.index-banner{width: 100%; float: none; }
	.index-banner .swiper-slide .container h3 {  bottom: 10px;  font-size: 22px;  max-width: 100%;  margin-left: auto;  margin-right: auto;  }
	.index-banner > .container {  width: 100%;}
	.index-banner > .container .swiper-pagination {  right: unset;  left: 50%;  width: max-content;  transform: translateX(-50%);  }
	.index-banner > .container .swiper-pagination span:first-child {  margin-left: 0;  }
}
@media (min-width: 992px) {
	.index-banner .swiper-slide img { }
}