/*reset Css*/
* {
	margin: 0;
	padding: 0;
}

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
	{
	margin: 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none;
}

:is(.is-layout-flow, .is-layout-constrained)>*:where(:not(h1, h2, h3, h4, h5, h6)) {
	margin-block-end: 0 !important;
}

*[class*="rect-"] {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

*[class*="rect-"] ._full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	*height: auto;
	object-fit: cover;
}

.rect-75 {
	padding-bottom: 75%;
}

.rect-100 {
	padding-bottom: 100%;
}

li *[class*="pic"] {
	overflow: hidden;
}

li *[class*="pic"]>img {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

li:hover *[class*="pic"]>img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.trs3 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*==常用字号==*/
.tit-12 {
	font-size: 12px;
}

.tit-13 {
	font-size: 13px;
}

.tit-14 {
	font-size: 14px;
}

.tit-15 {
	font-size: 15px;
}

.tit-16 {
	font-size: 16px;
}

.tit-17 {
	font-size: 17px;
}

.tit-18 {
	font-size: 18px;
}

.tit-19 {
	font-size: 19px;
}

.tit-20 {
	font-size: 20px;
}

.tit-21 {
	font-size: 21px;
}

.tit-22 {
	font-size: 22px;
}

.tit-23 {
	font-size: 23px;
}

.tit-24 {
	font-size: 24px;
}

.tit-25 {
	font-size: 25px;
}

.tit-26 {
	font-size: 26px;
}

.tit-27 {
	font-size: 27px;
}

.tit-28 {
	font-size: 28px;
}

.tit-29 {
	font-size: 29px;
}

.tit-30 {
	font-size: 30px;
}

.tit-31 {
	font-size: 31px;
}

.tit-32 {
	font-size: 32px;
}

.tit-33 {
	font-size: 33px;
}

.tit-34 {
	font-size: 34px;
}

.tit-35 {
	font-size: 35px;
}

.tit-36 {
	font-size: 36px;
}

.tit-37 {
	font-size: 37px;
}

.tit-38 {
	font-size: 38px;
}

.tit-39 {
	font-size: 39px;
}

.tit-40 {
	font-size: 40px;
}

.tit-41 {
	font-size: 41px;
}

.tit-42 {
	font-size: 42px;
}

.tit-43 {
	font-size: 43px;
}

.tit-44 {
	font-size: 44px;
}

.tit-45 {
	font-size: 45px;
}

.tit-46 {
	font-size: 46px;
}

.tit-47 {
	font-size: 47px;
}

.tit-48 {
	font-size: 48px;
}

.tit-49 {
	font-size: 49px;
}

.tit-50 {
	font-size: 50px;
}

.tit-51 {
	font-size: 51px;
}

.tit-52 {
	font-size: 52px;
}

.tit-53 {
	font-size: 53px;
}

.tit-54 {
	font-size: 54px;
}

.tit-55 {
	font-size: 55px;
}

.tit-56 {
	font-size: 56px;
}

.tit-57 {
	font-size: 57px;
}

.tit-58 {
	font-size: 58px;
}

.tit-59 {
	font-size: 59px;
}

.tit-60 {
	font-size: 60px;
}

.tit-61 {
	font-size: 61px;
}

.tit-62 {
	font-size: 62px;
}

.tit-63 {
	font-size: 63px;
}

.tit-64 {
	font-size: 64px;
}

.tit-65 {
	font-size: 65px;
}

.tit-66 {
	font-size: 66px;
}

.tit-67 {
	font-size: 67px;
}

.tit-68 {
	font-size: 68px;
}

.tit-69 {
	font-size: 69px;
}

.tit-70 {
	font-size: 70px;
}

.tit-71 {
	font-size: 71px;
}

.tit-72 {
	font-size: 72px;
}

.tit-73 {
	font-size: 73px;
}

.tit-74 {
	font-size: 74px;
}

.tit-75 {
	font-size: 75px;
}

.tit-76 {
	font-size: 76px;
}

.tit-77 {
	font-size: 77px;
}

.tit-78 {
	font-size: 78px;
}

.tit-79 {
	font-size: 79px;
}

.tit-80 {
	font-size: 80px;
}

@media (max-width: 768px) {
	.tit-16 {
		font-size: 12px;
	}

	.tit-18 {
		font-size: 14px;
	}

	.tit-20 {
		font-size: 16px;
	}

	.tit-33 {
		font-size: 20px;
	}

	.tit-34 {
		font-size: 21px;
	}

	.tit-35 {
		font-size: 22px;
	}

	.tit-36 {
		font-size: 23px;
	}

	.tit-37 {
		font-size: 24px;
	}

	.tit-38 {
		font-size: 25px;
	}

	.tit-39 {
		font-size: 26px;
	}

	.tit-40 {
		font-size: 24px;
	}

	.tit-41 {
		font-size: 25px;
	}

	.tit-42 {
		font-size: 26px;
	}

	.tit-43 {
		font-size: 27px;
	}

	.tit-44 {
		font-size: 28px;
	}

	.tit-45 {
		font-size: 29px;
	}

	.tit-46 {
		font-size: 30px;
	}

	.tit-47 {
		font-size: 31px;
	}

	.tit-48 {
		font-size: 32px;
	}

	.tit-49 {
		font-size: 33px;
	}

	.tit-50 {
		font-size: 28px;
	}

	.tit-51 {
		font-size: 29px;
	}

	.tit-52 {
		font-size: 30px;
	}

	.tit-53 {
		font-size: 31px;
	}

	.tit-54 {
		font-size: 32px;
	}

	.tit-55 {
		font-size: 33px;
	}

	.tit-56 {
		font-size: 34px;
	}

	.tit-57 {
		font-size: 35px;
	}

	.tit-58 {
		font-size: 36px;
	}

	.tit-59 {
		font-size: 37px;
	}

	.tit-60 {
		font-size: 36px;
	}

	.tit-61 {
		font-size: 37px;
	}

	.tit-62 {
		font-size: 38px;
	}

	.tit-63 {
		font-size: 39px;
	}

	.tit-64 {
		font-size: 40px;
	}

	.tit-65 {
		font-size: 41px;
	}

	.tit-66 {
		font-size: 42px;
	}

	.tit-67 {
		font-size: 43px;
	}

	.tit-68 {
		font-size: 44px;
	}

	.tit-69 {
		font-size: 45px;
	}

	.tit-70 {
		font-size: 46px;
	}

	.tit-70 {
		font-size: 42px;
	}

	.tit-71 {
		font-size: 43px;
	}

	.tit-72 {
		font-size: 44px;
	}

	.tit-73 {
		font-size: 45px;
	}

	.tit-74 {
		font-size: 46px;
	}

	.tit-75 {
		font-size: 47px;
	}

	.tit-76 {
		font-size: 48px;
	}

	.tit-77 {
		font-size: 49px;
	}

	.tit-78 {
		font-size: 50px;
	}

	.tit-79 {
		font-size: 51px;
	}

	.tit-80 {
		font-size: 52px;
	}
}


/*==常用字号==*/
body {
	--f14: 14px;
	--f16: 16px;
	--f18: 18px;
	--f20: 20px;
	--f22: 22px;
	--f24: 24px;
	--f26: 26px;
	--f28: 28px;
	--f30: 30px;
	--f32: 32px;
	--f34: 34px;
	--f36: 36px;
	--f38: 38px;
	--f40: 40px;
	--f42: 42px;
	--f44: 44px;
	--f46: 46px;
	--f48: 48px;
	--f50: 50px;
	--f52: 52px;
	--f54: 54px;
	--f56: 56px;
	--f58: 58px;
	--f60: 60px;
	--f62: 62px;
	--f64: 64px;
	--f66: 66px;
	--f68: 68px;
	--f70: 70px;
	--f72: 72px;
	--f80: 80px;
	--f100: 100px;
}

@media screen and (max-width: 1520px) {
	body {
		--f14: 12px;
		--f16: 14px;
		--f18: 16px;
		--f20: 18px;
		--f22: 20px;
	}
}

@media screen and (max-width: 1200px) {
	body {
		--f22: 16px;
		--f24: 18px;
		--f26: 20px;
		--f28: 22px;
		--f30: 36px;
		--f32: 36px;
		--f34: 38px;
		--f36: 40px;
		--f38: 40px;
		--f40: 40px;
		--f42: 40px;
		--f44: 40px;
		--f46: 40px;
		--f48: 40px;
		--f50: 42px;
		--f52: 46px;
		--f54: 48px;
		--f56: 52px;
		--f58: 52px;
		--f60: 54px;
		--f80: 72px;
		--interval: 5vw;
		--nav_height: 58px;
	}
}

@media screen and (max-width: 767px) {
	body {
		--f14: 24px;
		--f16: 26px;
		--f18: 28px;
		--f20: 28px;
		--f22: 30px;
		--f24: 32px;
		--f26: 34px;
		--f28: 36px;
		--f30: 40px;
		--f32: 40px;
		--f34: 40px;
		--f36: 40px;
		--f38: 40px;
		--f40: 42px;
		--f42: 42px;
		--f44: 42px;
		--f46: 42px;
		--f48: 42px;
		--f50: 42px;
		--f52: 42px;
		--f54: 44px;
		--f56: 46px;
		--f58: 46px;
		--f60: 48px;
		--f80: 64px;
	}
}

.f14 {
	font-size: var(--f14);
}

.f16 {
	font-size: var(--f16);
}

.f18 {
	font-size: var(--f18);
}

.f20 {
	font-size: var(--f20);
}

.f22 {
	font-size: var(--f22);
}

.f24 {
	font-size: var(--f24);
}

.f26 {
	font-size: var(--f26);
}

.f28 {
	font-size: var(--f28);
}

.f30 {
	font-size: var(--f30);
}

.f32 {
	font-size: var(--f32);
}

.f34 {
	font-size: var(--f34);
}

.f36 {
	font-size: var(--f36);
}

.f38 {
	font-size: var(--f38);
}

.f40 {
	font-size: var(--f40);
}

.f42 {
	font-size: var(--f42);
}

.f44 {
	font-size: var(--f44);
}

.f46 {
	font-size: var(--f46);
}

.f48 {
	font-size: var(--f48);
}

.f50 {
	font-size: var(--f50);
}

.f52 {
	font-size: var(--f52);
}

.f54 {
	font-size: var(--f54);
}

.f56 {
	font-size: var(--f56);
}

.f58 {
	font-size: var(--f58);
}

.f60 {
	font-size: var(--f60);
}

.f62 {
	font-size: var(--f62);
}

.f64 {
	font-size: var(--f64);
}

.f66 {
	font-size: var(--f66);
}

.f68 {
	font-size: var(--f68);
}

.f70 {
	font-size: var(--f70);
}

.f72 {
	font-size: var(--f72);
}

.f80 {
	font-size: var(--f80);
}

.f100 {
	font-size: var(--f100);
}

/* flex布局 */
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*默认 主轴为水平方向，起点在左端*/
.f-dr {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

/*主轴为水平方向，起点在右端*/
.f-dr-r {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*主轴为垂直方向，起点在上沿*/
.f-dc {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*主轴为垂直方向，起点在下沿*/
.f-dc-r {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/* 交叉轴的起点对齐 */
.f-as {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/* 交叉轴的中点对齐 */
.f-ac {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* 交叉轴的终点对齐 */
.f-ae {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/* 项目的第一行文字的基线对齐 */
.f-ab {
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

/* 交叉轴拉伸对齐 */
.f-ast {
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* 左对齐 */
.f-js {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

/* 居中 */
.f-jc {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* 右对齐 */
.f-je {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {
	-webkit-box-pack: distribute;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/* 换行，第一行在上方 */
.f-warp {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 换行，在第一行的下方 */
.f-warp-r {
	-webkit-flex-wrap: wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	-o-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

/* ====================首页样式========================= */
/* ==========================================
   1. Banner 基础与容器
========================================== */
.chac-banner-slider {
	position: relative;
	min-width: 100%;
	overflow: hidden;
	margin-block-end: 0;
}

.chac-slides-container {
	position: relative;
	min-height: clamp(820px, 42vw, 1200px);
}

/* 幻灯片基础状态 */
.chac-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background-size: cover;
	background-position: center center; 
	background-repeat: no-repeat;
	transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
	z-index: 0;
}

.chac-slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

/* ==========================================
   2. 内容区域与进场动画 (高级感核心)
========================================== */
.chac-slide-content {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	/* 🚀 核心大屏适配：让内容始终在 1200px 的安全区内，防止 4K 屏幕下文字贴边 */
	padding-left: max(20px, calc((100% - 1500px) / 2));
	padding-right: max(20px, calc((100% - 1500px) / 2));
}

/* 文本和按钮的初始状态：透明 + 往下偏移 */
.chac-slide-heading h1,
.chac-slide-heading h2,
.chac-slide-heading span,
.chac-slide-content .chac-home-ab-wz-about-btn {
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); /* 丝滑的贝塞尔曲线 */
}

.chac-slide-heading h1,
.chac-slide-heading h2,
.chac-slide-heading span {
	transition-delay: 0.3s;
	display: block;
}

/* 当幻灯片激活时，触发文字上浮显示 */
.chac-slide.active .chac-slide-heading h1,
.chac-slide.active .chac-slide-heading h2,
.chac-slide.active .chac-slide-heading span,
.chac-slide.active .chac-home-ab-wz-about-btn {
	opacity: 1;
	transform: translateY(0);
}

/* ==========================================
   3. 排版定位与排版样式
========================================== */
.chac-slide-center-top {
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	padding-top: 0;
}

.chac-slide-left {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	box-sizing: border-box;
	padding-top: 23vh;
}

.chac-slide-left .chac-slide-center-top {
	display: flex;
	text-align: left;
}

.chac-slide-left .chac-slide-content-inner {
	max-width: 100%;
	width: 100%;
	margin: 0;
}

.chac-slide-right .chac-slide-content-inner {
	margin-left: auto;
	margin-right: 0;
}

.chac-slide-heading {
	margin: 0 0 30px 0;
}

/* 🚀 修复字体 Bug：使用更平滑的 clamp，自动适配所有屏幕，省去大量媒体查询 */
.chac-slide-heading h1,
.chac-slide-heading h2 {
	font-size: clamp(20px, 5vw,56px); 
	line-height: 1.2;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin-bottom: 16px;
}

.chac-slide-heading span {
	color: #333333;
	font-size: clamp(14px, 2vw, 22px);
	line-height: 1.6;
	font-weight: 400;
}

/* ==========================================
   4. 底部控制区 (分页器与箭头)
========================================== */
.chac-slider-footer {
	position: absolute;
	bottom: 4vw;
	left: 0;
	right: 0;
	z-index: 3;
	pointer-events: none;
	display: none !important;
}

.chac-banner-slider.has-multiple .chac-slider-footer {
	display: flex !important;
}

.chac-slider-footer-content {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	pointer-events: auto;
	box-sizing: border-box;
	/* 🚀 核心大屏适配：让底部分页器也对齐 1200px 安全区 */
	padding-left: max(20px, calc((100% - 1500px) / 2));
	padding-right: max(20px, calc((100% - 1500px) / 2));
}

.chac-slider-pagination {
	display: flex;
	align-items: center;
	gap: 30px;
}

.chac-slider-progress {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.6875em;
}

.chac-slider-progress .current {
	font-weight: 600;
}

.chac-slider-dots {
	display: flex;
	gap: 15px;
}

.chac-slider-dot {
	width: 48px;
	height: 4px;
	background: transparent;
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: border-color 0.3s, border-width 0.2s;
}

.chac-slider-dot.active {
	border-bottom: 4px solid var(--theme-palette-color-1);
}

.chac-slider-nav {
	display: flex;
	gap: 12px;
}

.chac-slider-nav button {
	width: 48px;
	height: 48px;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	pointer-events: auto;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.chac-slider-nav button:hover {
	background-color: var(--theme-palette-color-1);
}

.chac-slider-nav button svg {
	width: 24px;
	height: 24px;
	stroke: #333;
	stroke-width: 2;
	fill: none;
}

.chac-slider-nav button:hover svg {
	stroke: #fff;
}

/* ==========================================
   5. 响应式统一优化 (已深度清理)
========================================== */

/* 平板端调整内容区宽度限制 */
@media (max-width: 1200px) {
	.chac-slide-content-inner {
		max-width: 60%;
	}
	.chac-slide-left .chac-slide-content-inner {
		max-width: 500px;
	}
}

@media (max-width: 1020px) {
	.chac-slide-content-inner {
		max-width: 70%;
	}
	.chac-slide-left .chac-slide-content-inner {
		max-width: 450px;
	}
}

/* —————————— 手机端（≤767px）：居中优化 —————————— */
@media (max-width: 767px) {
	.chac-slides-container {
		min-height: 500px !important;
		max-height: 500px !important;
		height: 500px !important;
	}

	.chac-slide-center-top,
	.chac-slide-left,
	.chac-slide-right {
		justify-content: center;
		align-items: center;
		text-align: center; /* 手机端强制居中 */
		padding-top: 0;
	}

	.chac-slide-content-inner,
	.chac-slide-center-top .chac-slide-content-inner,
	.chac-slide-left .chac-slide-content-inner {
		max-width: 100% !important;
		margin: 0 auto !important;
	}

	.chac-slide-heading {
		margin-bottom: 20px;
	}

	/* 手机端按钮强制居中 */
	.chac-home-ab-wz-about-btn {
		margin: 0 auto;
	}

	.chac-slider-footer {
		bottom: 20px;
	}

	.chac-slider-footer-content {
		justify-content: center; /* 手机端分页器居中 */
		flex-wrap: wrap;
	}

	.chac-slider-nav button {
		width: 40px;
		height: 40px;
	}

	.chac-slider-dot {
		width: 32px;
	}
}

/* 小屏手机进一步压缩高度 */
@media (max-width: 479px) {
	.chac-slides-container {
		min-height: 420px !important;
		max-height: 420px !important;
		height: 420px !important;
	}
	
	.chac-banner-slider .chac-home-ab-wz-about-btn{
		padding:7px 12px;
		font-size:16px;
	}
}

/* banner e*/

/* 首页产品 s*/
.chac-home-wz-intro-section {
	/* 	background: transparent url('/wp-content/uploads/2026/06/ind_pro.webp') no-repeat center/cover; */
	padding: 0 0 70px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.chac-home-wz-intro-title {
	font-size: 28px;
	font-weight: 600;
	color: var(--theme-palette-color-1);
	/* 原图深蓝色文字 */
	line-height: 1.5;
	margin-bottom: 35px;
}

.chac-home-wz-intro-actions {
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* 实心蓝按钮 */
.chac-home-wz-btn-solid {
	background-color: var(--theme-palette-color-1);
	color: #ffffff;
	padding: 14px 45px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 1px solid var(--theme-palette-color-1);
}

.chac-home-wz-btn-solid:hover {
	color: #ffffff;
	background-color: #13284f;
	border-color: #13284f;
}

/* 空心蓝边框按钮 */
.chac-home-wz-btn-outline {
	background-color: transparent;
	color: var(--theme-palette-color-1);
	padding: 14px 45px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 1px solid var(--theme-palette-color-1);
}

.chac-home-wz-btn-outline:hover {
	background-color: var(--theme-palette-color-1);
	color: #ffffff;
}

/* ==========================================
	   三大产品分类卡片区域 (Overlapping 设计)
	========================================== */
.chac-home-wz-product-cards-section {
	/* 核心：负边距使其向上覆盖在蓝色Banner上 */
	position: relative;
	z-index: 10;
	padding-bottom: 60px;
}

.chac-home-wz-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* 卡片容器 */
.chac-home-wz-card {
	background-color: #ffffff;
	border-radius: 16px;
	height: 360px;
	/* 固定高度以保持统一 */
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
	/* 原图淡淡的弥散阴影 */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 
/* .chac-home-wz-card:nth-child(1) {
	background: #ffffff url('/wp-content/uploads/2026/06/ind_pro_bg1.webp') no-repeat center/cover;
}

.chac-home-wz-card:nth-child(2) {
	background: #ffffff url('/wp-content/uploads/2026/06/ind_pro_bg2.webp') no-repeat center/cover;
}

.chac-home-wz-card:nth-child(3) {
	background: #ffffff url('/wp-content/uploads/2026/06/ind_pro_bg3.webp') no-repeat center/cover;
} */

.chac-home-wz-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(20, 86, 166, 0.15);
}

/* 卡片上半部分背景图 */
.chac-home-wz-card-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 220px;
	/* 占据上半部分 */
	z-index: 1;
}

.chac-home-wz-card-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 白色渐变遮罩 (从透明到纯白，完美过渡) */
.chac-home-wz-card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 1) 60%);
	z-index: 2;
}

/* 左下角文本内容区 */
.chac-home-wz-card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60%;
	/* 限制宽度，给右侧产品图留出空间 */
	padding: 30px 25px;
	z-index: 4;
}

.chac-home-wz-card-icon {
	color: var(--theme-palette-color-1);
	/* 亮蓝色图标 */
	margin-bottom: 12px;
}

.chac-home-wz-card-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	/* 亮蓝色标题 */
	margin-bottom: 8px;
	line-height: 1.2;
}

.chac-home-wz-card-desc {
	font-size: 12px;
	color: #666666;
	line-height: 1.4;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.chac-home-wz-card-link {
	font-size: 16px;
	color: #999999;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	transition: color 0.3s;
}

.chac-home-wz-card-link:hover {
	color: var(--theme-palette-color-1);
}

/* 右下角悬浮产品图 (精确定位) */
.chac-home-wz-card-product {
	position: absolute;
	right: 15px;
	bottom: 25px;
	width: 45%;
	/* 占据右侧约一半空间 */
	z-index: 5;
	/* 给产品图加一点投影，增加立体感 */
	filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
}

.chac-home-wz-card-product img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* 响应式处理 */
@media (max-width: 1200px) {
	.chac-home-wz-intro-title {
		font-size: 24px;
	}

	.chac-home-wz-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.chac-home-wz-intro-actions {
		flex-direction: column;
		padding: 0 20px;
	}

	.chac-home-wz-cards-grid {
		grid-template-columns: 1fr;
	}

	.chac-home-wz-product-cards-section {
		margin-top: -60px;
	}

	.chac-home-wz-card-product {
		width: 40%;
	}
}

/* 首页产品 e*/

/* 首页关于 s*/
/* ==========================================
	   About CHAC 板块 (严格 1:1 还原)
	========================================== */
.chac-home-ab-wz-about-section {
	padding: 100px 0;
	background-color: #f7fbff;
	/* 原图极浅的灰蓝色背景 */
}

.chac-home-ab-wz-about-top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

/* 左侧标题区域 */
.chac-home-ab-wz-about-subtitle {
	color: var(--theme-palette-color-1);
	/* 原图亮蓝色 */
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.chac-home-ab-wz-about-title {
	font-size: 36px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1.2;
	margin-bottom: 40px;
}

/* 列表区域 */
.chac-home-ab-wz-about-list {
	border-top: 1px solid #e0e0e0;
	margin-bottom: 40px;
}

.chac-home-ab-wz-about-item {
	display: flex;
	gap: 25px;
	padding: 25px 0;
	border-bottom: 1px solid #e0e0e0;
}

.chac-home-ab-wz-about-icon {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	color: var(--theme-palette-color-1);
	/* 图标深蓝色 */
}

.chac-home-ab-wz-about-icon svg {
	width: 100%;
	height: 100%;
}

.chac-home-ab-wz-about-text h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 8px;
}

.chac-home-ab-wz-about-text p {
	font-size: 16px;
	color: #777777;
	line-height: 1.6;
}

/* 特殊胶囊按钮 (Learn More >) */
.chac-home-ab-wz-about-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s;
	cursor: pointer;
	padding: 14px 25px;
	font-size: 16px;
	line-height: 1.4286em;
	border-radius: 10px;
	color: #333333;
	border: solid 1px var(--theme-palette-color-1);
	background: linear-gradient(90deg, #fff0 50%, var(--theme-palette-color-1) 50%);
	background-size: calc(200% + 4px) 100%;
	background-position: -1.7857em 0;
}

.chac-home-ab-wz-about-btn:hover {
	background-position: calc(100% + 1px) 0;
	color: #ffffff;
	border-color: var(--theme-palette-color-1);
}

.chac-home-ab-wz-btn-text {
	display: flex;
	align-items: center;
}

.chac-home-ab-wz-btn-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 10px;
	transition: all 0.3s ease;
}

/* 右侧图片 */
.chac-home-ab-wz-about-right img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	/* 原图边缘比较直，略微给一点圆角 */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	/* 增加一点质感 */
}

/* 下半部分：数据统计 */
.chac-home-ab-wz-about-bottom {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 80px;
	text-align: center;
}

.chac-home-ab-wz-stat-num {
	font-size: 99px;
	font-weight: 1000;
	color: var(--theme-palette-color-1);
	/* 原图深蓝色数字 */
	line-height: 1;
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.chac-home-ab-wz-stat-num sup {
	font-size: 32px;
	/* 加号上标大小 */
	font-weight: 700;
	margin-top: 5px;
	margin-left: 2px;
}

.chac-home-ab-wz-stat-desc {
	font-size: 16px;
	color: #666666;
	font-weight: 400;
}

/* 轮播容器基础样式 */
.chac-slide-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* 轮播图片默认隐藏 */
.chac-slide-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	/* 平滑切换动画 */
}

/* 激活的图片显示 */
.chac-slide-item.active {
	opacity: 1;
	visibility: visible;
}

/* 左侧选中项高亮样式（可自行修改颜色） */
.chac-home-ab-wz-about-item.active {
	border-left: 4px solid #0066cc;
	/* 左侧高亮边框 */
	padding-left: 15px !important;
	background: rgba(0, 102, 204, 0.05);
	/* 浅背景 */
}

.chac-home-ab-wz-about-item {
	cursor: pointer;
	/* 鼠标悬浮变成手型 */
	transition: all 0.3s ease;
}

/* 响应式适配 */
@media (max-width: 1200px) {
	.chac-home-ab-wz-about-top {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.chac-home-ab-wz-about-bottom {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px 20px;
	}
}

@media (max-width: 768px) {
	.chac-home-ab-wz-about-title {
		font-size: 36px;
	}

	.chac-home-ab-wz-stat-num {
		font-size: 48px;
	}

	.chac-home-ab-wz-about-bottom {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.chac-home-ab-wz-about-bottom {
		grid-template-columns: 1fr;
	}
}

/* 轮播容器基础样式 */
.chac-slide-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* 轮播图片默认隐藏 */
.chac-slide-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	/* 平滑切换动画 */
}

/* 激活的图片显示 */
.chac-slide-item.active {
	opacity: 1;
	visibility: visible;
}

/* 左侧选中项高亮样式（可自行修改颜色） */
.chac-home-ab-wz-about-item.active {
	border-left: 4px solid #0066cc;
	/* 左侧高亮边框 */
	padding-left: 15px !important;
	background: rgba(0, 102, 204, 0.05);
	/* 浅背景 */
}

.chac-home-ab-wz-about-item {
	cursor: pointer;
	/* 鼠标悬浮变成手型 */
	transition: all 0.3s ease;
}

/* 首页关于 e*/

/* 3大生产线 s*/
/* Image ratio helpers */
.rect-55,
.rect-66,
.rect-140 {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.rect-55 {
	padding-bottom: 55%;
}

.rect-66 {
	padding-bottom: 66%;
}

.rect-140 {
	padding-bottom: 140%;
}

.rect-55 ._full,
.rect-66 ._full,
.rect-140 ._full {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.chac-home-zs-dz-section {
	position: relative;
	width: 100%;
	padding: clamp(34px, 2.4vw, 48px) 0 clamp(46px, 3.5vw, 70px);
	background: #ffffff;
	overflow: hidden;
}

.chac-home-zs-dz-container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 clamp(16px, 2vw, 28px);
	box-sizing: border-box;
}

/* Header and tabs */
.chac-home-zs-dz-head {
	display: grid !important;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	align-items: start !important;
	column-gap: clamp(36px, 5vw, 90px);
	margin-bottom: clamp(20px, 2vw, 32px);
}

.chac-home-zs-dz-head-title {
	font-size: clamp(22px, 1.5vw, 26px) !important;
	line-height: 1.08 !important;
	color: #101010;
	font-weight: 800;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.chac-home-zs-dz-tab-wrap {
	position: relative;
	justify-self: end;
	display: grid !important;
	grid-template-columns: minmax(170px, 210px) minmax(170px, 210px) 58px;
	align-items: center;
	width: clamp(440px, 33vw, 520px) !important;
	height: 60px !important;
	padding: 0 0 0 16px;
	background: #ffffff;
	border-radius: 999px;
	border: 1px solid rgba(0, 86, 179, .06);
	box-shadow: 0 8px 28px rgba(0, 67, 140, .10);
	overflow: hidden;
}

.chac-home-zs-dz-tab-wrap::before {
	content: "";
	position: absolute;
	display: none;
}

.chac-home-zs-dz-tab-btn {
	display: grid !important;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 10px;
	width: 100% !important;
	height: 60px !important;
	padding: 0 12px;
	border: 0;
	background: #f8f8f8;
	cursor: pointer;
	font-family: inherit;
	transition: opacity .35s ease, transform .35s ease;
}

.chac-home-zs-dz-tab-btn + .chac-home-zs-dz-tab-btn {
	border-left: 1px solid #edf2f8;
}

.chac-home-zs-dz-tab-btn.active {
	background-color: #ffffff;
}

.chac-home-zs-dz-tab-btn:hover {
	opacity: 1;
	transform: translateY(-1px);
}

.chac-home-zs-dz-tab-num {
	font-size: clamp(26px, 1.8vw, 30px) !important;
	line-height: 1 !important;
	color: var(--theme-palette-color-1);
	font-weight: 800;
}

.chac-home-zs-dz-tab-text {
	font-size: 13px !important;
	line-height: 1.05 !important;
	color: #111111;
	font-weight: 800;
}

.chac-home-zs-dz-tab-arrow {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 50px !important;
	height: 50px !important;
	border: 0;
	border-radius: 50%;
	background: var(--theme-palette-color-1);
	color: #ffffff;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(0, 91, 170, .28);
	transition: all .35s ease;
}

.chac-home-zs-dz-tab-arrow:hover {
	background: #004a8c;
	transform: translateX(4px);
}

/* Tab animation */
.chac-home-zs-dz-content {
	position: relative;
	display: grid;
}

.chac-home-zs-dz-pane {
	grid-area: 1 / 1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(22px);
	transition:
		opacity .58s cubic-bezier(.22, .61, .36, 1),
		transform .58s cubic-bezier(.22, .61, .36, 1),
		visibility .58s;
}

.chac-home-zs-dz-pane.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	z-index: 2;
}

.chac-home-zs-dz-pane .chac-home-zs-dz-hero,
.chac-home-zs-dz-pane .chac-home-zs-dz-bottom-card {
	opacity: 0;
	transform: translateY(26px);
	transition:
		opacity .62s cubic-bezier(.22, .61, .36, 1),
		transform .62s cubic-bezier(.22, .61, .36, 1);
}

.chac-home-zs-dz-pane.active .chac-home-zs-dz-hero {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .08s;
}

.chac-home-zs-dz-pane.active .chac-home-zs-dz-bottom-card {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .18s;
}

/* Shared text and button */
.chac-home-zs-dz-blue-title {
	color: var(--theme-palette-color-1);
	font-weight: 800;
	line-height: 1.12;
}

.chac-home-zs-dz-desc {
	color: #6d6d6d;
	font-weight: 400;
	line-height: 1.35;
}

.chac-home-zs-dz-more {
	display: inline-grid !important;
	grid-template-columns: auto 28px;
	align-items: center;
	width: max-content;
	height: 40px;
	margin-top: 24px;
	border: 1px solid #222222;
	border-radius: 7px;
	color: #111111;
	background: #ffffff;
	text-decoration: none;
	overflow: hidden;
	transition: all .35s ease;
}

.chac-home-zs-dz-more span {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 20px;
	font-size: 13px !important;
	font-weight: 700;
	color: #111111;
}

.chac-home-zs-dz-more i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 40px;
	background: #222222;
	color: #ffffff;
	font-style: normal;
	transition: background .35s ease;
}

.chac-home-zs-dz-more:hover {
	border-color: var(--theme-palette-color-1);
	box-shadow: 0 8px 20px rgba(0, 91, 170, .12);
}

.chac-home-zs-dz-more:hover i {
	background: var(--theme-palette-color-1);
}

/* 01 International Certifications */
.chac-home-zs-dz-cert-hero {
	display: grid !important;
	grid-template-columns: 52% 48%;
	align-items: stretch !important;
	height: clamp(430px, 30vw, 620px);
	min-height: auto;
	margin-top: 0;
}

.chac-home-zs-dz-cert-img-side {
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
}

.chac-home-zs-dz-cert-clip {
	width: 100%;
	height: 100%;
	clip-path: polygon(0 0, 82% 0, 100% 100%, 0 100%);
}

.chac-home-zs-dz-cert-clip.rect-55 {
	height: 100%;
	padding-bottom: 0;
}

.chac-home-zs-dz-cert-clip img,
.chac-home-zs-dz-cert-clip ._full {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.chac-home-zs-dz-cert-info {
	position: relative;
	width: 100% !important;
	padding: clamp(28px, 2.3vw, 42px) 0 0 clamp(22px, 2vw, 34px);
	box-sizing: border-box;
}

.chac-home-zs-dz-cert-info::after {
	content: "";
	position: absolute;
	right: 70px;
	bottom: 30px;
	width: 380px;
	height: 240px;
	background: radial-gradient(circle, rgba(0, 91, 170, .15) 1px, transparent 1px);
	background-size: 9px 9px;
	opacity: .55;
	border-radius: 50%;
	z-index: -1;
}

.chac-home-zs-dz-cert-info .chac-home-zs-dz-blue-title {
	font-size: clamp(34px, 2.8vw, 46px) !important;
	margin-bottom: 18px;
}

.chac-home-zs-dz-cert-info .chac-home-zs-dz-desc {
	margin: 20px 0;
	max-width: 560px;
}

.chac-home-zs-dz-feature-list {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(10px, 1vw, 18px);
	width: 100%;
	margin-top: 23px;
}

.chac-home-zs-dz-feature-item {
	width: auto !important;
	text-align: center;
	color: var(--theme-palette-color-1);
}

.chac-home-zs-dz-feature-icon {
	width: 44px;
	height: 44px;
	margin: 0 auto 14px;
}

.chac-home-zs-dz-feature-icon svg {
	width: 100%;
	height: 100%;
}

.chac-home-zs-dz-feature-item p {
	color: #222222;
	font-size: 14px !important;
	line-height: 1.3;
	height: 5.2em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* 02 OEM / ODM */
.chac-home-zs-dz-oem-hero {
	display: grid !important;
	grid-template-columns: 47% 53%;
	align-items: stretch !important;
	height: clamp(430px, 30vw, 620px);
	min-height: auto;
}

.chac-home-zs-dz-oem-info {
	width: 100% !important;
	padding: clamp(34px, 3vw, 52px) clamp(24px, 2.5vw, 42px) 0 0;
	box-sizing: border-box;
}

.chac-home-zs-dz-oem-info .chac-home-zs-dz-blue-title {
	font-size: clamp(34px, 2.8vw, 46px) !important;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.chac-home-zs-dz-oem-info .chac-home-zs-dz-desc {
	color: #9a9a9a;
	max-width: 560px;
}

.chac-home-zs-dz-oem-img-side {
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
}

.chac-home-zs-dz-oem-clip {
	width: 100%;
	height: 100%;
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

.chac-home-zs-dz-oem-clip.rect-55 {
	height: 100%;
	padding-bottom: 0;
}

.chac-home-zs-dz-oem-clip img,
.chac-home-zs-dz-oem-clip ._full {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.chac-home-zs-dz-oem-icons {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(104px, 1fr));
	gap: clamp(12px, 1.2vw, 24px);
	margin: 34px 0;
	max-width: 650px;
}

.chac-home-zs-dz-oem-icon-card {
	width: 100%;
	min-height: 112px;
	padding: 17px 8px 14px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #d9e8f9;
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(0, 91, 170, .11);
	color: var(--theme-palette-color-1);
	transition: all .35s ease;
	box-sizing: border-box;
}

.chac-home-zs-dz-oem-icon-card:hover {
	transform: translateY(-6px);
	border-color: var(--theme-palette-color-1);
	box-shadow: 0 12px 28px rgba(0, 91, 170, .18);
}

.chac-home-zs-dz-oem-icon-card svg {
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
}

.chac-home-zs-dz-oem-icon-card p {
	color: #111111;
	font-size: 12px !important;
	line-height: 1.3;
	font-weight: 500;
	height: 3.9em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Bottom white card */
.chac-home-zs-dz-bottom-card {
	position: relative;
	z-index: 10;
	width: calc(100% - clamp(64px, 8vw, 160px));
	margin: clamp(-86px, -4.5vw, -52px) auto 0;
	padding: clamp(42px, 3.5vw, 58px) clamp(40px, 4vw, 64px) clamp(36px, 3vw, 48px);
	background: #ffffff;
	border-radius: 22px;
	box-shadow: 0 12px 34px rgba(0, 83, 160, .08);
	box-sizing: border-box;
}

.chac-home-zs-dz-bottom-inner {
	display: grid !important;
	grid-template-columns: 30% 70%;
	align-items: start !important;
}

.chac-home-zs-dz-bottom-left {
	width: 100% !important;
	padding-right: clamp(34px, 3.5vw, 55px);
	border-right: 1px solid #9d9d9d;
	box-sizing: border-box;
}

.chac-home-zs-dz-bottom-left .chac-home-zs-dz-blue-title {
	font-size: clamp(30px, 2.3vw, 36px) !important;
	margin-bottom: 18px;
}

.chac-home-zs-dz-title-line {
	width: min(240px, 80%);
	height: 5px;
	background: var(--theme-palette-color-1);
	margin: 0 0 46px;
}

.chac-home-zs-dz-bottom-left p {
	color: #555555;
	font-size: clamp(16px, 1.15vw, 18px) !important;
	line-height: 1.32;
}

.chac-home-zs-dz-cert-list {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(20px, 2.2vw, 36px);
	width: 100% !important;
	padding-left: clamp(34px, 3.5vw, 55px);
	box-sizing: border-box;
}

.chac-home-zs-dz-cert-item {
	width: 100% !important;
	text-align: center;
}

.chac-home-zs-dz-cert-pic {
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	overflow: hidden;
	background: #f5f7fa;
}

.chac-home-zs-dz-cert-pic img {
	object-fit: cover;
	transition: transform .45s ease;
}

.chac-home-zs-dz-cert-mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 34px;
	color: #ffffff;
	background: rgba(0, 0, 0, .62);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px !important;
	transition: background .35s ease;
}

.chac-home-zs-dz-cert-pic:hover img {
	transform: scale(1.06);
}

.chac-home-zs-dz-cert-pic:hover .chac-home-zs-dz-cert-mask {
	background: rgba(0, 91, 170, .78);
}

.chac-home-zs-dz-cert-item h4 {
	color: #111111;
	font-size: 18px !important;
	font-weight: 800;
	line-height: 1.1;
}

.chac-home-zs-dz-cert-item p {
	color: #444444;
	font-size: 14px !important;
	line-height: 1.2;
}

.chac-home-zs-dz-oem-card {
	padding: clamp(42px, 3.5vw, 58px) clamp(40px, 4vw, 64px) clamp(36px, 3vw, 48px);
}

.chac-home-zs-dz-oem-product-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(34px, 4vw, 60px);
	width: 100%;
}

.chac-home-zs-dz-oem-product-item {
	width: 100% !important;
	text-align: center;
}

.chac-home-zs-dz-oem-product-pic {
	height: clamp(180px, 13vw, 240px);
	margin-bottom: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chac-home-zs-dz-oem-product-pic img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform .45s ease;
}

.chac-home-zs-dz-oem-product-item:hover img {
	transform: translateY(-6px) scale(1.04);
}

.chac-home-zs-dz-oem-product-item h4 {
	color: var(--theme-palette-color-1);
	font-size: clamp(20px, 1.6vw, 24px) !important;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 7px;
}

.chac-home-zs-dz-oem-product-item p {
	color: #777777;
	font-size: clamp(15px, 1.15vw, 18px) !important;
	line-height: 1.2;
}

/* Large desktop, including 2K and 4K */
@media (min-width: 1800px) {
	.chac-home-zs-dz-container {
		max-width: 1640px;
	}

	.chac-home-zs-dz-cert-hero,
	.chac-home-zs-dz-oem-hero {
		height: clamp(560px, 28vw, 760px);
	}

	.chac-home-zs-dz-bottom-card {
		margin-top: clamp(-110px, -4.2vw, -80px);
	}
}

@media (max-width: 1550px) {
	.chac-home-zs-dz-head {
		grid-template-columns: 280px auto;
		column-gap: 50px;
	}

	.chac-home-zs-dz-bottom-card {
		width: calc(100% - 80px);
	}

	.chac-home-zs-dz-oem-icons {
		grid-template-columns: repeat(4, minmax(104px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 1200px) {
	.chac-home-zs-dz-head {
		grid-template-columns: 1fr;
		row-gap: 22px;
	}

	.chac-home-zs-dz-tab-wrap {
		justify-self: start;
	}

	.chac-home-zs-dz-cert-hero,
	.chac-home-zs-dz-oem-hero {
		grid-template-columns: 1fr;
		height: auto;
		min-height: auto;
	}

	.chac-home-zs-dz-cert-info,
	.chac-home-zs-dz-oem-info {
		padding: 36px 0 0;
	}

	.chac-home-zs-dz-cert-clip,
	.chac-home-zs-dz-oem-clip {
		height: auto;
		clip-path: none;
		border-radius: 16px;
	}

	.chac-home-zs-dz-cert-clip.rect-55,
	.chac-home-zs-dz-oem-clip.rect-55 {
		height: 0;
		padding-bottom: 55%;
	}

	.chac-home-zs-dz-bottom-card {
		width: 100%;
		margin-top: 36px;
	}

	.chac-home-zs-dz-bottom-inner {
		grid-template-columns: 1fr;
	}

	.chac-home-zs-dz-bottom-left {
		border-right: 0;
		border-bottom: 1px solid #d9d9d9;
		padding-right: 0;
		padding-bottom: 32px;
		margin-bottom: 36px;
	}

	.chac-home-zs-dz-cert-list {
		padding-left: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.chac-home-zs-dz-oem-product-list {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.chac-home-zs-dz-oem-product-pic {
		height: auto;
		min-height: 190px;
	}
}

@media (max-width: 768px) {
	.chac-home-zs-dz-section {
		padding: 42px 0;
	}

	.chac-home-zs-dz-container {
		padding: 0 16px;
	}

	.chac-home-zs-dz-tab-wrap {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: auto !important;
		grid-template-columns: 1fr;
		row-gap: 8px;
		border-radius: 18px;
		padding: 12px;
	}

	.chac-home-zs-dz-tab-btn {
		height: 54px !important;
		border-left: 0 !important;
		border-bottom: 1px solid #edf2f8;
	}

	.chac-home-zs-dz-tab-arrow {
		width: 48px !important;
		height: 48px !important;
		justify-self: end;
	}

	.chac-home-zs-dz-cert-info .chac-home-zs-dz-blue-title,
	.chac-home-zs-dz-oem-info .chac-home-zs-dz-blue-title {
		font-size: 32px !important;
	}

	.chac-home-zs-dz-cert-info .chac-home-zs-dz-desc,
	.chac-home-zs-dz-oem-info .chac-home-zs-dz-desc {
		font-size: 16px !important;
	}

	.chac-home-zs-dz-feature-list,
	.chac-home-zs-dz-oem-icons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

		.chac-home-zs-dz-cert-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 14px;
	}

	.chac-home-zs-dz-oem-icon-card {
		width: 100%;
	}

	.chac-home-zs-dz-bottom-card,
	.chac-home-zs-dz-oem-card {
		padding: 34px 22px;
		border-radius: 18px;
	}

	.chac-home-zs-dz-title-line {
		width: 160px;
	}

	.chac-home-zs-dz-cert-clip.rect-55,
	.chac-home-zs-dz-oem-clip.rect-55 {
		padding-bottom: 64%;
	}
}

@media (max-width: 520px) {
	.chac-home-zs-dz-head-title {
		font-size: 22px !important;
	}

	.chac-home-zs-dz-feature-list,
	.chac-home-zs-dz-oem-icons,
	.chac-home-zs-dz-cert-list {
		grid-template-columns: 1fr;
	}

	.chac-home-zs-dz-cert-info .chac-home-zs-dz-blue-title,
	.chac-home-zs-dz-oem-info .chac-home-zs-dz-blue-title {
		font-size: 28px !important;
	}

	.chac-home-zs-dz-cert-clip.rect-55,
	.chac-home-zs-dz-oem-clip.rect-55 {
		padding-bottom: 72%;
	}
		.chac-home-zs-dz-cert-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px 10px;
	}

	.chac-home-zs-dz-cert-item h4 {
		font-size: 15px !important;
	}

	.chac-home-zs-dz-cert-item p {
		font-size: 12px !important;
	}
}

/* 统一左右斜切角度 */
.chac-home-zs-dz-cert-clip {
	clip-path: polygon(0 0, calc(100% - 170px) 0, 100% 100%, 0 100%);
}

.chac-home-zs-dz-oem-clip {
	clip-path: polygon(170px 0, 100% 0, 100% 100%, 0 100%);
}

/* 2K / 4K 下斜切距离稍微放大，但两边仍保持一致 */
@media (min-width: 1800px) {
	.chac-home-zs-dz-cert-clip {
		clip-path: polygon(0 0, calc(100% - 220px) 0, 100% 100%, 0 100%);
	}

	.chac-home-zs-dz-oem-clip {
		clip-path: polygon(220px 0, 100% 0, 100% 100%, 0 100%);
	}
}

/* 小一点的桌面屏减少斜切宽度 */
@media (max-width: 1366px) {
	.chac-home-zs-dz-cert-clip {
		clip-path: polygon(0 0, calc(100% - 140px) 0, 100% 100%, 0 100%);
	}

	.chac-home-zs-dz-oem-clip {
		clip-path: polygon(140px 0, 100% 0, 100% 100%, 0 100%);
	}
}

/* 平板/手机取消斜切 */
@media (max-width: 1200px) {
	.chac-home-zs-dz-cert-clip,
	.chac-home-zs-dz-oem-clip {
		clip-path: none;
	}
}

/* 3大生产线 e*/

/* 首页odm\oem */
/* =========================================================
	   OEM/ODM Customization Capability - 整图背景 Banner
	   Prefix: chac-home-odm-oem-bg
	========================================================= */

.chac-home-odm-oem-bg-banner {
	background-image: url('/wp-content/uploads/2026/06/ind_odmoem.webp');
	 position: relative;
    width: 100%;
    min-height: clamp(300px, 44.166vw, 900px) !important; 
    background-repeat: no-repeat;
    background-position:center center; 
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center; 
}

.chac-home-odm-oem-bg-inner {
	position: relative;
	margin: 0 auto;
}

/* 左侧文字定位 */
.chac-home-odm-oem-bg-content {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-55%);
	z-index: 2;
}

/* 主标题 */
.chac-home-odm-oem-bg-title {
	margin: 0;
	color: var(--theme-palette-color-1);
	font-size: 95px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: .01em;
}

/* 副标题 */
.chac-home-odm-oem-bg-subtitle {
	margin: 15px 0 100px;
	color: var(--theme-palette-color-1);
	font-size: 45px;
	line-height: 1.5;
	font-weight: 600;
}

/* ================= 响应式 ================= */
@media (max-width: 1600px) {
	.chac-home-odm-oem-bg-content {
		left: 7.8vw;
	}
}

@media (max-width: 1200px) {

	.chac-home-odm-oem-bg-title {
		font-size: 58px;
	}

	.chac-home-odm-oem-bg-subtitle {
		font-size: 30px;
	}

}

@media (max-width: 768px) {	
	.chac-home-odm-oem-bg-content {
		left: 22px;
		max-width: 60%;
		transform: translateY(-45%);
	}

	.chac-home-odm-oem-bg-title {
		font-size: 40px;
	}

	.chac-home-odm-oem-bg-subtitle {
		font-size: 22px;
	}

	.chac-home-odm-oem-bg-btn {
		height: 38px;
		margin-top: 36px;
	}
	
	.chac-home-odm-oem-bg-subtitle{
		margin-bottom:30px;
	}

}

/* 首页oem\odm e*/

/* process s*/
.chac-home-process-wrapper {
	--chac-bg-top: #1456a6;
	--chac-bg-mid: #1456a6;
	--chac-bg-bottom: #e0effa;
	--chac-text-main: #ffffff;
	--chac-card-text: #1456a6;
	--chac-accent: #1456a6;
	
	background-image: linear-gradient(180deg, #1456a6 0%, #ffffff47 100%);
	padding: 100px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column; /* 确保内部元素上下排列 */
	align-items: center;
	overflow: hidden;
	/* 🚀 4K 大屏适配：限制最大内容宽度并居中 */
	padding-left: max(20px, calc((100% - 1400px) / 2));
	padding-right: max(20px, calc((100% - 1400px) / 2));
}

/* 头部标题 */
.chac-home-process-header {
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
	color: var(--chac-text-main);
}

/* 🚀 字体自适应：使用 clamp 替代繁琐的媒体查询 */
.chac-home-process-header h2 {
	font-size: clamp(36px, 5vw, 84px);
	font-weight: 700;
	margin: 0 0 15px 0;
	letter-spacing: 1px;
	color: var(--chac-text-main);
	line-height: 1.2;
}

.chac-home-process-header p {
	font-size: clamp(20px, 3vw, 54px);
	line-height: 1.2;
	font-weight: 400;
	margin: 0;
	color: var(--chac-text-main);
}

/* ==========================================
   流程卡片容器 (修复 Grid 无法换行的 Bug)
========================================== */
.chac-home-process-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 15px;
	margin-bottom: 80px;
}

/* 单个卡片 */
.chac-home-process-card {
	background: #ffffff;
	border-radius: 8px;
	width: 200px; /* 桌面端固定宽度 */
	flex-shrink: 0; /* 防止被挤压 */
	height: 272px;
	position: relative;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 15px;
	box-sizing: border-box;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.chac-home-process-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* 右上角序号角标 */
.chac-home-process-badge {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 88px solid var(--chac-accent);
	border-left: 100px solid transparent;
}

/* 🚀 修复角标飞出 Bug：改用绝对像素定位，放弃不稳定的 vw */
.chac-home-process-badge span {
	position: absolute;
	top: -78px; 
	right: 8px;
	color: #ffffff;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
}

/* 卡片图标 */
.chac-home-process-icon {
	width: 120px;
	height: 120px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chac-home-process-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: var(--chac-card-text);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 卡片文字 */
.chac-home-process-title {
	color: var(--chac-accent);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

/* 箭头 */
.chac-home-process-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--chac-accent);
	flex-shrink: 1;
}

.chac-home-process-arrow svg {
	width: 24px;
	height: 24px;
	fill: var(--chac-accent);
}

/* ==========================================
   底部提示条
========================================== */
.chac-home-process-footer {
	display: flex;
	justify-content: center;
	width: 100%;
}

.chac-home-process-note {
	background: #ffffff;
	border-radius: 50px;
	padding: 15px 35px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	cursor: pointer;
}

.chac-home-process-note span {
	color: var(--chac-card-text);
	font-size: clamp(16px, 2vw, 23px);
	font-weight: 600;
	transition: all 0.3s ease;
}

.chac-home-process-note img {
	transition: all 0.3s ease;
}

/* Hover 交互 */
.home_odm-oem_pro:hover .chac-home-process-note,
.chac-home-process-note:hover {
	background: var(--theme-palette-color-1);
}

.home_odm-oem_pro:hover .chac-home-process-note span,
.chac-home-process-note:hover span {
	color: #fff;
}

.home_odm-oem_pro:hover .chac-home-process-note img,
.chac-home-process-note:hover img {
	filter: brightness(0) invert(1);
}

/* ==========================================
   响应式设计 (严谨折叠逻辑)
========================================== */

/* 笔记本及小桌面端 (1399px 及以下) */
@media (max-width: 1399px) {
	.chac-home-process-steps {
		flex-wrap: wrap; /* 允许换行 */
		gap: 20px;
	}

	.chac-home-process-arrow {
		display: none; /* 换行后隐藏箭头，避免排版混乱 */
	}

	.chac-home-process-card {
		width: calc(33.333% - 14px); /* 一行 3 个 */
	}
}

/* 平板端 (991px 及以下) */
@media (max-width: 991px) {
	.chac-home-process-wrapper {
		padding: 80px 20px;
	}
	
	.chac-home-process-header {
		margin-bottom: 50px;
	}

	.chac-home-process-card {
		width: calc(50% - 10px); /* 一行 2 个 */
		height: 240px;
	}
}

/* 手机端 (767px 及以下) */
@media (max-width: 767px) {
	.chac-home-process-wrapper {
		padding: 60px 20px;
	}

	.chac-home-process-steps {
		gap: 15px;
		margin-bottom: 50px;
	}

	.chac-home-process-card {
		width: 100%; /* 一行 1 个 */
		max-width: 320px; /* 防止在横屏手机上拉得太宽 */
		height: 220px;
	}

	.chac-home-process-icon {
		width: 90px;
		height: 90px;
	}

	.chac-home-process-note {
		padding: 12px 25px;
	}
}

/* process e*/

/* 首页faq s*/
.rts-faq-area .col-lg-6:nth-child(2) {
	padding-left: 3vw;
}

/* ==========================================
   右侧图片网格排版 (降低高度，完美契合设计图比例)
========================================== */
.chac-home-faq-wz-images-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 左右两列等宽 */
	gap: 24px;
	width: 100%;
	/* 【关键修改】：将比例改为 1.4 / 1，让整体变矮。
	   这样左侧大图会呈现自然的竖排比例，右侧小图会呈现完美的横排比例 */
	aspect-ratio: 1.4 / 1;
	align-items: center;
	justify-items: center;
}

/* 统一的图片卡片样式 */
.chac-home-faq-wz-images-grid img {
	display: block;
	width: 100%;
	object-fit: cover;
	border: 8px solid #ffffff;
	border-radius: 24px;
	box-shadow: 0 15px 35px rgba(0, 20, 60, 0.12);
	box-sizing: border-box;
}

/* 右侧小图容器 */
.chac-home-faq-wz-img-col {
	display: grid;
	grid-template-rows: 1fr 1fr;
	/* 上下平分 */
	gap: 24px;
	height: 100%;
}

/* --- 响应式适配 --- */
@media (max-width: 992px) {
	.chac-home-faq-wz-images-grid {
		aspect-ratio: 1.5 / 1;
		/* 平板端可以再扁一点点 */
	}
}

@media (max-width: 576px) {
	.chac-home-faq-wz-images-grid {
		grid-template-columns: 1fr;
		/* 手机端改为上下单列 */
		aspect-ratio: auto;
	}

	.chac-home-faq-wz-images-grid img {
		border-width: 6px;
		border-radius: 16px;
	}

	.chac-home-faq-wz-img-large {
		aspect-ratio: 4 / 3;
		/* 手机端大图比例 */
	}

	.chac-home-faq-wz-img-col {
		aspect-ratio: 3 / 4;
		/* 手机端小图容器比例 */
	}
}

/* 首页faq e*/

/* 首页新闻 - 简约无边框版 */
/* ==========================================
   新闻轮播板块
========================================== */
:root {
	--chac-home-wz-primary: #1456a6;
	--chac-home-wz-text-dark: #222222;
	--chac-home-wz-text-gray: #666666;
	--chac-home-wz-text-light: #888888;
	--chac-home-wz-border: #e5e5e5;
}

.chac-home-wz-news {
	position: relative;
	padding: 100px 0;
	background-color: #ffffff;
	overflow: hidden;
}

/* 模拟设计图右侧的背景纹理/地球光晕 */
.chac-home-wz-news-bg-decor {
	position: absolute;
	top: -10%;
	right: -5%;
	width: 800px;
	height: 800px;
	background: transparent url('/wp-content/uploads/2026/06/ind_zs_dz.webp') no-repeat center;
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
}

.chac-home-wz-news .ct-container {
	position: relative;
	z-index: 1;
}

.ind_new_top {
	margin-bottom: 80px
}

.ind_new_top h2 {
	font-size: 50px;
	color: var(--chac-home-wz-primary);
	line-height: 1.25;
	margin-bottom: 0;
	/* 移除 margin，由 space-between 控制间距 */
	font-weight: 700;
}

.chac-home-wz-news-layout {
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: 60px;
	/* 关键修改：移除 align-items: start; 让左右两列默认等高 (stretch) */
}

.chac-home-wz-news-layout .chac-home-ab-wz-about-btn {
	margin-top: 2vw;
}


.chac-home-wz-news-text {
	/* 关键修改：使用 flex 纵向布局，并将内容两端对齐 */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	/* 撑满与右侧轮播图相同的高度 */
	padding-bottom: 5px;
	/* 微调底部对齐视觉 */
}

.chac-home-wz-news-desc p {
	margin-bottom: 15px;
	font-size: 21px;
	color: var(--chac-home-wz-text-gray);
	line-height: 1.6;
}

.chac-home-wz-carousel-controls {
	display: flex;
	gap: 15px;
	margin-top: 30px;
}

.chac-home-wz-carousel-controls button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--chac-home-wz-text-dark);
	background: transparent;
	color: var(--chac-home-wz-text-dark);
	cursor: pointer;
	transition: all 0.3s ease;
}

.chac-home-wz-carousel-controls button:hover {
	background: var(--chac-home-wz-primary);
	color: #fff;
	border-color: var(--chac-home-wz-primary);
}

/* ==========================================
   自适应响应式布局 (核心)
========================================== */
@media (max-width: 1440px) {
	.ind_new_top h2{
		font-size:42px;
	}
	
	.chac-home-wz-news{
		 padding: 50px 0;
	}
	
	.chac-home-wz-news-desc p{
		font-size:16px;
	}
}
@media (max-width: 1200px) {
	.chac-home-wz-news-layout {
		grid-template-columns: 320px 1fr;
		gap: 40px;
	}
}

@media (max-width: 992px) {
	.chac-home-wz-news-layout {
		grid-template-columns: 1fr;
		/* 平板端改为上下堆叠 */
		gap: 40px;
	}

	.chac-home-wz-news-text {
		height: auto;
		/* 移动端取消固定高度，恢复自然流 */
		gap: 30px;
		/* 标题和文字之间的间距 */
	}

	.chac-home-wz-carousel-slide {
		flex: 0 0 calc(50% - 15px);
		/* 匹配 JS 的 2 个 Slide */
		min-width: calc(50% - 15px);
	}
}

@media (max-width: 576px) {
	.chac-home-wz-carousel-slide {
		flex: 0 0 100%;
		/* 匹配 JS 的 1 个 Slide */
		min-width: 100%;
	}
	
}

/* ==========================================
   轮播图与卡片项 (无边框简约风)
========================================== */
.chac-home-wz-news-carousel-wrapper {
	position: relative;
	overflow: hidden;
}

.chac-home-wz-carousel-track {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	gap: 30px;
}

.chac-home-wz-carousel-slide {
	flex: 0 0 calc(33.333% - 20px);
	min-width: calc(33.333% - 20px);
}

.chac-home-wz-news-item {
	background: transparent;
	/* 去除白底 */
}

.chac-home-wz-news-img-wrap {
	width: 100%;
	aspect-ratio: 16 / 10;
	/* 保持图片比例一致 */
	overflow: hidden;
	margin-bottom: 15px;
}

.chac-home-wz-news-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
	border-radius: 3px;
}

.chac-home-wz-news-item:hover img {
	transform: scale(1.05);
	/* 悬停图片微放大，增加互动感 */
}

.chac-home-wz-news-info {
	padding: 0;
	/* 去除内边距，与图片左对齐 */
}

.chac-home-wz-news-cat {
	font-size: 13px;
	color: var(--chac-home-wz-text-light);
	display: block;
	margin-bottom: 8px;
}

.chac-home-wz-news-info h4 {
	font-size: 16px;
	color: var(--chac-home-wz-text-dark);
	margin-bottom: 15px;
	line-height: 1.4;
	height: 44px;
	/* 固定高度，防止标题行数不同导致错位 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 600;
}

/* 新增：标题下方的分割线 */
.chac-home-wz-news-divider {
	width: 100%;
	height: 1px;
	background-color: var(--chac-home-wz-border);
	margin-bottom: 15px;
}

.chac-home-wz-news-link {
	color: var(--chac-home-wz-text-light);
	font-size: 14px;
	font-weight: 500;
	transition: color 0.3s ease;
}

.chac-home-wz-news-item:hover .chac-home-wz-news-link {
	color: var(--chac-home-wz-primary);
}

/* ==========================================
   响应式布局
========================================== */
@media (max-width: 1200px) {
	.chac-home-wz-news-layout {
		grid-template-columns: 320px 1fr;
		gap: 40px;
	}
}

@media (max-width: 992px) {
	.chac-home-wz-news-layout {
		grid-template-columns: 1fr;
		/* 平板端改为上下堆叠 */
		gap: 40px;
	}

	.chac-home-wz-carousel-slide {
		flex: 0 0 calc(50% - 15px);
		min-width: calc(50% - 15px);
	}
}

@media (max-width: 576px) {
	.chac-home-wz-carousel-slide {
		flex: 0 0 100%;
		min-width: 100%;
	}
	.ind_new_top h2{
	  font-size:26px	
	}
	.ind_new_top{
		margin-bottom:20px
	}
}

/* 首页表单 s*/
.chac-home-con-contact-section {
	margin: 60px auto;
	min-width: 100%;
}

.chac-home-con-contact-section.mb--50 {
	margin-bottom: 50px !important;
}

.chac-home-con-contact-grid {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.chac-home-con-contact-info {
	position: relative;
	padding-right: 30px;
	background-image: url('/wp-content/uploads/2026/06/bg-contacts.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 25px;
	z-index: 1;
}

.chac-home-con-contact-title,
.chac-home-con-contact-description,
.chac-home-con-contact-item h4,
.chac-home-con-contact-item p,
.chac-home-con-contact-item a,
.chac-home-con-social-title {
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}

.chac-home-con-contact-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	color: var(--theme-palette-color-1);
	margin-bottom: 24px;
}

.chac-home-con-contact-description {
	font-size: 15px;
	line-height: 1.5;
	color: #333333;
	text-transform: capitalize;
	margin-bottom: 40px;
}

.chac-home-con-contact-details-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 60px;
}

.chac-home-con-contact-item h4 {
	font-size: 18px;
	font-weight: 600;
	color: #353535;
	margin-bottom: 12px;
}

.chac-home-con-contact-item p,
.chac-home-con-contact-item a {
	font-size: 16px;
	line-height: 1.5;
	color: #333333;
	text-decoration: none;
}

.chac-home-con-contact-item a {
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s;
}

.chac-home-con-contact-item a:hover {
	border-bottom-color: var(--theme-palette-color-1);
}

.chac-home-con-social-title {
	font-size: 18px;
	font-weight: 600;
	color: #353535;
	margin-bottom: 16px;
}

.chac-home-con-social-icons {
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}

.chac-home-con-social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	transition: background 0.3s, transform 0.2s;
}

.chac-home-con-social-icons a svg {
	width: 18px;
	height: 18px;
	fill: #353535;
	transition: fill 0.3s;
}

.chac-home-con-social-icons a:hover {
	background: var(--theme-palette-color-1);
	transform: translateY(-2px);
}

.chac-home-con-social-icons a:hover svg {
	fill: #fff;
}

.chac-home-con-contact-form {
	padding: 60px 50px;
	background: #ffffff;
	border-radius: 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.chac-home-con-form-title {
	font-size: 36px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.ind_name,
.ind_form_p_e,
.ind_contact {
	margin-bottom: 20px;
}

/* 平板设备 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	.chac-home-con-contact-grid {
		grid-template-columns: 1fr; /* 左右两列改为上下单列 */
		gap: 40px;
	}

	.chac-home-con-contact-info {
		padding-right: 0; /* 移除右侧留白 */
		background-size: cover; /* 确保背景图在单列铺满，或者根据实际图片效果保持 contain */
	}

	.chac-home-con-contact-title {
		font-size: 32px; /* 缩小主标题 */
	}

	.chac-home-con-form-title {
		font-size: 30px; /* 缩小表单标题 */
	}

	.chac-home-con-contact-form {
		padding: 40px 30px; /* 减小表单容器内边距 */
	}
}

/* 手机横屏及小尺寸平板 (Mobile & Small Tablet: 767px 及以下) */
@media (max-width: 767px) {
	.chac-home-con-contact-section {
		margin: 40px auto; /* 减小整体上下外边距 */
	}

	.chac-home-con-contact-details-grid {
		grid-template-columns: 1fr; /* 联系详情（电话/邮箱等）由两列改为单列 */
		gap: 20px;
		margin-bottom: 40px;
	}

	.chac-home-con-contact-title {
		font-size: 28px;
		margin-bottom: 16px;
	}

	.chac-home-con-form-title {
		font-size: 26px;
		margin-bottom: 24px;
	}

	.chac-home-con-contact-form {
		padding: 30px 20px;
	}
}

/* 手机竖屏 (Mobile Portrait: 479px 及以下) */
@media (max-width: 479px) {
	.chac-home-con-contact-section {
		margin: 30px auto;
	}

	.chac-home-con-contact-title {
		font-size: 24px;
	}

	.chac-home-con-form-title {
		font-size: 22px;
	}

	.chac-home-con-contact-form {
		padding: 25px 15px;
		border-radius: 15px; /* 移动端适当减小圆角，显得更精致 */
	}

	.chac-home-con-contact-info {
		border-radius: 15px;
	}
    
	.chac-home-con-social-icons {
		gap: 16px; /* 缩小社交图标间距 */
	}
}


/* 首页表单 e*/

/* ==========================================
   CHAC Custom Footer
========================================== */

.chac-custom-footer {
	background: #333333;
	color: #ffffff;
	line-height: 1.6;
}

.chac-custom-footer * {
	box-sizing: border-box;
}

.chac-custom-footer a {
	color: rgba(255, 255, 255, 0.62);
	text-decoration: none;
	transition: color 0.25s ease;
}

.chac-custom-footer a:hover {
	color: #ffffff;
}

.chac-custom-footer-top {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 70px;
	margin-bottom: 42px;
	padding-top: 80px;
}

.chac-custom-footer-col-title {
	font-size: 20px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.chac-custom-footer-col-title a {
	color: #ffffff;
	font-weight: 800;
}

.chac-custom-footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.chac-custom-footer-menu li {
	margin-bottom: 6px;
}

.chac-custom-footer-menu a {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.58);
}

.chac-custom-footer-menu a:hover {
	color: #ffffff;
}

.chac-custom-footer-middle {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 60px;
	align-items: flex-start;
	margin-top: 8px;
	padding-bottom: 80px
}

.chac-custom-footer-follow-title,
.chac-custom-footer-contact-title {
	font-size: 20px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 18px;
}

.chac-custom-footer-social {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.chac-custom-footer-social a {
	width: 36px;
	height: 36px;
	border-radius: 3px;
	background: #ffffff;
	color: #333333;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease;
}

.chac-custom-footer-social a:hover {
	background: #0b5fb3;
	color: #ffffff;
	transform: translateY(-2px);
}

.chac-custom-footer-social svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.chac-custom-footer-contact-grid {
	display: grid;
	grid-template-columns: 1.1fr 1.5fr;
	gap: 12px 36px;
}

.chac-custom-footer-contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 15px;
	min-width: 0;
}

.chac-custom-footer-contact-item svg {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	fill: currentColor;
	color: #ffffff;
	opacity: 0.9;
}

.chac-custom-footer-contact-item span,
.chac-custom-footer-contact-item a {
	overflow-wrap: anywhere;
}

.chac-custom-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 18px 20px;
	color: rgba(255, 255, 255, 0.55);
	font-size: 15px;
}

.chac-custom-footer-bottom-inner {
	margin: 0 auto;
}

/* Tablet */
@media (max-width: 1100px) {
	.chac-custom-footer-top {
		grid-template-columns: repeat(2, 1fr);
		gap: 42px 60px;
	}

	.chac-custom-footer-middle {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.chac-custom-footer-contact-grid {
		grid-template-columns: 1fr;
	}
}

/* Mobile */
@media (max-width: 640px) {
	.chac-custom-footer-container {
		padding: 50px 18px 36px;
	}

	.chac-custom-footer-top {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.chac-custom-footer-col-title {
		margin-bottom: 16px;
	}

	.chac-custom-footer-menu li {
		margin-bottom: 8px;
	}

	.chac-custom-footer-bottom {
		text-align: center;
	}
}

/* 内页栏目图片 */

/* 1. 让 Hero 容器的高度跟随屏幕宽度动态变高 */
.hero-section[data-type="type-2"] {
    /* 最小高度 350px，推荐高度 24vw (完美契合 1920x450 的比例)，最大高度 800px */
    min-height: clamp(450px, 24vw, 800px) !important;
}

/* 2. 确保内部的图片容器也同步撑开 */
.hero-section[data-type="type-2"] figure,
.hero-section[data-type="type-2"] .ct-media-container {
    min-height: clamp(350px, 24vw, 800px) !important;
    height: 100% !important;
}

/* 3. 调整图片的裁切焦点 (关键优化) */
.hero-section[data-type="type-2"] figure .ct-media-container img {
    /* 你的产品主要集中在图片的偏下方，所以设置 center bottom 
       这样即使在极端比例下被裁切，也会优先裁掉顶部空白的天空，保留底部的产品 */
    object-position: center bottom !important; 
}

/* ==========================================
   手机端高度适配 (防止手机端 Banner 太高)
========================================== */
@media (max-width: 768px) {
    .hero-section[data-type="type-2"],
    .hero-section[data-type="type-2"] figure,
    .hero-section[data-type="type-2"] .ct-media-container {
        /* 手机端恢复到一个比较舒适的固定高度 */
        min-height: 280px !important; 
    }
}


/* 内页关于我们 */
.flexBetween {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.CompanyProfile .box {
	background: url('/wp-content/uploads/2026/06/bg4.webp') no-repeat left bottom;
	padding-bottom: 100px;
}

.index_title {
	position: relative;
}

.index_title .content1 {
	font-size: 56px;
	margin-top: 22px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
}

.CompanyProfile .box .boxRight {
	width: 60%;
	padding-top: 34px;
	font-size: 18px;
	color: #353535;
}

.CompanyProfile .box .boxRight p {
	line-height: 1.75;
}

.CompanyProfile .ny_num {
	position: relative;
	background: var(--theme-palette-color-1) url('/wp-content/uploads/2026/06/ny_num_pic.webp') no-repeat center/cover;
	background-attachment: fixed;
	z-index: 2;
}

.CompanyProfile .ny_num:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20, 86, 166, .85);
	z-index: 1;
}

.CompanyProfile .chac-home-ab-wz-about-bottom {
	position: relative;
	margin-top: 0px;
	z-index: 3;
}

.CompanyProfile .chac-home-ab-wz-about-bottom .chac-home-ab-wz-stat-num,
.CompanyProfile .chac-home-ab-wz-about-bottom .chac-home-ab-wz-stat-desc {
	color: #ffffff;
}

/* =========================================================
   CHAC About Page
   HTML + CSS + JS
   Prefix: chac-about-
========================================================= */

:root {
	--chac-blue: #1456a6;
	--chac-blue-dark: #10284e;
	--chac-blue-light: #1456a6;
	--chac-cyan: #1456a6;
	--chac-text: #132235;
	--chac-muted: #5b6b80;
	--chac-soft: #f4f8fc;
	--chac-line: #e3ebf4;
	--chac-white: #ffffff;
	--chac-shadow: 0 18px 45px rgba(15, 43, 82, 0.08);
	color: var(--chac-text);
	font-family: inherit;
	background: #ffffff;
}

.chac-about-page * {
	box-sizing: border-box;
}

.chac-about-page a {
	text-decoration: none;
}

.chac-about-container {
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
}

/* =========================
   Hero
========================= */

.chac-about-hero {
	position: relative;
	overflow: hidden;
	min-height: 560px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(0, 38, 78, .92) 0%, rgba(0, 60, 120, .78) 42%, rgba(0, 91, 172, .25) 100%),
		url('/wp-content/uploads/2026/06/chac-about-hero.webp') center center / cover no-repeat;
}

.chac-about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(32, 174, 229, .28), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px);
	background-size: auto, 42px 42px;
	opacity: .45;
	pointer-events: none;
}

.chac-about-hero-inner {
	position: relative;
	z-index: 2;
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) 420px;
	gap: 56px;
	align-items: center;
	padding: 90px 0;
}

.chac-about-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, .26);
	border-radius: 999px;
	color: rgba(255, 255, 255, .9);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(10px);
}

.chac-about-kicker::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #20d6ff;
	box-shadow: 0 0 16px rgba(32, 214, 255, .8);
}

.chac-about-hero-title {
	margin: 0;
	max-width: 760px;
	color: #ffffff;
	font-size: clamp(38px, 5vw, 68px);
	line-height: 1.05;
	font-weight: 850;
	letter-spacing: -0.045em;
}

.chac-about-hero-title span {
	display: block;
	color: #81dfff;
}

.chac-about-hero-desc {
	margin: 24px 0 0;
	max-width: 680px;
	color: rgba(255, 255, 255, .82);
	font-size: 17px;
	line-height: 1.8;
}

.chac-about-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.chac-about-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 800;
	transition: all .25s ease;
}

.chac-about-btn-primary {
	background: #ffffff;
	color: var(--chac-blue-dark);
}

.chac-about-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(255, 255, 255, .18);
}

.chac-about-btn-secondary {
	border: 1px solid rgba(255, 255, 255, .35);
	color: #ffffff;
	background: rgba(255, 255, 255, .08);
}

.chac-about-btn-secondary:hover {
	background: rgba(255, 255, 255, .16);
	transform: translateY(-2px);
}

/* Hero 右侧数据卡片 */
.chac-about-hero-panel {
	position: relative;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 24px;
	background: rgba(255, 255, 255, .12);
	backdrop-filter: blur(14px);
	box-shadow: 0 24px 70px rgba(0, 0, 0, .18);
}

.chac-about-hero-panel-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.chac-about-hero-stat {
	padding: 22px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .92);
}

.chac-about-hero-stat strong {
	display: block;
	color: var(--chac-blue-dark);
	font-size: 30px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.04em;
}

.chac-about-hero-stat span {
	display: block;
	margin-top: 9px;
	color: #53657a;
	font-size: 12.5px;
	line-height: 1.45;
	font-weight: 700;
}

/* =========================
   Main Layout
========================= */

.chac-about-main {
	background: linear-gradient(180deg, #f7faff 0%, #ffffff 360px);
	padding: 72px 0 90px;
}

.chac-about-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 42px;
	align-items: start;
}

/* 左侧导航 */
.chac-about-side {
	position: sticky;
	top: 105px;
}

.chac-about-side-card {
	overflow: hidden;
	border: 1px solid var(--chac-line);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: var(--chac-shadow);
}

.chac-about-side-title {
	padding: 20px 22px;
	background: linear-gradient(135deg, var(--chac-blue-dark), var(--chac-blue));
	color: #ffffff;
	font-size: 16px;
	font-weight: 850;
}

.chac-about-nav {
	padding: 12px;
}

.chac-about-nav a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 12px 10px 34px;
	border-radius: 12px;
	color: #405169;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 750;
	transition: all .22s ease;
}

.chac-about-nav a::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #b9c8d9;
	transform: translateY(-50%);
	transition: all .22s ease;
}

.chac-about-nav a:hover,
.chac-about-nav a.is-active {
	color: var(--chac-blue);
	background: #edf6ff;
}

.chac-about-nav a.is-active::before {
	background: var(--chac-blue);
	box-shadow: 0 0 0 5px rgba(0, 91, 172, .12);
}

/* 右侧内容 */
.chac-about-content {
	min-width: 0;
}

.chac-about-section {
	scroll-margin-top: 120px;
	margin-bottom: 72px;
}

.chac-about-section:last-child {
	margin-bottom: 0;
}

.chac-about-section-head {
	margin-bottom: 28px;
}

.chac-about-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	color: var(--chac-blue);
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.chac-about-eyebrow::before {
	content: "";
	width: 28px;
	height: 2px;
	border-radius: 999px;
	background: var(--chac-blue);
}

.chac-about-title {
	margin: 0;
	color: var(--theme-palette-color-1);
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.14;
	font-weight: 880;
	letter-spacing: -0.035em;
}

.chac-about-desc {
	margin: 16px 0 0;
	color: var(--chac-muted);
	font-size: 16px;
	line-height: 1.78;
}

/* =========================
   Intro
========================= */

.chac-about-intro-grid {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	gap: 30px;
	align-items: stretch;
}

.chac-about-image-card {
	position: relative;
	min-height: 420px;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: var(--chac-shadow);
}

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

.chac-about-image-badge {
	position: absolute;
	left: 22px;
	bottom: 22px;
	width: calc(100% - 44px);
	padding: 18px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: blur(12px);
}

.chac-about-image-badge strong {
	display: block;
	color: var(--chac-blue-dark);
	font-size: 22px;
	font-weight: 900;
}

.chac-about-image-badge span {
	display: block;
	margin-top: 5px;
	color: var(--chac-muted);
	font-size: 13px;
	font-weight: 700;
}

.chac-about-intro-card {
	padding: 34px;
	border: 1px solid var(--chac-line);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: var(--chac-shadow);
}

.chac-about-intro-card p {
	margin: 0 0 18px;
	color: var(--chac-muted);
	font-size: 15.5px;
	line-height: 1.82;
}

.chac-about-capability-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 26px;
}

