@charset "UTF-8";

html,
body {
	padding: 0;
	margin: 0;
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	*zoom: 1;
}

/*body{ background: #FAFBFD;}*/
::-webkit-scrollbar {
	width: 0;
	height: 8px;
	background: hsla(0, 0%, 0%, 0.05);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	height: 8px;
	background: hsla(0, 0%, 0%, 0.20);
	border-radius: 4px;
}

html,
body,
#app {
	width: 100%;
	min-height: 100vh;
	background: #ffffff;
}

/*html,body{ font-size: calc(100vw/19.2);}*/
/*
@font-face{
	font-family: "PingFang SC";
  	src: url('../fonts/PingFang Medium_downcc.otf') format('truetype');
}
*/
.footer-top {
	display: flex;
	justify-content: space-between;
}

.footer-logo img {
	height: 40px;
}

.footer {
	padding: 100px 360px 30px 360px;
}

.footer-bottom {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #666666;
	padding-top: 20px;
	border-top: 1px solid #eeeeee;
	width: 1200px;
	margin: auto;
	padding: 30px 0 0 0;
	justify-content: space-between;
}

.footer-bottom p {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 14px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.footer-links {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 14px;
	color: #282731;



}

.footer {
	width: 1200px;
	margin: auto;
	padding: 60px 80px 25px 80px;
}

/* ########## 平板适配（屏幕 ≥ 768px 且 < 1200px）########## */
@media (min-width: 768px) and (max-width: 1299px) {
	/* .footer {
		padding: 60px 80px 25px 80px;
	}

	.footer-bottom {
		padding: 20px 80px 15px 80px;
	} */
}

/* ########## PC端适配（屏幕 ≥ 1200px）########## */
@media (min-width: 1300px) {

	/* .footer {
		padding: 100px 280px 30px 280px;
	}

	.footer-bottom {
		padding: 30px 280px 15px 280px;
	} */
}

/* ########## PC端适配（屏幕 ≥ 1200px）########## */
@media (min-width: 1300px) {

	/* .footer {
		padding: 100px 240px 30px 240px;
	}

	.footer-bottom {
		padding: 30px 240px 15px 240px;
	} */
}


/* ########## 超宽屏适配（可选，屏幕 ≥ 1920px）########## */
@media (min-width: 1920px) {
	.footer {
		/* 超宽屏数值，格式：上 右 下 左，可手动调整 */
		padding: 100px 360px 30px 360px;
	}

	.footer-bottom {
		/* 超宽屏数值，格式：上 右 下 左，可手动调整 */
		padding: 30px 360px 15px 360px;
	}
}

.footer-info {
	display: flex;
	flex-direction: column;
}

.info-column {
	display: flex;
	flex-direction: column;
}

.info-column h4 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 16px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;


}

.info-column p,
.info-column a {
	font-size: 13px;
	color: #555;
	text-decoration: none;
	margin-top: 5px;
}

.social-icons {
	display: flex;
}

.social-icons a {
	font-size: 20px;
	color: #1877f2;
	/* Facebook 蓝色 */
}

.social-icons a:last-child {
	color: #000;
	/* TikTok 黑色 */
}

.contact-btn {
	padding: 8px 20px;
	border: 1px solid #333;
	background: transparent;
	color: #333;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 10px;
	width: fit-content;

	width: 146px;
	height: 40px;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #142261;
	margin-top: 30px;


}

.contact-btn:hover {
	background: #142261;
	color: #fff;
}

.info-columns h4 {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 16px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.info-columns p {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 14px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 15px;



}


/* 去掉全局重置，仅保留必要样式，完全匹配设计稿 */
.quote-banner {
	position: relative;
	width: 100%;
	height: 588px;
	
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/home/images/bg.png) ;
	background-size: cover;
	color: #ffffff;
}

/* 半透明黑色遮罩 - 完全匹配设计稿透明度 */
/* .quote-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
} */

