/* 首页 */
/* 轮播主体部分 */
.carousel-section {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.carousel-container {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.carousel-slide {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	position: relative;
}

.carousel-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 80, 160, 0.05);
}

/* 左侧内容样式 */
.content-wrapper {
	position: absolute;
	left: 236px;
	bottom: 310px;
	color: #fff;
	z-index: 10;
}

.content-item {
	display: none;
}

.content-item.active {
	display: block;
	animation: slideUp 0.8s ease forwards;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.content-subtitle {
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 12px;
	opacity: 0.9;
}

.content-main-title {
	font-weight: 400;
	font-size: 70px;
	color: #FFFFFF;
	line-height: 66px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}

.content-desc {
	margin: 34px 0 20px;
	max-width: 100%;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 29px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}

/* 按钮样式 */
.content-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;

	padding: 0 0 0 30px;
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	height: 56px;
	background: rgba(255, 255, 255, 0.3);
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	box-sizing: border-box;
	width: 197px;
}

.content-btn::before {
	content: '';
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #1450a0;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
	z-index: 0;
}

.content-btn .arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1450a0;
	color: #fff;
	transform: rotate(360deg);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	margin-right: 8px;
}

.content-btn .arrow img {
	width: 23px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.content-btn span {
	position: relative;
	z-index: 1;
}

.content-btn:hover .arrow {
	margin-right: 0;
	width: 56px;
	height: 56px;
	transform: rotate(405deg);
	background: #1450a0;
}


.content-btn:hover::before {
	right: 0;
}

.content-btn:hover {
	color: #fff;
	transition-delay: 0.3s;
}

.banner_number {
	display: flex;
	align-items: center;
}

.num_lines {
	width: 22px;
	height: 1px;
	margin: 0 28px;
	background-color: #FFFFFF;
}

.subtitle-item {
	display: none;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}

.subtitle-item.active {
	display: block;
}

/* 数字滚动 */
.number-box {
	width: 45px;
	height: 43px;
	overflow: hidden;
	position: relative;
}

.number-list {
	position: absolute;
	width: 100%;
	transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.number {
	width: 100%;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #fff;
	font-size: 36px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}

/* 右侧缩略图 */
.thumbnails-wrapper {
	position: absolute;
	right: 212px;
	top: 28%;
	display: flex;
	flex-direction: row;
	gap: 24px;
	z-index: 20;
}

.thumbnail {
	width: 160px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.4s ease;
}

.thumbnail.active {
	opacity: 1;
	height: 100px;
}

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

/* 箭头翻页 */
.scroll-down {
	position: absolute;
	bottom: 30px;
	right: 8%;
	color: #fff;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	letter-spacing: 1px;
}

.arrow-box {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
}

.arrow-list {
	position: absolute;
	width: 100%;
	transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.arrow-item {
	width: 100%;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

/* 信息卡片布局 */
.info-cards {
	padding: 0 108px;
	position: relative;
	z-index: 99;
	margin-top: -105px;

}

.info-cards .card_box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	border-radius: 40px;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
}

.info-card {
	padding: 33px 40px;
	position: relative;
	transition: all 0.3s ease;
	box-sizing: border-box;
	height: 330px;
	background: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.info-card:nth-child(1) {
	border-radius: 40px 0px 0px 40px;
}

.info-card:nth-child(3) {
	border-radius: 0px 40px 40px 0px;
}



.info-card h4 {
	font-weight: 500;
	font-size: 24px;
	color: #010F37;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: bold;
}

.info-card:hover {
	background: rgba(229, 231, 236, 1);
}

.info-card:hover h4 {
	color: rgba(0, 72, 169, 1);
}

.info-card p {
	margin: 50px 0 27px;

	height: 94px;
	overflow-y: auto;
	font-weight: 400;
	font-size: 16px;
	color: #878C91;
}

.card-btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #1450a0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
	transition: transform 0.4s ease;
}

.card-btn img {
	width: 20px;
}

.info-card:hover .card-btn {
	transform: rotate(45deg);
}

.about-section {
	padding: 132px 108px 106px;
	box-sizing: border-box;
}

.about-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.about-header h2 {
	font-weight: 600;
	font-size: 64px;
	color: #010F37;
}

.about-link {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #1450a0;
	font-size: 14px;
	width: 167px;
	height: 56px;
	background: #F1F5F9;
}

.about-content {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	align-items: center;
}

.about-img {
	width: 630px;
	height: 617px;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 64px;
}

.about-img img {
	width: 100%;
	height: auto;
	display: block;
}

.about-text h3 {
	font-weight: 600;
	font-size: 64px;
	color: #010F37;
	line-height: 77px;
	background: url('../images/about.png') no-repeat;
	background-size: 180px;
	padding-bottom: 60px;
}

.about-text p {
	height: 136px;
	overflow-y: auto;
	font-weight: 400;
	font-size: 20px;
	color: #6E6E6E;
	line-height: 34px;
	margin-bottom: 50px;
}

.about-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.stat-item {
	text-align: center;
}

.stat-number {
	font-weight: 800;
	font-size: 60px;
	color: #C5AC59;
	margin-bottom: 5px;
}

.stat-label {
	font-weight: 400;
	font-size: 16px;
	color: #1B1717;
}

/* ============= 产品模块 ============= */
.products-section {
	background: url('../images/bg_product@2x.png') center center / cover no-repeat;
	margin: 0 23px;
	color: #fff;
}

.products_box {
	padding: 107px 0 143px 84px;
	backdrop-filter: blur(85px);
	-webkit-backdrop-filter: blur(85px);
	border-radius: 20px;
	overflow: hidden;
}

.products-header {
	text-align: center;
	margin-bottom: 165px;
}

.products-header h2 {
	font-weight: 600;
	font-size: 64px;
	color: #FFFFFF;
	margin-bottom: 70px;
}

.product-tabs {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.tab-btn {
	padding: 10px 24px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 67px;
	font-size: 18px;
	color: #FFFFFF;
}

.tab-btn.active {
	background: #fff;
	color: rgba(1, 15, 55, 1);
}





/* swiper 容器 */
.productSwiper {
	width: 100%;
	overflow: hidden !important;
}

.productSwiper .swiper-slide {
	width: 614px !important;
	height: 614px !important;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* 卡片铺满容器 + 居中 */
.product-card {
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50px;
	padding: 55px 42px;
	position: relative;
	transition: all 0.4s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 14px solid rgba(77, 114, 165, 1);
}

/* 图片绝对居中 */
.product-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 75%;
}

.product-img img {
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* 悬停变圆形 */
.product-card:hover {
	border-radius: 50%;
}

.product-card:hover .card-category,
.product-card:hover .product-title {
	opacity: 0;
}

.product-card:hover .product-btn {
	opacity: 1;
}

/* 按钮居中圆形 */
.product-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #1450a0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	opacity: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}

.card-category {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	color: #878C91;
}

.card-category span {
	width: 72px;
	height: 1px;
	background-color: rgba(135, 140, 145, 1);
	margin-right: 10px;
}

.product-title {
	font-weight: 600;
	font-size: 27px;
	color: #010205;
	line-height: 45px;
}

/* ============= 工厂展示轮播 ============= */
.factory-section,
.cases-section {
	padding: 150px 0 80px 108px;
	box-sizing: border-box;
}

.factory-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 110px;
	padding-right: 108px;
}

.factory-header h2 {
	font-weight: 600;
	font-size: 64px;
	color: #010205;
}

.factory-header p {
	width: 743px;
	font-weight: 500;
	font-size: 20px;
	color: #878C91;
	line-height: 36px;
	max-width: 743px;
}

.factory-carousel {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.factorySwiper {
	width: 100%;
	overflow: visible;
}

.factorySwiper .swiper-slide {
	width: 609px !important;
	height: 463px;
	flex-shrink: 0;
	margin-right: 20px;
	/* 强制加间距，永远生效 */
}


.factory-img {
	width: 100%;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

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

.factory-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 20px 50px 20px;
	font-weight: 600;
	font-size: 36px;
	color: #FFFFFF;
	line-height: 50px;
	height: auto;
	background: linear-gradient(0deg, #1E2C5C 0%, rgba(217, 217, 217, 0) 100%);
	border-radius: 0px 0px 26px 26px;
	/* 默认样式 */
	transform: translateY(100%);
	/* 藏在下面 */
	opacity: 0;
	transition: all 0.4s ease;
	/* 平滑动画 */
}

/* 悬停时从下往上出现 */
.factory-img:hover .factory-caption {
	transform: translateY(0);
	opacity: 1;
}

.factory-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin-top: 50px;
}

.factory-btn {
	width: 118px;
	height: 75px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}


.factory-index {
	font-weight: 600;
	font-size: 21px;
	color: rgba(0, 72, 169, 1);
}

/* 页码整体样式 */
.factory-index {
	font-weight: 600;
	font-size: 21px;
}

.factory-index .curr {
	color: #0048A9;
	text-decoration: underline;
	/* 下划线 */
	text-underline-offset: 6px;
	/* 下划线距离文字远一点，更好看 */
}

.factory-index .line {
	color: #666;
	margin: 0 2px;
}

.factory-index .total {
	color: #878C91;
}

/* ============= FAQ知识库 ============= */
.faq-section {
	padding: 0 21px 116px;
}

.faq-container {
	background: #f8f9fa;
	border-radius: 16px;
	padding: 88px 107px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 120px;
}

.faq-left h2 {
	font-weight: 600;
	font-size: 64px;
	color: #010205;
	line-height: 83px;
	margin-bottom: 60px;
}

.faq-left p {
	font-weight: 400;
	font-size: 18px;
	color: #878C91;
	line-height: 32px;
	margin-bottom: 60px;
}

.faq-buttons {
	display: flex;
	gap: 20px;
}

.faq-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
	font-weight: bold;
	font-size: 21px;
	color: #010F37;
	width: 235px;
	height: 75px;
	border-radius: 67px;
	border: 1px solid #010F37;
	position: relative;
	z-index: 1;
	background: transparent;
	transition: color 0.3s ease;
	overflow: hidden;

}

.faq-btn-contact {
	border: none;
	text-decoration-line: underline;
}

.faq-btn-more:hover {
	color: #fff !important;
}

.faq-btn-more::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #1450a0;
	z-index: -1;
	transition: width 0.4s ease;
}

.faq-btn-more:hover::before {
	width: 100%;
}


.faq-item {
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	padding: 0 32px;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0 0;
	cursor: pointer;
	user-select: none;
	font-weight: 600;
	font-size: 28px;
	color: #010205;
	line-height: 42px;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	font-weight: 400;
	font-size: 18px;
	color: #878C91;
	line-height: 32px;
	transition: max-height 0.4s ease;
	padding-right: 8px;
	margin-bottom: 30px;
}

.faq-item.active .faq-answer {
	max-height: 180px;
}

/* 美化滚动条（可选，更好看） */
.faq-answer::-webkit-scrollbar {
	width: 4px;
}

.faq-answer::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

.faq-question span {
	transition: transform 0.3s ease;
	font-size: 24px;
	font-weight: 600;
	color: #010205;
	max-width: 80%;
}

.faq-question .symbol {
	font-size: 32px;
}

.faq-right {
	border-top: 1px solid rgba(0, 0, 0, 1);
}

/* banner 底部一行布局：左按钮 + 右滚动 */
.banner-bottom-row {
	position: absolute;
	left: 236px;
	right: 236px;
	bottom: 158px;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 修复滚动提示样式对齐 */
.scroll-down {
	position: unset;
	margin: 0;
}

/* ============= 案例轮播 ============= */
.cases-section {
	padding: 0 0 100px;
}

.cases-header {
	padding-left: 108px;
}



.cases-carousel {
	position: relative;
	overflow: hidden;
	padding: 0;
	padding-bottom: 100px;
}

.cases-track {
	display: flex;
	padding-left: 108px;
}

.cases-slide {
	width: 27.33% !important;
	/* 一屏3个 */
	flex-shrink: 0;
	padding: 0 10px;
}

.cases-img {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
	/* 加过渡，阴影平滑 */
	transition: box-shadow 0.3s ease;
}

/* 悬停外圈阴影 */
.cases-img:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}

.cases-img img {
	width: 100%;
	height: 346px;
	object-fit: cover;
	display: block;
}

.cases-caption {
	text-align: left;
}

.cases-caption h3 {
	font-weight: bold;
	font-size: 20px;
	color: #010F37;
	line-height: 27px;
	margin-bottom: 10px;
}

.cases-caption p {
	font-size: 16px;
	color: #878C91;
	line-height: 25px;
}

.cases-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.cases-dot {
	width: 30px;
	height: 3px;
	background: #ddd;
	border-radius: 2px;
	cursor: pointer;
}

.cases-dot.active {
	background: rgba(197, 172, 89, 1);
}


/* 内页 About Us - Company Profile */
/* Banner */
.banner {
	width: 100%;
	height: 633px;
	display: flex;
	align-items: end;
	justify-content: center;
	text-align: center;
	color: #fff;
	position: relative;
	padding-bottom: 100px;
	box-sizing: border-box;
	overflow: hidden;
}

/* Banner 图片（原生 img） */
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 图片不变形铺满 */
	z-index: 1;
}

/* 文字内容居中叠加在图片上 */
.banner-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	color: #fff;
	text-align: center;
}

.banner h1 {
	font-weight: 600;
	font-size: 64px;
	margin-bottom: 37px;
	position: relative;
}

.banner .linns {
	width: 100px;
	height: 7px;
	background: #C5AC59;
}

.banner-content .twotit {
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 44px;
}

.banner-stats {
	display: flex;
	gap: 120px;
	margin-top: 32px;
	text-align: center;
	font-weight: 600;
	color: #FFFFFF;
}

.stat-num {
	font-size: 36px;
}

.stat-num span {
	font-size: 14px;
	margin-left: 6px;
}

.stat-label {
	font-size: 14px;
	color: #FFFFFF;
}

.neiye_title {
	padding: 60px 108px 67px;
	box-sizing: border-box;
	display: flex;
}

.neiye_title h2 {
	font-weight: bold;
	font-size: 64px;
	color: #010F37;
	white-space: pre-line;
}

.neiye_title p {
	max-width: 52%;
	font-weight: 400;
	font-size: 20px;
	color: #878C91;
	line-height: 41px;
	text-align: left;
}

.neiye_title_contact p {
	max-width: 43%;
}

/* 面包屑 */
.breadcrumb {
	padding: 16px 108px;
	border-bottom: 1px solid #eee;
}

.breadcrumb .breadcrumb_lef,
.breadcrumb a {
	font-weight: 400;
	font-size: 16px;
	color: #878C91;
}

/* 标签栏 */
.breadcrumb .tab-nav {
	display: flex;
	gap: 80px;
	width: 908px;
}

.breadcrumb .tab-nav button {
	border: none;
	background: none;
	padding: 12px 0;
	font-weight: 400;
	font-size: 16px;
	color: #010F37;
	cursor: pointer;
	position: relative;
}

.breadcrumb .tab-nav button.active {
	color: #000;
	font-weight: 600;
}

.breadcrumb .tab-nav button.active::after {
	content: '';
	position: absolute;
	bottom: -17px;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(197, 172, 89, 1);
}

/* 通用区块 */


.ny_section {
	padding: 96px 108px 58px;
	border-bottom: 1px solid rgba(233, 233, 233, 1);
}

.ny_block_box .ny_section:last-child {
	border: none;
}

.ny_section_title {
	font-weight: 400;
	font-size: 48px;
	color: #010F37;
	margin-bottom: 58px;
}

.ny_section .text-col {
	width: 856px;
}

.ny_section .img-col {
	width: 746px;
	height: 460px;
}

.ny_section .text-col div {
	font-weight: 400;
	font-size: 18px;
	color: rgba(1, 15, 55, 1);
	line-height: 25px;
	margin-bottom: 20px;
}

.ny_section .text-col p {
	color: rgba(135, 140, 145, 1);
	max-height: 400px;
	overflow-y: auto;
	white-space: pre-line;
	word-wrap: break-word;
}


.ny_section .img-col img {
	width: 100%;
	border-radius: 8px;
}

.section-reverse .two-col {
	direction: rtl;
	/* 左右颠倒 */
}

.section-reverse .two-col>* {
	direction: ltr;
	/* 文字正常显示 */
}

.Value_section {
	padding: 120px 108px;
	box-sizing: border-box;
	background: #F0F4F7;
	border-radius: 40px;
}

.Value_section .two-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}


