/* 轮播图 */

.carousel {
	max-width: 1920px;
	margin: 0 auto;
}

.carousel-indicators.circle li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid white;
	background: transparent;
}

.carousel-indicators.circle li.active {
	background-color: white;
}

.carousel-item {
	position: relative;
}

.carousel-item>img,
.carousel-item>video {
	display: block;
	width: inherit;
	height: inherit;
	object-fit: cover;
	object-position: center;
}

.carousel-control-next,
.carousel-control-prev {
	width: 40px;
	height: 40px;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}

.carousel-control-prev {
	left: 4vw;
}

.carousel-control-next {
	right: 4vw;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: block;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	background-size: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	transition: transform 0.2s;
}

@media screen and (max-width: 1023px) {
	.carousel-item {
		width: 100vw;
		height: 56.25vw;
	}
}

@media screen and (min-width: 1024px) {
	.carousel-item {
		/* width: 100vw;
		height: 100vh; */
	}

	.carousel-control-prev-icon {
		transform: translateX(-100%);
	}

	.carousel-control-next-icon {
		transform: translateX(100%);
	}

	.carousel:hover .carousel-control-prev-icon,
	.carousel:hover .carousel-control-next-icon {
		transform: translateX(0);
	}
}