.chac-about-capability-item {
	display: flex;
	gap: 14px;
	padding: 16px;
	border-radius: 16px;
	background: #f6faff;
	border: 1px solid #e4eef8;
}

.chac-about-capability-icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--chac-blue), var(--chac-blue-light));
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
}

.chac-about-capability-item h3 {
	margin: 0;
	color: var(--chac-text);
	font-size: 15px;
	font-weight: 850;
}

.chac-about-capability-item p {
	margin: 5px 0 0;
	color: var(--chac-muted);
	font-size: 13.5px;
	line-height: 1.6;
}

/* =========================
   Stats
========================= */

.chac-about-stats-wrap {
	padding: 28px;
	border-radius: 26px;
	background:
		radial-gradient(circle at 20% 15%, rgba(32, 174, 229, .25), transparent 28%),
		linear-gradient(135deg, #002f62, #005bac 60%, #1687d9);
	box-shadow: var(--chac-shadow);
}

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

.chac-about-stat-card {
	min-height: 150px;
	padding: 22px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .2);
	color: #ffffff;
}

.chac-about-stat-number {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	font-size: 40px;
	line-height: 1;
	font-weight: 920;
	letter-spacing: -0.05em;
}

.chac-about-stat-number small {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 850;
	letter-spacing: 0;
}