.Value_section .card {
	padding: 120px 90px 60px;
	border-radius: 40px;
	background: #fff;
	height: 896px;
}


.Value_section .card.light {
	background: rgba(217, 228, 234, 1);
}


.Value_section .card-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}


.Value_section .card h3 {
	font-weight: 400;
	font-size: 48px;
	color: #222222;
	margin: 28px 0;
}

.Value_section .card div {
	color: rgba(135, 140, 145, 1);
	margin-bottom: 20px;
}

.Value_section .card p {
	font-weight: 400;
	font-size: 18px;
	color: #010F37;
	line-height: 29px;
	max-height: 69%;
	overflow-y: auto;
	white-space: pre-line;
	word-wrap: break-word;
}

/* Why Choose Us */
.why-choose {
	padding: 130px 108px;
}

.why-choose h2 {
	font-weight: 600;
	font-size: 64px;
	color: #010205;
	text-align: center;
	margin-bottom: 90px;
}

.why-choose .grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

.why-choose .feature-card {
	border-radius: 40px;
	padding: 48px;
	background: #f0f5f9;
	height: 900px;
}

.why-choose .center_card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.why-choose .center_card .feature-card {
	height: 432px;
}

.why-choose .feature-card.dark {
	background: rgba(74, 82, 104, 1);
	color: #fff;
}