/* 内容容器 - PC端左右360px间距，居中对齐 */
.banner-container {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-text h2 {
	width: 544px;
	height: 86px;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 600;
	font-size: 32px;
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

/* 右侧表单卡片 - 白色背景，精准间距 */
.form-card {
	width: 400px;
	width: 590px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	background: #ffffff;
	padding: 25px 30px;
	color: #333333;
	box-sizing: border-box;
}

.form-card h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	margin: 0 0 20px 0;
	padding: 0;


	font-family: MiSans Latin, MiSans Latin;
	font-weight: 600;
	font-size: 22px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

/* 表单样式 - 完全匹配设计稿下划线风格 */
.quote-form {
	width: 100%;
}

.form-group {
	margin-bottom: 15px;
	display: flex;
	gap: 15px;
}

.form-group.full-width {
	gap: 0;
	margin-bottom: 18px;
}

.form-group textarea {
	width: 100%;
	margin-bottom: 10px;
}

/* 输入框样式 - 仅下划线，无其他边框 */
.quote-form input,
.quote-form textarea {
	flex: 1;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0;
	font-size: 13px;
	color: #333;
	outline: none;
	resize: none;
	box-sizing: border-box;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 16px;
	color: #88878E;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.quote-form input::placeholder,
.quote-form textarea::placeholder {
	color: #999999;
	font-size: 12px;
}

/* 消息输入框 - 跨列，高度匹配 */
.quote-form textarea {
	height: 80px;
	width: 100%;
}

/* 发送按钮 - 右对齐，深蓝色背景 */
.send-btn {
	background: #00296b;
	color: #ffffff;
	border: none;
	padding: 9px 22px;
	font-size: 13px;
	cursor: pointer;
	margin-top: 5px;

	width: 146px;
	height: 40px;
	background: #142261;
	border-radius: 0px 0px 0px 0px;
	border: 2px solid #142261;

}

.send-btn:hover {
	background: #001f54;
}

.body_sreen {
	background: #F8F8F8;
	border-radius: 0px 0px 0px 0px;
	padding: 100px 0 0 0;

}

.product {
	width: 1200px;
	margin: auto;
}

.body_one {
	background: #F8F8F8;
	border-radius: 0px 0px 0px 0px;
	padding: 100px 0 50px 0;

	background-image: url('../images/5.png');
	background-size: contain;
}

.body_head {
	margin-top: 100px;
}


.body_two {
	height: 831px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	padding: 100px 0 0 0;
}

.body_six {
	height: 831px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	padding: 100px 0 0 0;
}

.text_title {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 36px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align: center;

}

.text_desc {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 16px;
	color: #88878E;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align: center;
	width: 1200px;
	margin: auto;


}



/* 案例轮播容器 - PC端固定左右360px间距 */
.case-container {
	width: 100%;

	padding: 60px 0 60px 0;
	box-sizing: border-box;
	position: relative;
	/* 按钮相对该容器定位（核心） */
	/* 移除 overflow:visible，恢复原有样式，避免混乱 */
}

/* 轮播标题 - 匹配设计稿样式 */
.case-title {
	font-size: 24px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 0;
}

/* Swiper核心容器 - 保留overflow:hidden，避免样式乱 */
.case-swiper {
	width: 100%;
	height: auto;
	position: relative;
	/* 保留Swiper默认的overflow:hidden，防止轮播内容溢出 */
	overflow: hidden;
}

/* 案例卡片 - 3列2行适配尺寸 */
.case-swiper .case-card {
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;


}

/* 案例卡片 - 3列2行适配尺寸 */
.case-swipers .case-card {
	width: 360px;
	height: 240px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;


}

/* 3. 逐个卡片延迟动画（可选，取消注释启用） */
/* 第1个卡片 */
.swiper-slide:nth-child(n) .case-card img {
	animation-delay: 0.1s;
}

/* 案例图片 - 核心：把transition写在默认状态，而非hover */
.case-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	/* 关键：把过渡时长从0.3s改长，数值越大越慢 */
	transition: all 0.8s ease;
	/* 0.8秒过渡（可改1s/1.2s，更慢） */
	transform: scale(1);
	/* 初始尺寸 */
	opacity: 1;
}

/* 页面加载入场动画（可选，不需要可删除） */
@keyframes imgFadeIn {
	0% {
		opacity: 0;
		transform: scale(0.95);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* hover放大效果 - 仅写变化的属性，过渡在默认状态已定义 */
.case-card:hover img {
	transform: scale(1.05) !important;
	/* 加!important确保覆盖入场动画 */
	opacity: 0.95;
}

.case-card .video {
	position: absolute;

	transform: translateY(-50%);
	top: 50%;
	left: 48%;
	width: 60px;

	height: 60px;
}

/* 卡片文字层 - 匹配设计稿样式 */
.card-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 12px 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.4;
	box-sizing: border-box;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	text-transform: none;
	white-space: nowrap;
	/* 强制文字在一行显示，不换行 */
	overflow: hidden;
	/* 隐藏超出容器的文字 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
}

/* --- 自定义导航按钮核心样式（关键：相对case-container定位） --- */
.custom-swiper-prev,
.custom-swiper-next {
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	z-index: 9999;
	/* 最高层级，不被遮挡 */
	position: absolute;
	/* 相对case-container绝对定位 */
	top: 55%;
	/* 垂直居中（相对整个case-container） */
	transform: translateY(-50%);
	/* 精准居中 */
	margin-top: 0;
}

/* 清空默认箭头（这里是自定义按钮，无需清空Swiper默认） */
.custom-swiper-prev::after,
.custom-swiper-next::after {
	content: '';
}

/* 左箭头 - 移到外侧，不破坏Swiper样式 */
.custom-swiper-prev {
	left: 280px;
	/* 360px（容器左padding） - 50px（按钮外侧距离）= 310px */
	background: url('../images/prev.png') no-repeat center / contain;
}

/* 右箭头 - 移到外侧 */
.custom-swiper-next {
	right: 280px;
	/* 360px（容器右padding） - 50px（按钮外侧距离）= 310px */
	background: url('../images/next.png') no-repeat center / contain;
}

/* 按钮hover效果 */
.custom-swiper-prev:hover,
.custom-swiper-next:hover {
	opacity: 0.8;
}

.card-overlay img {
	width: 30px;
	height: 10px;
	border-radius: 0px 0px 0px 0px;
	margin-top: 40px;
}

.card-overlay .card-title {
	height: 48px;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 600;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 20px;
}

/* 文字+按钮容器 - 初始隐藏/半透明，居中/底部布局 */
.card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	/* justify-content: flex-end; */
	/* 文字/按钮靠底部 */
	padding: 20px;
	box-sizing: border-box;
	/* 初始状态：透明+下移，隐藏 */
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s ease;
	cursor: pointer;
}

/* --- 核心 hover 效果 --- */
.case-card:hover {
	/* 卡片添加明显阴影，增强悬浮感 */
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
	transform: translateY(-3px);
	/* 卡片轻微上浮，配合阴影更立体 */
}

.case-card:hover img {
	transform: scale(1.05);
	/* 图片缓慢放大 */
}

.case-card:hover .card-overlay {
	/* 文字+按钮浮现，取消透明/下移 */
	opacity: 1;
	transform: translateY(0);
}

.case-card:hover .card-text {
	display: none;
}

.factory_head {
	position: relative;


}

.bas {
	width: 1200px;
	margin: auto;
}

.head_factory {
	display: flex;
	padding: 40px 0 0 0;
	width: 1200px;
	margin: auto;

	justify-content: space-between;
}

.head_factory .et {
	margin-left: 40px;
}

.head_factory .num {
	display: flex;
	flex-wrap: wrap;
}


.head_factory .et .h1 {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 24px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.data-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 两列布局 */
	gap: 1px;
	/* 分隔线宽度 */
	background-color: #eee;
	/* 分隔线颜色 */
	margin: 0 auto;
	margin-top: 10px;
}

.data-item {
	background-color: #fff;
	padding: 14px 6px;
	text-align: center;
}

.case-desc {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 18px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 5px;
	/* 强制文字在一行显示，不换行 */
	overflow: hidden;
	/* 隐藏超出容器的文字 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
}

.data-number {

	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 32px;
	color: #142261;

}

.data-label {
	font-size: 16px;
	color: #666;
}

.head_factory .et .h2 {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 16px;
	color: #595860;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.factory_head .bg {
	width: 568px;
	height: 320px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #707070;

}

.factory_head .video {
	position: absolute;
	width: 80px;
	height: 80px;
	z-index: 999;
	transform: translateY(-50%);
	top: 50%;
	margin-left: 254px;
}

.nav {
	border-bottom: 1px solid #eee;
	/* 底部分隔线 */
	width: 1200px;
	margin-top: 30px;

}

.tab-nav {
	display: flex;
	align-items: center;

	width: 650px;
	margin: auto;
	justify-content: space-around;
}

.tab-navs {
	display: flex;
	align-items: center;
	margin: auto;
	width: 1200px;
}

.tab-item {
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	position: relative;
	transition: color 0.3s ease;
}

.tab-items:nth-child(n+2) {
	margin-left: 80px;
	/* 第二个及以后的项，左侧间距48px，匹配设计稿 */
}

/* 激活态样式：文字变蓝 + 底部蓝色下划线 */
.tab-item.active {
	color: #1a3b8c;
	/* 深蓝色 */
	font-weight: 500;
}

.tab-item.active::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	/* 对齐到底部分隔线 */
	width: 100%;
	height: 2px;
	background-color: #1a3b8c;
	/* 蓝色下划线 */
}

/* hover 效果（可选） */
.tab-item:hover {
	color: #1a3b8c;
}

.tab-items {
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	position: relative;
	transition: color 0.3s ease;
}

/* 激活态样式：文字变蓝 + 底部蓝色下划线 */
.tab-items.active {
	color: #1a3b8c;
	/* 深蓝色 */
	font-weight: 500;
}

.tab-items.active::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	/* 对齐到底部分隔线 */
	width: 100%;
	height: 2px;
	background-color: #1a3b8c;
	/* 蓝色下划线 */
}

/* hover 效果（可选） */
.tab-items:hover {
	color: #1a3b8c;
}


.product-list {
	display: flex;
	gap: 16px;
	/* 卡片之间的间距 */
	max-width: 100%;
	overflow-x: auto;
	/* 小屏幕可横向滚动 */
	padding: 30px 0;

}

.product-card {
	flex: 0 0 285px;
	/* 固定卡片宽度 */
	background-color: #fff;
	padding: 20px 0;
	text-align: center;
	transition: all 0.3s ease;
	cursor: pointer;
}

/* 第一个特色卡片样式 */
.product-card.featured {
	background-color: #142261;
	/* 深蓝色背景 */
	color: #fff;
	border-color: #142261;
}

.product-card img {
	width: 60px;
	height: 60px;
	margin-bottom: 12px;
}

.product-card p {
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 16px;
	color: #282731;
	font-style: normal;
	text-transform: none;

}

/* hover 效果（可选） */
.product-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.product-detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 20px 0;
	max-width: 1200px;
	margin: 0 auto;
}

