.lbt-box {
	position: relative;
	width: 1212px;
	height: 500px;
	margin: 0 auto;
	margin: 44px 0 0 17px;
	padding-bottom: 35px;
}

.imgs {
	width: 100%;
	height: 100%;
	perspective: 1000px;
}

.imgitem {
	position: absolute;
	width: 400px;
	height: 408px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
	transition: .8s;
	opacity: 0;
	display: block;
}

.imgitem img {
	width: 100%;
	height: 100%;
}

/* 中间 */
.cur-img {
	height: 693px;
	width: 391px;
	z-index: 100;
	opacity: 1;
	box-shadow: 0 5px 10px 0 #00000059;
}

/* 三张 */
/* .pre-img {
	transform: translateX(-400px) rotateY(30deg) scale(0.8);
	z-index: 9;
	opacity: 0.9;
}

.next-img {
	transform: translateX(400px) rotateY(-30deg) scale(0.8);
	z-index: 9;
	opacity: 0.9;
} */

.pre-img span,
.next-img span {
	display: none;
}

/* 五张 */
/* 左一（原来的 .pre-img） */
.pre1-img {
	width: 342px;
	height: 607px;
	transform: translateX(-215px) translateY(1px);
	z-index: 9;
	/* opacity: 0.9; */
	opacity: 1;
}

/* 左二（新，更远） */
.pre2-img {
	width: 300px;
	height: 534px;
	transform: translateX(-388px) translateY(0px);
	z-index: 8;
	/* opacity: 0.8; */
	opacity: 1;
}

/* 右一（原来的 .next-img） */
.next1-img {
	width: 341px;
	height: 607px;
	transform: translateX(217px) translateY(1px);
	/* transform: translateX(416px) scale(0.8); */
	z-index: 9;
	/* opacity: 0.9; */
	opacity: 1;
}

/* 右二（新，更远） */
.next2-img {
	width: 300px;
	height: 534px;
	transform: translateX(388px) translateY(0px);
	/* transform: translateX(720px) scale(0.65); */
	z-index: 8;
	/* opacity: 0.8; */
	opacity: 1;
}

.pre2-img,
.next2-img {
    box-shadow: 0 10px 20px 4px #00000059;
}

/* 指示点容器 */
.dots {
	position: absolute;
	bottom: -131px;
	left: 50.15%;
	transform: translateX(-50%);
	display: flex;
	gap: 15.5px;
	z-index: 101;
	align-items: center;
}

/* 单个指示点 */
.dot {
	width: 65px;
	height: 16px;
	border-radius: 7.79px;
	background: #afc9d3;
	cursor: pointer;
	transition: background 0.3s, transform 0.3s;
}

.dot.active {
	background: #3392f5;
	/* transform: scale(1.3); */
	width: 158px;
	height: 16px;
	border-radius: 7.79px;
}

.dot:hover {
	background: rgba(51, 146, 245, 0.7);
}