/* index */
.banner img {
	width: 100%;
	user-select: none;
}

.banner {
	font-size: 0;
}

.banner .swiper-pagination {
	bottom: var(--padding-base);
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-button-next {
	right: 2em;
	transform: translateY(-50%);
	top: 50%;
	border: 1px solid var(--primary-color);
	font-size: var(--font-size-2xl);
	width: 2.625em;
	height: 2.625em;
	border-radius: 50%;
	transition: .3s;
	z-index: 999;
	z-index: 9;
	bottom: auto;
}


.swiper-button-prev {
	left: 2em;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--primary-color);
	font-size: var(--font-size-2xl);
	width: 2.625em;
	height: 2.625em;
	border-radius: 50%;
	transition: .3s;
	z-index: 9;
	bottom: auto;
}


.swiper-button-next::after, .swiper-button-prev::after {
	color: var(--primary-color);
	font-size: inherit;
	transition: .3s;
}


.swiper-button-next:hover, .swiper-button-prev:hover {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}


.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
	color: #fff;
}


.banner .swiper-pagination span {
	display: block;
	font-size: var(--font-size-xs);
	width: 1em;
	height: 1em;
	background-color: #fff;
	border-radius: 0.5em;
	opacity: 0.5;
	transition: 1s;
}




.banner .swiper-pagination span.swiper-pagination-bullet-active {
	width: 2.5em;
	opacity: 1;
}

.banner video{
	display: block;
	width: 100%;
}