.why-choose .feature-card.dark p {
	color: rgba(247, 247, 255, 1);
}

.why-choose .feature-card.dark h4 {
	color: rgba(247, 247, 255, 1);
}

.why-choose .feature-icon {
	width: 33px;
	margin-bottom: 50px;
}

.why-choose .feature-card h4 {
	font-weight: bold;
	font-size: 36px;
	color: #2A3439;
	line-height: 48px;
	margin-bottom: 24px;
}


.why-choose .feature-card p {
	font-weight: 400;
	font-size: 21px;
	color: #566166;
	line-height: 32px;
}

.why-choose .card_one {
	background: #E8EFF3;
}

.why-choose .card_two {
	background: #E5E7EC;
}

.why-choose .card_three {
	background: #D9E4EA;
}

.why-choose .card_one p {
	height: 49%;
	overflow-y: auto;
}

.why-choose .card_one .feature-img {
	border-radius: 8px;
	width: 100%;
	height: 240px;
}

.why-choose .dark .feature-img {
	border-radius: 8px;
	width: 100%;
	height: 385px;
}


.why-choose .dark p {
	height: 31%;
	overflow-y: auto;
}

/* 关于我们--文化 */



.banner-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 18px;
	color: #FFFFFF;
	background: transparent;
	border: none;
	cursor: pointer;
	justify-content: center;
	width: 100%;
	margin-top: 50px;
}