/* 核心调整：固定白色底尺寸 + 图片尺寸 */
.product-img {
	width: 480px;
	/* 白色底宽度 */
	height: 320px;
	/* 白色底高度 */
	background-color: #fff;
	/* 白色底色 */
	display: flex;
	align-items: center;
	justify-content: center;
	/* 图片在白色底中居中 */
	border: 1px solid #eee;
	/* 可选：加轻微边框，更贴合设计 */
}

/* 固定图片尺寸 253px*253px */
.product-img img {
	width: 253px;
	height: 253px;
	object-fit: cover;
	/* 保证图片比例，不拉伸 */
	display: block;
}

.product-info {
	flex: 1;
}

.product-tag {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid #333;
	font-size: 12px;
	color: #142261;
	margin-bottom: 16px;
}

.product-title {
	font-size: 28px;
	font-weight: 600;
	color: #142261;
	margin: 0 0 16px 0;
}

.product-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 24px 0;
}

.product-btns {
	display: flex;
	gap: 16px;
}

.btn-outline {
	display: inline-block;
	padding: 10px 24px;
	border: 1px solid #142261;
	background-color: transparent;
	color: #142261;
	text-decoration: none;
	font-size: 14px;
	border-radius: 0;
	transition: all 0.3s ease;
}

.btn-solid {
	display: inline-block;
	padding: 10px 24px;
	background-color: #142261;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	border-radius: 0;
	transition: all 0.3s ease;
}