.chac-about-stat-label {
	margin-top: 14px;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 1.45;
	font-weight: 700;
}

/* =========================
   Production
========================= */

.chac-about-production-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
}

.chac-about-feature-card {
	position: relative;
	overflow: hidden;
	min-height: 280px;
	border-radius: 24px;
	background: #ffffff;
	box-shadow: var(--chac-shadow);
}

.chac-about-feature-card img {
	width: 100%;
	height: 350px;
	display: block;
	object-fit: cover;
}

.chac-about-feature-body {
	padding: 22px;
}

.chac-about-feature-body h3 {
	margin: 0;
	color: var(--chac-text);
	font-size: 22px;
	line-height: 1.25;
	font-weight: 850;
}

.chac-about-feature-body p {
	margin: 10px 0 0;
	color: var(--chac-muted);
	font-size: 14px;
	line-height: 1.65;
}

/* =========================
   Manufacturing System
========================= */
#system {
	background-color: #f3f7ff;
}

.chac-about-system-box {
	position: relative;
	padding: 34px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid var(--chac-line);
	box-shadow: var(--chac-shadow);
}

.chac-about-process {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}

.chac-about-process-item {
	position: relative;
	padding: 24px 45px;
	border-radius: 10px;
	background: #f6faff;
	border: 1px solid #e2edf8;
	text-align: center;
}