/* 播放按钮盒子 */
.banner-btn .play-icon {
	width: 24px;
	height: 24px;
	background: #0048A9;
	border-radius: 1032px;
	border: 2px solid #FAFAFA;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* 播放箭头 */
.banner-btn .play-icon::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-left: 1px;
}

/* 愿景与使命卡片 */
.vision-mission-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	padding: 92px 108px 54px;
}

.vm-card {
	border-radius: 8px;
	padding: 70px 50px 20px;
	color: #fff;
	height: 480px;
	box-sizing: border-box;
}

.vm-card.blue {
	background: url('../images/Partner@2x.png') no-repeat;
}

.vm-card.gray {
	background: url('../images/Trusted.png') no-repeat;
}

.vm-card h3 {
	font-weight: 600;
	font-size: 48px;
	color: #FFFFFF;
	margin-bottom: 24px;
}

.vm-card .desc {
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 24px;
	margin-bottom: 70px;
}

.vm-card .interpretation h4 {
	margin-bottom: 20px;
	font-weight: bold;
}

.vm-card .interpretation p {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
}

/* 经营理念区块 */
.philosophy-section {
	background: url('../images/Rectangle@2x.png') center/cover no-repeat;
	color: #fff;
	padding: 108px 80px 60px;
	height: 660px;
}

.philosophy-text {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 29px;
	max-width: 39%;

}

.philosophy-text p {
	margin-bottom: 60px;
}

.philosophy-title {
	text-align: right;
	margin-bottom: 106px;
}

.philosophy-title h3 {
	font-weight: bold;
	font-size: 48px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.philosophy-title p {
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
}

/* 核心价值观 */
.core-values-section {
	padding: 66px 108px;
}

.core-values-section .section-title {
	font-weight: 400;
	font-size: 48px;
	color: #010F37;
	margin-bottom: 30px;
}


.core-values-card {
	background: #F0F4F7;
	border-radius: 20px;
	border-radius: 8px;
	padding: 90px 178px 30px;
	text-align: center;
	height: 550px;
	box-sizing: border-box;
}

.core-values-card h4 {
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 24px;
	color: #010F37;
	text-align: center;
}

.core-values-desc {
	font-weight: 400;
	font-size: 18px;
	color: #878C91;
	line-height: 36px;
	white-space: pre-line;
	height: 56%;
	overflow-y: auto;
}

.core-values-list {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	position: relative;
}

.core-value-item {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 20px;
	color: #010F37;
	cursor: pointer;
	position: relative;
}

.core-value-item img {
	width: 36px;
	margin-right: 10px;
}

.core-value-item.active {
	color: #0048a0;
}

/* 选中指示线 */
#indicator {
	position: absolute;
	top: -1px;
	height: 3px;
	background: #767494;
	transition: all 0.3s ease;
	pointer-events: none;
}