.btn-outline:hover {
	background-color: #142261;
	color: #fff;
}

.btn-solid:hover {
	opacity: 0.9;
	color: #ffffff;
}

/* 响应式适配：小屏幕调整 */
@media (max-width: 768px) {
	.product-detail {
		flex-direction: column;
		text-align: center;
	}

	.product-img {
		width: 100%;
		/* 小屏幕白色底自适应 */
		height: auto;
		padding: 20px;
	}

	.product-img img {
		width: 200px;
		/* 小屏幕图片缩小 */
		height: 200px;
	}

	.product-tag {
		display: block;
		width: fit-content;
		margin: 0 auto 16px;
	}

	.product-btns {
		justify-content: center;
	}
}

/* 容器：flex布局，包裹子元素 */
.body_head .tabels {
	position: relative;
	height: 762px;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	display: flex;
}

/* 每个标签盒子：相对定位（核心！作为文字的定位基准） */
.body_head .tabels .label-box {
	width: 25%;
	/* 注意：5个盒子各25%会超出容器，文末有解决方案 */
	border-left: 1px solid #ffffff;
	position: relative;
	/* 新增：让子元素绝对定位参考该盒子 */
	overflow: hidden;
	/* 防止文字超出盒子 */
}

/* 盒子内的图片：铺满整个label-box */
.body_head .tabels .label-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
	/* 消除图片默认空隙 */
}

