.index-banner{width: inherit;  position: relative; width: 100%;overflow: hidden;}
.index-banner .col-xs-12{width: 100px;}
.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;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: 5%; 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: 15px; bottom: 0; height: 15px;}
.index-banner > .container .swiper-pagination span{margin-left: 10px;  height: 10px; width: 10px; border-radius: 8px; background: white; opacity: 1; display: block; float: left;}
.index-banner > .container .swiper-pagination .swiper-pagination-bullet-active{background: #5684e6;}
 .m-focus-title {  display: block;  position: absolute;  bottom: 0;  left: 0;  width:100%;  padding-right: 20%;  padding-left: 1%; font-size: 16px;  line-height: 40px;
	 background: rgba(0, 0, 0, 0.8);  color: #FFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
@media (max-width: 1200px) {
	.index-banner {  height: auto;  }
	.index-banner .swiper-slide img { }
}
@media (max-width: 767px) {
	.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: 0;   width: max-content;  }
	.index-banner > .container .swiper-pagination span:first-child {  margin-left: 0;  }
}
@media (min-width: 992px) {
	.index-banner .swiper-slide img {}
}

#jyb_index_focus {
	clear: both;
	position: relative;
	margin: 20px auto 0;
	width: 990px;
	height: 435px;
	background: transparent;
}

.jyb_index_focusImg li {
	clear: both;
	position: absolute;
	top: 32px;
	left: 0;
	width: 610px;
	height: 370px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.jyb_index_focusImg li a, .jyb_index_focusImg li img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.jyb_index_focusImg li p {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-indent: 10px;
	font-size: 16px;
	line-height: 33px;
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
}
.jyb_index_focusImg li.active {
	z-index: 3;
	top: 0;
	opacity: 1;
	padding: 0 145px;
	width: 700px;
	height: 435px;
	filter: alpha(opacity=100);
}
.jyb_index_focusImg li.active img:hover {
	transform: scale(1.1);
	transition: all 0.5s;
}
.jyb_index_focusImg li.active p {
	display: block;
}
.jyb_index_focusImg li.next {
	left: 380px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#moe-focus-cover {
	position: absolute;
	z-index: 2;
	top: 32px;
	left: 0;
	width: 100%;
	height: 370px;
	background: url(../images/index_moe_focus_shadow.png) repeat-y center;
}

.focus-pagenation {
	position: absolute;
	bottom: 10px;
	right: 155px;
	z-index: 5;
}
.focus-pagenation dd {
	float: left;
	margin: 0 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: url(../images/index_moe_focus_page_icon.png) no-repeat right top;
	cursor: default;
}
.focus-pagenation dd.curr {
	background: url(../images/index_moe_focus_page_icon.png) no-repeat left top;
}

.focus-arrow-left, .focus-arrow-right {
	position: absolute;
	top: 167px;
	left: -60px;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
}

.focus-arrow-right {
	left: auto;
	right: -60px;
}