/* 内容区域默认隐藏，只显示当前选中的 */
.value-content {
	display: none;
}

.value-content.active {
	display: block;
}



/* 视频弹窗 */
.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.video-modal.active {
	display: flex;
}

.video-modal-content {
	position: relative;
	width: 80%;
	max-width: 800px;
}

.video-modal-close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

.video-modal video {
	width: 100%;
	border-radius: 8px;
}

/* 新闻详情 */
.blog-container {
	display: grid;
	grid-template-columns: 70% 30%;
	gap: 120px;
	padding: 200px 260px 100px;
}

/* 正文区域 */
.blog-main {
	max-width: 934px;
}

.blog-title {
	font-weight: 600;
	font-size: 52px;
	color: #010205;
	line-height: 83px;
	margin-bottom: 50px;
}

.blog-meta-bar {
	padding: 28px 20px;
	margin-bottom: 24px;
	font-weight: 400;
	font-size: 16px;
	color: #878C91;
	line-height: 21px;
	background: #F0F4F7;
	border-radius: 10px;
}

.blog-meta-bar .sharebox {
	margin-top: 30px;
	padding-top: 17px;
	border-top: 1px solid rgba(229, 231, 236, 1);
}


.blog-meta-bar .date {
	font-size: 16px;
	color: #010205;
	line-height: 3px;
}

.share-buttons {
	display: flex;
	gap: 16px;
	align-items: center;
}

.share-buttons span {
	font-weight: 400;
	font-size: 16px;
	color: #010205;
}

.share-btn img {
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.blog-content {

	white-space: pre-line;
}

.blog-content img {
	max-width: 100%;
}


/* 侧边栏 */
.blog-sidebar {
	padding-top: 8px;
	width: 345px;
}

.sidebar-section {
	margin-bottom: 32px;
}

.sidebar-title {
	font-weight: 400;
	font-size: 24px;
	color: #010205;
	margin-bottom: 30px;
}

.tag-list {
	margin-bottom: 60px;
}

.tag-item {
	font-weight: 400;
	font-size: 14px;
	color: #010205;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #E5E7EC;
	margin-bottom: 16px;
	display: table;
}

.latest-blog-card {
	display: block;
	margin-bottom: 20px;
	width: 345px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.04);
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #E5E7EC;

}

.latest-blog-card img {
	width: 100%;
	height: 219px;
	border-radius: 20px 20px 0px 0px;
}

.latest-blog-info {
	padding: 35px 17px;
	box-sizing: border-box;
}

.latest-blog-date {
	font-weight: 500;
	font-size: 16px;
	color: #878C91;
}

.latest-blog-title {
	font-weight: 600;
	font-size: 20px;
	color: #010205;
	line-height: 30px;
	margin: 20px 0 30px;
}

.latest-blog-excerpt {
	font-weight: 500;
	font-size: 14px;
	color: #878C91;
	line-height: 22px;
}

/* 新闻 */
.news-container {
	background-color: RGBA(240, 244, 247, 1);
	padding: 97px 108px;
}

/* 头部筛选栏 */
.news-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.section-title {
	font-weight: 600;
	font-size: 64px;
	color: #010205;
}

.filter-dropdown {
	position: relative;
}

.filter-dropdown .btnbox {
	padding: 20px 30px;
	width: 248px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #C5AC59;
	cursor: pointer;
	font-weight: 400;
	font-size: 18px;
	color: #A9B4B9;
}

.filter-dropdown .btnbox span {
	color: #000;
	font-size: 19px;
}

.filter-options {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 8px;
	background: #fff;
	display: none;
	width: 100%;
	z-index: 10;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border-radius: 20px 20px 20px 20px;
}

.filter-options.show {
	display: block;
}

.filter-options a {
	display: block;
	padding: 15px 30px;
	font-weight: 400;
	font-size: 18px;
	color: #878C91;
}

.filter-options a:hover {
	background: #f5f7fa;
}

/* 新闻网格 */
.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	margin-bottom: 32px;
}

.news-card {
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	height: 616px;
	background: #FFFFFF;
	border-radius: 27px 27px 27px 27px;
}

.news-card img {
	width: 100%;
	height: 337px;
	object-fit: cover;
}

.news-card-content {
	padding: 38px 24px;
	box-sizing: border-box;
	position: relative;
}

.news-date {
	font-weight: 500;
	font-size: 16px;
	color: #878C91;
	line-height: 26px;
	margin-bottom: 16px;
}

.news-title {
	height: 90px;
	font-weight: 600;
	font-size: 28px;
	color: #010205;
	line-height: 42px;
	margin-bottom: 26px;
	word-wrap: break-word;
}

.news-excerpt {
	word-wrap: break-word;
	height: 55px;
	width: 77%;
	font-weight: 500;
	font-size: 16px;
	color: #878C91;
	line-height: 26px;
}

.news-card-content .arr_btn {
	width: 40px;
	height: 40px;
	transition: transform 0.3s ease;
}

.news-card:hover .arr_btn {
	transform: rotate(45deg);
}

.learn-more-wrap {
	text-align: center;
}