/* 文字浮层：绝对定位 + 悬浮在图片上 + 水平居中 */
.body_head .tabels .label-text {
	position: absolute;
	/* 绝对定位，脱离文档流 */
	z-index: 2;
	/* 确保在图片上方 */
	/* 水平居中核心：left:50% + transform: translateX(-50%) */
	left: 50%;
	/* 先让文字容器左边缘对齐盒子水平中点 */
	transform: translateX(-50%);
	/* 再向左偏移自身50%，实现水平居中 */
	bottom: 30px;
	/* 垂直固定在底部20px处 */
	/* 原有样式保留 */
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	font-style: normal;
	text-transform: none;
	white-space: nowrap;
}

/* 第一个盒子取消左边框（可选，视觉更整洁） */
.body_head .tabels .label-box:first-child {
	border-left: none;
}


body {
	color: #fff;
}

/* 导航栏 */
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
}

.logo {
	display: flex;
	align-items: center;
	gap: 10px;
}

.logo img {
	height: 40px;
}

.logo-text {
	line-height: 1.2;
}

.logo-text .cn {
	font-size: 16px;
	font-weight: 600;
}

.logo-text .en {
	font-size: 12px;
	opacity: 0.9;
}

nav ul {
	display: flex;
	list-style: none;
	gap: 30px;
}

nav a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: opacity 0.3s;
}

nav a:hover {
	opacity: 0.7;
}

.lang-switch {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	cursor: pointer;
}

/* 英雄区 */
.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	background: url('./banner.png') center/cover no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.hero-content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	padding: 0 20px;
}

