* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

header {
	width: 1920px;
	height: 958px;
	background-image: url("https://esaimg.cdn1.vip/i/6a94d1469351d_1788137798.webp");
}

header>a {
	width: 310px;
	height: 74px;
	display: block;
	position: relative;
	top: 778px;
	left: 800px;
}

#intro {
	width: 1920px;
	height: 849px;
	background-image: url("https://esaimg.cdn1.vip/i/6a94d146f2004_1788137798.webp");
}

#content1 {
	width: 1920px;
	height: 1696px;
	background-image: url("https://esaimg.cdn1.vip/i/6a94d384d9a2d_1788138372.webp");
}

#sx1 {
	width: 1090px;
	position: relative;
	top: 252px;
	left: 222px;
	font-size: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#sx1 img:nth-of-type(-n+12):not(:nth-of-type(1)):not(:nth-of-type(8)) {
	margin-left: 135px;
}

#sx1 img:nth-of-type(n+8):nth-of-type(-n+12) {
	margin-top: 93px;
}

#sx2 img {
	float: left;
}

#sx2 img:nth-of-type(1) {
	margin-top: 100px;
	margin-left: 270px;
}

#sx2 img:nth-of-type(2) {
	margin-top: 100px;
	margin-left: 445px;
}

#sx2 img:nth-of-type(3) {
	margin-top: 100px;
	margin-left: 620px;
}

#sx2 img:nth-of-type(4) {
	margin-top: 100px;
	margin-left: 795px;
}

#sx2 img:nth-of-type(5) {
	margin-top: 100px;
	margin-left: 970px;
}

#sx2 img:nth-of-type(6) {
	margin-top: 100px;
	margin-left: 1145px;
}

#sx2 img:nth-of-type(7) {
	margin-top: 100px;
	margin-left: 1320px;
}

#sx2 img:nth-of-type(8) {
	margin-top: 230px;
	margin-left: 270px;
}

#sx2 img:nth-of-type(9) {
	margin-top: 230px;
	margin-left: 445px;
}

#sx2 img:nth-of-type(10) {
	margin-top: 230px;
	margin-left: 620px;
}

#sx2 img:nth-of-type(11) {
	margin-top: 230px;
	margin-left: 795px;
}

#sx2 img:nth-of-type(12) {
	margin-top: 230px;
	margin-left: 970px;
}

/* #carousel {
	position: relative;
	top: 900px;
	left: 770px;
} */

#content2 {
	width: 1920px;
	height: 2200px;
	background-image: url("https://esaimg.cdn1.vip/i/6a94d38348848_1788138371.webp");
}

#content2>img {
	position: relative;
	top: 220px;
	left: 270px;
}

#content3 {
	width: 1920px;
	height: 1037px;
	background-image: url("https://esaimg.cdn1.vip/i/6a94d38c0cd32_1788138380.webp");
}

/* 轮播容器 */
.stack-carousel {
	position: relative;
	width: 1000px;
	height: 712px;
	top: 740px;
	left: 770px;
}

.stack-carousel .slide-item {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(0.85) translateY(30px);
	transition: all 0.7s ease;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

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

/* 当前激活 */
.stack-carousel .slide-item.active {
	opacity: 1;
	transform: scale(1) translateY(0);
	z-index: 10;
}

/* 上一张，堆叠在后方 */
.stack-carousel .slide-item.prev {
	opacity: 0.4;
	transform: scale(0.92) translateY(15px);
	z-index: 5;
}

/* 指示器 */
.dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 20;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: 0.3s;
}

.dot.active {
	background: #fff;
}

.displayNone {
	display: none;
}