html,
 body,
 .page-content {
 	margin: 0;
 	padding: 0;
 	overflow-x: hidden;
 	position: relative;
 }

 body {
 	overflow: auto;
 	width: 100vw;
 	height: 100vh;
 }

 .page-content {
 	width: 100%;
 	height: 100%;
 	background-image: url('../img/bg.png');
 	background-size: cover;
 	background-position: center;
 	min-width: 1200px;
 	min-height: 600px;
 }

 .page-heder {
 	height: 20%;
 	display: flex;
 	align-items: center;
 }

 .page-heder .img {
 	height: 4rem;
 	max-height: 60px;
 	position: absolute;
 	left: 12%;
 }

 .page-bd {
 	width: 90%;
 	height: 55%;
 	margin: 0 auto;
 	display: flex;
 	flex-wrap: wrap;
 	gap: 30px;
 	align-items: flex-start;
 	justify-content: center;
 }

 .page-bd .bd-left {
 	flex: 1;
 	min-width: 320px;
 	max-width: 610px;
 }

 .page-bd .bd-right {
 	flex: 1;
 	min-width: 320px;
 	max-width: 585px;
 }

 .page-bd .bd-right .hd {
 	position: relative;
 	width: 100%;
 	height: 220px;
 	max-width: 585px;
 }

 .page-bd .bd-right .hd .hd-bg {
 	position: absolute;
 	top: 10px;
 	left: 0;
 	right: 0;
 	width: 100%;
 	height: 220px;
 	object-fit: cover;
 }

 .page-bd .bd-right .div-logo {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-wrap: wrap;
 }

 .div-box {
 	position: absolute;
 	top: 10px;
 	left: 0;
 	right: 0;
 	z-index: 2;
 }

 .div-title {
 	text-align: center;
 	font-weight: 500;
 	font-size: clamp(1.5rem, 3vw, 2.125rem);
 	color: #FFFFFF;
 }

 .page-bd .bd-right .div-logo .logo-img {
 	width: 100px;
 }

 .page-bd .bd-right .div-logo .div-name {
 	margin-left: 10px;
 	font-weight: 800;
 	font-size: clamp(2rem, 5vw, 3.125rem);
 	color: #FFFFFF;
 }

 .page-bd .bd-right .div-logo .div-txt-right {
 	font-size: clamp(1.2rem, 3vw, 1.875rem);
 	color: #FFFFFF;
 	padding: 0px 10px;
 	height: 40px;
 	padding-top: 26px;
 }

 #carousel {
 	position: relative;
 	padding-bottom: 71.6%;
 	height: calc(100% - 50px);
 	max-height: 100%;
 }

 .carousel-item {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 	transition: opacity 0.7s ease-in-out;
 	box-shadow: 0px 5px 18px 0px rgba(15, 28, 78, 0.41);
 	border: 5px solid rgba(255, 255, 255, 0.68);
 	box-sizing: border-box;
 }

 .carousel-item.active {
 	opacity: 1;
 	z-index: 10;
 }

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

 .carousel-control {
 	position: absolute;
 	top: 50%;
 	transform: translateY(-50%);
 	width: 40px;
 	height: 40px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 50%;
 	background-color: rgba(0, 0, 0, 0.3);
 	color: white;
 	cursor: pointer;
 	z-index: 20;
 	transition: all 0.3s ease;
 }

 .carousel-control:hover {
 	background-color: rgba(0, 0, 0, 0.5);
 }

 .carousel-control.left {
 	left: 16px;
 }

 .carousel-control.right {
 	right: 16px;
 }

 .carousel-control i {
 	font-size: 24px;
 }

 /* 指示器容器调整到图片下方 */
 .indicators-container {
 	padding: 16px;
 	display: flex;
 	justify-content: center;
 }

 #indicators {
 	display: flex;
 	justify-content: center;
 	gap: 8px;
 }

 .carousel-indicator {
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: rgba(255, 255, 255, 0.36);
 	cursor: pointer;
 	transition: all 0.3s ease;
 }

 .carousel-indicator.active {
 	background: #FFFFFF;
 	transform: scale(1.25);
 }

 .carousel-info {
 	padding: 24px;
 }

 .carousel-info h2 {
 	font-size: 24px;
 	font-weight: bold;
 	color: #1f2937;
 	margin-bottom: 8px;
 }

 .carousel-info p {
 	color: #4b5563;
 	line-height: 1.6;
 }

 .btn-download {
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 }

 .btn-download .btn {
 	width: 100%;
 	max-width: 300px;
 	height: 5rem;
 	background: url(../img/button.png);
 	background-size: 100% 100%;
 	text-align: center;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-weight: bold;
 	font-size: clamp(1.2rem, 3vw, 1.625rem);
 	color: #333333;
 	cursor: pointer;
 	box-sizing: border-box;
 	text-decoration: none;
 }

 .btn-old {
 	width: 100%;
 	max-width: 300px;
 	height: 5rem;
 	background: url(../img/button2.png);
 	background-size: 100% 100%;
 	text-align: center;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-weight: bold;
 	font-size: clamp(1rem, 2vw, 1.25rem);
 	color: #ffffff;
 	cursor: pointer;
 	box-sizing: border-box;
 	text-decoration: none;
 }

 .btn-old .img {
 	width: 30px;
 	display: block;
 	margin-right: 10px;
 }

 .btn-download .btn .img {
 	width: 40px;
 	display: inline-block;
 	margin-right: 10px;
 }

 .div-foot-tips {
 	text-align: center;
 	color: #4e4e4e;
 	font-size: clamp(0.8rem, 2vw, 1rem);
 	padding: 0 10px;
 }

 .div-footer {
 	height: 25%;
 	position: relative;
 	width: 100%;
 	text-align: center;
 	font-weight: 400;
 	font-size: 14px;
 	color: #333333;
 	line-height: 25px;
 	padding: 0 10px;
 	box-sizing: border-box;
 }

 .div-foot-btn {
 	position: absolute;
 	bottom: 30px;
 	width: 100%;
 	text-align: center;
 }

 /* 响应式调整 */
 @media (max-height: 900px) {
 	.page-bd .bd-left {
 		flex: 1;
 		min-width: 320px;
 		max-width: 610px;
 	}
 }

 @media (max-height: 870px) {
 	.page-bd .bd-left {
 		flex: 1;
 		min-width: 320px;
 		max-width: 500px;
 	}

 	.page-bd {
 		height: initial;
 	}

 	.btn-download .btn,
 	.btn-old {
 		font-size: 14px;
 		width: 160px;
 		height: 50px;
 	}

 	.page-bd .bd-right .hd {
 		height: 180px;
 	}

 	.page-bd .bd-right .div-logo .logo-img {
 		width: 6rem;
 	}

 	.page-bd .bd-right .div-logo .div-name {
 		font-size: 2.5rem;
 	}

 	.page-bd .bd-right .div-logo .div-txt-right {
 		font-size: 1.5rem;
 	}

 	.page-bd .bd-right .hd .hd-bg {
 		height: 200px;
 		width: 600px;
 	}

 	.btn-download .btn .img,
 	.btn-old .img {
 		width: 20px;
 	}

 }

 @media (max-height: 670px) {
 	.page-bd .bd-left {
 		flex: 1;
 		min-width: 320px;
 		max-width: 400px;
 	}

 	.page-bd {
 		height: initial;
 	}
 }