.chac-about-process-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -12px;
	top: 50%;
	width: 18px;
	height: 2px;
	background: var(--chac-blue);
	transform: translateY(-50%);
	z-index: 2;
}

.chac-about-process-num {
	width: 42px;
	height: 42px;
	margin: 0 auto 14px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--chac-blue), var(--chac-blue-light));
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
}

.chac-about-process-item h3 {
	margin: 0;
	color: var(--chac-text);
	font-size: 18px;
	line-height: 1.35;
	font-weight: 850;
}

.chac-about-process-item p {
	margin: 8px 0 0;
	color: var(--chac-muted);
	font-size: 14px;
	line-height: 1.5;
}

/* =========================
   Engineering
========================= */
.chac-about-page-engineering {
	background-color: #f3f7ff;
}

.chac-about-page-engineering-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 70px;
}

.chac-about-page-engineering-img,
.chac-about-page-engineering-text {
	width: 50%;
}

.chac-about-page-engineering-text h2 {
	font-size: 42px;
	color: var(--theme-palette-color-1);
	text-transform: capitalize;
}

.chac-about-page-engineering-img .rect-70 {
	border-radius: 10px;
	box-shadow: 0 24px 55px rgb(9 37 74 / .12);
}

.chac-about-page-engineering-img img {
	transition: all 0.6s ease;
}

.chac-about-page-engineering-img:hover img {
	transform: scale(1.05);
}

.chac-about-page-check-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin: 30px 0;
}

.chac-about-page-check-list div {
	display: flex;
	align-items: flex-start;
	padding: 16px;
	border-radius: 10px;
	background-color: #fff;
	color: var(--theme-palette-color-1);
	font-size: var(--f16, 16px);
	line-height: 1.5;
	font-weight: 600;
}

.chac-about-page-check-list i {
	margin-right: 10px;
	margin-top: 4px;
	color: var(--theme-palette-color-1);
}

/* =========================
   Certifications
========================= */
.swiper-pagination {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
	background: rgba(32, 40, 45, 0.2);
	opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
	background-image: url('/wp-content/uploads/2026/06/bullet-active.svg');
	height: 20px;
	width: 20px;
	background-size: contain;
	background-color: transparent;
}

.swiper-pagination {
	width: 100% !important;
	bottom: 8px !important;
}

/* =========================
   Animation
========================= */

.chac-about-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s ease, transform .7s ease;
}

.chac-about-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ==========================================
   Responsive (自适应优化)
========================================== */

/* 平板端 (Tablet: 1100px 及以下) */
@media (max-width: 1100px) {
	.chac-about-hero-inner {
		grid-template-columns: 1fr;
	}

	.chac-about-hero-panel {
		max-width: 620px;
	}

	.chac-about-layout {
		grid-template-columns: 1fr;
	}

	.chac-about-side {
		position: relative;
		top: auto;
	}

	.chac-about-nav {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}

	.chac-about-stats-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.chac-about-process {
		grid-template-columns: repeat(2, 1fr);
	}

	.chac-about-process-item:not(:last-child)::after {
		display: none;
	}

	/* 优化 CompanyProfile 顶部介绍 */
	.CompanyProfile .box .boxRight {
		width: 100%;
	}

	/* 优化 Engineering 工程区块左右布局 */
	.chac-about-page-engineering-box {
		flex-direction: column;
		gap: 40px;
	}

	.chac-about-page-engineering-img,
	.chac-about-page-engineering-text {
		width: 100%;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 768px 及以下) */
@media (max-width: 768px) {
	.chac-about-hero {
		min-height: auto;
	}

	.chac-about-hero-inner {
		padding: 72px 0;
	}

	.chac-about-hero-panel-grid,
	.chac-about-intro-grid,
	.chac-about-production-grid,
	.chac-about-rd-grid,
	.chac-about-quality-grid,
	.chac-about-cert-grid {
		grid-template-columns: 1fr;
	}

	.chac-about-nav {
		grid-template-columns: 1fr;
	}

	.chac-about-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.chac-about-process {
		grid-template-columns: 1fr;
	}

	.chac-about-main {
		padding: 52px 0 70px;
	}

	.chac-about-section {
		margin-bottom: 56px;
	}

	.chac-about-intro-card,
	.chac-about-system-box,
	.chac-about-quality-card,
	.chac-about-cta {
		padding: 26px;
	}

	.chac-about-image-card,
	.chac-about-quality-image img {
		min-height: 320px;
	}

	/* 缩小全局标题字号与间距 */
	.index_title .content1 {
		font-size: 36px;
		margin-top: 15px;
	}

	.CompanyProfile .box {
		padding-bottom: 60px;
	}

	.chac-about-page-engineering-text h2 {
		font-size: 32px;
	}

	/* Engineering 检查列表单列显示 */
	.chac-about-page-check-list {
		grid-template-columns: 1fr;
	}
}

/* 手机竖屏 (Small Mobile: 520px 及以下) */
@media (max-width: 520px) {
	.chac-about-container,
	.chac-about-hero-inner {
		width: min(100% - 24px, 1180px);
	}

	.chac-about-hero-title {
		font-size: 38px;
	}

	.chac-about-stats-grid {
		grid-template-columns: 1fr;
	}

	.chac-about-hero-panel-grid {
		grid-template-columns: 1fr;
	}

	/* 进一步压缩移动端标题和间距 */
	.index_title .content1 {
		font-size: 28px;
	}

	.chac-about-page-engineering-text h2 {
		font-size: 26px;
	}

	.CompanyProfile .box {
		padding-bottom: 40px;
	}
	.rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6{
		margin-bottom:3vw;
	}
}

/* =========================================================
   CHAC 内页产品分类交错布局
   Shortcode: [wc_product_range]
========================================================= */

:root {
	--chac-primary-blue: #1456a6;
	--chac-dark-blue: #1456a6;
	--chac-primary-dark: #10284e;
	--chac-light-blue-bg: #eaf3ff;
	--chac-gray-bg: #f5f8fc;
	--chac-border-gray: #e5e7eb;
	--chac-text-main: #2a2f3a;
	--chac-text-secondary: #5d6b7c;
	--chac-white: #ffffff;
}

/* ==========================================
   1. 外层与布局
========================================== */
.chac-product-range {
	width: 100%;
	overflow: hidden;
	background: var(--chac-white);
}

.chac-product-section {
	position: relative;
	width: 100%;
	padding: 90px 0;
	background: var(--chac-white);
}

.chac-product-section.alt-bg {
	background: var(--chac-gray-bg);
}

.chac-product-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr);
	align-items: center;
	gap: 72px;
}

/* 偶数项图文反转 */
.chac-product-section.is-even .chac-product-wrapper {
	grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.92fr);
}

.chac-product-section.is-even .chac-product-text {
	order: 2;
}

.chac-product-section.is-even .chac-product-image {
	order: 1;
}

/* ==========================================
   2. 文字区域
========================================== */
.chac-product-text {
	position: relative;
	z-index: 2;
}

/* 背景大编号 */
.chac-section-number {
	margin-bottom: 14px;
	font-size: 72px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -2px;
	color: rgba(0, 91, 170, 0.08); /* 稍微调淡一点，更显高级 */
	user-select: none;
}

.chac-product-title {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 16px;
	font-size: 36px;
	line-height: 1.22;
	font-weight: 700;
	color: var(--chac-dark-blue);
}

.chac-product-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: var(--chac-primary-blue);
	border-radius: 2px;
}

.chac-product-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.chac-product-title a:hover {
	color: var(--chac-primary-dark);
}

.chac-product-desc {
	max-width: 540px;
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--chac-text-secondary);
}

.chac-product-desc p {
	margin: 0;
	font-weight: 500;
}

/* ==========================================
   3. 标签与按钮 (补全按钮样式)
========================================== */
.chac-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 35px;
}

.chac-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 6px;
	background: var(--chac-light-blue-bg);
	color: var(--chac-primary-blue);
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.chac-tag:hover {
	background: var(--chac-primary-blue);
	color: var(--chac-white);
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(20, 86, 166, 0.15); /* 增加悬浮阴影 */
}

/* 补全：了解更多 / 分类按钮 桌面端样式 */
.chac-category-btn {
	display: inline-flex;
	align-items: center;
	background: var(--chac-primary-blue);
	color: var(--chac-white);
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	overflow: hidden;
	transition: all 0.3s ease;
}

.chac-category-btn:hover {
	background: var(--chac-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(20, 86, 166, 0.2);
	color: var(--chac-white);
}

.chac-category-btn-text {
	padding: 12px 24px;
}

.chac-category-btn-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	background: rgba(0, 0, 0, 0.1); /* 箭头区域稍微加深 */
}

/* ==========================================
   4. 图片区域与 ACF 文案
========================================== */
.chac-product-image {
	position: relative;
}

.chac-product-image-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	min-height: 360px;
	padding: 0;
	border-radius: 15px;
	text-decoration: none;
}

.chac-product-image-link::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(0, 91, 170, 0.06), transparent 50%),
		radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.9), transparent 30%);
	pointer-events: none;
}

.chac-product-image-link::after {
	content: "";
	position: absolute;
	left: 30px;
	bottom: 26px;
	width: 76px;
	height: 3px;
	background: rgba(0, 91, 170, 0.18);
	pointer-events: none;
}

.chac-product-img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-height: 480px;
	height: auto;
	object-fit: contain;
	transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.chac-product-image-link:hover .chac-product-img {
	transform: scale(1.04);
}

/* 图片上的 ACF 文案 */
.chac-product-pic-txt {
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	max-width: 45%;
	pointer-events: none;
	font-size: 20px;
	font-weight: 600;
	color: #1a365d;
	line-height: 1.5;
	white-space: pre-line;
	/* 增加一点白色发光，防止背景图太杂导致文字看不清 */
	text-shadow: 0 2px 15px rgba(255, 255, 255, 0.9), 0 0 5px rgba(255, 255, 255, 0.5);
}

.chac-product-pic-txt p {
	margin: 0 0 8px 0;
}

.chac-product-pic-txt p:last-child {
	margin-bottom: 0;
}

/* 提示信息 */
.chac-product-range-notice {
	padding: 15px 20px;
	background: var(--chac-light-blue-bg);
	color: var(--chac-primary-blue);
	border-left: 4px solid var(--chac-primary-blue);
	border-radius: 4px;
	font-weight: 500;
}

/* =========================================================
   5. 响应式适配
========================================================= */

/* 小桌面端 (1199px 及以下) - 仅缩小间距，保持双列 */
@media (max-width: 1199px) {
	.chac-product-wrapper {
		gap: 40px;
	}
	.chac-product-title {
		font-size: 32px;
	}
}

/* 平板端 (991px 及以下) - 转换为单列堆叠 */
@media (max-width: 991px) {
	.chac-product-section {
		padding: 70px 0;
	}

	.chac-product-wrapper,
	.chac-product-section.is-even .chac-product-wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	/* 强制图片在上，文字在下 */
	.chac-product-section.is-even .chac-product-text,
	.chac-product-text {
		order: 2;
	}

	.chac-product-section.is-even .chac-product-image,
	.chac-product-image {
		order: 1;
	}

	.chac-product-desc {
		max-width: 100%;
	}
}

/* 手机端 (767px 及以下) */
@media (max-width: 767px) {
	.chac-product-section {
		padding: 50px 0;
	}

	.chac-product-wrapper {
		gap: 30px;
	}

	.chac-section-number {
		margin-bottom: 10px;
		font-size: 48px;
		letter-spacing: -1px;
	}

	.chac-product-title {
		margin-bottom: 16px;
		padding-bottom: 14px;
		font-size: 26px;
	}

	.chac-product-desc {
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 1.6;
	}

	.chac-tag-list {
		gap: 8px;
		margin-bottom: 25px;
	}

	.chac-tag {
		padding: 6px 12px;
		font-size: 13px;
	}

	/* 1. 取消外层容器的最小高度，让它完全被图片撑开 */
	.chac-product-image-link {
		min-height: auto !important; 
		padding: 0 !important;
		display: block !important; /* 取消 flex 居中对齐，彻底消除上下留白 */
	}

	/* 2. 图片按自身比例自适应，不限制高度 */
	.chac-product-img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		display: block !important;
	}

	/* 移动端 ACF 文案调整 */
	.chac-product-pic-txt {
		left: 20px;
		top: 0;
		transform: none;
		max-width: 80%;
		font-size: 16px;
	}

	/* 移动端按钮占满全宽 */
	.chac-category-btn {
		width: 100%;
		justify-content: space-between;
	}

	.chac-category-btn-text {
		flex: 1;
		justify-content: center;
		text-align: center;
	}

	.chac-category-btn-arrow {
		flex: 0 0 50px;
	}
}


/* 内页产品详情 */
/* =========================================================
   CHAC Product Category Accordion Sidebar
   New Industrial B2B Style
   Target: #sidebar #nav_menu-5
========================================================= */

/* 外层产品分类卡片 */
#sidebar #nav_menu-5 {
	position: relative;
	background: #ffffff;
	border: 1px solid #e4ebf3;
	border-radius: 16px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 16px 42px rgba(15, 38, 76, 0.08);
}

/* 顶部标题区域 */
#sidebar #nav_menu-5 .widget-title {
	position: relative;
	margin: 0;
	padding: 22px 22px 20px;
	background: linear-gradient(135deg, #063b78 0%, var(--theme-palette-color-1) 52%, #1687d9 100%);
	color: #ffffff;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* 标题下方装饰 */
#sidebar #nav_menu-5 .widget-title::after {
	content: "";
	position: absolute;
	left: 22px;
	bottom: 12px;
	width: 42px;
	height: 3px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .7);
}

/* 菜单容器 */
#sidebar #nav_menu-5 nav {
	padding: 14px;
	background: #ffffff;
}

/* 清除默认列表 */
#sidebar #nav_menu-5 ul,
#sidebar #nav_menu-5 li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 一级菜单整体 */
#sidebar #nav_menu-5 .widget-menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* 一级菜单项 */
#sidebar #nav_menu-5 .widget-menu>li {
	position: relative;
	border: 1px solid #edf2f7;
	border-radius: 12px;
	background: #f8fbff;
	overflow: hidden;
	transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

/* 一级 hover */
#sidebar #nav_menu-5 .widget-menu>li:hover {
	border-color: #d8e8f8;
	background: #f4f9ff;
	box-shadow: 0 8px 22px rgba(0, 91, 172, 0.06);
}

/* 一级分类链接 */
#sidebar #nav_menu-5 .widget-menu>li>a {
	position: relative;
	display: block;
	min-height: 46px;
	padding: 14px 50px 14px 18px;
	color: #1f334a;
	text-decoration: none;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	transition: color .2s ease;
}

/* 一级分类左侧蓝色短条 */
#sidebar #nav_menu-5 .widget-menu>li>a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 3px;
	height: 18px;
	border-radius: 0 8px 8px 0;
	background: var(--theme-palette-color-1);
	opacity: .35;
	transition: opacity .2s ease, height .2s ease;
}