.learn-more-btn {
	padding: 17px 36px;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	color: #010F37;
	cursor: pointer;
	border-radius: 50px 50px 50px 50px;
	border: 1px solid #010F37;
}

/* 联系 */

.contact-card {
	background: #fff;
	border-radius: 16px;
	margin: 0 108px 60px;
	padding: 56px;
	display: grid;
	grid-template-columns: 43% 55%;
	gap: 2%;
	box-sizing: border-box;

}

.contact-info-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.contact-info-item {
	display: flex;
	gap: 36px;
}

.contact-card .info-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	background: #E8EFF3;
	border-radius: 12px 12px 12px 12px;
}


.contact-card .info-icon img {
	width: 24px;
	height: 24px;
}

.contact-card .info-content {
	width: 80%;
}

.contact-card .info-content h4 {
	font-weight: bold;
	font-size: 20px;
	color: #2A3439;
	margin-bottom: 10px;
}

.contact-card .info-content p {
	font-weight: 400;
	font-size: 16px;
	color: #566166;
	line-height: 39px;
}

.contact-card .contact-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.contact-card .form-row {
	display: flex;
	gap: 16px;
}

.contact-card .form-group {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.contact-card .form-group label {
	font-weight: 400;
	font-size: 18px;
	color: #010205;
}

.contact-card .form-group label span {
	color: rgba(253, 141, 20, 1);
}

/* 一体输入框 */

.contact-card .input-wrapper {
	display: flex;
	align-items: center;
	background: #f0f4f7;
	border-radius: 4px;
	overflow: hidden;
}



.contact-card .form-group input,
.contact-card .form-group select,
.contact-card .form-group textarea {
	padding: 10px 12px;
	border: none;
	width: 100%;
	height: 62px;
	background: #E5E7EC;
	border-radius: 0px 0px 0px 0px;
	border-bottom: 3px solid rgba(169, 180, 185, 0.2);
}

.contact-card .form-group textarea {
	resize: none;
	height: 170px;
}

.contact-card .submit-btn {
	border: none;
	font-weight: 600;
	font-size: 22px;
	color: #F7F7FF;
	cursor: pointer;
	transition: opacity 0.2s;
	width: 100%;
	height: 79px;
	background: #0048A9;
	margin-top: 10px;
}

.contact-card .submit-btn:hover {
	opacity: 0.9;
}

.form-group-phone {
	margin-top: 10px;
}

.contact-card .country-select {
	width: 10% !important;
	border: none;
	background: transparent;
	padding: 10px 8px;
	font-size: 12px;
	color: #555;
	outline: none;
}

.contact-card .phone-input {
	width: 90% !important;
	border: none;
	background: transparent;
	padding: 10px 12px;
	font-size: 12px;
	color: #555;
	outline: none;
}


/* faq */
/* 搜索框 */
.search-box {
	margin: 0 108px 80px;
}

.faq_search {
	width: 100%;
	padding: 12px 16px;
	padding-left: 80px;
	border: none;
	background-image: url('../images/icon_search_b@2x.png');
	background-repeat: no-repeat;
	background-position: 30px center;
	height: 77px;
	border-radius: 20px;
	box-sizing: border-box;
	font-size: 22px;
	color: #010205;
}

.faq_search::placeholder {
	color: rgba(169, 180, 185, 1) !important;
}

/* FAQ 主卡片 */
.faq-card {
	background: #fff;
	border-radius: 37px;
	padding: 80px 108px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 25% 68%;
	gap: 120px;
	margin-bottom: 60px;
}

/* 左侧分类 */
.faq-categories h4 {
	margin-bottom: 36px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 21px;
	color: #010205;
	letter-spacing: 2px;
}

.faq-card .category-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 36px;
}

.faq-card .category-item {
	padding: 18px 24px;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.2s;
	font-weight: 500;
	font-size: 20px;
	color: #566166;
}

.faq-card .category-item.active {
	background: rgba(240, 244, 247, 1);
	color: #1E2C5C;
}

.faq-card .help-card {
	padding: 36px;
	background: #E8EFF3;
	border-radius: 12px 12px 12px 12px;
}

.faq-card .help-card h5 {
	font-weight: 400;
	font-size: 21px;
	color: #010205;
	line-height: 30px;
}

.faq-card .help-card p {
	font-weight: 200;
	font-size: 16px;
	color: #878C91;
	line-height: 29px;
	margin: 12px 0;
}

.faq-card .help-card a {
	font-weight: 400;
	font-size: 21px;
	color: #878C91;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 12px;
}

.faq-card .help-card a img {
	transition: transform 0.3s ease;
}

.faq-card .help-card a:hover img {
	transform: translateX(10px);
}

/* 右侧 FAQ 手风琴 */

.faq-card .faq-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}


.faq-card .faq-items {
	border-top: 1px solid rgba(0, 0, 0, 1);
	padding: 16px 0;
}

.faq-card .faq-items:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}


.faq-card .faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 28px;
	color: #010205;
}

.faq-card .faq-toggle {
	width: 32px;
	height: 32px;
	background-image: url('../images/plus@2x.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s ease;
}


.faq-card .faq-items.active .faq-toggle {
	background-image: url('../images/minus@2x.png');
}


.faq-card .faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0;

	font-weight: 400;
	font-size: 18px;
	color: #878C91;
	line-height: 32px;
}


.faq-card .faq-items.active .faq-answer {
	max-height: 300px;
	padding-top: 50px;
	overflow: auto;
}

/* 证书 */
.cert-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
	padding: 60px 108px;
}