.hero h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 40px;
}

.btn {
	display: inline-block;
	padding: 12px 30px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s;
}

.btn:hover {
	background: #fff;
	color: #000;
}

/* 轮播指示器 */
.carousel-indicators {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
}

.indicator {
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
}

.indicator.active {
	background: #fff;
}

/* 右下角支持按钮 */
.support-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background: #1a3b70;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	cursor: pointer;
	z-index: 10;
}

.support-btn .icon {
	font-size: 20px;
	margin-bottom: 4px;
}



/* nav.css - 导航专属样式，避免冲突 */
.hero-nav {
	/* position: absolute; */
	/* 初始绝对定位 */
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	color: #000000;
	box-sizing: border-box;
	background: #fff;
	/* 防止padding撑开宽度 */
	/* 新增：过渡动画，让背景/颜色切换更平滑 */
	transition: all 0.3s ease;
	/* 新增：固定导航栏高度（避免滚动后布局跳动） */
	height: 80px;
}

/* 新增：滚动激活后的样式（固定顶部 + 白背景 + 黑文字） */
.hero-nav.active {
	position: fixed;
	/* 固定到顶部 */
	background-color: #ffffff;
	/* 白色背景 */
	color: #000000;
	/* 黑色文字 */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	/* 可选：添加阴影，提升层次感 */
}

