.carousel {
	position: relative;
	width: 100%;
	height: 40.625rem;
	margin: 0 auto;
	margin-top: -100px;
	overflow: hidden;
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
	height: 100%;
}

.carousel-slide {
	min-width: 100%;
	height: 100%;
}

.carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 18px;
	z-index: 10;
}

.prev-btn {
	left: 10px;
}

.next-btn {
	right: 10px;
}

.carousel-indicators {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
}

.indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.indicator.active {
	background: white;
}

.carousel-slide-content-1 {
	width: 100%;
	height: 100%;
	background: url('../img/aside/banner.png') no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
}
.carousel-slide-content-1 img {
	display: inline-block;
	width: 38.125rem;
	height: 10.25rem;
	margin-top: 12.5rem;
}
.carousel-slide-content-2 {
	width: 100%;
	height: 100%;
	background: url('../img/aside/banner2.png') no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.carousel-slide-content-2 div {
	font-family: TsangerYuYangT, TsangerYuYangT;
	font-weight: normal;
	font-size: 3rem;
	color: #ffffff;
}
.carousel-slide-content-2 span {
	width: 927px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}
.carousel-slide-content-2 .carousel-slide-content-2-btn {
	width: 9.6875rem;
	height: 3rem;
	background: #ffffff;
	font-family: Source Han Sans SC, Source Han Sans SC;
	font-weight: bold;
	font-size: 16px;
	color: #49469a;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.carousel-slide-content-3 {
	width: 100%;
	height: 100%;
	background: url('../img/aside/banner3.png') no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.carousel-slide-content-3 div {
	font-family: TsangerYuYangT, TsangerYuYangT;
	font-weight: normal;
	font-size: 3rem;
	color: #ffffff;
}
.carousel-slide-content-3 span {
	width: 927px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}
.carousel-slide-content-3 .carousel-slide-content-3-btn {
	width: 9.6875rem;
	height: 3rem;
	background: #ffffff;
	font-family: Source Han Sans SC, Source Han Sans SC;
	font-weight: bold;
	font-size: 16px;
	color: #49469a;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.carousel-slide-content-4 {
	width: 100%;
	height: 100%;
	background: url('../img/aside/banner4.png') no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.carousel-slide-content-4 div {
	font-family: TsangerYuYangT, TsangerYuYangT;
	font-weight: normal;
	font-size: 3rem;
	color: #ffffff;
}
.carousel-slide-content-4 span {
	width: 927px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}
.carousel-slide-content-4 .carousel-slide-content-4-btn {
	width: 9.6875rem;
	height: 3rem;
	background: #ffffff;
	font-family: Source Han Sans SC, Source Han Sans SC;
	font-weight: bold;
	font-size: 16px;
	color: #49469a;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}