.cert-card {
	background: #fff;
	border-radius: 8px;
	padding: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition: transform 0.2s ease;
}

.cert-card:hover {
	transform: translateY(-4px);
}

.cert-card img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}

/* No More 按钮 */
.no-more-wrap {
	text-align: center;
	padding-bottom: 90px;
}

.no-more-btn {
	padding: 16px 46px;
	background-color: RGBA(240, 244, 247, 1);
	cursor: pointer;
	border-radius: 50px 50px 50px 50px;
	border: 1px solid #010F37;
	font-weight: bold;
	font-size: 16px;
	color: #010F37;
}

/* 放大查看的模态框 */
.cert-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.cert-modal-overlay.active {
	display: flex;
}

.cert-modal-overlay .modal-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.cert-modal-overlay .modal-close {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
}

/* 工厂*/
.clients-section {
	padding: 0 108px 50px;
}

.clientsbox {
	background-color: RGBA(240, 244, 247, 1);
	padding: 140px 43px 70px;
}

.clients-subtitle {
	text-transform: uppercase;
	margin-bottom: 21px;
	font-weight: 600;
	font-size: 16px;
	color: #878C91;
	letter-spacing: 2px;
}

.clients-title {
	margin-bottom: 80px;
	font-weight: bold;
	font-size: 48px;
	color: #010205;
	line-height: 53px;
}

.clients-grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.client-row {
	display: flex;
	gap: 32px;
}

.client-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	height: 517px;
}

.client-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.client-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	color: #fff;
}

.client-title {
	font-weight: bold;
	font-size: 32px;
	color: #F7F7FF;
	line-height: 48px;
	margin-bottom: 20px;
}

.client-desc {
	font-weight: 400;
	font-size: 18px;
	color: rgba(247, 247, 255, 0.8);
	line-height: 32px;
}

/* 奇数行：左大右小 */
.client-row:nth-child(odd) .client-card:nth-child(1) {
	width: 1070px;
}

.client-row:nth-child(odd) .client-card:nth-child(2) {
	width: 519px;
}

/* 偶数行：左小右大 */
.client-row:nth-child(even) .client-card:nth-child(1) {
	width: 519px;
}

.client-row:nth-child(even) .client-card:nth-child(2) {
	width: 1070px;
}

/* 定制服务介绍模块*/
.custom-services {
	padding: 100px 108px;
	text-align: center;
}

.services-title {
	font-weight: 600;
	font-size: 48px;
	color: #010205;
	line-height: 62px;
}

.services-subtitle {
	font-weight: 400;
	font-size: 20px;
	color: #9B9B9C;
	line-height: 39px;
	margin: 28px 0 70px;
}

/* 服务卡片网格 */
.services-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 0 137px;
	margin: 0 auto;
}

.service-card {
	padding: 57px;
	text-align: left;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 710px;
	background: #E5E7EC;
	border-radius: 66px;
}

.service-card h3 {
	font-weight: bold;
	font-size: 28px;
	color: #010205;
	margin: 45px 0 18px;
}

.service-card p {
	font-weight: 400;
	font-size: 20px;
	color: #878C91;
	line-height: 34px;
}


/* 悬停变蓝色 */
.service-card:hover {
	background: #0048A9;
}

.service-card:hover h3 {
	color: #fff;
}

.service-card:hover p {
	color: rgba(221, 221, 221, 1);
}

.service-card img {
	width: 100%;
	height: 355px;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

/*How It Works 步骤模块  */
.how-it-works {
	padding: 0 0 120px;
	text-align: center;
}

.steps-title {
	font-weight: 600;
	font-size: 48px;
	color: #010205;
}

.steps-subtitle {
	font-weight: 400;
	font-size: 20px;
	color: #9B9B9C;
	margin: 28px 0 50px;
}

/* 步骤网格 */
.steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px;
	padding: 0 108px;
	margin: 0 auto;
}

.step-card {
	background: #fff;
	padding: 45px;
	text-align: left;
	box-sizing: border-box;
	height: 507px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
	border-radius: 40px 40px 40px 40px;
}

.step-number {
	width: 90px;
	height: 90px;
	background: #E8EFF3;
	border-radius: 6px 6px 6px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 36px;
	color: #535B71;
	letter-spacing: 1px;
	margin: auto;
	margin-bottom: 60px;
}

.step-card h3 {
	font-weight: bold;
	font-size: 28px;
	color: #2A3439;
	margin-bottom: 15px;
}

.step-card p {
	font-weight: 400;
	font-size: 16px;
	color: #566166;
	line-height: 32px;
}

/* 产品 */

/* 主布局 */
.pro_two_featured-products {
	display: grid;
	grid-template-columns: 302px 1fr;
	gap: 43px;
	padding: 68px 108px;
}

/* 左侧分类 */
.pro_two_product-categories {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.pro_two_category-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 32px 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;

	width: 100%;
	box-sizing: border-box;
	border-radius: 120px;
	border: 1px solid #DDDDDD;
	font-weight: 500;
	font-size: 18px;
	color: #444444;
}

.pro_two_category-item::after {
	content: "";
	width: 25px;
	height: 15px;
	background-image: url('../images/Arrow b@2x.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* 选中状态：蓝色背景 + 白色箭头 */
.pro_two_category-item.pro_two_active {
	background: #0048A9;
	color: #fff;
}

.pro_two_category-item.pro_two_active::after {
	background-image: url('../images/Arrow w@2x.png');
}

/* 右侧产品 */
.pro_two_products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	min-height: 300px;
	position: relative;
}

.pro_two_product-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 463px;
	background: #FFFFFF;
	border-radius: 32px 32px 32px 32px;
	border: 1px solid #F6F7F8;
	transition: all 0.3s ease;
	/* 先加过渡 */
}