/* 一级链接 hover */
#sidebar #nav_menu-5 .widget-menu>li>a:hover {
	color: var(--theme-palette-color-1);
}

#sidebar #nav_menu-5 .widget-menu>li>a:hover::before {
	opacity: 1;
}

/* 有子菜单的按钮 */
#sidebar #nav_menu-5 .chac-submenu-toggle {
	position: absolute;
	right: 13px;
	top: 10px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border: 1px solid #dce8f5;
	border-radius: 50%;
	background: #ffffff;
	color: var(--theme-palette-color-1);
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(15, 40, 80, 0.06);
	transition: all .22s ease;
}

/* 按钮 hover */
#sidebar #nav_menu-5 .chac-submenu-toggle:hover {
	background: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
	color: #ffffff;
	transform: rotate(90deg);
}

/* 展开状态按钮 */
#sidebar #nav_menu-5 li.is-open>.chac-submenu-toggle {
	background: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
	color: #ffffff;
	transform: rotate(0deg);
}

/* 子菜单默认隐藏 */
#sidebar #nav_menu-5 .sub-menu {
	display: none;
	margin: 0;
	padding: 0 12px 14px 18px;
}

/* 展开显示 */
#sidebar #nav_menu-5 li.is-open>.sub-menu {
	display: block;
}

/* 子分类项 */
#sidebar #nav_menu-5 .sub-menu>li {
	position: relative;
}

/* 子分类链接 */
#sidebar #nav_menu-5 .sub-menu>li>a {
	position: relative;
	display: block;
	padding: 8px 10px 8px 18px;
	border-radius: 8px;
	color: #526174;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 400;
	transition: all .2s ease;
}

/* 子分类小箭头 */
#sidebar #nav_menu-5 .sub-menu>li>a::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-top: 1.5px solid #9fb0c3;
	border-right: 1.5px solid #9fb0c3;
	transform: translateY(-50%) rotate(45deg);
	transition: all .2s ease;
}

/* 子分类 hover */
#sidebar #nav_menu-5 .sub-menu>li>a:hover {
	color: var(--theme-palette-color-1);
	background: #eef7ff;
	padding-left: 22px;
}

#sidebar #nav_menu-5 .sub-menu>li>a:hover::before {
	border-color: var(--theme-palette-color-1);
	left: 8px;
}

/* 当前一级分类 / 当前父级 */
#sidebar #nav_menu-5 .widget-menu>li.current-menu-item,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-parent,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-ancestor,
#sidebar #nav_menu-5 .widget-menu>li.is-open {
	border-color: #b9d8f4;
	background: #f2f8ff;
}

/* 当前一级文字 */
#sidebar #nav_menu-5 .widget-menu>li.current-menu-item>a,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-parent>a,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-ancestor>a,
#sidebar #nav_menu-5 .widget-menu>li.is-open>a {
	color: var(--theme-palette-color-1);
}

/* 当前一级左侧短条 */
#sidebar #nav_menu-5 .widget-menu>li.current-menu-item>a::before,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-parent>a::before,
#sidebar #nav_menu-5 .widget-menu>li.current-menu-ancestor>a::before,
#sidebar #nav_menu-5 .widget-menu>li.is-open>a::before {
	opacity: 1;
	height: 22px;
}

/* 当前子分类 */
#sidebar #nav_menu-5 .sub-menu .current-menu-item>a {
	color: var(--theme-palette-color-1);
	background: #eaf4ff;
	font-weight: 700;
}

/* 当前子分类箭头 */
#sidebar #nav_menu-5 .sub-menu .current-menu-item>a::before {
	border-color: var(--theme-palette-color-1);
}

/* 三级菜单兼容 */
#sidebar #nav_menu-5 .sub-menu .sub-menu {
	padding: 0 0 6px 12px;
	margin-left: 8px;
	border-left: 1px solid #dbe8f5;
}

/* 侧栏吸顶，可选 */
#sidebar .ct-sidebar {
	position: sticky;
	top: 105px;
}

/* 小工具间距 */
#sidebar .ct-widget {
	margin-bottom: 26px;
}

/* 右侧栏吸顶 */
#sidebar .ct-sidebar {
	position: sticky;
	top: 120px;
}

/* 右侧小工具之间间距 */
#sidebar .ct-widget {
	margin-bottom: 24px;
}

#sidebar .ct-widget .widget-title {
	font-size: 24px;
	color: var(--theme-palette-color-1);
	margin-bottom: 24px;
}

#sidebar .ct-widget .product_list_widget .product-title {
	text-transform: capitalize;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 产品分类页面容器间距优化 */
.woocommerce.archive .ct-container[data-sidebar="right"] {
	column-gap: 42px;
}

.product-entry-wrapper .entry-summary .entry-title {
	font-size: 45px;
}

/* 容器样式：使用 CSS Grid 实现双列布局 */
.product-specs-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 默认两列等宽 */
	gap: 24px 40px;
	/* 行间距 24px，列间距 40px */
	padding: 20px 0;
}

.product-specs-grid p {
	display: none;
}

/* 单个参数项 */
.spec-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	/* 标题和数值之间的间距 */
}

/* 标题样式：图二的深蓝色加粗风格 */
.spec-title {
	color: var(--theme-palette-color-1);
	/* 提取自图二的工业深蓝色 */
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}

/* 数值样式：图二的灰色常规字体风格 */
.spec-value {
	color: #6b7280;
	/* 质感深灰色 */
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}


/* =========================================================
   CHAC Product Detail Anchor - Fixed Version
========================================================= */

/* 修复 WooCommerce 产品详情页父级限制 */
.single-product .site-main,
.single-product main,
.single-product .chac-pd-section,
.single-product .entry-content,
.single-product div.product,
.single-product .product {
	overflow: visible !important;
}

/* 默认状态：正常在页面流里面 */
.chac-pd-anchor-wrap {
	position: relative;
	z-index: 2;
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #eef1f5;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: 0 8px 22px rgba(15, 43, 91, 0.05);
	margin-top: 2vw;
}

/* 滚动后固定：固定在 Header 下方 */
.chac-pd-anchor-wrap.is-fixed {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	width: 100%;
	margin-top: 0;
}

/* 登录 WordPress 后台时，顶部多一个黑条 */
body.admin-bar .chac-pd-anchor-wrap.is-fixed {
	top: 132px;
	margin-top: 0;
}

/* 占位层，防止导航 fixed 后页面突然跳动 */
.chac-pd-anchor-placeholder {
	display: none;
	height: 62px;
}

.chac-pd-anchor-placeholder.is-active {
	display: block;
}

/* 导航内部 */
.chac-pd-anchor-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 62px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	scrollbar-width: none;
}

.chac-pd-anchor-nav::-webkit-scrollbar {
	display: none;
}

.chac-pd-anchor-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
	padding: 0 24px;
	color: #2a2f3a;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.25s ease;
}

.chac-pd-anchor-link:hover,
.chac-pd-anchor-link.is-active {
	color: var(--theme-palette-color-1, #1456a6);
}

.chac-pd-anchor-link::after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 3px;
	background: var(--theme-palette-color-1, #1456a6);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.25s ease;
}

.chac-pd-anchor-link:hover::after,
.chac-pd-anchor-link.is-active::after {
	transform: scaleX(1);
}

/* 内容区块：点击锚点时避开 Header + 锚点导航 */
.chac-pd-section {
	position: relative;
	padding: 45px 0;
	background: #ffffff;
	border-bottom: 1px solid #eef1f5;
	scroll-margin-top: 175px;
}

.chac-pd-section:first-child {
	padding-top: 90px;
}

body.admin-bar .chac-pd-section {
	scroll-margin-top: 207px;
}

/* 灰色背景区 */
.chac-pd-section-gray {
	background: #f5f8fc;
}

/* 移动端 */
@media (max-width: 768px) {
	.chac-pd-anchor-wrap.is-fixed {
		top: 70px;
	}

	body.admin-bar .chac-pd-anchor-wrap.is-fixed {
		top: 70px;
	}
	
	.chac-pd-sections .chac-pd-section{
		padding-top:0px
	}
	
	.chac-pd-anchor-placeholder {
		height: 54px;
	}

	.chac-pd-anchor-nav {
		justify-content: flex-start;
		min-height: 54px;
	}

	.chac-pd-anchor-link {
		min-height: 54px;
		padding: 0 16px;
		font-size: 13px;
	}

	.chac-pd-section {
		padding: 60px 0;
		scroll-margin-top: 140px;
	}

	body.admin-bar .chac-pd-section {
		scroll-margin-top: 186px;
	}
	.product-entry-wrapper .entry-summary .entry-title{
		font-size:20px;
	}
}

.chac-pd-sections .chac-pd-section td,
.chac-pd-sections .chac-pd-section th {
	padding: 15px 12px;
	border: 1px solid #dadbdd !important;
	vertical-align: middle;
	font-size: 16px;
	color: #353535;
	text-align: center;
	text-transform: capitalize;

}

.chac-pd-sections .chac-pd-section td p,
.chac-pd-sections .chac-pd-section th p {
	padding-bottom: 0;
	margin-bottom: 0 !important;

}

.chac-pd-sections .chac-pd-section table {
	border-collapse: collapse;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.chac-pd-sections .chac-pd-section table td {
	border-left: 1px solid #dadbdd;
	border-top: 1px solid #dadbdd !important;

}

.chac-pd-sections .chac-pd-section table tr:first-child {
	background-color: var(--theme-palette-color-1) !important;
}

.chac-pd-sections .chac-pd-section table tr:nth-child(odd) {
	background-color: #F0F2F3;
}

.chac-pd-sections .chac-pd-section table tr:first-child td,
.chac-pd-sections .chac-pd-section table tr:first-child td span{
	color: #ffffff;
}

.chac-pd-sections .chac-pd-section table tr:hover:first-child {
	background-color: var(--theme-palette-color-1);

}

.chac-pd-sections .chac-pd-section table tr:hover {
	background-color: #eff7ff;
}

.chac-pd-sections .chac-pd-section {
	font-size: 16px;
	color: #353535;
	line-height: 30px;
	/* margin-bottom: 30px; */
}

.chac-pd-sections .chac-pd-section p,
.chac-pd-sections .chac-pd-section span {
	font-size: 16px;
	color: #353535;
	line-height: 28px;
}

.chac-pd-sections .chac-pd-section strong {
	font-weight: bold;
}

.chac-pd-sections .chac-pd-section img {
	max-width: 100%;
}

.chac-pd-sections .chac-pd-section a {
	color: #353535;
}

.chac-pd-sections .chac-pd-section h1,
.chac-pd-sections .chac-pd-section h2,
.chac-pd-sections .chac-pd-section h3,
.chac-pd-sections .chac-pd-section h4,
.chac-pd-sections .chac-pd-section h5 {
	font-weight: bold;

}

.chac-pd-sections .chac-pd-section h1 {
	font-size: 36px;
	margin-bottom: 20px
}

.chac-pd-sections .chac-pd-section h2 {
	/* position: relative; */
	font-size: 30px;
	margin: 30px 0;
	/* padding-left: 45px; */
	color: #000;
	text-transform: capitalize;

}

/* .chac-pd-sections .chac-pd-section h2::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--theme-palette-color-1);

}

.chac-pd-sections .chac-pd-section h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	background: transparent url('/wp-content/uploads/2026/06/favicon.png') no-repeat center/cover;
} */

.chac-pd-sections .chac-pd-section h3 {
	font-size: 22px;
	margin-bottom: 30px;
	font-weight: 600;
	color: #000;

}

.chac-pd-sections .chac-pd-section h4 {
	font-size: 18px;
	margin-bottom: 15px
}

.chac-pd-sections .chac-pd-section h5 {
	font-size: 14px;
	margin-bottom: 10px
}

.chac-pd-sections .chac-pd-section h6 {
	font-size: 12px;
	margin-bottom: 10px
}

.chac-pd-sections .chac-pd-section ul li,
.chac-pd-sections .chac-pd-section ol li {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	list-style: inherit !important;

}

.chac-pd-sections .chac-pd-section ul li p,
.chac-pd-sections .chac-pd-section ol li p {
	padding-bottom: 0;
	margin-bottom: 3px !important;
}

.chac-pd-sections .chac-pd-section ul,
.chac-pd-sections .chac-pd-section ol {
	margin-bottom: 15px;
}

.chac-pd-sections .chac-pd-section sub {
	vertical-align: sub;
	font-size: smaller;
}

.chac-pd-sections .chac-pd-section sup {
	vertical-align: super;
	font-size: smaller;
}

.chac-pd-sections .chac-pd-section img {
	display: inline-block;
	/* margin: 20px 0; */
}

.products .product .woocommerce-loop-product__title a {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: #353535;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.products .product:hover .woocommerce-loop-product__title a {
	color: var(--theme-palette-color-1);
}

.products .product .entry-meta,
.products .product .ct-woo-card-actions {
	display: none;
}

@media (max-width:540px){
	.chac-pd-sections .chac-pd-section h2{
		margin:10px 0;
		font-size:24px;
	}
	.chac-pd-sections .chac-pd-section h3{
		font-size:18px
	}
}


#manufacturing {}

#manufacturing .Why-Choose-CHAC-section {
	padding: 0;
}

#manufacturing .Why-Choose-CHAC-section p:empty,
#oem-odm .Terminal-Electrical-grid p:empty {
	display: none !important;
	margin: 0;
	padding: 0;
}

#manufacturing.chac-pd-section h2,
#oem-odm.chac-pd-section h2 {
	font-size: 36px;
	font-weight: 900;
	color: var(--theme-palette-color-1);
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#manufacturing.chac-pd-section span {
	font-size: 40px;
	color: var(--theme-palette-color-1);
}

#manufacturing.chac-pd-section h3 {
	font-size: 16px;
	color: #353535;
}

/* =========================================
   布局与版心 (1600px)
========================================= */
#manufacturing .chac-wz-cert-section {
	width: 100%;
	padding-top: 20px;
	/* 上下留白，可根据实际页面调整 */
	display: flex;
	justify-content: center;
}

/* =========================================
   主体 Wrapper 样式 (圆角、背景、Hover)
========================================= */
#manufacturing .chac-wz-cert-wrapper {
	background-color: #f3f4f6;
	/* 极浅的灰白色背景，还原图片质感 */
	border-radius: 12px;
	/* 细节圆角 */
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 60px;
	transition: box-shadow 0.4s ease, transform 0.4s ease;
}

/* 整个卡片的悬浮优化效果 */
#manufacturing .chac-wz-cert-wrapper:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
	transform: translateY(-3px);
}

/* =========================================
   Logo 区域
========================================= */
#manufacturing .chac-wz-logos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	gap: 30px;
}

#manufacturing .chac-wz-logo-item {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	cursor: pointer;
}

/* Logo 悬浮放大与透明度微调 */
#manufacturing .chac-wz-logo-item:hover {
	transform: scale(1.08);
	opacity: 0.85;
}

#manufacturing .chac-wz-logo-item img {
	height: 50px;
	/* 统一高度，宽度自适应，还原 Logo 比例 */
	width: auto;
	object-fit: contain;
	border-radius: 4px;
	mix-blend-mode: multiply;
	/* 融入背景，消除占位图可能带有的白底突兀感 */
}

/* =========================================
   分割线
========================================= */
#manufacturing .chac-wz-divider {
	width: 2px;
	height: 65px;
	background-color: #d1d5db;
	/* 柔和的灰色分割线 */
	margin: 0 60px;
	flex-shrink: 0;
}

/* =========================================
   文本区域
========================================= */
#manufacturing .chac-wz-text {
	flex: 0 0 380px;
	/* 固定右侧文本区域的宽度，保持排版稳定 */
}

#manufacturing .chac-wz-text p {
	font-size: 18px;
	/* 正文字体 18px，满足大于 16px 的要求 */
	color: #374151;
	/* 深灰偏蓝色调，比纯黑更具高级感 */
	line-height: 1.6;
	font-weight: 400;
	margin: 0;
}

/* =========================================
   响应式设计 (笔记本、平板、手机自适应)
========================================= */

/* 笔记本端 (1400px 以下) */
@media (max-width: 1400px) {
	#manufacturing .chac-wz-cert-wrapper {
		padding: 35px 45px;
	}

	#manufacturing .chac-wz-divider {
		margin: 0 40px;
	}

	#manufacturing .chac-wz-text {
		flex: 0 0 320px;
	}

	#manufacturing .chac-wz-text p {
		font-size: 16px;
		/* 屏幕变小，字体缩放至 16px */
	}

	#manufacturing .chac-wz-logo-item img {
		height: 45px;
	}
}

/* 平板端 (1024px 以下) */
@media (max-width: 1024px) {
	#manufacturing .chac-wz-cert-wrapper {
		flex-direction: column;
		/* 改为垂直排列 */
		padding: 40px;
		text-align: center;
	}

	#manufacturing .chac-wz-divider {
		width: 60%;
		height: 1px;
		/* 分割线变为水平 */
		margin: 30px 0;
	}

	#manufacturing .chac-wz-text {
		flex: auto;
		max-width: 600px;
	}
}

/* 手机端 (768px 以下) */
@media (max-width: 768px) {
	#manufacturing .chac-wz-cert-wrapper {
		padding: 30px 20px;
	}

	#manufacturing .chac-wz-logos {
		flex-wrap: wrap;
		/* 允许 Logo 换行 */
		justify-content: center;
		gap: 20px 30px;
	}

	#manufacturing .chac-wz-logo-item img {
		height: 40px;
	}

	#manufacturing .chac-wz-divider {
		width: 80%;
		margin: 25px 0;
	}

	#manufacturing .chac-wz-text p {
		font-size: 16px;
	}
}

#oem-odm .Terminal-Electrical-desc {
	max-width: 100%;
}

#oem-odm .Terminal-Electrical-section {
	padding-bottom: 20px;
	padding-top: 0;
}


#oem-odm p.Terminal-Electrical-card-desc {
	font-size: 14px;
	line-height: 1.5;
}

:root {
	--chac-primary-blue: #1456a6;
	--chac-light-bg: #f4f7fc;
	--chac-text-dark: #1a1a1a;
	--chac-text-gray: #555555;
	--chac-white: #ffffff;
	--chac-transition: all 0.3s ease-in-out;
}

/* =========================================
   顶部流程面板
   ========================================= */
#oem-odm .chac-wz-odm-oem-top-panel {
	background-color: var(--chac-light-bg);
	border-radius: 20px;
	padding: 30px 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

#oem-odm .chac-wz-odm-oem-process-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#oem-odm .chac-wz-odm-oem-title {
	color: var(--chac-primary-blue);
	font-size: 28px !important;
	font-weight: 700;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* 流程步骤容器 */
#oem-odm .chac-wz-odm-oem-steps-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
}

/* 单个步骤 */
#oem-odm .chac-wz-odm-oem-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 160px;
	cursor: pointer;
}

/* 图标圆形盒子 */
#oem-odm .chac-wz-odm-oem-icon-box {
	width: 80px;
	height: 80px;
	background-color: var(--chac-primary-blue);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: var(--chac-transition);
	box-shadow: 0 4px 10px rgba(0, 70, 160, 0.1);
}

#oem-odm .chac-wz-odm-oem-icon-box i {
	color: var(--chac-white);
	font-size: 32px;
	transition: var(--chac-transition);
}

/* Hover 交互效果 */
#oem-odm .chac-wz-odm-oem-step:hover .chac-wz-odm-oem-icon-box {
	transform: translateY(-8px);
	box-shadow: 0 12px 20px rgba(0, 70, 160, 0.3);
}

#oem-odm .chac-wz-odm-oem-step:hover .chac-wz-odm-oem-icon-box i {
	transform: scale(1.1);
}

/* 步骤文字 */
#oem-odm .chac-wz-odm-oem-step-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--chac-text-dark);
	margin: 0 0 10px 0;
}

#oem-odm .chac-wz-odm-oem-step-desc {
	font-size: 13px;
	color: var(--chac-text-gray);
	line-height: 1.5;
	margin: 0;
}

/* 箭头 */
#oem-odm .chac-wz-odm-oem-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--chac-primary-blue);
	font-size: 20px;
	padding-top: 30px;
	/* 对齐图标高度 */
}

/* 右侧产品图 */
#oem-odm .chac-wz-odm-oem-product-image {
	width: 220px;
	margin-left: 40px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#oem-odm .chac-wz-odm-oem-product-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	/* 给占位图加点圆角更美观 */
	mix-blend-mode: multiply;
	/* 如果是白底图可以更好地融入背景 */
}

/* =========================================
   底部横幅面板
   ========================================= */
#oem-odm .chac-wz-odm-oem-bottom-panel {
	background-color: var(--chac-primary-blue);
	border-radius: 20px;
	padding: 40px 60px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

#oem-odm .chac-wz-odm-oem-bottom-content {
	display: flex;
	align-items: center;
	gap: 30px;
	position: relative;
	z-index: 2;
	max-width: 1200px;
}

#oem-odm .chac-wz-odm-oem-bottom-icon {
	width: 80px;
	height: 80px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: var(--chac-transition);
}

#oem-odm .chac-wz-odm-oem-bottom-icon i {
	color: var(--chac-white);
	font-size: 36px;
}

#oem-odm .chac-wz-odm-oem-bottom-panel:hover #oem-odm .chac-wz-odm-oem-bottom-icon {
	background-color: var(--chac-white);
}

#oem-odm .chac-wz-odm-oem-bottom-panel:hover #oem-odm .chac-wz-odm-oem-bottom-icon i {
	color: var(--chac-primary-blue);
}

#oem-odm .chac-wz-odm-oem-bottom-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#oem-odm .chac-wz-odm-oem-bottom-title {
	color: var(--chac-white);
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

#oem-odm .chac-wz-odm-oem-bottom-desc {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	margin: 0;
	line-height: 1.5;
}

/* 底部地图背景模拟 */
#oem-odm .chac-wz-odm-oem-map-bg {
	position: absolute;
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
	width: 30%;
	height: 100%;
	background-image: url('/wp-content/uploads/2026/06/bg-contacts.png');
	background-size: cover;
	background-position: center;
	opacity: 0.5;
	/* 降低透明度模拟暗纹效果 */
	z-index: 1;
	pointer-events: none;
	/* mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); */
}

/* =========================================
   响应式设计 (笔记本、平板、手机)
   ========================================= */

/* 笔记本 (1440px 以下) */
@media (max-width: 1440px) {
	#oem-odm .chac-wz-odm-oem-top-panel {
		padding: 40px;
	}

	#oem-odm .chac-wz-odm-oem-step {
		width: 140px;
	}

	#oem-odm .chac-wz-odm-oem-step-title {
		font-size: 16px;
	}

	#oem-odm .chac-wz-odm-oem-step-desc {
		font-size: 14px;
	}

	#oem-odm .chac-wz-odm-oem-bottom-title {
		font-size: 24px;
	}

	#oem-odm .chac-wz-odm-oem-bottom-desc {
		font-size: 16px;
	}
}

/* 平板端 (1024px 以下) */
@media (max-width: 1024px) {
	#oem-odm .chac-wz-odm-oem-top-panel {
		flex-direction: column;
	}

	#oem-odm .chac-wz-odm-oem-product-image {
		margin-left: 0;
		margin-top: 40px;
		width: 300px;
	}

	#oem-odm .chac-wz-odm-oem-steps-container {
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	#oem-odm .chac-wz-odm-oem-arrow {
		display: none;
		/* 平板端换行显示，隐藏箭头更整洁 */
	}

	#oem-odm .chac-wz-odm-oem-step {
		width: 30%;
		margin-bottom: 20px;
	}

	#oem-odm .chac-wz-odm-oem-bottom-panel {
		padding: 30px;
	}

	#oem-odm .chac-wz-odm-oem-bottom-content {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
}

