.box_mp {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.top_absolute {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 6vw;
	z-index: 2;
}

.left_absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.bot_absolute {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 6vw;
	z-index: 2;
}

.text_black {
	color: #000000;
}

.text_white {
	color: #fff;
}

.con_t {
	text-align: center;
	font-weight: 300;
	line-height: 1;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	visibility: hidden;
	transform: translateY(30px);
}

.con_left_t {
	text-align: left;
	line-height: 1;
	font-weight: 300;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	visibility: hidden;
	transform: translateY(30px);
}

.con_s {
	text-align: center;
	font-weight: 300;
	line-height: 1.8;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	transition-delay: 0.5s;
	visibility: hidden;
	transform: translateY(30px);
	text-shadow: 0 0 20px rgba(0 0 0 / 20%);
}

.con_left_s {
	text-align: left;
	font-weight: 300;
	line-height: 1.8;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	transition-delay: 0.5s;
	visibility: hidden;
	transform: translateY(30px);
}

.f_up.on .dh_t {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.con1 {
	z-index: 2;
}

.con1_img {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.banImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bantext {
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 6vw;
}

.bantext img {
	max-width: 100%;
	width: auto;
}

.con2 {
	position: relative;
}


.video-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.hero-video {
	position: relative;
	aspect-ratio: 1920 / 1080;
	width: 100%;
	max-width: 100%;
}

.inline-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.con3 {
	z-index: 1;
}

.picture-container {
	width: 100%;
	position: relative;
}

.picture-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.con4 {
	z-index: 1;
}

.bj_img {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	height: 100%;
	object-fit: cover;
}

.con4 .wrap {
	position: relative;
	z-index: 1;
}

.con4_t {
	color: #FFFFFF;
	font-weight: 300;
	text-align: center;
}

.con4 ul {
	display: flex;
	gap: 8.3%;
	flex-wrap: wrap;
}

li.con4_li {
	position: relative;
	padding-top: 15px;
	width: 27.8%;
	overflow: hidden;
	margin-bottom: 4vw;
}

li.con4_li::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

li.con4_li::after {
	content: '';
	width: 80px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 2px;
}

.con4_li_t {
	color: #FFFFFF;
	font-weight: 400;
	line-height: 1.2;
}

.con4_li_img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.con4_li_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.con5 {
	z-index: 1;
}


.con6 {
	position: relative;
}

.con6_picture {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: block;
	aspect-ratio: 1920 / 1080;
}

.con6_picture img {
	width: 100%;
}

.con6_t {
	text-align: center;
	line-height: 1;
	font-weight: 300;
	position: relative;
}

.con6_s {
	text-align: center;
	font-weight: 300;
	position: relative;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

.con7 {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.con7 .top_absolute {
	z-index: 100;
}

.con7_top_li {
	width: 100vw;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.con7_li_box {
	width: 100vw;
	height: 100%;
	position: absolute;
}


.con7_top_li img {
	width: 100vw;
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.con7_top_li .txt {
	width: 100vw;
	position: absolute;
	bottom: 5vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.con7_top_li .txt h3 {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 50px;
	border-radius: 30px;
	margin: 0 auto;
	font-weight: 300;
}

.con7_li1 .txt h3 {
	background: #392748;
}

.con7_li2 .txt h3 {
	background: #58253A;
}

.con7_li3 .txt h3 {
	background: #86775F;
}

.con7_li4 .txt h3 {
	background: #909FA0;
}

.con7_li5 .txt h3 {
	background: #8D8E8B;
}

.swiper.swiper_con7_bot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	bottom: 5vw;
}

.swiper_con7_bot .swiper-wrapper {
	justify-content: center;
}

.swiper_con7_bot .con7_bot_li {
	width: auto;
	cursor: pointer;
	min-height: 75px;
}

.con7_bot_li_img {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.con7_bot_li_img::before {
	content: '';
	width: 30px;
	height: 30px;
	border: 3px solid #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.6s all;
	border-radius: 50%;
}

.con7_bot_li_img img {
	width: 30px;
}

.con7_bot_li_t {
	color: #fff;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	opacity: 0;
	transition: 0.5s;
	margin-top: 15px;
}

.con7_bot_li.swiper-slide-thumb-active .con7_bot_li_img::before {
	width: 40px;
	height: 40px;
}

.con7_bot_li.swiper-slide-thumb-active .con7_bot_li_t {
	opacity: 1;
}


.con8_s {
	max-width: 550px;
}

.con9 {
	width: 100%;
}

.con9_top_li {
	overflow: hidden;
	position: relative;
	padding-bottom: 53%;
}

.con9_top_li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.02);
	transition: 1s all;
	transition-delay: 0.1s;
}

.con9_top_li.swiper-slide-active img {
	transform: translate(-50%, -50%) scale(1);
}

.con9 .wrap_1680 {
	margin-right: 0;
	position: relative;
}

.swiper.swiper_con9_bot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	bottom: 2.6vw;
}

.swiper_con9_bot .swiper-wrapper {
	justify-content: center;
}

.swiper_con9_bot .con9_bot_li {
	width: 100px;
	cursor: pointer;
	min-height: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.con9_bot_li_img {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.con9_bot_li_img::before {
	content: '';
	width: 30px;
	height: 30px;
	border: 3px solid #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.6s all;
	border-radius: 50%;
}

.con9_bot_li_img span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #804528;
}

.con9_bot_li:nth-child(2) .con9_bot_li_img span {
	background: #BE6C31;
}

.con9_bot_li:nth-child(3) .con9_bot_li_img span {
	background: #3880A3;
}

.con9_bot_li:nth-child(4) .con9_bot_li_img span {
	background: #3880A3;
}

.con9_bot_li:nth-child(5) .con9_bot_li_img span {
	background: #804528;
}

.con9_bot_li_t {
	color: #fff;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	opacity: 0;
	transition: 0.5s;
	margin-top: 15px;
	word-break: keep-all;
}

.con9_bot_li.swiper-slide-thumb-active .con9_bot_li_img::before {
	width: 40px;
	height: 40px;
}

.con9_bot_li.swiper-slide-thumb-active .con9_bot_li_t {
	opacity: 1;
}

.con10 ul {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(2, 1fr);
}

.con10 ul .con10_li {
	overflow: hidden;
	position: relative;
}

.con10_li2 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: span 2;
}

.con10_li_text1 {
	width: 90%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	bottom: 2vw;
	transition: 0.5s all;
}

.con10_li_text2 {
	width: 90%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.6s all;
	z-index: 1;
	bottom: -5vw;
	opacity: 0;
	visibility: hidden;
}

.con10_li img {
	width: 100%;
}

.con10_li_t {
	line-height: 1;
	color: #fff;
}

.con10_li_s {
	color: #fff;
	line-height: 1.6;
	margin-top: 10px;
}

.con10 ul .con10_li.s_text::after {
	content: '';
	width: 100%;
	height: 55%;
	background: linear-gradient(to bottom, rgba(0 0 0 / 0), rgba(0 0 0 / 90%));
	position: absolute;
	left: 0;
	bottom: 0;
}

.con10_li.s_text:hover .con10_li_text1 {
	opacity: 0;
}

.con10_li.s_text:hover .con10_li_text2 {
	bottom: 2vw;
	opacity: 1;
	visibility: visible;
}

@keyframes slideUpFade {
	0% {
		opacity: 0;
		transform: translateY(30px);
		/* 初始位置在下方 30px */
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		/* 结束位置回到原位 */
	}
}

.con10_li:hover img {
	transform: scale(1.02);
}

.hero-image-box {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.hero-image-box img {
	opacity: 1;
	width: 100%;
	transform: scale(1.02);
	transition: 1s all;
	transition-delay: 0.1s;
}

.hero-image-box.swiper-slide-active img{
	transform: scale(1);
}

.small-card:hover img {
	transform: scale(1.02);
}

.con13 {
	width: 100%;
}

.con13_top {
	width: 100%;
	position: relative;
}

.swiper.swiper_con13_bot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	bottom: 2.6vw;
}

.swiper_con13_bot .swiper-wrapper {
	justify-content: center;
}

.swiper_con13_bot .con9_bot_li {
	width: 100px;
	cursor: pointer;
	min-height: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.con13_bot {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}

.con13_top .con9_bot_li:nth-child(1) .con9_bot_li_img span {
	background: #3880A3;
}

.con13_top .con9_bot_li:nth-child(2) .con9_bot_li_img span {
	background: #BE6C31;
}

.hero-image-text {
	width: 100%;
}

.image_t {
	font-weight: 300;
	text-align: center;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	visibility: hidden;
	transform: translateY(30px);
}

.image_s {
	margin-top: 15px;
	text-align: center;
	font-weight: 300;
	line-height: 1.8;
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	transition-delay: 0.5s;
	visibility: hidden;
	transform: translateY(30px);
	text-shadow: 0 0 20px rgba(0 0 0 / 20%);
}

.small-card {
	overflow: hidden;
}

.small-card img {
	width: 100%;
}

.con14_t {
	position: relative;
	opacity: 0;
	font-weight: 300;
	transition: 0.9s all;
	visibility: hidden;
	transform: translateY(30px);
}

.con14 .picture-container {
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	transition-delay: 0.5s;
	visibility: hidden;
	transform: translateY(30px);
}

.con14_s {
	position: relative;
	opacity: 0;
	transition: 0.9s all;
	transition-delay: 0.7s;
	visibility: hidden;
	transform: translateY(30px);
	font-weight: 300;
}

.con15_list ul {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.con15_li {
	overflow: hidden;
	position: relative;
}

.con15_li img {
	width: 100%;
}

.con15_li1 {
	grid-column: 1 / 3;
}

.con15_li2 {
	grid-column: 3 / 4;
}

.con15_li5 {
	grid-column: 3 / 4;
}

.con15_li3 {
	grid-column: 1 / 2;
}

.con15_li4 {
	grid-column: 2 / 3;
}

.con15_li_t {
	width: 140px;
	height: 50px;
	background: rgba(32, 55, 93, 0.8);
	position: absolute;
	right: 0;
	bottom: 0;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
}

.con15_li:hover img {
	transform: scale(1.02);
}

.con17_list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	position: relative;
	z-index: 2;
}

.con17_li {
	overflow: hidden;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	width: calc((100% - 60px) / 3);
	padding: 2vw;
	background-color: #fff;
	transition: 0.6s all;
	position: relative;
}

.con17_li:hover {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.con17_img {
	width: 100%;
	margin-top: -12%;
}

.con17_li_t {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000000;
	font-weight: 300;
	line-height: 1.2;
}

.con17_li_t span {
	width: 80%;
}

.con17_li_t img {
	width: auto;
	max-width: 100%;
}

.con17_s {
	color: #333333;
	font-weight: 300;
	line-height: 1.6;
	margin-top: 15px;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	color: #333;
}

/* 单元格通用样式 */
th,
td {
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
	height: 60px;
}

/* 1. 表头背景 (第一行) */
tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.05);
}

tbody tr td:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

tbody tr td:first-child {
	text-align: left;
	padding: 5px 20px;
}

/* 模拟实心圆点 */
.dot-full {
	color: #2c3e50;
	font-size: 16px;
}

/* 模拟空心圆圈 */
.dot-empty {
	color: #2c3e50;
	font-size: 16px;
}

.optional {
	color: #666;
}

tbody tr:hover {
	background-color: #fafafa;
}

.bg_t {
	color: #000000;
	font-weight: 400;
}

.bg_s {
	color: #777777;
	line-height: 1.8;
	margin-top: 10px;
}

.tpbox {
	z-index: 1;
}

.tpbox .picture-container {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}

.tpbox_1 {
	width: 100%;
	position: relative;
	z-index: 2;
	padding-top: 6vw;
	height: 100vh;
	max-height: 960px;
}

.tpbox_2 {
	position: relative;
	z-index: 2;
	margin-top: 15vw;
}

.tpbox_2 ul {
	display: flex;
	gap: 8.3%;
	flex-wrap: wrap;
}

.tpbox_3 {
	width: 100%;
	position: relative;
	z-index: 2;
	padding-top: 6vw;
	height: 100vh;
	max-height: 960px;
	padding-bottom: 6vw;
}


@media only screen and (max-width: 1100px) {
	.table-wrapper {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}



@media only screen and (max-width: 768px) {
	.con1_img {
		height: 50vh;
	}

	.bantext {
		text-align: center;
		top: 19vw;
	}

	.bantext img {
		max-width: 75%;
	}

	.con2 {
		height: auto;
	}

	.picture-container {
		height: 80vh;
	}

	.top_absolute {
		top: 50px;
	}

	.con_t {
		font-size: 20px;
	}

	.con_s {
		font-size: 14px;
	}

	.tpbox_1 {
		padding-top: 50px;
	}

	.tpbox_3 {
		padding-top: 50px;
	}

	.con4_t {
		font-size: 20px;
	}

	.con4 ul {
		gap: 10%;
	}

	li.con4_li {
		width: 45%;
		margin-bottom: 25px;
	}

	.con4_li_t {
		font-size: 16px;
	}

	.con6 {
		height: auto;
	}

	.con6_picture {
		height: 80vh;
	}

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

	.con6_t {
		font-size: 20px;
	}

	.con6_s {
		font-size: 14px;
	}

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

	.con7_bot_li_img {
		width: 30px;
		height: 30px;
	}

	.con7_bot_li_img img {
		width: 14px;
	}

	.con7_top_li .txt {
		bottom: 10vw;
	}

	.con7_bot_li_img::before {
		width: 14px;
		height: 14px;
		border: 2px solid #FFFFFF;
	}

	.con7_bot_li.swiper-slide-thumb-active .con7_bot_li_img::before {
		width: 22px;
		height: 22px;
	}

	.con7_bot_li_t {
		display: none;
	}

	.swiper_con7_bot .con7_bot_li {
		min-height: 0;
	}

	.left_absolute {
		top: 50px;
		transform: translate(-50%, 0%);
	}

	.con_left_t {
		font-size: 20px;
		text-align: center;
	}

	.con_left_s {
		text-align: center;
		font-size: 14px;
	}

	.con9 .mt70 {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}

	.con9_top_li {
		padding-bottom: 55%;
	}

	.swiper.swiper_con9_bot {
		width: 100%;
		bottom: 5vw;
	}

	.con9_bot_li_t {
		display: none;
	}

	.swiper_con9_bot .con9_bot_li {
		min-height: 0;
	}

	.con9_bot_li_img {
		width: 30px;
		height: 30px;
	}

	.con9_bot_li_img span {
		width: 14px;
		height: 14px;
	}

	.con9_bot_li_img::before {
		width: 14px;
		height: 14px;
		border: 2px solid #FFFFFF;
	}

	.con9_bot_li.swiper-slide-thumb-active .con9_bot_li_img::before {
		width: 22px;
		height: 22px;
	}

	.con10 ul {
		gap: 10px;
		display: flex;
		flex-wrap: wrap;
	}

	.con10 ul .con10_li {
		width: 100%;
	}

	.con10_li_t {
		font-size: 16px;
	}

	.con10_li_s {
		opacity: 1;
		font-size: 14px;
		visibility: visible;
		transform: translateY(0px);
	}

	.con10_li_text {
		bottom: 15px;
	}

	.s_text .con10_li_text {
		bottom: 15px;
	}

	.d_text .con10_li_text {
		bottom: 15px;
	}

	.con13_bot {
		gap: 20px;
	}

	.con14 .picture-container {
		height: auto;
	}

	.con14_t {
		font-size: 20px;
	}

	.con14_s {
		font-size: 14px;
	}

	.con15_list ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.con15_li_t {
		font-size: 14px;
		width: 110px;
		height: 40px;
	}

	.con17_list {
		gap: 20px;
	}

	.con17_li {
		width: 100%;
		border-radius: 20px;
		padding: 20px;
	}

	.con17_li_t {
		font-size: 18px;
	}

	.con17_s {
		font-size: 14px;
	}

	.con17_li_t img {
		max-width: 28px;
	}

	.table-wrapper {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		font-size: 14px;
		/* 手机端字体稍微调小一点 */

		/* 关键：设置最小宽度，防止内容挤压，强制出现滚动条 */
		/* 根据你的列数，可能需要调整这个数值，比如 800px 或 1000px */
		min-width: 1000px;
	}
}