/* 悬浮阴影 + 上浮效果 */
.pro_two_product-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	transform: translateY(-4px);
}


.pro_two_product-card img {
	width: 100%;
	height: 329px;
	object-fit: contain;
	margin-bottom: 20px;
}

.pro_two_product-card .pro_two_info {
	border-top: 1px solid rgba(229, 231, 236, 1);
	padding: 20px 18px;
	box-sizing: border-box;
	width: 100%;
}

.pro_two_product-title {
	font-weight: 500;
	font-size: 20px;
	color: #010205;
	text-align: left;
	margin-bottom: 20px;
}

.pro_two_product-footer {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	color: #9B9B9C;
}


/* 暂无内容 样式 */
.pro_two_empty-tip {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 22px;
	color: #888;
	display: none;
}

.prodetails_banner-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
	margin-top: -200px;
	z-index: 99;
	position: relative;
}

.prodetails_banner-left {
	flex: 1;
}

.prodetails_banner-right {
	flex: 1;
}



.prodetails_hero-buttons {
	display: flex;
	gap: 16px;
	margin-bottom: 30px;
}

.prodetails_btn-primary {
	background: #d4af37;
	color: #000;
	border: none;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 12px;
	cursor: pointer;
}

.prodetails_btn-link {
	background: transparent;
	color: #fff;
	border: none;
	padding: 10px 0;
	font-size: 12px;
	cursor: pointer;
	text-decoration: underline;
}

/* 轮播控制按钮（右侧文字下方） */
.prodetails_hero-carousel-controls {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

.prodetails_hero-carousel-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.prodetails_hero-carousel-btn.next {
	background: #0048A9;
	border: none;
}

.prodetails_hero-carousel-indicator {
	font-size: 12px;
	color: #fff;
}

/* ====================== 顶部轮播图（负margin，覆盖banner 1/3） ====================== */
.prodetails_product-hero {
	max-width: 500px;
	padding: 0 5%;
	position: relative;
	z-index: 10;
	margin-top: -80px;
}

.prodetails_hero-img-wrap {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.prodetails_hero-img {
	width: 100%;
	height: 280px;
	object-fit: contain;
	display: block;
}

/* ====================== 标签页模块 ====================== */
.prodetails_product-tabs {
	padding: 120px 5% 40px;
	max-width: 1200px;
	margin: 0 auto;
}

.prodetails_tabs-nav {
	display: flex;
	gap: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.prodetails_tab-item {
	font-size: 12px;
	color: #555;
	padding: 10px 0;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}

.prodetails_tab-item.active {
	color: #0048A9;
	border-bottom-color: #0048A9;
}

.prodetails_tab-content {
	display: none;
	font-size: 11px;
	color: #666;
	line-height: 1.6;
}

.prodetails_tab-content.active {
	display: block;
}

/* ====================== 联系表单模块 ====================== */
.prodetails_contact-section {
	background: #fff;
	border-radius: 12px;
	max-width: 1200px;
	margin: 0 auto 60px;
	padding: 40px;
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 40px;
}

.prodetails_contact-title {
	font-size: 24px;
	font-weight: 600;
	color: #111;
	margin-bottom: 20px;
}

.prodetails_contact-desc {
	font-size: 11px;
	color: #777;
	line-height: 1.6;
}

.prodetails_contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.prodetails_form-group.full {
	grid-column: 1 / -1;
}

.prodetails_contact-form input,
.prodetails_contact-form textarea {
	width: 100%;
	padding: 10px;
	border: none;
	background: #f0f4f7;
	border-radius: 4px;
	font-size: 11px;
}

.prodetails_contact-form textarea {
	min-height: 80px;
	resize: none;
}

.prodetails_submit-btn {
	grid-column: 1 / -1;
	background: #0048A9;
	color: #fff;
	border: none;
	padding: 12px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}

/* ====================== 相关产品轮播 ====================== */
.prodetails_related-products {
	padding: 0 5% 60px;
	max-width: 1200px;
	margin: 0 auto;
}

.prodetails_related-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.prodetails_related-title {
	font-size: 22px;
	font-weight: 600;
	color: #111;
	margin-bottom: 10px;
}

.prodetails_related-controls {
	display: flex;
	gap: 12px;
}

.prodetails_related-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #0048A9;
	background: #fff;
	color: #0048A9;
	cursor: pointer;
}

.prodetails_related-btn.next {
	background: #0048A9;
	color: #fff;
}

.prodetails_related-grid {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	padding-bottom: 10px;
	scrollbar-width: none;
}

.prodetails_related-grid::-webkit-scrollbar {
	display: none;
}

.prodetails_related-card {
	flex: 0 0 220px;
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	text-align: center;
}

.prodetails_related-card img {
	width: 100%;
	height: 140px;
	object-fit: contain;
	margin-bottom: 16px;
}

.prodetails_related-card-title {
	font-size: 11px;
	color: #222;
	margin-bottom: 10px;
	line-height: 1.4;
}

.prodetails_related-card-sub {
	font-size: 9px;
	color: #777;
	margin-bottom: 10px;
}

.prodetails_related-card a {
	font-size: 10px;
	color: #0048A9;
	text-decoration: none;
}