/* Logo样式 */
.hero-nav .logo {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero-nav .logo img {
	height: 45px;
}

/* 新增：激活后切换logo（如果有黑色logo的话，可选） */
.hero-nav.active .logo-img {
	content: url("../images/logo.png");
	/* 替换为黑色logo路径，无则删除此行 */
}

.hero-nav .logo-text {
	font-size: 14px;
	line-height: 1.2;
	font-family: 'MiSans Latin', sans-serif;
}

/* 导航菜单 */
.hero-nav .nav-menu {
	display: flex;
	gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero-nav .nav-menu li a {
	color: #000000;
	/* 初始白色文字 */
	text-decoration: none;
	font-size: 16px;
	font-family: 'MiSans Latin', sans-serif;
	transition: opacity 0.3s;
}

/* 新增：激活后菜单文字变黑色 */
.hero-nav.active .nav-menu li a {
	color: #000000;
}

.hero-nav .nav-menu li a:hover {
	opacity: 0.8;
}

/* 语言切换 */
.hero-nav .lang-switch {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	cursor: pointer;
	font-family: 'MiSans Latin', sans-serif;
}

.hero-nav .lang-switch::after {
	content: '▼';
	font-size: 10px;
}

#langSwitch1::after {
	content: '▼';
	font-size: 10px;
}
/* nav.css - 导航专属样式，避免冲突 */
.hero-nav-bak {
	position: absolute;
	/* 初始绝对定位 */
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	color: #fff;
	box-sizing: border-box;
	/* 防止padding撑开宽度 */
	/* 新增：过渡动画，让背景/颜色切换更平滑 */
	transition: all 0.3s ease;
	/* 新增：固定导航栏高度（避免滚动后布局跳动） */
	height: 80px;
}

/* 新增：滚动激活后的样式（固定顶部 + 白背景 + 黑文字） */
.hero-nav-bak.active {
	position: fixed;
	/* 固定到顶部 */
	background-color: #ffffff;
	/* 白色背景 */
	color: #000000;
	/* 黑色文字 */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	/* 可选：添加阴影，提升层次感 */
}

/* Logo样式 */
.hero-nav-bak .logo {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero-nav-bak .logo img {
	height: 40px;
}

/* 新增：激活后切换logo（如果有黑色logo的话，可选） */
.hero-nav-bak.active .logo-img {
	content: url("../images/logo.png");
	/* 替换为黑色logo路径，无则删除此行 */
}

.hero-nav-bak .logo-text {
	font-size: 14px;
	line-height: 1.2;
	font-family: 'MiSans Latin', sans-serif;
}

/* 导航菜单 */
.hero-nav-bak .nav-menu {
	display: flex;
	gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero-nav-bak .nav-menu li a {
	color: #fff;
	/* 初始白色文字 */
	text-decoration: none;
	font-size: 16px;
	font-family: 'MiSans Latin', sans-serif;
	transition: opacity 0.3s;
}

/* 新增：激活后菜单文字变黑色 */
.hero-nav-bak.active .nav-menu li a {
	color: #000000;
}

.hero-nav-bak .nav-menu li a:hover {
	opacity: 0.8;
}

/* 语言切换 */
.hero-nav-bak .lang-switch {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	cursor: pointer;
	font-family: 'MiSans Latin', sans-serif;
}

.hero-nav-bak .lang-switch::after {
	content: '▼';
	font-size: 10px;
}

/* 可选：修复固定导航后页面内容被遮挡的问题 */
body {
	padding-top: 0;
	/* 初始无padding */
	transition: padding-top 0.3s ease;
}

/* 激活后给body加padding，匹配导航高度 */
body.nav-fixed {
	padding-top: 80px;
}

.fadeInUp {
	visibility: visible;
	animation-duration: 1s;
	animation-delay: 0s;
	animation-name: fadeInUp;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}

	to {
		opacity: 1;
		transform: none
	}
}

.h5 {
	display: none;
}


.headercellbox {
	display: none;
}

.headercellbox .top .la {
	display: flex;
	align-items: center;
}

.headercellbox .top .la .lang {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 14px;
	color: #282731;
	font-style: normal;
	text-transform: none;
}

.headercellbox .top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 50px;
	padding: 0 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 2px 10px hsla(0, 0%, 0%, 0.10);
	z-index: 50;
}

.headercellbox .top .logos img {
	display: block;
	height: 36px;
}

.headercellbox .top .sole {
	position: relative;
}

.headercellbox .top .sole i {
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background: #1B3A94;
	position: absolute;
	top: 0;
	left: 0;
}

.headercellbox .top .sole i:nth-child(2) {
	top: 50%;
	margin-top: -1px;
}

.headercellbox .top .sole i:nth-child(3) {
	top: auto;
	bottom: 0;
}

.headercellbox .up {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 55;
}

.headercellbox2 .up {
	display: block;
}

.headercellbox .list {
	position: fixed;
	top: 0;
	right: -100%;
	opacity: 0;
	transition: all 0.5s;
	bottom: 0;
	width: 200px;
	background: #fff;
	z-index: 60;
	padding: 60px 0 0 0;
}

.headercellbox2 .list {
	right: 0;
	opacity: 1;
}

.headercellbox .list .sole {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
}

.headercellbox .list .sole i {
	display: block;
	width: 100%;
	height: 1px;
	background: #666;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.headercellbox .list .sole i:nth-child(2) {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.headercellbox .list .input {
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.10);
	position: relative;
	box-sizing: border-box;
	display: flex;
	margin: 0 15px;
}

.headercellbox .list .input input {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 13px;
	border: none;
	padding: 0 50px 0 0;
}

.headercellbox .list .input button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../images/1.png) no-repeat center right;
	background-size: 18px auto;
}

.headercellbox .list .lang {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 15px 0 15px;
}

.headercellbox .list .lang a {
	font-size: 14px;
	line-height: 30px;
	width: calc(100% / 3);
	text-align: center;
	position: relative;
}

.headercellbox .list .lang a::after {
	width: 1px;
	height: 14px;
	background: #000;
	opacity: 0.1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	content: '';
}

.headercellbox .list .lang a:nth-child(3n)::after {
	display: none;
}

.headercellbox .list .nav {
	position: absolute;
	top: 0;
	width: 160px;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 0 15px;
}

.headercellbox .list .nav .wli {
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.10);
	padding: 15px 0;
}

.headercellbox .list .nav .wli .tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headercellbox .list .nav .wli .tit a {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 16px;
	color: #282731;
	font-style: normal;
	text-transform: none;
}