/* 手机端 (768px 以下) */
@media (max-width: 768px) {
	#oem-odm .chac-wz-odm-oem-section {
		padding: 30px 15px;
	}

	#oem-odm .chac-wz-odm-oem-top-panel {
		padding: 30px 20px;
	}

	#oem-odm .chac-wz-odm-oem-title {
		font-size: 24px;
		text-align: center;
	}

	#oem-odm .chac-wz-odm-oem-step {
		width: 100%;
		flex-direction: row;
		text-align: left;
		align-items: flex-start;
		gap: 20px;
	}

	#oem-odm .chac-wz-odm-oem-icon-box {
		width: 60px;
		height: 60px;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	#oem-odm .chac-wz-odm-oem-icon-box i {
		font-size: 24px;
	}

	#oem-odm .chac-wz-odm-oem-step-desc {
		font-size: 16px;
		/* 保证手机端正文不小于16px */
	}

	#oem-odm .chac-wz-odm-oem-bottom-title {
		font-size: 22px;
	}

	#oem-odm .chac-wz-odm-oem-bottom-desc {
		font-size: 16px;
	}
}

.related .ct-module-title,
.up-sells .ct-module-title {
	font-size: 30px;
	text-transform: capitalize;
}

.product-download-section {
	margin: 70px 0 55px;
}

#downloads .download-panel {
	background: #f4f7fb;
	border: 1px solid #e1e8f0;
	border-radius: 18px;
	padding: 38px;
}

#downloads .download-intro {
	max-width: 780px;
	margin-bottom: 28px;
}

#downloads .download-label {
	display: inline-block;
	margin-bottom: 10px;
	color: #1456a6;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

#downloads .download-intro h2 {
	margin: 0 0 12px;
	color: #111827;
	font-size: 30px;
	line-height: 1.25;
	font-weight: 800;
}

#downloads .download-intro p {
	margin: 0;
	color: #5f6b7a;
	font-size: 15px;
	line-height: 1.7;
}

#downloads .download-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
}

#downloads .download-file-card {
	background: #ffffff;
	border: 1px solid #dce5ef;
	border-radius: 14px;
	padding: 26px;
	transition: all 0.25s ease;
}

#downloads .download-file-card:hover {
	border-color: #1456a6;
	box-shadow: 0 16px 38px rgba(21, 93, 171, 0.12);
	transform: translateY(-2px);
}

#downloads .download-file-top {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 18px;
}

#downloads .download-icon {
	width: 58px;
	height: 68px;
	flex: 0 0 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1456a6;
	color: #ffffff;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 800;
}

.support-icon {
	background: #263445;
}

#downloads .download-type {
	margin-bottom: 5px;
	color: #1456a6;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

#downloads .download-file-card h3 {
	margin: 0;
	color: #111827;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 800;
}

#downloads .download-file-card p {
	margin: 0 0 22px;
	color: #5f6b7a;
	font-size: 16px;
	line-height: 1.7;
}

#downloads .download-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 22px;
	background: #1456a6;
	color: #ffffff;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.25s ease;
}

#downloads .download-btn:hover {
	background: #10284e;
	color: #ffffff;
}

.secondary-btn {
	background: #263445;
}

.secondary-btn:hover {
	background: #111827;
}

@media screen and (max-width: 768px) {
	#downloads .download-panel {
		padding: 24px;
	}

	#downloads .download-grid {
		grid-template-columns: 1fr;
	}

	#downloads .download-intro h2 {
		font-size: 26px;
	}

	#downloads .download-btn {
		width: 100%;
	}
}


/* Base Reset & Variables */
:root {
	--cq-wz-primary-blue: #1456a6;
	--cq-wz-text-dark: #1a1a1a;
	--cq-wz-text-gray: #5e626b;
	--cq-wz-border-color: #eef0f3;
	--cq-wz-bg-light: #f7f8fa;
}

/* Section & Container */
.cq-wz-section {
	padding: 30px 0;
}

.cq-wz-section p {
	display: none;
}

/* Header */
.cq-wz-header {
	margin-bottom: 50px;
	text-align: left;
}

.cq-wz-title {
	font-weight: 700;
	color: var(--cq-wz-text-dark);
	margin-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cq-wz-subtitle {
	font-size: 18px;
	color: var(--cq-wz-text-gray);
	line-height: 1.6;
}

/* Stats Grid */
.cq-wz-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}

.cq-wz-stat-card {
	background: #ffffff;
	border: 1px solid var(--cq-wz-border-color);
	border-radius: 16px;
	padding: 40px 30px;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.cq-wz-stat-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
	border-color: transparent;
}

.cq-wz-stat-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 20px;
}

.cq-wz-icon {
	color: var(--cq-wz-primary-blue);
	width: 48px;
	height: 48px;
}

.cq-wz-number {
	font-size: 46px;
	font-weight: 700;
	color: var(--cq-wz-primary-blue);
	line-height: 1;
}

.cq-wz-stat-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--cq-wz-text-dark);
	margin-bottom: 12px;
	text-transform: uppercase;
}

.cq-wz-stat-desc {
	font-size: 16px;
	color: var(--cq-wz-text-gray);
	line-height: 1.5;
}

/* Gallery Grid */
.cq-wz-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}

.cq-wz-gallery-item {
	text-align: center;
}

.cq-wz-img-wrapper {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 16px;
	background-color: var(--cq-wz-bg-light);
}

.cq-wz-img-wrapper img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.cq-wz-gallery-item:hover .cq-wz-img-wrapper img {
	transform: scale(1.06);
}

.cq-wz-gallery-title {
	font-size: 18px;
	font-weight: 500;
	color: var(--cq-wz-text-dark);
}

/* Certification Banner */
.cq-wz-cert-banner {
	background-color: var(--cq-wz-bg-light);
	border-radius: 16px;
	padding: 35px 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
}

.cq-wz-cert-logos {
	display: flex;
	align-items: center;
	gap: 35px;
	flex-wrap: wrap;
}

/* 简易Logo占位样式 */
.cq-wz-cert-logos span {
	font-size: 28px;
	font-weight: 700;
	color: #0b1c3c;
	letter-spacing: 1px;
}

.cq-wz-logo-iec {
	border-bottom: 3px solid #0b1c3c;
	padding-bottom: 2px;
}

.cq-wz-logo-rohs {
	color: #2e7d32 !important;
}

.cq-wz-logo-tuv {
	color: #c62828 !important;
}

.cq-wz-cert-divider {
	width: 1px;
	height: 60px;
	background-color: #d1d5db;
}

.cq-wz-cert-text {
	font-size: 16px;
	color: var(--cq-wz-text-gray);
	line-height: 1.6;
	max-width: 350px;
}

/* Responsive Design */
@media (max-width: 1200px) {

	.cq-wz-stats-grid,
	.cq-wz-gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cq-wz-title {
		font-size: 36px;
	}
}

@media (max-width: 900px) {
	.cq-wz-cert-banner {
		flex-direction: column;
		text-align: center;
		gap: 25px;
		padding: 30px 20px;
	}

	.cq-wz-cert-divider {
		width: 100px;
		height: 1px;
	}

	.cq-wz-cert-logos {
		justify-content: center;
	}
}

@media (max-width: 768px) {

	.cq-wz-stats-grid,
	.cq-wz-gallery-grid {
		grid-template-columns: 1fr;
	}

	.cq-wz-title {
		font-size: 28px;
	}

	.cq-wz-subtitle {
		font-size: 16px;
	}

	.cq-wz-section {
		padding: 50px 15px;
	}

	.cq-wz-stat-header {
		justify-content: flex-start;
	}

	.cq-wz-stat-card {
		text-align: left;
	}
}

/* faq */
.chac-pd-sections .chac-pd-section .chac-faq-item h3.chac-faq-title {
	color: var(--theme-palette-color-1);
	font-weight: 600;
	text-transform: capitalize;
	margin: 15px 0;
}

@media (max-width: 768px) {


	/* 强制表格在移动端表现为块级元素，从而支持横向滚动 */
	.chac-pd-sections .chac-pd-section table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		/* 让 iOS 设备的横向滑动更顺畅 */

	}

	.chac-pd-sections .chac-pd-section td,
	.chac-pd-sections .chac-pd-section th {
		padding: 15px 5px !important;
		line-height: 20px
	}

	.chac-pd-sections .chac-pd-section p,
	.chac-pd-sections .chac-pd-section span {
		font-size: 13px !important;
		line-height: 24px !important;

	}

	.chac-pd-sections .chac-pd-section img {
		display: inline-block;
		margin: 12px 0;

	}

	/* 可选：防止表格内的文字在手机端过度换行挤压，强制撑开表格产生滚动条 */
	.chac-pd-sections .chac-pd-section table th,
	.chac-pd-sections .chac-pd-section table td {
		white-space: nowrap;

	}

}

/* 新闻详情 */
.post h2.entry-title {
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.post .entry-excerpt p {
	line-height: 1.5;
	height: 4.5em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ct-widget .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ct-widget .wp-block-latest-posts.wp-block-latest-posts__list li {
	display: flex;
	align-items: center;
}

.ct-related-posts-container .ct-related-posts .ct-module-title {
	display: block;
	margin-bottom: 1vw;
}

#chac-sidebar-toc {
	position: sticky;
	top: 120px;
	background: #f3f7ff;
	padding: 25px;
	border-radius: 15px;
	border: 1px solid #f3f7ff;
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
	z-index: 10;
}

.chac-toc-header {
	font-size: 30px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.chac-toc-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.chac-toc-list li {
	margin-bottom: 12px;
}

.chac-toc-link {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
	display: block;
	transition: all 0.3s ease;
	border-left: 2px solid transparent;
	padding-left: 12px;
	text-transform: capitalize;
}

.chac-toc-link:hover {
	color: var(--theme-palette-color-1);
}

.chac-toc-link.active {
	color: var(--theme-palette-color-1);
	font-weight: 600;
	border-left-color: var(--theme-palette-color-1);
}

.post blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 40px;
    border-radius: 0 8px 8px 0;
    font-size: 18px;
    line-height: 1.5;
    color: #444;
    font-style: italic;
    z-index: 1;
    overflow: hidden
}

.post .container>blockquote:first-child {
    border-inline-start:0}

.post blockquote::before {
    content: '“';
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 100px;
    font-weight: 900;
    line-height: 1;
    color: rgb(20,86,166,.15);
    font-style: normal;
    z-index: 0;
    pointer-events: none
}

.post p {
    line-height: 1.8
}

.post a{
	color: var(--theme-palette-color-1) !important;
}

.post table {
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    border-right: 1px solid #eaf5ff;
    border-bottom: 1px solid #eaf5ff;
    width: 100%!important;
    margin: 2vw 0;
}

.post table tr:hover td {
    background-color: #eaf5ff
}

.post table tr:first-child th {
    background-color:var(--theme-palette-color-1);
    color: #ffffff !important;
    font-weight: 700;
    padding: 16px 20px;
    border-bottom: 2px solid #eaf5ff
}

.post table tr:first-child th span,
.post table tr:first-child th p{
	color: #ffffff !important;
}

.post table tr th,.post table tr td {
    padding: 15px 12px;
    border: 1px solid #dadbdd!important;
    vertical-align: middle;
    font-size: 16px;
    color: #353535;
    text-align: center
}

.post ul li,
.post ol li {
    margin-bottom: 12px !important; 
    line-height: 1.8 !important;    
}

.post ul,
.post ol {
    padding-left: 0 !important; 
    margin-bottom: 1.5rem !important;
}

/* faq */
.tac {
	text-align: center;
}

.inner-section {
	padding: 90px 0;
}

.inner-sec-head {
	margin-bottom: 50px;
}

.inner-sec-head .sub-tit {
	display: inline-block;
	color: #000;
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.inner-sec-head .main-tit {
	font-size: var(--f46);
	color: var(--theme-palette-color-1);
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.2;
}

.faq-accordion {
	/* 控制最大宽度，保证阅读体验 */
	margin: 0 auto;
}

.faq-item {
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.faq-item.active {
	border-color: var(--theme-palette-color-1);
	box-shadow: 0 8px 20px rgba(20, 86, 166, 0.08);
}

.faq-head {
	padding: 25px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	background: #fdfdfd;
	border-radius: 4px;
}

.faq-item.active .faq-head {
	background: #fff;
}

.faq-q {
	font-size: var(--f20);
	color: #111;
	font-weight: 600;
	transition: color 0.3s;
	padding-right: 30px;
	line-height: 1.5;
	margin-block-end: 0;
	text-transform: capitalize;
}

.faq-item:hover .faq-q,
.faq-item.active .faq-q {
	color: var(--theme-palette-color-1);
}

/* 加号/减号 动画图标 */
.faq-icon {
	position: relative;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.faq-icon::before,
.faq-icon::after {
	content: '';
	position: absolute;
	background: #111;
	transition: all 0.3s ease;
}

.faq-icon::before {
	top: 8px;
	left: 0;
	width: 18px;
	height: 2px;
}

.faq-icon::after {
	top: 0;
	left: 8px;
	width: 2px;
	height: 18px;
}

.faq-item:hover .faq-icon::before,
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before,
.faq-item.active .faq-icon::after {
	background: var(--theme-palette-color-1);
}

.faq-item.active .faq-icon::after {
	transform: rotate(90deg);
	opacity: 0;
}

.faq-body {
	display: none;
	padding: 0 30px 30px;
}

.faq-content {
	font-size: var(--f16);
	color: #666;
	line-height: 1.75;
	border-top: 1px dashed #e5e7eb;
	padding-top: 25px;
}

/* 平板设备 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	.inner-section {
		padding: 70px 0; /* 减小区块整体上下内边距 */
	}

	.inner-sec-head {
		margin-bottom: 40px;
	}

	.inner-sec-head .main-tit {
		font-size: 36px; /* 覆盖 var(--f46)，缩小主标题 */
	}
}

/* 手机横屏及小尺寸平板 (Mobile & Small Tablet: 767px 及以下) */
@media (max-width: 767px) {
	.inner-section {
		padding: 50px 0;
	}

	.inner-sec-head {
		margin-bottom: 30px;
	}

	.inner-sec-head .main-tit {
		font-size: 28px;
	}

	.faq-head {
		padding: 20px; /* 减小头部内边距 */
	}

	.faq-q {
		font-size: 18px; /* 覆盖 var(--f20)，缩小问题字号 */
		padding-right: 20px; /* 缩小与右侧加号图标的距离 */
	}

	.faq-body {
		padding: 0 20px 20px; /* 同步减小内容区内边距 */
	}

	.faq-content {
		padding-top: 20px; /* 减小虚线与文字的间距 */
	}
}

/* 手机竖屏 (Mobile Portrait: 479px 及以下) */
@media (max-width: 479px) {
	.inner-section {
		padding: 40px 0;
		padding-top:0;
	}

	.inner-sec-head .sub-tit {
		font-size: 14px; /* 缩小副标题 */
		margin-bottom: 8px;
	}

	.inner-sec-head .main-tit {
		font-size: 24px;
	}

	.faq-head {
		padding: 15px; /* 移动端进一步压缩面板内边距，节省屏幕空间 */
	}

	.faq-q {
		font-size: 16px;
	}

	.faq-body {
		padding: 0 15px 15px;
	}

	.faq-content {
		padding-top: 15px;
		font-size: 14px; /* 覆盖 var(--f16)，稍微缩小答案字号 */
	}
}

/* 视频栏目 */
:root {
	--theme-color: var(--theme-palette-color-1);
	/* 您的主题橙色 */
}

.video-section {
	padding: 80px 0;
	background-color: #fff;
}

.video-sec-head {
	margin-bottom: 40px;
	text-align: center;
}

.video-sec-head .main-tit {
	font-size: 46px;
	color: var(--theme-palette-color-1);
	font-weight: 700;
	margin-bottom: 3vw;
	text-transform: capitalize;
}

/* 视频列表布局 (3列网格) */
.video-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* 单个视频卡片 */
.video-item {
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease;
}

.video-item:hover {
	transform: translateY(-5px);
}

/* iframe 容器：强制 16:9 比例 */
.v-iframe-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}

.v-iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
}

/* 底部标题栏 */
.v-title {
	background: var(--theme-color);
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 响应式调整 */
@media screen and (max-width: 1024px) {
	.video-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.video-list {
		grid-template-columns: 1fr;
	}

	.video-sec-head .main-tit {
		font-size: 28px;
	}
}


/* 下载 */
/* ==========================================
   下载中心板块样式 (左侧链接导航版)
========================================== */
.chac-download-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.chac-download-section .layout {
	margin: 0 auto;
	padding: 0 15px;
}

.chac-download-section .title-bar {
	margin-bottom: 40px;
}

.chac-download-section .title-bar .title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/* 布局容器 */
.chac-download-section .tab-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/* 左侧分类导航 */
.chac-download-section .tab-nav {
	width: 27%;
	box-shadow: 0px 0px 10px #D1D1D1;
	background: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	overflow: hidden;
}

/* 将 nav-item 改为链接样式 */
.chac-download-section .nav-item {
	display: block;
	padding: 25px 30px;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none;
	/* 去除链接下划线 */
	transition: all 0.3s ease;
	border-bottom: 1px solid #eee;
}

.chac-download-section .nav-item:last-child {
	border-bottom: none;
}

.chac-download-section .nav-item:hover,
.chac-download-section .nav-item.active {
	color: #ffffff;
	background-color: var(--theme-palette-color-1);
	/* 您的深蓝色主题 */
}

/* 右侧内容面板 */
.chac-download-section .tab-pannel-wrap {
	width: 70%;
}

.chac-download-section .tab-pannel {
	display: block;
	animation: fadeIn 0.5s ease;
}

/* 下载项目网格 */
.chac-download-section .download-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.chac-download-section .download-item {
	width: 100%;
}

.chac-download-section .download-content {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	transition: box-shadow 0.3s ease;
}

.chac-download-section .download-content:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.chac-download-section .download-cont {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
}

.chac-download-section .download-cont img {
	width: 100px;
	height: auto;
	object-fit: contain;
}

.chac-download-section .item-title {
	font-size: 20px;
	color: #313131;
	font-weight: 500;
	line-height: 1.4;
}

.chac-download-section .download-content:hover .item-title {
	color: var(--theme-palette-color-1);
}

/* 下载按钮 */
.chac-download-section .download-actions {
	display: flex;
	gap: 12px; /* 使用 gap 替代原有的 margin-right: 1vw，更加稳定 */
}

.chac-download-section .download-actions a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background: #f3f4f6;
	color: var(--theme-palette-color-1);
	border-radius: 50%;
	transition: all 0.3s ease;
	text-decoration: none;
}

