@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.index_banner {
	position: relative;
}

.index_banner .banner .swiper-slide {
	position: relative;
}

.index_banner .box{
	
}
.index_banner .banner .swiper-slide .img {
	width: 100%;
	max-height: 100vh;
}

.index_banner .banner .swiper-slide .img img {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
}

.index_banner .banner .swiper-slide .img video {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
}

.index_banner .banner .swiper-slide .video:before {
	content: '';
	display: block;
	width: 100%;
	max-height: 100vh;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.32);
}
.index_banner .banner .swiper-slide .img:before {
	content: '';
	display: block;
	width: 100%;
	max-height: 100vh;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.05);
}
.index_banner .banner .swiper-slide .position {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.index_banner .banner .swiper-slide .box h5 {
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	line-height: 120%;
	font-weight: bold;
}

.index_banner .banner .swiper-slide .box h5 p {
	font-weight: bold;
}

.index_banner .banner .swiper-slide .position .box h5 {
	font-size: 0.72rem;
	color: #fff;
	text-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}

.index_banner .banner .swiper-slide .position .box h6 {
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	font-size: var(--yx_FS24);
	color: #fff;
	margin-top: 0.16rem !important;
	letter-spacing: 2px;
	text-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}

.index_banner .banner .swiper-slide .position .box .yx_InMore {
	margin-top: 0.72rem;
	border-color: #fff;
	color: #fff;
}

.index_banner .banner .swiper-slide .position .box .yx_InMore .yx_icon {
	color: #fff;
}

.index_banner .banner .swiper-slide .position .box .yx_InMore:hover {
	background: #fff;
	color: #666;
}


.index_banner .banner .swiper-slide .position .box h4{
	    display: block;
	    text-align: center;
	    line-height: 1.2;
	    color: #fff;
	    font-size: var(--yx_FS54);
}
.index_banner .banner .swiper-slide .position .box .yx_InMore:hover .yx_icon {
	color: var(--yx_Color);
}

.index_banner .banner .swiper-slide-active .position h4 {
	-webkit-animation: fadeInUp 1s ease both;
	animation: fadeInUp 1s ease both;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.index_banner .banner .swiper-slide-active .position ul {
	-webkit-animation: fadeInUp 1s ease both;
	animation: fadeInUp 1s ease both;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.index_banner .banner .swiper-slide-next {
	z-index: 1;
}

.index_banner>.yx_flex {
	position: absolute;
	width: 100%;
	bottom: 1.36rem;
	z-index: 3;
	left: 50%;
	transform: translateX(-50%);
}

.index_banner .yx_BannerBtn div {
	width: 0.6rem;
	hright: 0.6rem;
	line-height: calc(0.6rem - 2px);
	border: 1px solid #fff;
	text-align: center;
	font-size: 0.18rem;
	color: #fff;
	transition: all 0.6s;
	cursor: pointer;
	margin-left: 0.24rem;
}

.index_banner .yx_BannerBtn div:hover {
	background: #FFF;
	color: VAR(--yx_Color);
}

.yx_Prev {
	position: absolute;
	z-index:9;
	top: 50%;
	transform: translateX(-50%);
	font-size: var(--yx_FS48);
	color: #fff;
	cursor: pointer;
	left: 5%;
}
.yx_Next {
	position: absolute;
	z-index:9;
	top: 50%;
	transform: translateX(-50%);
	font-size: var(--yx_FS48);
	color: #fff;
	cursor: pointer;
	right: 5%;
}

@media screen and (max-width: 768px) {
	.index_banner .banner .swiper-slide .img video{
		display: none !important;
	}
}