.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: #be0a01;}

@media (max-width: 1200px) {
	.index-banner{width: 100%; float: none}
	.index-banner {  height: auto;  }
	.index-banner .swiper-slide img {  height: 28vw; }
}
@media (max-width: 767px) {
	.index-banner{width: 100%; float: none; margin-top:0%;}
	.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;  }
}