.chac-download-section .download-actions a:hover {
	background: var(--theme-palette-color-1);
	color: #fff;
	transform: scale(1.05);
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

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

/* ==========================================
   响应式调整 (Responsive Design)
========================================== */

/* 平板端 (Tablet: 1024px 及以下) */
@media only screen and (max-width: 1024px) {
	.chac-download-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.chac-download-section .tab-container {
		flex-direction: column;
	}

	.chac-download-section .tab-nav {
		width: 100%;
		margin-bottom: 30px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.chac-download-section .nav-item {
		width: 50%;
		text-align: center;
		padding: 15px 20px; /* 减小导航内边距 */
	}

	.chac-download-section .tab-pannel-wrap {
		width: 100%;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media only screen and (max-width: 767px) {
	.chac-download-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.chac-download-section .title-bar {
		margin-bottom: 30px;
	}

	.chac-download-section .title-bar .title {
		font-size: 28px;
	}

	.chac-download-section .nav-item {
		width: 100%;
		font-size: 16px;
	}

	.chac-download-section .download-content {
		padding: 15px;
	}

	.chac-download-section .download-cont img {
		width: 80px; /* 稍微缩小缩略图 */
	}

	.chac-download-section .item-title {
		font-size: 18px;
	}

	.chac-download-section .download-actions a {
		width: 40px;
		height: 40px;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media only screen and (max-width: 479px) {
	.chac-download-section .title-bar .title {
		font-size: 24px;
	}

	/* 小屏幕下，将左右布局改为上下布局 */
	.chac-download-section .download-content {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.chac-download-section .download-cont {
		width: 100%;
	}

	.chac-download-section .download-cont img {
		width: 60px; /* 进一步缩小图片 */
	}

	.chac-download-section .item-title {
		font-size: 16px;
	}

	/* 按钮区域占满宽度，并靠右对齐 */
	.chac-download-section .download-actions {
		width: 100%;
		justify-content: flex-end; 
	}
}

/* 应用领域 */


*[class*="rect-"] {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

*[class*="rect-"] ._full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	*height: auto;
	object-fit: cover;
}

*[class*="rect-"] ._full.ofc {
	object-fit: contain;
}

/* 比例占位 */
.rect-30 {
	padding-bottom: 30%;
	height: 0;
}

.rect-60 {
	padding-bottom: 60%;
	height: 0;
}

/* 3D视窗比例 */
.rect-70 {
	padding-bottom: 70%;
	height: 0;
}

.fwb {
	font-weight: bold;
}

/* 1. 强制启用 Grid 布局，并覆盖原有的浮动样式 */
.n_applist ul {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	/* 强制 3 列等宽 */
	gap: 20px !important;
	/* 统一设置卡片之间的间距，替代原来的 margin */
	list-style: none !important;
	padding: 0 !important;
	margin: 0 auto;
}

/* 2. 清除 li 标签上残留的浮动和宽度限制 */
.n_applist ul li {
	float: none !important;
	width: 100% !important;
	/* 让它在自己的网格里占满，而不是占整个屏幕的 33% */
	margin: 0 !important;
	/* 间距已经由上面的 gap 接管，这里必须清零 */
	overflow: hidden;
}

.n_applist ul li a {
	display: block;
	position: relative;
	height: 100%;
}

/* 3. 图片容器与悬停动画 */
.n_applist ul li .img {
	overflow: hidden;
}

.n_applist ul li .img img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.n_applist ul li a:hover .img img {
	transform: scale(1.05);
}

/* 4. 文本框与背景层 */
.n_applist ul li .txt {
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 3;
	padding: 25px 30px 75px;
	min-width: 56%;
	max-width: 88%;
	box-sizing: border-box;
	/* 关键：防止 padding 撑破容器宽度 */
	transition: all 0.3s ease;
}

.n_applist ul li .txt::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/wp-content/uploads/2026/06/i_app_bg.png') no-repeat center;
	background-size: 100% auto;
	opacity: 0.85;
	z-index: 1;
}

.n_applist ul li .txt .tit {
	position: relative;
	z-index: 2;
	color: #333;
	text-transform: capitalize;
}

/* 5. 箭头图标 */
.n_applist ul li .txt i {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 30px;
	bottom: -15%;
	background: var(--theme-palette-color-1);
	width: 45px;
	height: 45px;
	font-size: var(--f16, 16px);
	color: #fff;
	font-weight: 700;
	z-index: 2;
	border-radius: 8px;
	transition: background 0.3s ease;
}

.n_applist ul li a:hover .txt i {
	background: #13284f;
}

/* 平板端 (Tablet: 992px 及以下) */
@media (max-width: 992px) {
	.n_applist ul {
		grid-template-columns: repeat(2, 1fr) !important;
		/* 平板端强制 2 列 */
	}

	/* 平板端卡片尺寸发生变化，适当减小内边距，防止文字撑破背景 */
	.n_applist ul li .txt {
		padding: 20px 25px 60px;
	}
    
	.n_applist ul li .txt i {
		bottom: -20px; /* 建议将桌面的 -15% 改为具体的 px 值，避免高度变化导致错位 */
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 768px 及以下) */
@media (max-width: 768px) {
	.n_applist ul {
		grid-template-columns: 1fr !important;
		/* 手机端强制 1 列 */
	}

	.n_applist ul li .txt {
		padding: 15px 20px 50px;
		min-width: 60%;
		max-width: 90%; /* 确保在手机端背景框有足够的宽度容纳文字 */
	}

	.n_applist ul li .txt i {
		width: 35px;
		height: 35px;
		left: 20px;
		bottom: -17px; 
		font-size: 14px; /* 容器缩小，内部图标字号也同步稍微缩小 */
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.n_applist ul li .txt {
		padding: 12px 15px 40px;
		min-width: 75%; /* 小屏幕上让文本框占比更宽，避免英文单词过长导致异常换行 */
	}
	
	.n_applist ul li .txt .tit {
		font-size: 16px; /* 移动端适当缩小标题字号 */
	}

	.n_applist ul li .txt i {
		width: 30px;
		height: 30px;
		left: 15px;
		bottom: -15px;
	}
}

/* ==========================================
   面包屑导航样式 (.chac-breadcrumb)
========================================== */
.chac-breadcrumb {
	padding: 20px 0;
	font-size: 14px;
	/* 对应您网站的常规字体大小 */
	color: #666;
	/* 柔和的灰色 */
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.chac-breadcrumb a {
	color: #333;
	text-decoration: none;
	transition: color 0.3s ease;
}

.chac-breadcrumb a:hover {
	color: var(--theme-color, #10284e);
	/* 鼠标悬停时显示主题色 */
}

.chac-breadcrumb .separator {
	margin: 0 10px;
	color: #999;
	font-size: 12px;
}

.chac-breadcrumb .current {
	color: var(--theme-color, #10284e);
	font-weight: 600;
	/* 当前页标题稍微加粗突出 */
}

/* 行业详情 s */
.n_tit2 {
	position: relative;
	font-size: var(--f40);
	line-height: 1.3;
	/* 原 0.15rem */
	padding-bottom: 15px;
	color: #353535;
	font-weight: 500;
}

.n_tit2::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	/* 原 0.67rem */
	width: 67px;
	/* 原 0.04rem */
	height: 4px;
	background: var(--theme-color);
}

.n_app_xq_01 {}

.n_app_xq_01 .fl {
	width: 48%;
}

.n_app_xq_01 .fl .des p:not(:last-child) {
	margin-bottom: 1em;
}

.n_app_xq_01 .fl .des h3 {
	font-weight: 600;
	font-size: var(--f20);
	line-height: 1.3;
	margin-bottom: 0.5em;
	color: #212121;
}

.n_app_xq_01 .fr {
	width: 48%;
}

.n_app_xq_02 {}

.n_app_xq_02 ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	/* 原 0.3rem */
	gap: 30px;
}

.n_app_xq_02 ul li {
	background-color: #fff;
	/* 原 0.2rem */
	border-radius: 20px;
	/* 原 0.2rem */
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	/* 原 0.3rem 0.5rem */
	padding: 30px 50px;
	text-align: center;
}

.n_app_xq_02 ul li .ico {}

.n_app_xq_02 ul li .ico img {
	display: inline-block;
	/* 原 0.9rem */
	height: 90px;
}

.n_app_xq_02 ul li .info {
	/* 原 0.25rem */
	margin-top: 25px;
	min-height: 6em;
}

.n_app_xq_02 ul li .tit {
	font-size: var(--f24);
	line-height: 1.3;
	font-weight: 600;
	height: 2.6em;
	color: var(--theme-palette-color-1)
}

.n_app_xq_02 ul li .des {
	font-size: var(--f16);
	line-height: 1.5;
	color: #353535;
	/* 原 0.15rem */
	margin-top: 15px;
	min-height: 7.5em;
	text-transform: capitalize;
}

.n_app_xq_03 .con {
	/* 原 0.2rem */
	border-radius: 20px;
	overflow: hidden;
}

.xg_case {}

.xg_case ul {}

.xg_case ul li {}

.xg_case ul li a {
	display: block;
	background-color: #fff;
	/* 原 0.2rem */
	border-radius: 20px;
	overflow: hidden;
}

.xg_case ul li .info {
	padding: 20px;
}

.xg_case ul li .info .tit {
	font-weight:500;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.xg_case ul li a:hover .tit {
	color: var(--theme-color);
}

.rect-67 {
	padding-bottom: 67%;
}

.ofh {
	overflow: hidden;
}

.radius20 {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.mt50,
.mt-50 {
	margin-top: 50px;
}

.pt-80 {
	padding-top: 80px;
}

.pd-80 {
	padding: 80px 0;
}

.n_app_xq .n_app_xq_01 .title,
.n_app_xq .n_app_xq_01 .title h1{
	color: var(--theme-palette-color-1);
	font-weight: 700;
	line-height: 1.5;
	text-transform: capitalize;
}

.mt-30 {
	margin-top: 30px;
}

.lh-3 {
	line-height: 1.3
}

.lh-5 {
	line-height: 1.5
}

.chac-carousel-wrapper {
	position: relative;
}

.chac-carousel-container {
	position: relative;
	padding: 20px;
	margin: -20px;
	width: calc(100% + 40px);
	overflow: hidden;
}

.chac-carousel-track {
	display: flex;
	gap: 30px;
	transition: transform 0.5s ease-in-out;
	list-style: none;
	padding: 0;
	margin: 0;
}

.chac-carousel-slide {
	flex: 0 0 calc((100% - 90px) / 4);
	min-width: 0;
}

.chac-carousel-slide a {
	display: block;
	text-decoration: none;
	color: inherit;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 20px rgba(20, 86, 166, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

/* 悬停时阴影加深 + 微微上浮 */
.chac-carousel-slide a:hover {
	transform: translateY(-5px);
	box-shadow: 0px 10px 20px rgba(20, 86, 166, 0.1);
}

/* 去掉原来图片容器的圆角限制，因为现在圆角和阴影都在 a 标签上了 */
.chac-carousel-slide .pic {
	border-radius: 20px 20px 0 0;
	/* 仅顶部圆角 */
}

.chac-carousel-slide .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.chac-carousel-slide:hover .pic img {
	transform: scale(1.05);
}

/* 左右控制按钮 */
.chac-carousel-btn {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	z-index: 10;
	transition: all 0.3s ease;
}

.chac-carousel-btn:hover {
	background: #004ea2;
	color: #fff;
	border-color: #004ea2;
}

.chac-carousel-prev {
	left: 10px;
}

.chac-carousel-next {
	right: 10px;
}

.chac-carousel-btn.disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

/* 底部小圆点分页器 */
.chac-carousel-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.chac-carousel-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
	transition: all 0.3s ease;
}

.chac-carousel-dot.active {
	background: #004ea2;
	width: 24px;
	border-radius: 5px;
}

/* 响应式适配 */
/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	/* 1. 图文左右布局改为上下堆叠 */
	.n_app_xq_01 .fl,
	.n_app_xq_01 .fr {
		width: 100%;
		float: none; /* 清除可能存在的浮动 */
	}
	
	.n_app_xq_01 .fl {
		margin-bottom: 30px; /* 上下堆叠后，给上方内容增加底部间距 */
	}

	/* 2. 优势卡片 3列网格改为 2列 */
	.n_app_xq_02 ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	/* 3. 适当减小全局大间距 */
	.pd-80 { padding: 60px 0; }
	.pt-80 { padding-top: 60px; }
	.chac-carousel-slide {
		/* 2个卡片有1个间距 (30px) */
		flex: 0 0 calc((100% - 30px) / 2);
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	/* 1. 标题字号缩小 */
	.n_tit2 {
		font-size: 28px; /* 覆盖原 var(--f40) */
	}

	/* 2. 优势卡片 2列网格改为 1列 */
	.n_app_xq_02 ul {
		grid-template-columns: 1fr;
	}
	.n_app_xq_01 .con{
		 flex-direction: column;
	}

	/* 3. 优化卡片在单列下的内边距和高度限制 */
	.n_app_xq_02 ul li {
		padding: 30px 20px;
	}
	
	.n_app_xq_02 ul li .info,
	.n_app_xq_02 ul li .des {
		min-height: auto; /* 移动端单列显示空间充足，取消最小高度限制，让内容自然撑开，避免留白过多 */
	}
	
	.n_app_xq_02 ul li .tit {
		height: auto;
		margin-bottom: 10px;
	}

	/* 4. 进一步减小全局大间距 */
	.pd-80 { padding: 40px 0; }
	.pt-80 { padding-top: 40px; }
	.mt50, .mt-50 { margin-top: 30px; }
	
	/* 详情区主标题 */
	.n_app_xq .n_app_xq_01 .title,
	.n_app_xq .n_app_xq_01 .title h1 {
		font-size: 28px; 
	}

	/* 详情区正文段落 */
	.n_app_xq_01 .fl .des p {
		font-size: 15px; /* 稍微缩小正文字号，提升移动端阅读体验 */
	}

	/* 优势卡片描述文字 */
	.n_app_xq_02 ul li .des {
		font-size: 15px; /* 覆盖原 var(--f16) */
	}

	/* 相关案例卡片标题 */
	.xg_case ul li .info .tit {
		font-size: 16px; 
	}
		.chac-carousel-slide {
		/* 1个卡片，占满全宽 */
		flex: 0 0 100%;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	/* 1. 进一步缩小主标题及底部装饰线 */
	.n_tit2 {
		font-size: 24px;
		padding-bottom: 12px;
	}
	
	.n_tit2::before {
		width: 50px;
		height: 3px;
	}

	/* 2. 缩小详情区的小标题 */
	.n_app_xq_01 .fl .des h3 {
		font-size: 18px; /* 覆盖原 var(--f20) */
	}

	/* 3. 缩小卡片内的图标和标题字号 */
	.n_app_xq_02 ul li .ico img {
		height: 70px; /* 原 90px 缩小，显得更精致 */
	}
	
	.n_app_xq_02 ul li .tit {
		font-size: 20px; /* 覆盖原 var(--f24) */
	}
	
	/* 详情区主标题 */
	.n_app_xq .n_app_xq_01 .title,
	.n_app_xq .n_app_xq_01 .title h1 {
		font-size: 24px; 
	}

	/* 详情区正文段落 */
	.n_app_xq_01 .fl .des p {
		font-size: 14px; 
	}

	/* 优势卡片描述文字 */
	.n_app_xq_02 ul li .des {
		font-size: 14px; 
	}

	/* 相关案例卡片标题 */
	.xg_case ul li .info .tit {
		font-size: 15px; 
	}
}

/* 行业详情 e */

/* 内页联系我们 */
.chac-regional-contact-section {
	background-color: #f4f8fc;
	/* 浅蓝背景 */
	padding: 60px 20px;
}

.chac-regional-contact-title {
	text-align: center;
	color: var(--theme-palette-color-1);
	/* 深蓝标题，与 CHAC 品牌色统一 */
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
	text-transform: uppercase;
}

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

.chac-regional-contact-card {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	/* 轻阴影，与表单卡片统一 */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

.chac-regional-contact-card:hover {
	transform: translateY(-8px);
	/* hover 轻微上移 */
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.chac-regional-contact-region {
	color: var(--theme-palette-color-1);
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eef2f6;
}

.chac-regional-contact-info {
	flex-grow: 1;
}

.chac-regional-contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	color: #444444;
	font-size: 16px;
	line-height: 1.5;
}

.chac-regional-contact-icon {
	width: 20px;
	height: 20px;
	fill: var(--theme-palette-color-1);
	margin-right: 12px;
	flex-shrink: 0;
}

.chac-regional-contact-item a {
	color: #444444;
	text-decoration: none;
	transition: color 0.3s;
}

.chac-regional-contact-item a:hover {
	color: var(--theme-palette-color-1);
}

.chac-regional-contact-qr-wrapper {
	text-align: center;
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dashed #eef2f6;
}

.chac-regional-contact-qr-img {
	max-width: 110px;
	height: auto;
	border-radius: 4px;
	display: inline-block;
}

/* 移动端单列响应式 */
@media (max-width: 992px) {
	.chac-regional-contact-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.chac-regional-contact-section {
		padding: 40px 15px;
	}

	.chac-regional-contact-title {
		font-size: 26px;
		margin-bottom: 30px;
	}

	.chac-regional-contact-grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   ODM / OEM 页面完整样式 (修复 & 整洁版)
========================================================= */

/* ==========================================
   1. Hero Banner 区域
========================================== */
.chac-hero {
	position: relative;
	min-height: clamp(820px, 75vh, 1000px); 
	background-image: url('/wp-content/uploads/2026/06/Terminal-Electrical.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center; 
	display: flex;
	align-items: center;
}

.chac-hero::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	inset: 0;
	background: linear-gradient(to right, rgb(16, 40, 78), rgba(16, 40, 78, .75), rgba(16, 40, 78, 0));
}

.chac-hero-bg-machines {
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
	height: 100%;
	background:
		linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760"><rect width="1200" height="760" fill="%23132f57"/><rect x="620" y="110" width="210" height="360" rx="14" fill="%23dfe8f3" opacity="0.9"/><rect x="850" y="100" width="240" height="390" rx="14" fill="%23e8eff7" opacity="0.92"/><rect x="645" y="145" width="155" height="240" rx="8" fill="%23aebfd3"/><rect x="885" y="145" width="180" height="270" rx="8" fill="%23b6c7da"/><rect x="80" y="30" width="1000" height="10" fill="%239db8d8" opacity="0.35"/><rect x="110" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.25"/><rect x="320" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="540" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="760" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="980" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.18"/><rect x="560" y="520" width="520" height="90" rx="8" fill="%237d95b2" opacity="0.25"/></svg>') center right / cover no-repeat;
	opacity: 0.95;
}

.chac-header {
	position: relative;
	z-index: 2;
	height: 96px;
	display: flex;
	align-items: center;
}

.chac-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.chac-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: 0.04em;
}

.chac-logo-box {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--theme-palette-color-1), var(--theme-palette-color-1));
	position: relative;
}

.chac-logo-box::before {
	content: "S";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 900;
	font-size: 15px;
}

.chac-nav {
	display: flex;
	align-items: center;
	gap: 38px;
	margin-left: 80px;
	flex: 1;
	justify-content: center;
}

.chac-nav a {
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.chac-nav a.chac-active {
	color: var(--theme-palette-color-1);
}

.chac-header-cta {
	width: 170px;
	height: 46px;
	border-radius: 24px;
	background: linear-gradient(90deg, var(--theme-palette-color-1), var(--theme-palette-color-1));
	color: white;
	font-size: 15px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.chac-hero-content {
	position: relative;
	z-index: 2;
	padding-top: 92px;
	color: #fff;
}

.chac-eyebrow {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 14px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #f8fbff;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	margin-bottom: 28px;
}

.chac-hero-title {
	max-width: 700px;
	font-size: 54px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: #fff;
	text-transform: capitalize;
}

.chac-hero-title span {
	color: #fff;
}

.chac-hero-desc {
	max-width: 700px;
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.82);
}

.chac-hero-actions {
	display: flex;
	gap: 18px;
	margin-top: 34px;
}

.chac-hero-cards {
	position: absolute;
	left: 0;
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	margin-top: 64px;
	width: 1120px;
}

.chac-hero-card {
	background: linear-gradient(180deg, rgba(27, 44, 75, 0.98), rgba(18, 31, 55, 0.98));
	color: white;
	border-radius: 10px;
	padding: 26px 24px 24px;
	box-shadow: 0 16px 38px rgba(6, 11, 24, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.06);
	min-height: 132px;
}

.chac-hero-card h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
}

.chac-oem-content p {
	margin-bottom: 0;
}

.chac-hero-card p {
	font-size: 16px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78);
}

.chac-hero-note {
	text-align: center;
	padding: 122px 0 56px;
	background: #f6f7fb;
	color: #5a6476;
	font-size: 16px;
}

/* 按钮基础样式 */
.chac-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 210px;
	height: 52px;
	padding: 0 26px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	transition: 0.25s ease;
	cursor: pointer;
}

a.chac-btn-primary {
	background: linear-gradient(90deg, var(--theme-palette-color-1) 0%, var(--theme-palette-color-1) 100%);
	color: #fff;
	box-shadow: 0 12px 24px rgba(33, 150, 243, 0.25);
}

a.chac-btn-primary:hover {
	transform: translateY(-2px);
	color: #fff;
}

a.chac-btn-secondary {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #fff;
}

a.chac-btn-secondary:hover {
	color: #fff;
	transform: translateY(-2px);
}

.chac-btn-light {
	background: #ffffff;
	color: #0b1730;
	border: 1px solid #d9e2f0;
}

/* ==========================================
   2. Terminal Electrical 区域
========================================== */
.Terminal-Electrical-section {
	padding: 80px 0;
	box-sizing: border-box;
}

.Terminal-Electrical-section * {
	box-sizing: border-box;
}

.Terminal-Electrical-header {
	margin-bottom: 50px;
	text-align: center;
}

.Terminal-Electrical-title {
	color: var(--theme-palette-color-1);
	font-size: 46px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	letter-spacing: 0.5px;
	line-height: 1.2;
}

.Terminal-Electrical-subtitle {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 15px 0;
	line-height: 1.4;
}

.Terminal-Electrical-desc {
	color: #353535;
	font-size: 17px;
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
}

.Terminal-Electrical-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
}

.Terminal-Electrical-card {
	background-color: #ffffff;
	border: 1px solid #eef0f5;
	border-radius: 16px;
	padding: 35px 20px 25px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.Terminal-Electrical-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.Terminal-Electrical-icon-wrapper {
	color: var(--theme-palette-color-1);
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.Terminal-Electrical-icon-wrapper svg {
	width: 88px;
	height: 88px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.Terminal-Electrical-card-title {
	font-size: 18px;
	color: #353535;
	font-weight: 800;
	margin: 0 0 12px 0;
	line-height: 1.3;
	text-align: center;
	height: 2.6em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.Terminal-Electrical-divider {
	width: 24px;
	height: 3px;
	background-color: var(--theme-palette-color-1);
	margin: 0 auto 16px auto;
	border-radius: 2px;
}

.Terminal-Electrical-card-desc {
	font-size: 14px;
	color: #4b5563;
	line-height: 1.5;
	margin: 0 0 30px 0;
	text-align: center;
	flex-grow: 1;
}

.Terminal-Electrical-card-bottom {
	width: 100%;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.Terminal-Electrical-card-image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.Terminal-Electrical-cert-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
	height: 100%;
}

.Terminal-Electrical-cert-text {
	font-size: 34px;
	font-weight: 900;
	color: #353535;
	line-height: 1;
}

.Terminal-Electrical-cert-ce {
	letter-spacing: -1px;
}

.Terminal-Electrical-cert-iso {
	width: 46px;
	height: 46px;
}

/* ==========================================
   3. Supported Product 区域
========================================== */
.Supported-Product-section {
	background-color: #f4f7fc;
	padding: 120px 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.Supported-Product-section * {
	box-sizing: border-box;
}

.Supported-Product-watermark {
	position: absolute;
	top: 4vw;
	right: 5%;
	font-size: 160px;
	font-weight: 900;
	color: rgba(11, 27, 61, 0.03);
	text-transform: uppercase;
	z-index: 0;
	pointer-events: none;
	font-style: italic;
	letter-spacing: 5px;
}

.Supported-Product-section .ct-container {
	margin: 0 auto;
	display: flex;
	gap: 50px;
	position: relative;
	z-index: 1;
	align-items: center;
}

.Supported-Product-left {
	flex: 0 0 30%;
	max-width: 30%;
}

.Supported-Product-badge {
	background-color: var(--theme-palette-color-1);
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	padding: 16px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 4px;
}

.Supported-Product-title {
	color: var(--theme-palette-color-1);
	font-size: 42px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	line-height: 1.2;
}

.Supported-Product-divider {
	width: 40px;
	height: 4px;
	background-color: var(--theme-palette-color-1);
	margin-bottom: 25px;
}

.Supported-Product-desc {
	color: #4b5563;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
	text-transform: capitalize;
}

.Supported-Product-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

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

.Supported-Product-card {
	background-color: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.Supported-Product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(11, 67, 155, 0.15);
}

.Supported-Product-card-top {
	padding: 25px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 260px;
	background-color: #ffffff;
}

.Supported-Product-card-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.Supported-Product-card-bottom {
	background-color: var(--theme-palette-color-1);
	padding: 20px 15px;
	text-align: center;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.Supported-Product-card-name {
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 8px 0;
	text-transform: capitalize;
	line-height: 1.3;
	height: 2.6em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.Supported-Product-card-subname {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	margin: 0;
	line-height: 1.3;
	height: 2.6em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.Supported-Product-footer-box {
	background-color: #e8f0fe;
	border-radius: 8px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.Supported-Product-footer-icon {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: var(--theme-palette-color-1);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
}

.Supported-Product-footer-text {
	color: var(--theme-palette-color-1);
	font-size: 16px;
	margin: 0;
	line-height: 1.5;
	text-transform: capitalize;
}

/* ==========================================
   4. Why Choose CHAC 区域
========================================== */
.Why-Choose-CHAC-section {
	background-color: #ffffff;
	padding: 80px 0;
	box-sizing: border-box;
}

.Why-Choose-CHAC-section * {
	box-sizing: border-box;
}

.Why-Choose-CHAC-section .ct-container {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.Why-Choose-CHAC-header {
	text-align: center;
	margin-bottom: 10px;
}

.Why-Choose-CHAC-title {
	font-size: 42px;
	font-weight: 900;
	color: var(--theme-palette-color-1);
	text-transform: uppercase;
	margin: 0 0 20px 0;
	letter-spacing: 0.5px;
}

.Why-Choose-CHAC-desc {
	font-size: 16px;
	color: #6b7280;
	line-height: 1.6;
	max-width: 900px;
	margin: 0 auto;
}

.Why-Choose-CHAC-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.Why-Choose-CHAC-stat-card {
	background-color: #ffffff;
	border: 1px solid #f0f2f5;
	border-radius: 16px;
	padding: 35px 20px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.Why-Choose-CHAC-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(11, 67, 155, 0.08);
}

.Why-Choose-CHAC-stat-header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	color: var(--theme-palette-color-1);
}

.Why-Choose-CHAC-stat-icon {
	width: 32px;
	height: 32px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.Why-Choose-CHAC-stat-number {
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
}

.Why-Choose-CHAC-stat-title {
	font-size: 15px;
	font-weight: 800;
	color: #353535;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.Why-Choose-CHAC-stat-desc {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.5;
	margin: 0;
}

.Why-Choose-CHAC-images-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.Why-Choose-CHAC-img-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	cursor: pointer;
}

.Why-Choose-CHAC-img-wrapper {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 16px;
	aspect-ratio: 3 / 2;
	background-color: #f4f7fc;
}

.Why-Choose-CHAC-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.Why-Choose-CHAC-img-card:hover .Why-Choose-CHAC-img {
	transform: scale(1.05);
}

.Why-Choose-CHAC-img-title {
	font-size: 18px;
	font-weight: 800;
	color: #353535;
	margin: 0;
}

/* ==========================================
   5. OEM / ODM 底部表单区域
========================================== */
.oem-odm-end-section {
	background: linear-gradient(135deg, #f4f7fc 0%, #ffffff 100%);
	padding: 80px 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.oem-odm-end-section * {
	box-sizing: border-box;
}

.oem-odm-end-bg-shape {
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(11, 67, 155, 0.05) 0%, rgba(255, 255, 255, 0) 70%);
	border-radius: 50%;
	z-index: 0;
}

.oem-odm-end-section .ct-container {
	margin: 0 auto;
	display: flex;
	gap: 60px;
	align-items: center;
	position: relative;
	z-index: 1;
}

.oem-odm-end-content {
	flex: 1;
	max-width: 55%;
}

.oem-odm-end-title {
	font-size: 32px;
	font-weight: 900;
	color: var(--theme-palette-color-1);
	margin: 0 0 20px 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.oem-odm-end-desc {
	font-size: 17px;
	color: #4b5563;
	line-height: 1.7;
	margin: 0 0 40px 0;
}

.oem-odm-end-image-wrapper {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	padding: 20px;
}

.oem-odm-end-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	max-height: 400px;
	border-radius: 16px;
}

.oem-odm-end-form-wrapper {
	flex: 1;
	max-width: 45%;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 20px 40px rgba(11, 27, 61, 0.08);
	border: 1px solid #eef0f5;
}

.oem-odm-end-form-title {
	font-size: 24px;
	font-weight: 800;
	color: #111827;
	margin: 0 0 25px 0;
}

/* 补全表单基础样式 */
.oem-odm-end-input-group {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.oem-odm-end-input {
	flex: 1;
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #eef0f5;
	border-radius: 8px;
	font-size: 15px;
	box-sizing: border-box;
}


/* =========================================================
   6. 全局响应式适配 (整洁统一版)
========================================================= */

/* 小桌面端 / 平板横屏 (1199px 及以下) */
@media (max-width: 1199px) {
	.chac-hero-cards {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.Supported-Product-section .ct-container {
		flex-direction: column;
	}
	.Supported-Product-left {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.Supported-Product-divider {
		margin: 0 auto 25px auto;
	}
	.Supported-Product-watermark {
		font-size: 100px;
		top: 10px;
		right: 50%;
		transform: translateX(50%);
	}
}

/* 平板竖屏 (991px 及以下) */
@media (max-width: 991px) {
	.chac-hero {
		min-height: auto;
		padding-bottom: 60px;
	}
	.chac-hero-bg-machines {
		width: 100%;
		opacity: 0.2;
	}
	.chac-hero-cards {
		position: relative;
		margin-top: 50px;
		grid-template-columns: repeat(2, 1fr);
	}
	.chac-hero-title {
		font-size: 42px;
	}

	.Terminal-Electrical-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.Supported-Product-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.Why-Choose-CHAC-stats-grid,
	.Why-Choose-CHAC-images-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.oem-odm-end-section .ct-container {
		flex-direction: column;
	}
	.oem-odm-end-content,
	.oem-odm-end-form-wrapper {
		max-width: 100%;
		width: 100%;
	}
	.oem-odm-end-content {
		text-align: center;
	}
}

/* 手机端 (767px 及以下) */
@media (max-width: 767px) {
	.chac-hero-content {
		padding-top: 60px;
	}
	.chac-hero-title {
		font-size: 32px;
	}
	.chac-hero-desc {
		font-size: 16px;
	}
	.chac-hero-actions {
		flex-direction: column;
	}
	.chac-hero-actions .chac-btn {
		width: 100%;
	}
	.chac-hero-cards {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.Terminal-Electrical-section {
		padding: 50px 0;
	}
	.Terminal-Electrical-title {
		font-size: 28px;
	}
	.Terminal-Electrical-subtitle {
		font-size: 18px;
	}
	.Terminal-Electrical-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.Supported-Product-section {
		padding: 60px 0;
	}
	.Supported-Product-title {
		font-size: 28px;
	}
	.Supported-Product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.Supported-Product-card-top {
		height: 160px;
	}

	.Why-Choose-CHAC-section {
		padding: 50px 0;
	}
	.Why-Choose-CHAC-title {
		font-size: 28px;
	}
	.Why-Choose-CHAC-stats-grid,
	.Why-Choose-CHAC-images-grid {
		grid-template-columns: 1fr;
	}
	.Why-Choose-CHAC-section .ct-container {
		gap: 30px;
	}

	.oem-odm-end-section {
		padding: 50px 0;
	}
	.oem-odm-end-title {
		font-size: 28px;
	}
	.oem-odm-end-form-wrapper {
		padding: 25px;
	}
	.oem-odm-end-input-group {
		flex-direction: column;
		gap: 0;
	}
	.oem-odm-end-input-group .oem-odm-end-input {
		margin-bottom: 15px;
	}
}

/* 小屏手机 (479px 及以下) */
@media (max-width: 479px) {
	.Terminal-Electrical-grid,
	.Supported-Product-grid {
		grid-template-columns: 1fr;
	}
}


/* ==========================================
   1. Industrial Control 板块基础样式 (4K/2K 大屏适配版)
========================================== */
.Industrial-Control {
	position: relative;
	min-height: clamp(850px, 80vh, 1080px); 
	background-image: url('/wp-content/uploads/2026/06/Industrial-Control.webp');
	background-repeat: no-repeat;
	background-size: cover; /* 保证大图在 4K 下自动等比放大铺满 */
	background-position: right center; 
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	/* 🚀 核心大屏适配：在 2K/4K 下自动计算两侧留白，让内容始终居中在 1120px 范围内 */
	padding-left: max(20px, calc((100% - 1120px) / 2));
	padding-right: max(20px, calc((100% - 1120px) / 2));
}

.Industrial-Control::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	inset: 0;
	background: linear-gradient(to right, rgb(16, 40, 78), rgba(16, 40, 78, .75), rgba(16, 40, 78, 0));
}

.Industrial-Control-bg-machines {
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
	height: 100%;
	background:
		linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760"><rect width="1200" height="760" fill="%23132f57"/><rect x="620" y="110" width="210" height="360" rx="14" fill="%23dfe8f3" opacity="0.9"/><rect x="850" y="100" width="240" height="390" rx="14" fill="%23e8eff7" opacity="0.92"/><rect x="645" y="145" width="155" height="240" rx="8" fill="%23aebfd3"/><rect x="885" y="145" width="180" height="270" rx="8" fill="%23b6c7da"/><rect x="80" y="30" width="1000" height="10" fill="%239db8d8" opacity="0.35"/><rect x="110" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.25"/><rect x="320" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="540" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="760" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="980" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.18"/><rect x="560" y="520" width="520" height="90" rx="8" fill="%237d95b2" opacity="0.25"/></svg>') center right / cover no-repeat;
	opacity: 0.95;
}

.Industrial-Control-content {
	position: relative;
	z-index: 2;
	padding-top: 92px;
	color: #fff;
	width: 100%;
	max-width: 1120px; /* 限制文字区域最大宽度 */
}

.Industrial-Control-title {
	max-width: 700px;
	font-size: 54px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: #fff;
	text-transform: capitalize;
}

.Industrial-Control-title span {
	color: #fff;
}

.Industrial-Control-desc {
	max-width: 700px;
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.82);
}

.Industrial-Control-actions {
	display: flex;
	gap: 18px;
	margin-top: 34px;
}

.Industrial-Control-cards {
	position: absolute;
	/* 🚀 核心大屏适配：让绝对定位的卡片在 4K 屏幕下也能和上方文字完美左对齐 */
	left: max(20px, calc((100% - 1120px) / 2));
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	margin-top: 64px;
	width: 1120px;
}

.Industrial-Control-card {
	background: linear-gradient(180deg, rgba(27, 44, 75, 0.98), rgba(18, 31, 55, 0.98));
	color: white;
	border-radius: 10px;
	padding: 26px 24px 24px;
	box-shadow: 0 16px 38px rgba(6, 11, 24, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.06);
	min-height: 132px;
	box-sizing: border-box;
}

.Industrial-Control-card h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
}

.Industrial-Control-card p {
	font-size: 16px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 0;
}

.Industrial-Control-note {
	text-align: center;
	padding: 122px 0 56px;
	background: #f6f7fb;
	color: #5a6476;
	font-size: 16px;
	box-sizing: border-box;
}

/* ==========================================
   2. Power 板块基础样式 (4K/2K 大屏适配版)
========================================== */
.power {
	position: relative;
	min-height: clamp(850px, 80vh, 1080px); 
	background-image: url('/wp-content/uploads/2026/06/poewe_pic.webp');
	background-repeat: no-repeat;
	background-size: cover; /* 保证大图铺满 */
	background-position: right center; 
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	/* 🚀 核心大屏适配：动态计算留白 */
	padding-left: max(20px, calc((100% - 1120px) / 2));
	padding-right: max(20px, calc((100% - 1120px) / 2));
}

.power::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	inset: 0;
	background: linear-gradient(to right, rgb(16, 40, 78), rgba(16, 40, 78, .75), rgba(16, 40, 78, 0));
}

.power-bg-machines {
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
	height: 100%;
	background:
		linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760"><rect width="1200" height="760" fill="%23132f57"/><rect x="620" y="110" width="210" height="360" rx="14" fill="%23dfe8f3" opacity="0.9"/><rect x="850" y="100" width="240" height="390" rx="14" fill="%23e8eff7" opacity="0.92"/><rect x="645" y="145" width="155" height="240" rx="8" fill="%23aebfd3"/><rect x="885" y="145" width="180" height="270" rx="8" fill="%23b6c7da"/><rect x="80" y="30" width="1000" height="10" fill="%239db8d8" opacity="0.35"/><rect x="110" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.25"/><rect x="320" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="540" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="760" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.2"/><rect x="980" y="30" width="15" height="640" fill="%2386a3c5" opacity="0.18"/><rect x="560" y="520" width="520" height="90" rx="8" fill="%237d95b2" opacity="0.25"/></svg>') center right / cover no-repeat;
	opacity: 0.95;
}

.power-content {
	position: relative;
	z-index: 2;
	padding-top: 92px;
	color: #fff;
	width: 100%;
	max-width: 1120px; /* 限制文字区域最大宽度 */
}

.power-title {
	position: relative;
	z-index: 2;
	max-width: 700px;
	font-size: 54px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: #fff;
	text-transform: capitalize;
}

.power-title span {
	color: #fff;
}

.power-desc {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.82);
}

.power-actions {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 18px;
	margin-top: 34px;
}

.power-cards {
	position: absolute;
	/* 🚀 核心大屏适配：动态计算左侧距离 */
	left: max(20px, calc((100% - 1120px) / 2));
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	margin-top: 64px;
	width: 1120px;
}

.power-card {
	background: linear-gradient(180deg, rgba(27, 44, 75, 0.98), rgba(18, 31, 55, 0.98));
	color: white;
	border-radius: 10px;
	padding: 26px 24px 24px;
	box-shadow: 0 16px 38px rgba(6, 11, 24, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.06);
	min-height: 132px;
	box-sizing: border-box;
}

.power-card h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
}

.power-card p {
	font-size: 16px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 0;
}

.power-note {
	text-align: center;
	padding: 122px 0 56px;
	background: #f6f7fb;
	color: #5a6476;
	font-size: 16px;
	box-sizing: border-box;
}

/* ==========================================
   3. 两个板块的合并响应式适配 (严谨版)
========================================== */

/* 笔记本及大平板 (max-width: 1199px) */
@media (max-width: 1199px) {
	.Industrial-Control-cards,
	.power-cards {
		width: 100%; 
		left: 0; /* 小屏下重置 left */
		padding: 0 20px; 
		box-sizing: border-box;
	}
}

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	.Industrial-Control,
	.power {
		min-height: auto; 
		padding: 100px 20px; /* 统一左右内边距 */
		align-items: flex-start;
	}

	.Industrial-Control-title,
	.power-title {
		font-size: 42px; 
	}

	.Industrial-Control-cards,
	.power-cards {
		position: relative;
		left: auto;
		grid-template-columns: repeat(2, 1fr); 
		margin-top: 50px;
		padding: 0;
	}

	.Industrial-Control-note,
	.power-note {
		padding: 60px 20px 40px; 
	}

	.Industrial-Control-bg-machines,
	.power-bg-machines {
		opacity: 0.4;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	.Industrial-Control,
	.power {
		padding: 80px 20px;
	}

	.Industrial-Control-content,
	.power-content {
		padding-top: 0; 
	}

	.Industrial-Control-title,
	.power-title {
		font-size: 32px;
	}

	.Industrial-Control-desc,
	.power-desc {
		font-size: 16px;
		line-height: 1.6;
		margin-top: 16px;
	}

	.Industrial-Control-actions,
	.power-actions {
		flex-direction: column;
		width: 100%;
		gap: 15px; 
		margin-top: 30px;
	}

	.Industrial-Control-actions > *,
	.power-actions > * {
		width: 100% !important;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
	}

	.Industrial-Control-cards,
	.power-cards {
		grid-template-columns: 1fr; 
		gap: 15px;
		margin-top: 40px;
	}

	.Industrial-Control-card,
	.power-card {
		min-height: auto;
		padding: 20px;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.Industrial-Control-title,
	.power-title {
		font-size: 28px;
	}

	.Industrial-Control-desc,
	.power-desc {
		font-size: 15px;
	}

	.Industrial-Control-note,
	.power-note {
		padding: 40px 15px 30px;
		font-size: 14px;
	}
    
	.Industrial-Control-bg-machines,
	.power-bg-machines {
		width: 100%;
		opacity: 0.2;
	}
}

/* ==========================================
   Technical Services 板块响应式适配 (仅移动端/平板)
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	/* 减小板块整体上下间距 */
	.rts-service-area.rts-section-gap {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	/* 缩小主标题及背景数字 */
	.rts-service-area .title-style-three .title {
		font-size: 36px !important;
	}

	.rts-service-area .title-style-three .bg-title {
		font-size: 100px !important; 
		line-height: 1 !important;
	}

	/* 调整卡片网格的顶部负边距或间距 */
	.rts-service-area .mt--10 {
		margin-top: 30px !important;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	.rts-service-area.rts-section-gap {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.rts-service-area .title-style-three .title {
		font-size: 28px !important;
		margin-top: 10px !important;
	}

	.rts-service-area .title-style-three .pre {
		font-size: 14px !important;
	}

	.rts-service-area .title-style-three .bg-title {
		font-size: 70px !important;
		opacity: 0.05 !important; 
	}

	/* 优化卡片内部间距 */
	.rts-service-area .single-service-style-three .inner {
		padding: 30px 20px !important; 
	}

	/* 缩小卡片图标 */
	.rts-service-area .single-service-style-three .icon svg {
		width: 44px !important;
		height: 44px !important;
	}

	/* 缩小卡片标题和描述 */
	.rts-service-area .single-service-style-three .title {
		font-size: 20px !important;
		margin-bottom: 12px !important;
	}

	.rts-service-area .single-service-style-three .disc {
		font-size: 15px !important;
		line-height: 1.6 !important;
		margin-bottom: 20px !important;
	}
    
	/* 调整卡片之间的垂直间距 */
	.rts-service-area .single-service-style-three {
		margin-bottom: 20px !important; 
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.rts-service-area.rts-section-gap {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.rts-service-area .title-style-three .title {
		font-size: 24px !important;
	}

	.rts-service-area .title-style-three .bg-title {
		font-size: 55px !important;
	}

	.rts-service-area .single-service-style-three .inner {
		padding: 25px 15px !important;
	}

	.rts-service-area .single-service-style-three .title {
		font-size: 18px !important;
	}

	.rts-service-area .single-service-style-three .disc {
		font-size: 14px !important;
	}
}

/* ==========================================
   Call to Action (CTA) 板块响应式适配 (仅移动端/平板)
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	.rts-call-to-action-area-three {
		padding: 70px 0 !important; 
	}

	/* 强制改为上下排列并居中对齐 */
	.rts-call-to-action-area-three .cta-main-wrapper-inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 30px !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .title {
		font-size: 36px !important;
		margin: 0 !important;
	}

	/* 将副标题 span 变为块级元素，与主标题拉开层次 */
	.rts-call-to-action-area-three .cta-main-wrapper-inner .title span {
		display: block !important;
		font-size: 18px !important;
		margin-top: 15px !important;
		font-weight: 500 !important;
		opacity: 0.9 !important;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	.rts-call-to-action-area-three {
		padding: 50px 0 !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .title {
		font-size: 28px !important;
		line-height: 1.4 !important;
	}

	/* 关键：手机端隐藏主标题中的 br，让文字根据屏幕宽度自然换行 */
	.rts-call-to-action-area-three .cta-main-wrapper-inner .title br {
		display: none !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .title span {
		font-size: 15px !important;
		margin-top: 12px !important;
		line-height: 1.5 !important;
	}

	/* 优化电话呼叫区域的点击体验 */
	.rts-call-to-action-area-three .cta-main-wrapper-inner .call-area {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a {
		font-size: 22px !important;
		font-weight: 700 !important;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.rts-call-to-action-area-three {
		padding: 40px 0 !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .title {
		font-size: 24px !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .title span {
		font-size: 14px !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a {
		font-size: 18px !important;
	}

	.rts-call-to-action-area-three .cta-main-wrapper-inner .call-area .icon svg {
		width: 20px !important;
		height: 20px !important;
	}
}

/* ==========================================
   About / Service Overview 板块响应式适配 (仅移动端/平板)
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	/* 强制清除电脑端设置的左侧大内边距，防止文字被挤压 */
	.rts-about-area .pl--100 {
		padding-left: 0 !important;
	}

	/* 图片和文字折叠为上下布局后，增加文字区域的顶部间距 */
	.about-content-right-three {
		margin-top: 50px;
	}

	/* 缩小左侧图片的装饰性图形，防止溢出 */
	.main-thumnal-inner-about-three .shape img {
		max-width: 120px;
	}

	/* 缩小标题和背景大字 */
	.about-content-right-three .title-style-three .title {
		font-size: 36px;
	}

	.about-content-right-three .title-style-three .bg-title {
		font-size: 80px;
		line-height: 1;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	/* 减小整个板块的上下间距 */
	.rts-about-area.rts-section-gap {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/* 手机端隐藏左侧图片的装饰图形，保持界面干净 */
	.main-thumnal-inner-about-three .shape {
		display: none;
	}

	.about-content-right-three {
		margin-top: 40px;
	}

	/* 进一步缩小标题 */
	.about-content-right-three .title-style-three .title {
		font-size: 28px;
		line-height: 1.35;
		margin-top: 10px;
	}

	.about-content-right-three .title-style-three .bg-title {
		font-size: 60px;
		opacity: 0.05; /* 降低背景字透明度，避免干扰阅读 */
		left: 0;
	}

	.about-content-right-three .disc {
		font-size: 15px;
		line-height: 1.6;
		margin-top: 16px;
		margin-bottom: 24px;
	}

	/* 优化服务列表排版，强制单列垂直排列 */
	.about-content-right-three .about-feature {
		display: flex;
		flex-direction: column;
		gap: 12px; /* 控制行间距 */
		margin-bottom: 30px;
	}

	.about-content-right-three .single-feature-wrap {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.about-content-right-three .single-feature-wrap .single {
		font-size: 15px;
		padding-left: 0; /* 如果原样式有缩进可以视情况保留 */
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.rts-about-area.rts-section-gap {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.about-content-right-three .title-style-three .title {
		font-size: 24px;
	}

	.about-content-right-three .title-style-three .bg-title {
		font-size: 50px;
	}

	.about-content-right-three .single-feature-wrap .single {
		font-size: 14px;
	}
}

/* ==========================================
   Engineering Development (选项卡) 板块响应式适配
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	/* 清除左侧导航栏在电脑端的右内边距，防止在平板/手机上被严重挤压 */
	.rts-business-goal-area-wrapper-6 .pr--60 {
		padding-right: 0 !important;
	}

	/* 左右折叠为上下布局后，给下方的图片区域增加顶部间距 */
	.rts-business-goal-area-wrapper-6 .tab-content {
		margin-top: 40px !important;
	}

	/* 缩小主标题 */
	.rts-business-goal-area-wrapper-6 .title-style-five .title {
		font-size: 36px !important;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	/* 减小板块整体上下间距 */
	.rts-business-goal-area-wrapper-6.rts-section-gap {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.rts-business-goal-area-wrapper-6 .title-style-five .title {
		font-size: 28px !important;
		line-height: 1.35 !important;
	}

	/* 关键：隐藏描述中的换行符，让文字根据手机屏幕自然流式换行 */
	.rts-business-goal-area-wrapper-6 .chac-about-desc br {
		display: none !important;
	}

	.rts-business-goal-area-wrapper-6 .chac-about-desc {
		font-size: 15px !important;
		line-height: 1.6 !important;
		margin-top: 15px !important;
	}

	/* 调整选项卡 (Tab) 的间距，防止在手机端粘连 */
	.rts-business-goal-area-wrapper-6 .nav-link {
		margin-bottom: 15px !important;
		padding: 15px !important;
		display: block !important;
	}

	/* 调整选项卡左侧数字图标大小 */
	.rts-business-goal-area-wrapper-6 .left-icon-number {
		width: 40px !important;
		height: 40px !important;
		font-size: 18px !important;
		line-height: 40px !important;
		flex: 0 0 40px !important; /* 确保图标不会被文字挤压变形 */
	}

	/* 调整选项卡内部标题和描述 */
	.rts-business-goal-area-wrapper-6 .inner-content .title {
		font-size: 18px !important;
		margin-bottom: 8px !important;
	}

	.rts-business-goal-area-wrapper-6 .inner-content .disc {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.rts-business-goal-area-wrapper-6.rts-section-gap {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.rts-business-goal-area-wrapper-6 .title-style-five .title {
		font-size: 24px !important;
	}

	.rts-business-goal-area-wrapper-6 .chac-about-desc {
		font-size: 14px !important;
	}

	/* 极小屏幕下进一步缩小数字图标 */
	.rts-business-goal-area-wrapper-6 .left-icon-number {
		width: 35px !important;
		height: 35px !important;
		font-size: 16px !important;
		line-height: 35px !important;
		flex: 0 0 35px !important;
	}

	.rts-business-goal-area-wrapper-6 .inner-content .title {
		font-size: 16px !important;
	}
}

/* ==========================================
   Engineering (质量管理) 板块响应式适配
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	.chac-about-page-engineering.ptb--80 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/* 强制将左右布局改为上下堆叠布局 */
	.chac-about-page-engineering-box {
		flex-direction: column;
		gap: 40px;
	}

	/* 让图片和文字区域都占满 100% 宽度 */
	.chac-about-page-engineering-img,
	.chac-about-page-engineering-text {
		width: 100%;
	}

	.chac-about-page-engineering-text h2 {
		font-size: 36px;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	.chac-about-page-engineering.ptb--80 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.chac-about-page-engineering-text h2 {
		font-size: 28px;
		line-height: 1.35;
		margin-bottom: 15px;
	}

	.chac-about-page-engineering-text p {
		font-size: 15px;
		line-height: 1.6;
	}

	/* 将检查列表 (Check List) 从双列改为单列 */
	.chac-about-page-check-list {
		grid-template-columns: 1fr;
		gap: 12px;
		margin: 20px 0 30px;
	}

	.chac-about-page-check-list div {
		padding: 12px 15px;
		font-size: 15px;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.chac-about-page-engineering.ptb--80 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.chac-about-page-engineering-text h2 {
		font-size: 24px;
	}

	.chac-about-page-engineering-text p {
		font-size: 14px;
	}

	.chac-about-page-check-list div {
		font-size: 14px;
		padding: 10px 12px;
	}
}

/* ==========================================
   FAQ 板块响应式适配 (仅移动端/平板)
========================================== */

/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {
	/* 强制清除电脑端设置的左右大内边距，防止图片和手风琴被严重挤压 */
	.rts-faq-area .pl--50,
	.rts-faq-area .pr--50 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* 缩小顶部区域的主标题和背景大字 */
	.title-area-left .title {
		font-size: 42px;
	}

	.title-area-left .bg-title {
		font-size: 90px;
		line-height: 1;
	}

	/* 图片和文字折叠为上下布局后，增加下方手风琴的顶部间距 */
	.faq-wrapper-inner-page {
		margin-top: 40px;
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {
	/* 减小底部留白 */
	.rts-section-gapBottom {
		padding-bottom: 20px;
	}

	/* 进一步缩小标题区域 */
	.title-area-left .title {
		font-size: 32px;
		margin-top: 10px;
	}

	.title-area-left .bg-title {
		font-size: 60px;
		opacity: 0.05; /* 降低背景字透明度，避免干扰阅读 */
	}

	/* 优化折叠面板 (Accordion) 的字号和内边距 */
	.accordion-button {
		font-size: 16px;
		padding: 16px 20px;
		line-height: 1.4;
	}

	/* 调整折叠面板展开后的内容排版 */
	.accordion-body {
		font-size: 14px;
		padding: 16px 20px;
		line-height: 1.65;
		color: #555; /* 确保在手机端阅读舒适 */
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {
	.title-area-left .title {
		font-size: 26px;
	}

	.title-area-left .bg-title {
		font-size: 45px;
	}

	/* 极小屏幕下进一步压缩折叠面板的内边距，留出更多文字空间 */
	.accordion-button {
		font-size: 15px;
		padding: 14px 15px;
	}

	.accordion-body {
		font-size: 14px;
		padding: 14px 15px;
	}
}