.headercellbox .list .nav .wli .tit i {
	width: 20px;
	height: 20px;
	background: url(../images/60.png) no-repeat center;
	background-size: 11px auto;
	transition: all 0.5s;
}

.headercellbox .list .nav .wli .tit i.cur {
	transform: rotate(0);
}

.headercellbox .list .nav .wli .min {
	margin-top: 5px;
	display: none;
}

.headercellbox .list .nav .wli .min a {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding-left: 12px;
	position: relative;
}

.headercellbox .list .nav .wli .min a::after {
	content: '';
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	opacity: 0.3;
}

.mySwiper.homeh5 {
	height: 447px;
}

.footerh5 {
	padding: 41px 10px 21px 10px;
}

.footerh5 .logo {
	width: 184px;
	height: 30px;
}

/* 三列容器：等分布局 */
.contact-row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
}

/* 单列样式：等宽 */
.contact-col {
	display: flex;
	flex-direction: column;
	gap: 5px;
	/* 标签与内容间距，匹配设计稿 */
}

/* 标签样式（Mobile/E-mail/Social Media） */
.contact-label {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 12px;
	color: #282731;
	font-style: normal;
	text-transform: none;



}

/* 内容样式（手机号/邮箱） */
.contact-value {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 12px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

/* 社交媒体图标容器 */
.social-icons {
	display: flex;
	gap: 20px;
	/* 图标之间的间距 */
	align-items: center;
}

/* 图标样式 */
.social-icon {
	width: 30px;
	/* 匹配设计稿图标大小 */
	height: 30px;
	object-fit: contain;
	/* 保持图标比例 */
}

/* 页脚容器 */
.footer-section {
	width: 100%;
	max-width: 1200px;
	margin: 10px auto;
}

/* 地址区域 */
.address-block {
	margin-bottom: 24px;
}

.address-title {
	margin-bottom: 12px;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: bold;
	font-size: 12px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.address-text {
	margin-bottom: 20px;
	max-width: 100%;

	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 12px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.contact-btns {
	padding: 7px 19px;
	border: 1px solid #1A365D;
	background: #fff;
	color: #1A365D;
	font-size: 22px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;


	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 12px;
	color: #142261;
	text-align: center;
	font-style: normal;
	text-transform: none;
}

.contact-btns:hover {
	background: #1A365D;
	color: #fff;
}

/* 分割线 */
.divider {
	border: none;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 24px;
}

/* 底部链接与版权 */
.footer-bottoms {
	text-align: center;
}

.footer-links {
	margin-bottom: 16px;
}

.footer-link {
	text-decoration: none;
	margin: 0 8px;
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 12px;
	color: #282731;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.separator {
	font-size: 12px;
	color: #999;
}

.copyright {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 12px;
	color: #282731;
	text-align: center;
	font-style: normal;
	text-transform: none;
}


.h5_title {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 600;
	font-size: 18px;
	color: #282731;
	font-style: normal;
	text-transform: none;
	text-align: center;
	margin-top: 40px;
}

.h5_cont {
	font-family: MiSans Latin, MiSans Latin;
	font-weight: 400;
	font-size: 10px;
	color: #88878E;
	text-align: center;
	font-style: normal;
	text-transform: none;
}


/* 语言切换样式 */
.lang-switch {
    position: relative;
    display: inline-block;
    margin-left: 50px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 5px 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    user-select: none;
    min-width: 60px;
    text-align: center;
    background: #f5f5f5;

}
.lang-switch:hover {
    background: #f5f5f5;
}
/* 下拉菜单 */
.lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    min-width: 100px;
    z-index: 999;
    display: none;
}
.lang-dropdown div {
    padding: 6px 12px;
    text-align: center;
}
.lang-dropdown div:hover {
    background: #f5f5f5;
}
/* 显示下拉 */
.lang-switch.active .lang-dropdown {
    display: block;
}