/* =====================================================
   XINHONG 外贸企业官网主题
   主色调 #0104aa / 辅助色 #f6a700
   布局与设计语言 1:1 复刻 hoverstar.com：
   - 字体 Jost、按钮直角、区块大标题 48px 居中
   - 首页导航透明覆盖 Banner、滚动后实色吸顶
   - Banner 居中大写标题 + 横线指示条
   - Why 2×2 主色块 / Cases 左右分屏 / 服务编号列表+叠图
   ===================================================== */

:root {
	--color-primary: #0104aa;
	--color-primary-rgb: 1, 4, 170;
	--color-second: #ffffff;
	--accent: #f6a700;
	--accent-dark: #d99200;
	--button-radius: 0px;
	--text: #23243a;
	--text-light: #666b7d;
	--line: #e6e8f0;
	--bg-soft: #f4f6fb;
	--white: #fff;
	--shadow: 0 10px 30px rgba(1, 4, 46, .10);
	--shadow-hover: 0 16px 40px rgba(1, 4, 46, .18);
	--radius: 0px;
	--container: 1400px; /* 与导航栏 1400px 对齐,全站内容宽度统一 */
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: 'Arimo', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	background: var(--white);
}

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

a { color: var(--color-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--accent); }

h1, h2, h3, h4, h5 { line-height: 1.3; margin: 0 0 .5em; color: inherit; }

.container { max-width: var(--container); margin: 0 auto; padding: 0 20px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
}
.skip-link:focus {
	position: fixed; top: 6px; left: 6px; z-index: 999;
	width: auto; height: auto; clip: auto;
	padding: 8px 16px; background: var(--color-primary); color: #fff;
}

/* ============ 按钮（直角，hover 反白） ============ */
.btn-primary,
.banner-btn,
.quote-submit {
	display: inline-block;
	padding: 0 60px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	border: 1px solid var(--color-primary);
	border-radius: var(--button-radius);
	cursor: pointer;
	background: var(--color-primary);
	color: #fff;
	transition: all .25s;
	font-family: inherit;
	text-align: center;
}
.btn-primary:hover,
.banner-btn:hover,
.quote-submit:hover {
	background: none;
	border-color: var(--color-primary);
	color: var(--color-primary);
}

/* ============ 顶栏 ============ */
.top-bar {
	background: var(--color-primary);
	color: rgba(255, 255, 255, .88);
	font-size: 13px;
	position: relative;
	z-index: 30;
}
.top-bar-inner {
	max-width: var(--container);
	margin: 0 auto;
	padding: 8px 20px;
	display: flex;
	align-items: flex-start; /* 左侧地址换行使顶栏变高时，右侧（搜索/语言/社交）仍贴第一行高度 */
	justify-content: space-between;
	gap: 20px;
	/* 多语言：地址译文变长时左右两组不再上下换行——左侧信息在组内换行，右侧（搜索/语言/社交）始终留在第一行 */
	flex-wrap: nowrap;
}
.top-bar-left { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.top-bar-right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; flex: none; }
.top-bar-left .top-bar-item { min-width: 0; }
.top-bar-item { display: inline-flex; align-items: center; gap: 6px; color: inherit; }
.top-bar-item svg { flex: none; opacity: .75; }
a.top-bar-item:hover { color: var(--accent); }
.top-bar-sep { opacity: .35; }

/* 顶栏社交图标（语言切换右侧，站点设置→顶部栏配置） */
.top-social { display: inline-flex; align-items: center; gap: 12px; }
.top-social-link { display: inline-flex; color: inherit; opacity: .8; transition: color .15s ease, opacity .15s ease; }
.top-social-link svg { display: block; }
.top-social-link:hover { color: var(--accent); opacity: 1; }

/* 语言切换（GTranslate 免费版：浏览器端实时翻译，20 种语言；后台 设置→GTranslate 可改语言/样式）
   开关部分覆盖插件默认样式 → 旧版观感：透明底白字小字号，与顶栏融合；下拉面板保持白底深字 */
.lang-selector { position: relative; display: inline-flex; align-items: center; }
.lang-selector .gtranslate_wrapper,
.mnav-lang .gtranslate_wrapper { display: inline-flex; align-items: center; line-height: 1.4; }
.lang-selector .gt_switcher,
.mnav-lang .gt_switcher { width: auto !important; font-size: 13px !important; overflow: visible !important; position: relative; }
.lang-selector .gt_selected,
.mnav-lang .gt_selected { background: none !important; }
.lang-selector .gt_selected a,
.mnav-lang .gt_selected a {
	background: none !important;
	border: none !important;
	color: #fff !important;
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 2px 0 !important;
	font-weight: 600;
	letter-spacing: .5px;
}
.lang-selector .gt_selected a:hover,
.mnav-lang .gt_selected a:hover { background: none !important; color: var(--accent) !important; }
/* 去掉插件自带的展开箭头 */
.lang-selector .gt_selected a::after,
.mnav-lang .gt_selected a::after { display: none !important; }
.lang-selector .gt_selected a img,
.mnav-lang .gt_selected a img { display: block; border-radius: 1px; }
/* 下拉面板改为绝对定位浮层：插件默认占文档流，展开时会把整条顶栏撑高（布局掉下来） */
.lang-selector .gt_option,
.mnav-lang .gt_option {
	position: absolute !important;
	top: 100% !important;
	left: 0;
	margin-top: 6px;
	width: 190px;
	max-height: 320px;
	overflow: auto;
	z-index: 99999;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(0,0,0,.15);
}

/* 顶栏搜索图标 + 展开搜索框 */
.top-search-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	color: inherit;
	cursor: pointer;
	padding: 2px;
}
.top-search-toggle:hover { color: var(--accent); }
/* 全屏搜索遮罩（原站风格：深色蒙层 + 大号关键词输入） */
.search-overlay {
	position: fixed;
	inset: 0;
	z-index: 300;
	background: rgba(10, 13, 40, .93);
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-overlay[hidden] { display: none; }
.search-overlay form { width: min(720px, 86vw); }
.search-overlay-row {
	display: flex;
	align-items: center;
	gap: 18px;
	border-bottom: 2px solid #fff;
	padding-bottom: 14px;
	transition: border-color .2s;
}
.search-overlay-row:focus-within { border-color: var(--accent); }
.search-overlay-row input {
	flex: 1;
	background: none;
	border: none;
	outline: none;
	color: #fff;
	font-size: 36px;
	font-family: inherit;
	font-weight: 300;
	min-width: 0;
}
.search-overlay-row input::placeholder { color: rgba(255, 255, 255, .92); }
.search-overlay-row button {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	padding: 4px;
	transition: color .2s, transform .2s;
}
.search-overlay-row button:hover { color: var(--accent); transform: translateX(4px); }
.search-overlay-close {
	position: absolute;
	left: 50%;
	top: calc(50% + 76px);
	transform: translateX(-50%);
	background: none;
	border: none;
	color: rgba(255, 255, 255, .8);
	cursor: pointer;
	padding: 8px;
	display: flex;
	transition: color .2s;
}
.search-overlay-close:hover { color: #fff; }

/* ============ 导航行（Logo 左，菜单/按钮靠右，hoverstar 同款布局） ============ */
.primary-nav {
	background: #fff;
	position: relative;
	z-index: 20;
}
.primary-nav .nav-inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px; /* 与 .container 的 20px 一致,内容边缘像素级对齐 */
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 90px;
}
/* Logo 靠左 */
.primary-nav .site-branding { margin-left: -8px; }
/* 滚动吸顶：半透明白底 + 黑字菜单 */
.primary-nav.is-sticky {
	position: fixed;
	top: 0; left: 0; right: 0;
	background: rgba(255, 255, 255, .85);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
	animation: nav-slide .35s ease;
}
.primary-nav.is-sticky .nav-inner { min-height: 74px; }
.primary-nav.is-sticky .custom-logo-link img { max-height: 56px; }
.primary-nav.is-sticky .site-logo-text { color: var(--color-primary); }
.primary-nav.is-sticky .mnav-burger { color: #272727; }
.primary-nav.is-sticky .nav-menu a { color: #272727; }
.primary-nav.is-sticky .nav-menu > li:hover > a,
.primary-nav.is-sticky .nav-menu > li.current-menu-item > a,
.primary-nav.is-sticky .nav-menu > li.current-menu-parent > a {
	color: var(--accent);
}
@keyframes nav-slide {
	from { transform: translateY(-100%); }
	to { transform: none; }
}
.primary-nav.nav-spacer { visibility: hidden; }

.site-logo-text {
	flex: none;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--color-primary);
	line-height: 1.2;
}
.site-footer .site-logo-text { color: #fff; }
/* 图片 Logo：限高使其在 90px 导航行内上下留白（不顶到上方蓝色顶栏），垂直居中 */
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo-link img { display: block; max-height: 64px; width: auto; }

.primary-nav .nav-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	/* 左右 auto 均分剩余空间 → 菜单居中在 Logo 和按钮之间 */
	margin-left: auto;
	margin-right: auto;
}
.primary-nav .nav-menu > li { position: relative; }
.primary-nav .nav-menu a {
	display: block;
	/* --nav-fit：多语言菜单文案变长时由 JS 按比例缩小（fitPrimaryNav），避免菜单项掉到第二行 */
	padding: 10px calc(14px * var(--nav-fit, 1));
	color: #272727;
	font-size: calc(17px * var(--nav-fit, 1));
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
}
.primary-nav .nav-menu > li > a { position: relative; }
/* 悬停/当前页：文字下方居中的一小段下划线（::before 绝对定位，::after 留给下拉箭头） */
.primary-nav .nav-menu > li > a::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 4px;
	width: 0;
	height: 2px;
	background: var(--accent);
	transform: translateX(-50%);
	transition: width .25s ease;
}
.primary-nav .nav-menu > li:hover > a,
.primary-nav .nav-menu > li.current-menu-item > a,
.primary-nav .nav-menu > li.current-menu-parent > a {
	color: var(--color-primary);
}
.primary-nav .nav-menu > li:hover > a::before,
.primary-nav .nav-menu > li.current-menu-item > a::before,
.primary-nav .nav-menu > li.current-menu-parent > a::before {
	width: 40%;
}
/* 下拉 */
.primary-nav .nav-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%; left: 0;
	min-width: 230px;
	background: var(--white);
	box-shadow: var(--shadow-hover);
	list-style: none;
	margin: 0;
	padding: 6px 0;
	z-index: 95;
}
.primary-nav .nav-menu li:hover > ul.sub-menu { display: block; }
.primary-nav .nav-menu ul.sub-menu a {
	color: var(--text);
	padding: 10px 20px;
	font-size: 14.5px;
	border-left: 3px solid transparent;
}
.primary-nav .nav-menu ul.sub-menu a:hover {
	background: var(--bg-soft);
	border-left-color: var(--accent);
	color: var(--color-primary);
}
/* 二级分类：从父级右侧飞出（原站同款） */
.primary-nav .nav-menu ul.sub-menu li { position: relative; }
.primary-nav .nav-menu ul.sub-menu ul.sub-menu {
	top: 0;
	left: 100%;
}
/* 有下级的项标题后加小箭头 */
.primary-nav .nav-menu li:has(> ul.sub-menu) > a::after {
	content: '';
	display: inline-block;
	margin-left: 7px;
	vertical-align: 3px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	opacity: .5;
}

.header-search { display: none; }

.quote-btn {
	flex: none;
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0 22px;
	margin-left: 18px;
	background: var(--accent);
	color: #1c1500;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	border-radius: var(--button-radius);
	white-space: nowrap;
	transition: all .25s;
}
.quote-btn:hover { background: #fff; color: var(--color-primary); }

/* 移动端汉堡 */
.mnav-burger {
	display: none;
	background: none;
	border: none;
	color: #272727;
	cursor: pointer;
	padding: 6px;
}
.mnav-burger .ico-close { display: none; }
.mnav-burger.is-open .ico-burger { display: none; }
.mnav-burger.is-open .ico-close { display: block; }

/* ============ 首屏 Banner（居中大写标题 + 横线指示条） ============ */
.home-banner { position: relative; }
.home-banner + .home-section { clear: both; }
.banner-slider { position: relative; overflow: hidden; }
.banner-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-primary);
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s ease;
}
/* 无图轮播（纯色+标题）保留最小高度；有图时由 img 自然撑高，图片完整不裁切 */
.banner-slide:not(.has-img) { min-height: 680px; }
.banner-img { width: 100%; height: auto; display: block; }
.banner-slide:first-child { position: relative; }
.banner-slide.is-active { opacity: 1; visibility: visible; }
/* 去掉轮播图上的黑色遮罩 */
.banner-caption {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 20px;
	max-width: 900px;
	margin: 0 auto;
}
.banner-title {
	color: #fefefe;
	font-size: 43px;
	font-weight: 700;
	line-height: 1.7;
	margin: 0 auto;
	max-width: 850px;
}
.banner-sub {
	color: #fefefe;
	font-size: 22px;
	font-weight: 700;
	margin: 28px 0 0;
}
.banner-btn {
	margin-top: 55px;
	width: 270px;
	height: 65px;
	line-height: 65px;
	padding: 0;
}

.banner-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	background: none;
	border: none;
	color: rgba(255, 255, 255, .5);
	cursor: pointer;
	transition: color .25s;
	padding: 4px;
}
.banner-arrow:hover { color: #fff; }
.banner-prev { left: 14px; }
.banner-next { right: 14px; }

/* 横线指示条 */
.banner-bars {
	position: absolute;
	bottom: 60px; left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
	z-index: 3;
}
.banner-bars button {
	width: 80px; height: 3px;
	border: none;
	background: rgba(255, 255, 225, .5);
	cursor: pointer;
	padding: 0;
	transition: background .25s;
}
.banner-bars button.is-active { background: #ffffe1; }

/* ============ 区块标题（em 大写小标 + 48px 大标题） ============ */
.home-section { padding: 80px 0; }
.sec-tit { text-align: center; margin-bottom: 40px; }
.sec-tit-label {
	display: block;
	font-size: 16px;
	color: var(--color-primary);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-style: normal;
}
.sec-tit-label--below { margin-top: 18px; }
.sec-tit-h {
	margin: 18px 0 0;
	font-size: 48px;
	line-height: 1.1;
	color: #070707;
	font-weight: 700;
}
.sec-tit-h.left { text-align: left; }
.sec-more { margin: 30px 0 0; text-align: center; }
.sec-more a {
	line-height: 35px;
	border-bottom: 2px solid var(--color-primary);
	padding: 0 16px;
	font-size: 18px;
	display: inline-block;
	color: var(--color-primary);
	font-weight: 700;
}
.sec-more a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* ============ ② 产品分类 ============ */
.home-categories { background: var(--white); }

/* ============ ①+ Featured Products（banner 下盒子：左图右文 + 3 产品卡） ============ */
.home-featured { background: #fff; padding: 80px 0; }
.feat-box { padding: 8px 0 42px; }
.feat-top { display: flex; align-items: stretch; gap: 40px; }
.feat-pic { flex: 0 0 54%; background: var(--bg-soft); overflow: hidden; }
.feat-pic img { display: block; width: 100%; height: 100%; min-height: 320px; aspect-ratio: 16 / 9; object-fit: cover; }
.feat-txt { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.feat-title {
	font-size: 36px;
	line-height: 1.22;
	font-weight: 700;
	/* 后台怎么写就怎么展示,去掉强制全大写 */
	color: #1b2a4a;
	margin: 0 0 18px;
}
.feat-desc { font-size: 15px; color: var(--text-light); line-height: 1.85; margin: 0 0 28px; }
.feat-more {
	display: inline-block;
	margin-top: auto; /* 底部与左侧图片下缘平齐 */
	background: var(--color-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 13px 32px;
	transition: all .25s;
}
.feat-more:hover { background: var(--accent); color: #1c1500; }
.feat-grid {
	list-style: none;
	margin: 46px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px;
}
.feat-card { display: block; text-align: center; }
.feat-card-pic { display: block; background: var(--bg-soft); overflow: hidden; aspect-ratio: 4 / 3; }
.feat-card-pic img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .4s ease; }
.feat-card:hover .feat-card-pic img { transform: scale(1.05); }
.feat-card-name { font-size: 17px; font-weight: 700; color: #1b2a4a; margin: 16px 0 0; transition: color .25s; }
.feat-card:hover .feat-card-name { color: var(--color-primary); }
.cat-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 22px;
}
.cat-grid-1 { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
.cat-grid-2 { grid-template-columns: repeat(2, 1fr); max-width: 640px; margin: 0 auto; }
.cat-grid-3 { grid-template-columns: repeat(3, 1fr); max-width: 860px; margin: 0 auto; }
.cat-grid-4 { grid-template-columns: repeat(4, 1fr); }
.cat-grid-5 { grid-template-columns: repeat(5, 1fr); }
.cat-card {
	display: block;
	overflow: hidden;
	background: var(--white);
	transition: all .25s;
}
.cat-card:hover {
	box-shadow: var(--shadow-hover);
	transform: translateY(-4px);
}
.cat-img {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--bg-soft);
}
.cat-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.cat-card:hover .cat-img img { transform: scale(1.06); }
.cat-name {
	display: block;
	padding: 14px 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: var(--text);
}
.cat-card:hover .cat-name { background: var(--color-primary); color: #fff; }

/* ============ ③ 产品矩阵 ============ */
.home-products { background: var(--white); }
.prod-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px;
}
.prod-card {
	display: flex;
	flex-direction: column;
	background: var(--white);
	overflow: hidden;
	border: 1px solid var(--line);
	transition: all .25s;
}
.prod-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: transparent; }
.prod-img {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--white);
	border-bottom: 1px solid var(--line);
}
.prod-img img { width: 100%; height: 100%; object-fit: contain; padding: 14px; transition: transform .35s; }
.prod-card:hover .prod-img img { transform: scale(1.05); }
.prod-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 20px 20px;
}
.prod-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--text);
	margin-bottom: 8px;
	display: block;
	line-height: 1.45;
}
.prod-card:hover .prod-title { color: var(--color-primary); }
.prod-desc {
	font-size: 14px;
	color: var(--text-light);
	line-height: 1.65;
	display: block;
}
.prod-more {
	margin-top: auto;
	padding-top: 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	color: var(--accent);
	display: block;
}

/* ---- 产品参数对比 ---- */
.prod-item { position: relative; display: flex; flex-direction: column; }
.prod-item .prod-card { flex: 1; }
.prod-compare {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 2;
	padding: 7px 18px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--white);
	color: var(--text);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s;
}
.prod-compare:hover { border-color: var(--color-primary); color: var(--color-primary); }
.prod-compare.is-active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

/* 底部对比浮条 */
.cmp-bar {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translate(-50%, 16px);
	z-index: 90;
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 10px 12px 10px 24px;
	background: #101d33;
	color: #fff;
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(16, 29, 51, .35);
	opacity: 0;
	pointer-events: none;
	transition: all .25s;
}
.cmp-bar.is-visible { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.cmp-bar-count { font-size: 14px; font-weight: 600; white-space: nowrap; }
.cmp-bar-clear {
	border: none;
	background: none;
	color: rgba(255, 255, 255, .75);
	font-size: 14px;
	cursor: pointer;
	padding: 6px 4px;
}
.cmp-bar-clear:hover { color: #fff; }
.cmp-bar-go {
	padding: 9px 22px;
	border: none;
	border-radius: 999px;
	background: var(--color-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: filter .2s;
}
.cmp-bar-go:hover:not(:disabled) { filter: brightness(1.15); }
.cmp-bar-go:disabled { opacity: .45; cursor: not-allowed; }

/* 对比页 */
.cmp-add {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 22px;
	border: 1px solid var(--line);
	background: var(--white);
	margin: 0 0 30px;
}
.cmp-add label { font-size: 15px; font-weight: 600; color: var(--text); }
.cmp-add select { min-width: 260px; padding: 8px 12px; border: 1px solid var(--line); font-size: 14px; }
.cmp-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: var(--white); }
.cmp-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.cmp-table th, .cmp-table td { padding: 16px 22px; border-bottom: 1px solid var(--line); text-align: left; font-size: 14px; vertical-align: middle; }
.cmp-table tbody tr:last-child th, .cmp-table tbody tr:last-child td { border-bottom: none; }
.cmp-table thead th { border-bottom: 1px solid var(--line); vertical-align: top; }
.cmp-table tbody th { width: 220px; font-weight: 700; color: var(--text); }
.cmp-spec-col { font-size: 15px; font-weight: 700; color: var(--text); width: 220px; }
.cmp-prod { min-width: 280px; }
.cmp-pic { display: block; height: 180px; margin-bottom: 14px; }
.cmp-pic img { max-height: 100%; max-width: 82%; object-fit: contain; }
.cmp-cat { display: block; font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; }
.cmp-name { display: block; font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 8px; }
.cmp-name:hover { color: var(--color-primary); }
.cmp-remove { font-size: 13px; color: var(--text-light); text-decoration: underline; }
.cmp-remove:hover { color: var(--color-primary); }
.cmp-none { color: var(--text-light); }
.cmp-noparams { color: var(--text-light); text-align: center; padding: 40px 0 !important; }

@media (max-width: 768px) {
	.cmp-bar { left: 12px; right: 12px; transform: none; width: auto; justify-content: space-between; padding: 10px 12px 10px 16px; gap: 10px; }
	.cmp-bar.is-visible { transform: none; }
	.cmp-table tbody th { width: 150px; }
	.cmp-prod { min-width: 220px; }
	.cmp-pic { height: 120px; }
}

/* ---- OUR PRODUCTS 轮播（原站风格：浅灰背景 + 大卡片 + 胶囊箭头 + 自动逐格轮播） ---- */
.home-products {
	background: #efefef;
	padding: 96px 0;
}
/* 全站宽度统一对齐导航栏,OUR PRODUCTS 轮播不再额外加宽 */
.home-products .container { max-width: var(--container); }
.home-products .sec-tit { margin-bottom: 56px; }
.home-products .sec-tit-h { font-size: 48px; }
.hp-more {
	display: inline-block;
	margin-top: 12px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: .04em;
	color: #333;
	transition: color .2s;
}
.hp-more:hover { color: var(--color-primary); }
/* 箭头悬浮在卡片两侧,卡片区域占满 container 与上方板块左右对齐 */
.hp-slider {
	position: relative;
	display: block;
}
.hp-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 60px;
	height: 150px;
	border: none;
	border-radius: 40px;
	background: #c8c8c8;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	transition: background .25s;
}
.hp-arrow.hp-prev { left: -84px; } /* 箭头排在卡片区域外侧,保持原 60px 箭头 + 24px 间距 */
.hp-arrow.hp-next { right: -84px; }
/* 视口不足以容纳外置箭头时,箭头回退悬浮在卡片上,避免超出屏幕 */
@media (max-width: 1580px) {
	.hp-arrow.hp-prev { left: 0; }
	.hp-arrow.hp-next { right: 0; }
}
.hp-arrow:hover { background: var(--color-primary); }
.hp-viewport { overflow: hidden; }
.hp-track {
	display: flex;
	gap: 50px;
	transition: transform .55s ease;
}
.hp-card {
	flex: 0 0 calc((100% - 100px) / 3);
	text-align: center;
}
.hp-pic {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--white);
}
.hp-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s;
}
.hp-card:hover .hp-pic img { transform: scale(1.05); }
.hp-name {
	display: block;
	margin-top: 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	color: #333;
	transition: color .2s;
}
.hp-card:hover .hp-name { color: var(--color-primary); }

/* ============ ④ 应用场景（居中大图轮播，两侧露出相邻幻灯片 + 右下信息块 + 进度条） ============ */
.home-app { background: #fff; overflow: hidden; }
.app-slider { position: relative; }
.app-track {
	position: relative;
	display: flex;
	transition: transform .55s ease;
}
.app-slide {
	flex: 0 0 auto;
	width: 72%;
	max-width: 1000px;
	margin: 0 12px;
	position: relative;
}
.app-pic {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 1;
	background-color: var(--bg-soft);
	background-size: cover;
	background-position: center;
}
.app-txt {
	position: absolute;
	right: 0; bottom: 0;
	width: 50%;
	background: rgba(246, 167, 0, .88);
	padding: 25px 30px;
	border-radius: 20px 0 0 0;
	text-align: center;
	/* 信息卡只在当前（居中）幻灯片上出现 */
	opacity: 0;
	visibility: hidden;
	transition: opacity .45s ease, visibility .45s ease;
}
.app-slide.is-active .app-txt { opacity: 1; visibility: visible; }
.app-tag {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	color: rgba(28, 21, 0, .75);
	text-transform: uppercase;
	margin-bottom: 6px;
}
.app-txt h3 { font-size: 26px; color: #fff; font-weight: 700; margin: 0; }
.app-txt h3 a { color: #fff; }
.app-txt h3 a:hover { text-decoration: underline; }
.app-txt p { font-size: 15px; color: #fff; margin: 12px 0 0; line-height: 1.7; }
.app-more {
	display: inline-block;
	margin-top: 16px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}
.app-more:hover { color: #fff; opacity: .8; }

.app-bot {
	margin: 30px auto 0;
	max-width: 1024px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
}
.app-bot em {
	font-size: 22px;
	color: #070707;
	line-height: 1;
	font-weight: 600;
	font-style: normal;
}
.app-progress {
	flex: 1;
	max-width: 300px;
	height: 6px;
	background: #cdcdcd;
	border-radius: 35px;
	overflow: hidden;
}
.app-progress span {
	display: block;
	height: 100%;
	background: var(--color-primary);
	border-radius: 35px;
	transition: width .4s;
}
.app-arrow {
	background: none;
	border: none;
	color: #070707;
	cursor: pointer;
	padding: 0;
	display: inline-flex;
}
.app-arrow:hover { color: var(--color-primary); }

/* ============ ⑤ 公司简介（白底左文右图） ============ */
.home-intro { padding: 80px 0; background: #fff; }
.intro-inner {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: stretch;
	gap: 60px;
}
/* 标题与图片顶边平齐，LEARN MORE 与图片底边平齐 */
.intro-txt {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.intro-title {
	color: #323232;
	font-size: 36px;
	line-height: 1.1;
	font-weight: 700;
	margin: 0 0 0;
}
.intro-text {
	font-size: 18px;
	color: #333;
	line-height: 1.5;
	margin: 24px 0 28px;
	flex: 1;
	white-space: pre-line; /* 后台简介段落里敲回车即换行 */
}
.intro-pic { width: 46%; flex: none; }
.intro-pic img { border-radius: var(--radius); }
.intro-pic:not(:has(img)) {
	aspect-ratio: 4 / 3;
	background:
		linear-gradient(135deg, rgba(246, 167, 0, .18), rgba(1, 4, 170, .5)),
		var(--color-primary);
}

/* ============ ⑥ Why Choose Us（2×2 主色块） ============ */
.home-why { background: #fff; padding: 80px 0; }
.why-list {
	list-style: none;
	margin: 40px -12px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.why-list li {
	width: 50%;
	padding: 12px;
	display: flex; /* 卡片拉伸到与同行另一张等高 */
}
.why-box {
	flex: 1;
	padding: 25px 24px;
	min-height: 186px; /* 固定大小，至少容纳三行描述 */
	border-radius: 7px;
	background: #f2f2f2; /* 蓝色底改为浅灰 */
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all .25s;
}
.why-list li:hover .why-box { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.why-ico {
	width: 90px;
	flex: none;
	text-align: center;
	color: var(--color-primary);
}
.why-txt { flex: 1; }
.why-txt h3 {
	font-size: 20px;
	font-weight: 700;
	color: #1b2a4a;
	line-height: 1.3;
	margin: 0;
}
.why-txt p {
	font-size: 15px;
	color: var(--text-light, #555);
	line-height: 1.75;
	margin: 12px 0 0;
}

/* ============ ⑦ 成功案例（左右分屏） ============ */
.home-casesplit {
	display: flex;
	background: #16181d;
}
/* 左半区：可上传背景图（后台 Success Cases 模块）+ 黑色半透明蒙版；未上传图时显示深色底 */
.cs-list {
	width: 50%;
	display: flex;
	justify-content: center;
	position: relative;
	background-size: cover;
	background-position: center;
}
.cs-list::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}
.cs-box {
	position: relative;
	z-index: 1;
	width: 640px;
	padding: 80px 67px;
}
.cs-label {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-style: normal;
}
.cs-title {
	margin: 20px 0 0;
	font-size: 36px;
	line-height: 1.1;
	color: #fff;
	font-weight: 700;
}
.cs-list ul {
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, .5);
}
.cs-list ul li {
	cursor: pointer;
	padding: 30px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	position: relative;
	transition: background .25s;
}
.cs-list ul li h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	color: #fff;
	margin: 0;
	padding-right: 130px;
}
.cs-list ul li h3 a { color: #fff; }
.cs-list ul li h3 a:hover { text-decoration: underline; }
.cs-list ul li .cs-more {
	position: absolute;
	right: 0;
	bottom: 30px;
	font-size: 15px;
	font-weight: 700;
	color: var(--accent);
	opacity: 0;
	transition: opacity .3s;
}
.cs-list ul li:hover .cs-more,
.cs-list ul li.is-active .cs-more { opacity: 1; }
.cs-pics { width: 50%; }
.cs-pics img {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}
.cs-pics { position: relative; min-height: 100%; }
.cs-pics img.is-active { display: block; }

/* ============ ⑧ One Stop Service（编号列表 + 右侧叠图） ============ */
.home-service { padding: 80px 0; background: #fff; }
.service-inner {
	display: flex;
	align-items: center;
	gap: 70px;
}
.service-txt { flex: 1; min-width: 0; }
.service-txt .sec-tit-h.left { margin: 0; }
.service-steps {
	list-style: none;
	margin: 42px 0 0;
	padding: 0;
	counter-reset: step;
	display: grid;
	grid-template-columns: 1fr 1fr; /* 原站：两排（每行两个节点） */
	gap: 26px 44px;
}
.service-steps li {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 52px;
}
/* 序号方块（原站为方形小徽标，节点间无连线） */
.service-steps li::before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	background: var(--color-primary);
	border-radius: 3px;
	transition: background .25s;
}
.service-steps li:hover::before { background: var(--accent); }
.step-txt { flex: 1; }
.step-txt strong { font-size: 17px; color: #333; font-weight: 600; transition: color .2s; }
.service-steps li:hover .step-txt strong { color: var(--color-primary); }
.service-txt .btn-primary { margin-top: 44px; }
.service-pics {
	width: 52%; /* 图片区域加宽,单图约放大 18% */
	flex: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}
.service-pics img {
	width: calc(50% - 10px);
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .3s;
}
.service-pics img:last-child { margin-top: 30px; }
.service-pics img:hover { transform: scale(1.04); }
.service-pics:not(:has(img)) {
	aspect-ratio: 4 / 3;
	background:
		linear-gradient(135deg, rgba(246, 167, 0, .16), rgba(1, 4, 170, .45)),
		var(--bg-soft);
}

/* ============ ⑨ 认证 / 合作品牌墙 ============ */
.home-brands { background: #fff; padding: 80px 0; }
.brand-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 30px;
}
/* 无边框底色,logo 默认原色,悬浮变灰 */
.brand-item {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	padding: 20px;
	transition: all .25s;
}
.brand-item:hover {
	filter: grayscale(1);
	opacity: .6;
}
.brand-item img { max-height: 110px; width: auto; max-width: 78%; object-fit: contain; }
/* 品牌墙底部按钮：无边框，深蓝文字 + 文字下方一条短下划线 */
.home-brands .sec-more a {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	min-width: 233px;
	padding: 18px 34px;
	border: none;
	background: none;
	font-size: 16px;
}
.home-brands .sec-more a::after {
	content: '';
	width: 145px;
	height: 2px;
	background: var(--color-primary);
}
.home-brands .sec-more a:hover {
	border-color: var(--color-primary);
	background: none;
	color: var(--color-primary);
}
.brand-name {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--text);
	text-align: center;
}

/* ============ ⑩ News（一屏 3 张白卡轮播 + 圆点分页，复刻原站） ============ */
.home-news { background: #fff; overflow: hidden; padding: 80px 0; }
.news-viewport { overflow: hidden; }
.news-track {
	display: flex;
	gap: 30px;
	align-items: stretch;
}
/* 不足 4 篇：不轮播，卡片整体居中 */
.news-slider.is-static .news-track { justify-content: center; }
.news-card {
	flex: 0 0 calc((100% - 60px) / 3);
	display: flex;
	flex-direction: column;
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: visible;
	position: relative;
	padding: 14px 14px 30px;
	box-shadow: 0 10px 26px rgba(27, 42, 74, .06);
	transition: all .25s;
}
.news-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }
.news-img {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	aspect-ratio: 4 / 3;
	background: linear-gradient(135deg, rgba(1, 4, 170, .08), rgba(246, 167, 0, .1));
}
.news-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.news-card:hover .news-img img { transform: scale(1.06); }
.news-body {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0 14px 0;
}
.news-date {
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	background: var(--accent);
	border-radius: 35px;
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: -22px;
	left: calc(50% - 75px);
	font-weight: 600;
}
.news-title {
	font-size: 21px;
	font-weight: 600;
	color: #070707;
	line-height: 1.35;
	margin: 38px 0 44px; /* 与 Learn More 按钮保持约 44px 间距 */
}
.news-title a {
	color: #070707;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-card:hover .news-title a { color: var(--accent); }
.news-btn {
	display: inline-block;
	margin-top: auto;
	padding: 11px 40px;
	background: var(--accent);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 3px;
	transition: all .25s;
}
.news-btn:hover { background: var(--color-primary); color: #fff; }
.news-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 36px;
}
.news-dots:empty { display: none; }
.news-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #c9cbe0;
	cursor: pointer;
	transition: all .25s;
}
.news-dots button.is-active { background: var(--accent); }

/* ============ ⑪ Get A Quote CTA（与 OEM&ODM 横幅同款：背景图 + 左深右透蒙版 + 左对齐文案） ============ */
.home-quote {
	position: relative;
	background-color: #0a1030;
	background-size: cover;
	background-position: center;
	padding: 56px 0;
}
.home-quote::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(10, 16, 48, .96) 0%, rgba(10, 16, 48, .78) 50%, rgba(10, 16, 48, .30) 100%);
}
.quote-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
/* banner-btn 自带 margin-top:55px（轮播用），在 Quote 条里去掉才能垂直居中 */
.quote-inner .banner-btn { margin-top: 0; }
/* Quote 按钮改为透明底白字 + 底部下划线样式 */
.home-quote .banner-btn {
	width: auto;
	height: auto;
	line-height: 1.4;
	padding: 0 6px 14px;
	background: none;
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, .8);
}
.home-quote .banner-btn:hover {
	background: none;
	color: var(--accent);
	border-bottom-color: var(--accent);
}
.quote-text {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
	max-width: 760px;
	text-align: left;
}
.quote-text::before {
	content: '';
	display: block;
	width: 56px;
	height: 4px;
	background: var(--accent);
	margin-bottom: 16px;
}
.quote-text .q-lead { color: #fff; }
.quote-text .q-hl { color: var(--accent); }
.quote-text .q-rest {
	display: block;
	font-size: 21px;
	font-weight: 600;
	margin-top: 4px;
}

/* ============ ⑫ Related Search ============ */
.home-keywords { padding: 40px 0 48px; background: var(--white); }
.kw-title { font-size: 17px; font-weight: 700; color: var(--text); margin-bottom: 16px; }
.kw-list { display: flex; flex-wrap: wrap; gap: 10px 12px; }
.kw-list a {
	font-size: 13px;
	color: var(--text-light);
	padding: 6px 14px;
	border: 1px solid var(--line);
	border-radius: 20px;
	transition: all .2s;
}
.kw-list a:hover {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background: var(--bg-soft);
}

/* ============ 页脚（黑底） ============ */
.site-footer {
	background: #000;
	color: #bcbcbc;
	font-size: 15px;
}
.footer-cols {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
	gap: 44px;
	padding-top: 70px;
	padding-bottom: 50px;
}
.footer-title {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 25px;
	position: relative;
	padding-bottom: 0;
}
.footer-title::after {
	content: '';
	background: var(--color-primary);
	width: 40px; height: 1px;
	display: block;
	margin-top: 22px;
}
.footer-about { color: #fff; line-height: 30px; margin: 30px 0 0; font-size: 15px; }
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { margin-bottom: 6px; }
.footer-menu a { color: #fff; font-size: 17px; }
.footer-menu a:hover { color: #fff; text-decoration: underline; }
.footer-contact { list-style: none; margin: 0; padding: 0; }
.footer-contact li {
	position: relative;
	font-size: 15px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 16px;
	padding-left: 32px;
}
.footer-contact svg {
	position: absolute;
	left: 0;
	top: 5px;
	color: var(--accent);
}
.footer-contact li a { color: #fff; }
.footer-contact li a:hover { color: var(--accent); }
.footer-social { display: flex; gap: 25px; margin-top: 40px; }
.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px; height: 46px;
	border-radius: 50%;
	background: var(--color-primary);
	color: #fff;
	transition: all .25s;
}
.footer-social a:hover { opacity: .7; transform: none; }
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding: 20px 0;
}
.footer-bottom-inner { display: flex; justify-content: center; text-align: center; }
.footer-bottom p { margin: 0; font-size: 13px; color: rgba(255, 255, 255, .5); }

/* ============ 右侧浮动按钮（站点设置→右侧悬浮按钮 配置） ============ */
.float-contact {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 80;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.float-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	background: var(--color-primary);
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all .25s;
}
.float-btn svg { width: 20px; height: 20px; }
.float-btn:hover { background: var(--accent); color: #1c1500; }
/* 悬浮按钮 hover 左侧滑出明文（邮箱/电话），参照常见外贸站样式 */
.float-btn { position: relative; }
.float-btn-label {
	position: absolute;
	right: calc(100% + 10px);
	top: 50%;
	transform: translate(8px, -50%);
	background: #1b2a4a;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	padding: 9px 14px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .22s ease;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}
.float-btn-label::after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left-color: #1b2a4a;
}
.float-btn:hover .float-btn-label,
.float-btn:focus-visible .float-btn-label {
	opacity: 1;
	visibility: visible;
	transform: translate(0, -50%);
}

/* ============ 询盘弹窗 ============ */
.quote-popup {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.quote-popup[hidden] { display: none; }
.quote-popup-mask {
	position: absolute;
	inset: 0;
	background: rgba(1, 3, 46, .72);
}
.quote-popup-box {
	position: relative;
	background: var(--white);
	border-radius: 4px;
	padding: 34px 36px 30px;
	width: 100%;
	max-width: 560px;
	max-height: 90vh;
	overflow: auto;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .4);
	animation: popup-in .3s ease;
}
@keyframes popup-in {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: none; }
}
.quote-popup-close {
	position: absolute;
	right: 12px; top: 8px;
	background: none;
	border: none;
	font-size: 30px;
	line-height: 1;
	color: var(--text-light);
	cursor: pointer;
}
.quote-popup-close:hover { color: var(--color-primary); }
.quote-popup-box h3 { font-size: 24px; color: var(--text); margin-bottom: 4px; }
.quote-popup-sub { color: var(--text-light); font-size: 14px; margin: 0 0 20px; }
.quote-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
/* 表单必填标记 */
label .req { color: #e02b20; margin-left: 2px; }
.quote-popup-box p { margin: 0 0 14px; }
.quote-popup-box label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--text);
}
.quote-popup-box input,
.quote-popup-box textarea {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 2px;
	padding: 10px 12px;
	font-size: 14px;
	font-family: inherit;
	outline: none;
	transition: border-color .2s;
}
.quote-popup-box input:focus,
.quote-popup-box textarea:focus { border-color: var(--color-primary); }
.quote-submit { width: 100%; margin-top: 4px; }
.quote-success {
	background: rgba(246, 167, 0, .12);
	border: 1px solid var(--accent);
	color: #8a6100;
	border-radius: 2px;
	padding: 10px 14px;
	font-size: 13.5px;
	margin-bottom: 16px;
}
/* 表单蜜罐字段：屏幕外定位隐藏（不用 display:none，避免被机器人识别跳过） */
.xh-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* 验证码校验失败提示 */
.quote-error {
	background: rgba(224, 43, 32, .1);
	border: 1px solid #e02b20;
	color: #b0180f;
	border-radius: 2px;
	padding: 10px 14px;
	font-size: 13.5px;
	margin-bottom: 16px;
}

/* ============ 内页 ============ */
/* banner：图片横幅（原站格式），标题+面包屑叠在左侧垂直居中 */
.page-hero {
	/* Banner 图：后台 站点设置→子页面 Banner 上传后经 --xinhongxin-hero-img 注入，未上传用主题自带图 */
	background:
		linear-gradient(90deg, rgba(1, 3, 46, .78), rgba(1, 4, 170, .28)),
		var(--xinhongxin-hero-img, url('../img/page-banner.jpg')) center / cover no-repeat,
		var(--color-primary);
	color: #fff;
	padding: 66px 0; /* 高度减一档;左右保持通栏铺满 */
	margin: 8px auto 0; /* 导航下方空白删减 */
}
.page-hero-title {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	/* 后台怎么写就怎么展示,不强制全大写 */
}
/* OEM&ODM 页各模块大标题统一 36px（WP 给该页 body 加的是模板类而非 slug 类） */
body.page-template-page-oem-odm .sec-tit-h,
body.page-template-page-oem-odm .oem-band-title,
body.page-template-page-oem-odm .oem-expert-title { font-size: 36px; }
.breadcrumb {
	font-size: 13px;
	color: rgba(255, 255, 255, .65);
	margin: 14px 0 0;
}
.breadcrumb a { color: rgba(255, 255, 255, .85); }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb-sep { margin: 0 8px; opacity: .6; }
.breadcrumb-current { color: rgba(255, 255, 255, .92); }

.content-area { padding: 56px 20px 70px; }
.news-grid-page { grid-template-columns: repeat(3, 1fr); }

/* ============ News 详情页（参照原站：居中标题日期 + 分隔线 + Prev/ALL/Next + 推荐产品） ============ */
.sp-back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text-light); transition: color .25s; }
.sp-back:hover { color: var(--color-primary); }
.sp-title {
	font-size: 28px;
	font-weight: 700;
	color: #1b2a4a;
	line-height: 1.5;
	text-align: center;
	max-width: 900px;
	margin: 26px auto 16px;
}
.sp-meta { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 13px; color: var(--text-light); margin: 0; }
.sp-content { margin-top: 28px; padding-top: 36px; border-top: 1px solid var(--line); padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.sp-content p { margin: 0 0 1.5em; }
.sp-content img { max-width: 100%; height: auto; border-radius: 2px; }
.sp-content > p > img, .sp-content .wp-block-image img { display: block; margin: 0 auto; }
.sp-content video, .sp-content iframe { max-width: 100%; display: block; margin: 0 auto; }
.sp-content h2, .sp-content h3, .sp-content h4 { color: var(--text); margin: 1.6em 0 .7em; line-height: 1.4; }
.sp-content h2 { font-size: 24px; }
.sp-content h3 { font-size: 20px; }
.sp-content h4 { font-size: 17px; }
.sp-content ul, .sp-content ol { padding-left: 1.4em; margin: 0 0 1.5em; }
.sp-content li { margin-bottom: .5em; }
.sp-content blockquote {
	margin: 1.4em 0;
	padding: 14px 22px;
	border-left: 4px solid var(--accent);
	background: var(--bg-soft);
}
.sp-content figure { margin: 0 0 1.5em; }
.sp-pn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 0;
	margin-bottom: 10px;
}
.sp-pn-prev, .sp-pn-next { flex: 1; min-width: 0; font-size: 14px; }
.sp-pn-next { text-align: right; }
.sp-pn a { color: var(--text); transition: color .25s; }
.sp-pn a:hover { color: var(--color-primary); }
.sp-pn em { font-style: normal; color: var(--text-light); margin: 0 6px; }
.sp-pn-arr { color: var(--text-light); }
.sp-pn-all { flex: none; font-weight: 600; letter-spacing: .05em; }
.sp-related { margin-top: 40px; }
.pagination { margin-top: 40px; text-align: center; }
.pagination .nav-links { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.pagination .page-numbers, .pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--line);
	font-size: 14px;
	color: var(--text);
}
.pagination .page-numbers.current {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}
.pagination .page-numbers:hover:not(.current) { border-color: var(--color-primary); color: var(--color-primary); }
.no-results { text-align: center; color: var(--text-light); padding: 40px 0; }

/* ============ News 列表页（主列 + Hot News 侧栏，参照原站） ============ */
.news-archive { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: start; }
.news-page-tit { font-size: 34px; font-weight: 700; color: #1b2a4a; margin: 0 0 26px; }
.news-meta { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--text-light); margin: 0 0 14px; }
.news-meta svg { flex: none; opacity: .75; }

/* 首条：左大图右文 */
.news-lead { display: flex; gap: 28px; background: #fff; margin-bottom: 34px; }
.news-lead-pic { flex: 0 0 46%; display: block; background: var(--bg-soft); overflow: hidden; aspect-ratio: 4 / 3; }
.news-lead-pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.news-lead:hover .news-lead-pic img { transform: scale(1.04); }
.news-lead-body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 6px 0; }
.news-lead-title { font-size: 22px; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }
.news-lead-title a { color: #1b2a4a; transition: color .25s; }
.news-lead-title a:hover { color: var(--color-primary); }
.news-lead-excerpt { font-size: 15px; color: var(--text-light); line-height: 1.85; margin: 0 0 24px; }
.news-more-btn {
	display: inline-block;
	margin-top: auto;
	background: var(--color-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .03em;
	padding: 11px 28px;
	transition: all .25s;
}
.news-more-btn:hover { background: var(--accent); color: #1c1500; }

/* 普通行：左「标题-时间-摘要」右封面图，横线分隔 */
.news-row { display: flex; gap: 28px; padding: 30px 0; border-top: 1px solid var(--line); }
.news-lead + .news-row { border-top: 0; padding-top: 0; }
.news-row-body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.news-row-title { font-size: 20px; font-weight: 700; line-height: 1.45; margin: 0 0 10px; }
.news-row-title a { color: #1b2a4a; transition: color .25s; }
.news-row-title a:hover { color: var(--color-primary); }
.news-row-excerpt { font-size: 14px; color: var(--text-light); line-height: 1.8; margin: 0 0 22px; }
.news-row-pic { flex: 0 0 40%; display: block; background: var(--bg-soft); overflow: hidden; aspect-ratio: 16 / 10; }
.news-row-pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.news-row:hover .news-row-pic img { transform: scale(1.04); }

/* 侧栏：Hot News + 图片 + 按钮 */
.news-side { border-left: 1px solid var(--line); padding-left: 34px; }
.news-side-tit {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 700;
	color: #1b2a4a;
	margin: 0 0 8px;
}
.news-side-tit svg { color: #e2574c; }
.news-side-list { list-style: none; margin: 0; padding: 0; }
.news-side-list li { border-bottom: 1px dashed var(--line); }
.news-side-list li:last-child { border-bottom: 0; }
.news-side-item { display: block; padding: 16px 0; }
.news-side-item-tit { display: block; font-size: 14px; font-weight: 600; line-height: 1.55; color: #1b2a4a; transition: color .25s; }
.news-side-item:hover .news-side-item-tit { color: var(--color-primary); }
.news-side-item-date { display: block; margin-top: 8px; font-size: 12px; color: var(--text-light); text-align: right; }
.news-side-img { display: block; width: 100%; margin-top: 26px; aspect-ratio: 4 / 3; object-fit: cover; background: var(--bg-soft); }
span.news-side-img.is-placeholder { height: auto; }
.news-side-btn {
	display: block;
	margin-top: 16px;
	background: var(--color-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .03em;
	text-align: center;
	padding: 13px 16px;
	transition: all .25s;
}
.news-side-btn:hover { background: var(--accent); color: #1c1500; }

@media (max-width: 991px) {
	.news-archive { grid-template-columns: 1fr; }
	.news-side { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 34px; }
	.contact-info-grid { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
	.contact-map iframe { height: 340px; }
	.video-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.video-lightbox-close { right: 0; }
}
@media (max-width: 768px) {
	.dev-row, .dev-row.is-flip { flex-direction: column; align-items: flex-start; gap: 20px; padding: 32px 0; }
	.dev-row-pic { flex: none; width: 100%; }
}
@media (max-width: 640px) {
	.news-lead { flex-direction: column; }
	.news-lead-pic { flex: none; width: 100%; }
	.news-row { flex-direction: column-reverse; }
	.news-row-pic { flex: none; width: 100%; }
}

/* ============ 搜索结果页（原站风格） ============ */
.search-page { padding-top: 40px; }
.sp-box {
	display: flex;
	max-width: 500px;
	margin: 0 auto 18px;
}
.sp-box input[type="search"] {
	flex: 1;
	border: 1px solid #d9dbe3;
	border-right: none;
	padding: 11px 16px;
	font-size: 15px;
	font-family: inherit;
	outline: none;
	min-width: 0;
}
.sp-box input[type="search"]:focus { border-color: var(--color-primary); }
.sp-box button {
	border: none;
	background: var(--color-primary);
	color: #fff;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .2s;
}
.sp-box button:hover { background: var(--accent); color: #1c1500; }
.sp-tabs {
	display: flex;
	justify-content: center;
	gap: 90px;
	border-bottom: 1px solid var(--line);
}
.sp-tabs a {
	padding: 12px 6px;
	font-size: 16px;
	color: var(--text-light);
	position: relative;
	transition: color .2s;
}
.sp-tabs a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: var(--text);
	transition: width .25s;
}
.sp-tabs a:hover { color: var(--text); }
.sp-tabs a.is-active { color: var(--text); font-weight: 600; }
.sp-tabs a.is-active::after { width: 100%; }
.sp-count { margin: 18px 0 26px; font-size: 14px; color: var(--text-light); }
.sp-count strong { color: var(--text); font-size: 17px; margin-right: 6px; }
.sp-grid { margin-top: 10px; }
.sp-news { margin-top: 10px; }
.sp-cases {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin-top: 10px;
}
.sp-case { display: block; text-align: center; }
.sp-case-pic { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bg-soft); }
.sp-case-pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.sp-case:hover .sp-case-pic img { transform: scale(1.05); }
.sp-case-name { display: block; margin-top: 12px; font-size: 16px; font-weight: 700; color: #1b2a4a; }
.sp-case:hover .sp-case-name { color: var(--color-primary); }
.sp-empty {
	text-align: center;
	color: var(--text-light);
	font-size: 17px;
	padding: 90px 0 60px;
}

.search-form { display: flex; max-width: 420px; }
.search-form input[type="search"] {
	flex: 1;
	border: 1px solid var(--color-primary);
	border-right: none;
	padding: 10px 14px;
	font-size: 14px;
	font-family: inherit;
	outline: none;
	min-width: 0;
}
.search-form button {
	border: none;
	background: var(--color-primary);
	color: #fff;
	padding: 10px 22px;
	cursor: pointer;
	font-family: inherit;
}

/* ============ 列表页布局（产品/侧栏，参照原站） ============ */
.plp-heading {
	font-size: 34px;
	font-weight: 700;
	color: #1b2a4a;
	/* 后台怎么写就怎么展示,不强制全大写 */
	margin: 0 0 18px;
}
/* 分类页标题下的分类描述（后台 产品→分类 填写） */
.plp-cat-desc { max-width: 100%; margin: -6px 0 24px; color: var(--text-light); font-size: 15px; line-height: 1.9; }
.plp-cat-desc p { margin: 0 0 10px; }
/* 简介：放右侧内容列顶部（原站 PRODUCTS 小标题 + 段落 + 底部细线） */
.plp-intro { margin: 0 0 34px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.plp-intro-title {
	font-size: 19px;
	font-weight: 700;
	color: #1b2a4a;
	/* 后台怎么写就怎么展示,不强制全大写 */
	letter-spacing: .02em;
	margin: 0 0 10px;
}
.plp-intro p { margin: 0; color: var(--text-light); font-size: 15px; line-height: 1.9; }
.plp-layout {
	display: grid;
	grid-template-columns: 250px 1fr;
	gap: 44px;
	align-items: start;
}
.plp-side {
	padding: 0;
	position: sticky;
	top: 100px;
}
/* 左侧筛选：ALL 置顶 + 一级分类带底线分隔，父级右侧 › 展开子级 */
.pcat-list { list-style: none; margin: 0; padding: 0; }
.pcat-list > li { border-bottom: 1px solid var(--line); }
.pcat-list a {
	display: block;
	padding: 13px 2px;
	font-size: 15px;
	color: var(--text);
}
.pcat-list a.pcat-top { font-weight: 600; }
.pcat-list a:hover, .pcat-list a.current { color: var(--color-primary); }
.pcat-list summary { list-style: none; cursor: pointer; }
.pcat-list summary::-webkit-details-marker { display: none; }
.pcat-list summary > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.pcat-list summary > a::after {
	content: '\203A';
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	color: var(--text-light);
	transition: transform .2s;
}
.pcat-list details[open] summary > a::after { transform: rotate(90deg); }
.pcat-sub { list-style: none; margin: 0; padding: 0 0 12px 14px; }
.pcat-sub a { display: block; padding: 8px 2px; font-size: 14px; font-weight: 400; color: var(--text-light); }
.pcat-sub a:hover, .pcat-sub a.current { color: var(--color-primary); }
/* 内容方块：原站风格，纯图 + 居中标题 */
.prod-grid-side { grid-template-columns: repeat(3, 1fr); gap: 34px; }
.plp-main .prod-card {
	border: none;
	background: none;
	text-align: center;
	padding: 0 0 40px;
}
.plp-main .prod-card:hover { transform: none; box-shadow: none; }
.plp-main .prod-img { border-bottom: none; }
.plp-main .prod-img img { padding: 0; }
.plp-main .prod-body { padding: 16px 0 0; }
.plp-main .prod-title { font-weight: 700; color: #1b2a4a; }
.plp-main .prod-desc, .plp-main .prod-more { display: none; }

/* ============ 产品详情（参照原站） ============ */
.page-hero--slim { padding: 30px 0 26px; }
.pd-top {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 40px;
	align-items: start;
}
/* 封面大图 + 左右箭头 */
.pd-gallery-main {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pd-gallery-main img { width: 100%; height: 100%; object-fit: contain; padding: 16px; }
.pd-gal-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 56px;
	border: none;
	background: rgba(255, 255, 255, .82);
	color: var(--text);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s;
}
.pd-gal-arrow:hover { background: rgba(255, 255, 255, 1); color: var(--color-primary); }
.pd-gal-prev { left: 0; }
.pd-gal-next { right: 0; }
/* Overview 第一个模块：产品多图轮播（大图 + 箭头 + 缩略图） */
.pd-shots { margin: 40px 0 0; }
.pd-shots-main {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pd-shots-main img { width: 100%; height: 100%; object-fit: contain; padding: 16px; }
/* 幻灯片：图片与视频混排，仅当前项显示。视频播放器由 JS 按第一张图片的内容框等比缩放到相同规格，白底居中 */
.pd-slide { display: none; width: 100%; height: 100%; }
.pd-slide.is-active { display: block; }
.pd-slide-video { position: relative; background: var(--white); }
.pd-slide-video iframe, .pd-slide-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 0;
	display: block;
	background: #000;
}
/* 缩略图：hover 灰色遮罩，当前项高亮，整体居中 */
.pd-gallery-thumbs {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 14px;
}
.pd-thumb { width: 96px; }
.pd-thumb {
	position: relative;
	display: block;
	cursor: pointer;
	border: 2px solid var(--line);
	overflow: hidden;
	transition: border-color .2s;
}
.pd-thumb img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.pd-thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .38);
	opacity: 0;
	transition: opacity .2s;
}
.pd-thumb:hover::after { opacity: 1; }
.pd-thumb.is-active { border-color: var(--color-primary); }
.pd-thumb.is-active::after { display: none; }
/* 视频缩略图：播放角标 + 无封面占位 */
.pd-thumb-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.pd-thumb-play::before {
	content: '';
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(16, 29, 51, .65);
}
.pd-thumb-play::after {
	content: '';
	position: absolute;
	border-left: 9px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-left: 2px;
}
.pd-thumb-nopic { display: block; width: 100%; aspect-ratio: 1 / 1; background: #101d33; }

/* 右侧：标题 + 描述 + Inquiry 按钮 */
.pd-info { padding-top: 4px; }
.pd-title {
	font-size: 20px;
	font-weight: 700;
	color: #1b2a4a;
	margin: 0 0 18px;
	line-height: 1.3;
}
.pd-desc p { color: var(--text-light); font-size: 15px; line-height: 1.9; margin: 0 0 12px; }
.pd-inquiry-btn {
	display: inline-block;
	margin-top: 14px;
	background: var(--color-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 13px 46px;
	transition: all .25s;
}
.pd-inquiry-btn:hover { background: var(--accent); color: #1c1500; }

/* 锚点导航条：吸顶，滚动高亮 */
.pd-anchorbar {
	position: sticky;
	top: 74px;
	z-index: 30;
	display: flex;
	background: #fff;
	border-bottom: 1px solid var(--line);
	margin: 44px 0 0;
}
.pd-anchorbar a {
	flex: 1;
	text-align: center;
	padding: 15px 10px;
	font-size: 15.5px;
	color: var(--text-light);
	position: relative;
	transition: color .2s;
}
.pd-anchorbar a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: var(--color-primary);
	transition: width .25s;
}
.pd-anchorbar a:hover, .pd-anchorbar a.is-active { color: var(--color-primary); }
.pd-anchorbar a.is-active::after { width: 56px; }
.pd-section { scroll-margin-top: 130px; }

/* GET IN TOUCH 询盘表单 */
.pd-overview { margin-top: 40px; }
.git-box {
	margin: 56px auto 0;
	max-width: 860px;
	border: 1px solid var(--line);
	background: var(--white);
	padding: 44px 48px 48px;
}
.git-title {
	font-size: 24px;
	font-weight: 700;
	color: #1b2a4a;
	text-align: center;
	margin: 0 0 30px;
}
.git-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 26px;
}
.git-grid .git-full { grid-column: 1 / -1; }
.pd-inquiry-form p { margin: 0 0 16px; }
.pd-inquiry-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 7px; color: var(--text); }
.pd-inquiry-form input, .pd-inquiry-form textarea, .pd-inquiry-form select {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 2px;
	padding: 11px 13px;
	font-size: 14px;
	font-family: inherit;
	outline: none;
	transition: border-color .2s;
	background: #fff;
	color: var(--text);
}
.pd-inquiry-form input:focus, .pd-inquiry-form textarea:focus, .pd-inquiry-form select:focus { border-color: var(--color-primary); }
.git-send {
	display: block;
	margin: 8px auto 0;
	background: var(--color-primary);
	color: #fff;
	border: none;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	font-family: inherit;
	padding: 13px 60px;
	cursor: pointer;
	transition: background .25s;
}
.git-send:hover { background: var(--accent); color: #1c1500; }
.git-box .quote-success { text-align: center; color: #1a8f3c; margin: 0 0 18px; }

.pd-param-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}
.pd-param-table tr:nth-child(odd) { background: var(--bg-soft); }
.pd-param-table th, .pd-param-table td {
	padding: 11px 16px;
	text-align: left;
	border: 1px solid var(--line);
}
.pd-param-table th { width: 45%; color: var(--text); font-weight: 600; }

/* 推荐产品：标题 + 橙色箭头 + 横向滑动 */
.pd-related { margin-top: 64px; }
.rel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}
.rel-title {
	font-size: 24px;
	font-weight: 700;
	color: #1b2a4a;
	margin: 0;
}
.rel-arrows { display: flex; gap: 8px; }
.rel-arrow {
	width: 34px;
	height: 34px;
	border: none;
	background: var(--accent);
	color: #fff;
	font-size: 19px;
	line-height: 1;
	cursor: pointer;
	transition: opacity .2s;
}
.rel-arrow:hover { opacity: .82; }
.rel-track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 6px;
}
.rel-track::-webkit-scrollbar { display: none; }
.rel-card {
	flex: 0 0 calc((100% - 48px) / 3);
	scroll-snap-align: start;
	text-align: center;
}
.rel-pic {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--white);
}
.rel-pic img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 10px; transition: transform .35s; }
.rel-card:hover .rel-pic img { transform: scale(1.05); }
.rel-name {
	display: block;
	margin-top: 12px;
	font-size: 15.5px;
	font-weight: 700;
	color: #1b2a4a;
	transition: color .2s;
}
.rel-card:hover .rel-name { color: var(--color-primary); }

.dist-form-wrap { max-width: 100%; margin: 0; background: var(--white); padding: 30px 32px; box-shadow: var(--shadow); }
/* 表单标题 + 描述：独立在表单卡片上方，居中（后台 Become a Distributor 页「③ 申请表单」可改）
   与上方简介/权益卡片同宽（1180px），左右边缘对齐 */
.dist-form-head { max-width: 100%; margin: 0 0 28px; text-align: center; }
.dist-form-title { margin: 0 0 12px; font-size: 32px; line-height: 1.3; color: #070707; font-weight: 700; }
.dist-form-desc { margin: 0; font-size: 15px; line-height: 1.8; color: #5a5d76; }
.dist-form .quote-submit { width: 100%; }
/* 表单区块：去掉标题后整体上移，收窄上下留白 */
.dist-apply { padding-top: 0; }
.dist-apply .dist-form-wrap { margin-top: -20px; }

/* Distributor 页：居中简介 + 加粗引导语 + 表单新字段 */
.dist-intro { max-width: 100%; margin: 0 0 56px; }
.dist-intro p { font-size: 16px; line-height: 1.9; color: var(--text); margin: 0 0 14px; text-align: justify; }
.dist-intro .dist-cta { font-weight: 700; color: #1b2a4a; margin-bottom: 0; }

/* Distributor 页权益网格（编号 + 标题 + 描述） */
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; max-width: 100%; margin: 0; }
.why-item { border: 1px solid var(--line); background: var(--white); padding: 30px 26px; transition: box-shadow .2s, transform .2s; }
.why-item:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.why-num { display: block; font-size: 30px; font-weight: 700; line-height: 1; color: rgba(var(--color-primary-rgb), .25); margin-bottom: 16px; }
.why-item .why-title { font-size: 17px; font-weight: 700; color: var(--text); margin: 0 0 10px; }
.why-item .why-text { font-size: 14px; line-height: 1.8; color: #5a5d76; margin: 0; }
@media (max-width: 1024px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .why-grid { grid-template-columns: 1fr; } }

.dist-form .span-2 { grid-column: 1 / -1; }
.dist-selling { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 28px; }
.dist-selling > label { margin: 0; }
.dist-check { display: flex; align-items: center; gap: 24px; }
.dist-check-item { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; margin: 0; cursor: pointer; }
.dist-check-item input { width: 16px; height: 16px; padding: 0; accent-color: var(--color-primary); }

/* ============ About 页（复刻原站 About Us） ============ */
.ab-intro { padding: 100px 0; }
.ab-intro-box { display: flex; align-items: flex-start; }
.ab-intro-txt { flex: 1; min-width: 0; margin-right: 70px; }
.ab-intro-txt h2 { font-size: 36px; color: #333; line-height: 1; font-weight: 700; margin: 0 0 20px; }
.ab-intro-t { margin-top: 28px; font-size: 18px; color: #666; line-height: 2; }
.ab-intro-t p { margin: 0; }
.ab-intro-pic { width: 50%; }
.ab-intro-pic img { display: block; width: 100%; }

.ab-indicator { padding: 1px 0; }
.ab-ind-list { margin: 70px 0 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ab-ind-list li { width: calc(25% - 42px); position: relative; padding: 32px 39px; box-sizing: border-box; border-bottom: 2px solid #e6e6e6; list-style: none; }
.ab-ind-list li::after {
	content: "";
	width: 0;
	height: 2px;
	background: var(--color-primary);
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: all .3s cubic-bezier(.55, .23, .62, 1);
}
.ab-ind-list li:hover::after { width: 100%; }
.ab-ind-list h3 { color: var(--color-primary); font-size: 46px; line-height: 1; font-weight: 700; margin: 0; }
.ab-ind-list p { font-size: 20px; color: #666; line-height: 1.5; margin: 13px 0 0; }

.ab-pt { padding: 100px 0; }
.ab-pt-list { margin: 0; padding: 0; }
.ab-pt-list li { position: relative; display: flex; list-style: none; }
.ab-pt-list li + li { margin-top: 120px; }
.ab-pt-pic { width: 512px; flex: none; }
.ab-pt-pic img { display: block; width: 100%; }
.ab-pt-txt {
	flex: 1;
	min-width: 0;
	margin-left: 75px;
	padding-left: 30px;
	border-bottom: 1px solid #f6a700;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ab-pt-txt h2 { font-size: 36px; font-weight: 700; line-height: 1; color: #333; margin: 0; }
.ab-pt-txt .t { margin-top: 35px; font-size: 18px; color: #777; line-height: 1.8; }
.ab-pt-txt .t p { margin: 0; }
.ab-pt-txt .t p + p { margin-top: 15px; }
.ab-pt-list li:nth-child(2n + 1) { flex-direction: row-reverse; }
.ab-pt-list li:nth-child(2n + 1) .ab-pt-txt { margin: 0 75px 0 0; }

.ab-quality { padding: 100px 0; background: #f8f8f8; }
.abq-tit { text-align: center; }
.abq-tit h3 { margin: 0; font-size: 36px; line-height: 1; color: #333; font-weight: 700; }
.abq-tit p { margin: 35px 0 0; font-size: 20px; line-height: 1.8; color: #666; }
.abq-slider { margin-top: 60px; position: relative; }
.abq-viewport { overflow: hidden; }
.abq-track { display: flex; gap: 58px; transition: transform .55s; }
.abq-slide { position: relative; flex: 0 0 calc((100% - 116px) / 3); }
.abq-slide img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.abq-slide > h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, .6));
	font-size: 24px;
	color: #fff;
	line-height: 1;
	font-weight: 700;
	padding: 30px 15px;
	text-align: center;
	transition: opacity .2s;
}
.abq-over {
	position: absolute;
	inset: 0;
	padding: 0 35px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: var(--color-primary);
	opacity: 0;
	transform: scale(0);
	transition: opacity .2s, transform .35s;
}
.abq-over h3 { font-size: 24px; color: #fff; line-height: 1; font-weight: 700; margin: 0; }
.abq-slide:hover .abq-over { opacity: .85; transform: scale(1); }
.abq-slide:hover > h3 { opacity: 0; }
.abq-arrow {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	border: none;
	background: var(--color-primary);
	color: #fff;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	z-index: 2;
	transition: filter .2s;
}
.abq-arrow:hover { filter: brightness(1.2); }
.abq-prev { left: -97px; }
.abq-next { right: -97px; }

@media (max-width: 1400px) {
	.abq-arrow { width: 40px; height: 40px; margin-top: -20px; font-size: 21px; line-height: 40px; }
	.abq-prev { left: -55px; }
	.abq-next { right: -55px; }
	.ab-ind-list li { padding: 30px 25px; }
	.ab-ind-list p { font-size: 18px; }
}

@media (max-width: 1300px) {
	.ab-intro-txt h2 { font-size: 34px; }
	.ab-intro-t { margin-top: 30px; font-size: 17px; line-height: 1.7; }
	.ab-ind-list li { padding: 30px 20px; }
	.ab-pt-txt h2 { font-size: 34px; }
}

@media (max-width: 1080px) {
	.ab-intro, .ab-pt, .ab-quality { padding: 64px 0; }
	.ab-ind-list li { width: calc(50% - 20px); }
	.abq-track { gap: 30px; }
	.abq-slide { flex: 0 0 calc((100% - 30px) / 2); }
}

@media (max-width: 768px) {
	.ab-intro, .ab-pt, .ab-quality { padding: 44px 0; }
	.ab-intro-box { flex-direction: column; }
	.ab-intro-txt { margin: 0; }
	.ab-intro-txt h1 { text-align: center; font-size: 30px; }
	.ab-intro-pic { width: 100%; margin-top: 24px; }
	.ab-ind-list { margin-top: 20px; }
	.ab-ind-list li { width: calc(50% - 20px); padding: 25px 15px; }
	.ab-ind-list h3 { font-size: 30px; }
	.ab-ind-list p { font-size: 17px; line-height: 1.3; margin-top: 10px; }
	.ab-pt-list li { flex-direction: column; }
	.ab-pt-list li + li { margin-top: 56px; }
	.ab-pt-pic { width: auto; max-width: 500px; margin: 0 auto; }
	.ab-pt-txt { margin: 20px 0 0; padding-left: 0; border-bottom: none; }
	.ab-pt-txt h2 { text-align: center; font-size: 30px; }
	.ab-pt-txt .t { margin-top: 20px; font-size: 16px; line-height: 1.4; }
	.ab-pt-list li:nth-child(2n + 1) { flex-direction: column; }
	.ab-pt-list li:nth-child(2n + 1) .ab-pt-txt { margin: 20px 0 0; }
	.abq-tit h3 { font-size: 30px; }
	.abq-tit p { margin-top: 20px; font-size: 17px; }
	.abq-track { gap: 10px; }
	.abq-slide { flex: 0 0 100%; }
	.abq-arrow { width: 36px; height: 36px; margin-top: -18px; font-size: 18px; line-height: 36px; }
	.abq-prev { left: 8px; }
	.abq-next { right: 8px; }
}

@media (max-width: 480px) {
	.ab-intro-txt h2, .ab-pt-txt h2, .ab-ind-list h3 { font-size: 24px; }
}

/* ============ Contact 页（复刻原站） ============ */
.contact-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 30px;
	margin-bottom: 56px;
}
.ci-tit {
	font-size: 24px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 14px;
	position: relative;
	padding-bottom: 12px;
}
.ci-tit::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px; height: 3px;
	background: var(--accent);
}
.ci-label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 6px;
}
.ci-value { font-size: 16px; color: var(--text); word-break: break-word; }
a.ci-value:hover { color: var(--color-primary); }
.contact-info-form-link { display: flex; align-items: flex-start; }
.contact-info-form-link a {
	font-size: 18px;
	font-weight: 700;
	color: #1b2a4a;
	text-decoration: underline;
	text-underline-offset: 3px;
	line-height: 1.5;
}
.contact-info-form-link a:hover { color: var(--color-primary); }
.contact-map { margin: 0 0 56px; line-height: 0; }
.contact-map iframe { width: 100%; height: 450px; border: 0; }
.contact-form-block { margin: 0 auto; } /* 与上方信息格子/地图同宽（通栏容器），左右边缘对齐 */
.contact-form-block .contact-info-title {
	font-size: 26px;
	color: var(--text);
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 12px;
}
.contact-form-block .contact-info-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 46px; height: 2px;
	background: var(--accent);
}

/* ============ Quality Control 证书轮播（样式对齐首页 Our Products 轮播） ============ */
.qc-certs { padding-top: 0; }
.cert-slider {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}
.cert-arrow {
	flex: 0 0 60px;
	width: 60px;
	height: 150px;
	border: none;
	border-radius: 40px;
	background: #c8c8c8;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	transition: background .25s;
}
.cert-arrow:hover { background: var(--color-primary); }
.cert-viewport { flex: 1 1 0; min-width: 0; overflow: hidden; } /* basis 0：与箭头同一行，不被内容宽度挤换行 */
.cert-track { display: flex; gap: 20px; align-items: flex-start; justify-content: center; /* 证书不满一屏时整体居中 */ transition: transform .55s ease; }
.cert-card {
	flex: 0 0 calc((100% - 40px) / 3);
	background: #fff;
	border: 1px solid var(--line);
	overflow: hidden;
}
.cert-card img {
	display: block;
	width: 100%;
	height: auto; /* 按图片原始比例显示，不裁切不留白 */
	cursor: zoom-in;
	transition: transform .35s;
}
.cert-card:hover img { transform: scale(1.04); }
/* 证书灯箱（点击放大查看） */
.cert-lightbox {
	position: fixed;
	inset: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .84);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 64px;
}
.cert-lightbox[hidden] { display: none; }
.cert-lightbox img {
	max-width: min(1100px, 100%);
	max-height: 86vh;
	width: auto;
	height: auto;
	background: #fff;
	box-shadow: 0 12px 48px rgba(0, 0, 0, .5);
}
.cert-lb-close, .cert-lb-prev, .cert-lb-next {
	position: absolute;
	width: 46px;
	height: 46px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background .25s;
}
.cert-lb-close:hover, .cert-lb-prev:hover, .cert-lb-next:hover { background: rgba(255, 255, 255, .3); }
.cert-lb-close { top: 18px; right: 22px; }
.cert-lb-prev { left: 16px; top: 50%; transform: translateY(-50%); }
.cert-lb-next { right: 16px; top: 50%; transform: translateY(-50%); }
@media (max-width: 640px) {
	.cert-lightbox { padding: 16px 52px; }
	.cert-lb-close { top: 10px; right: 10px; width: 40px; height: 40px; }
}
.cert-dots { flex-basis: 100%; display: flex; justify-content: center; gap: 10px; margin-top: 0; }
.cert-dots:empty { display: none; }
.cert-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #c9cbe0;
	cursor: pointer;
	transition: all .25s;
}
.cert-dots button.is-active { background: var(--accent); }
@media (max-width: 1024px) {
	.cert-card { flex-basis: calc((100% - 20px) / 2); }
	.cert-arrow { flex-basis: 46px; width: 46px; height: 110px; font-size: 24px; }
}
@media (max-width: 640px) {
	.cert-card { flex-basis: 100%; }
	.cert-arrow { flex-basis: 36px; width: 36px; height: 84px; font-size: 20px; border-radius: 24px; }
	.cert-slider { gap: 10px; }
}

/* ============ About Us 子页（Product Development 图文交替行） ============ */
.dev-rows { list-style: none; margin: 40px 0 0; padding: 0; }
.dev-row { display: flex; align-items: center; gap: 56px; padding: 44px 0; }
.dev-row + .dev-row { border-top: 1px solid var(--line); }
.dev-row-pic { flex: 0 0 46%; }
.dev-row-pic img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.dev-row-txt { flex: 1; min-width: 0; }
.dev-row-tit {
	font-size: 22px;
	font-weight: 700;
	color: var(--text);
	line-height: 1.4;
	margin: 0;
	position: relative;
	padding-bottom: 14px;
}
.dev-row-tit::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 44px; height: 3px;
	background: var(--color-primary);
}
.dev-row-text { margin-top: 16px; font-size: 15px; line-height: 1.85; color: var(--text-light); }
.dev-row.is-flip { flex-direction: row-reverse; }
.dev-intro { margin-bottom: 20px; }

/* ============ About Us → Our Videos（视频卡片网格 + 弹层播放） ============ */
.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.video-card { margin: 0; display: flex; flex-direction: column; }
.video-card .video-pic { flex: 0 0 auto; }
.video-pic { position: relative; display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; overflow: hidden; }
.video-pic img, .video-pic video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; transition: transform .3s; }
.video-card:hover .video-pic img { transform: scale(1.04); }
.video-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.video-play svg { opacity: .88; filter: drop-shadow(0 2px 8px rgba(0,0,0,.45)); transition: transform .25s; }
.video-card:hover .video-play svg { transform: scale(1.12); }
.video-name {
	background: var(--bg-soft);
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.5;
	padding: 16px 14px;
	margin: 0;
	min-height: 54px;
	flex: 1 1 auto; /* 标题长短不一导致灰卡高度不齐,让其撑满同行最高的卡片 */
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 视频弹层 */
.video-lightbox {
	position: fixed;
	inset: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .86);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}
.video-lightbox-inner { position: relative; width: min(1000px, 92vw); }
.video-lightbox-frame { position: relative; padding-top: 56.25%; background: #000; }
.video-lightbox-frame iframe,
.video-lightbox-frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-lightbox-close {
	position: absolute;
	top: -46px;
	right: -6px;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	background: none;
	border: 0;
	cursor: pointer;
}

/* ============ Download 页（复刻原站：两列下载卡片） ============ */
.dl-title {
	font-size: 36px;
	color: #1b2a4a;
	font-weight: 700;
	margin: 0 0 36px;
}
.dl-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px 40px;
}
.dl-card {
	display: flex;
	align-items: center;
	gap: 22px;
	background: var(--white);
	border: 1px solid var(--line);
	padding: 24px 26px;
	transition: box-shadow .25s, transform .25s;
}
.dl-card:hover {
	box-shadow: var(--shadow-hover);
	transform: translateY(-3px);
}
.dl-icon {
	position: relative;
	flex: none;
	width: 92px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	color: var(--accent);
}
.dl-icon em {
	position: absolute;
	right: 12px;
	bottom: 14px;
	font-style: normal;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	color: var(--accent);
}
.dl-body { flex: 1; min-width: 0; }
.dl-name {
	display: block;
	font-size: 18px;
	color: #1b2a4a;
	font-weight: 700;
	margin-bottom: 10px;
	word-break: break-word;
}
.dl-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	color: var(--text-light);
	text-decoration: none;
	transition: color .2s;
}
.dl-link:hover { color: var(--color-primary); }
.dl-link svg { flex: none; }

/* ============ FAQ 页（复刻原站：左分类 tab + 右手风琴） ============ */
.faq-title {
	font-size: 36px;
	color: #1b2a4a;
	font-weight: 700;
	margin: 0 0 40px;
}
.faq-wrap {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}
.faq-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: none;
	width: 190px;
}
.faq-tabs li {
	border-bottom: 1px solid var(--line);
	padding: 4px 0 10px;
	margin-bottom: 16px;
}
.faq-tab {
	display: block;
	width: 100%;
	text-align: left;
	background: none;
	border: 0;
	padding: 6px 2px;
	font-size: 22px;
	font-weight: 600;
	color: var(--accent);
	cursor: pointer;
	transition: color .2s, opacity .2s;
}
.faq-tab:hover { opacity: .75; }
.faq-tab.is-active { color: #e08900; }
.faq-panels { flex: 1; min-width: 0; }
.faq-panel {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}
.faq-panel.is-active { display: block; }
.faq-item {
	background: var(--white);
	border: 1px solid var(--line);
	margin-bottom: 22px;
}
.faq-q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	text-align: left;
	background: none;
	border: 0;
	padding: 22px 26px;
	font-size: 17px;
	font-weight: 700;
	color: #1b2a4a;
	cursor: pointer;
	transition: color .2s;
}
.faq-q:hover { color: var(--color-primary); }
.faq-toggle {
	position: relative;
	flex: none;
	width: 14px;
	height: 14px;
}
.faq-toggle::before,
.faq-toggle::after {
	content: '';
	position: absolute;
	background: #9aa0b5;
	transition: background .2s;
}
.faq-toggle::before {
	left: 0;
	top: 6px;
	width: 14px;
	height: 2px;
}
.faq-toggle::after {
	left: 6px;
	top: 0;
	width: 2px;
	height: 14px;
}
.faq-item.is-open .faq-toggle::after { display: none; }
.faq-a {
	display: none;
	padding: 2px 26px 24px;
}
.faq-item.is-open .faq-a { display: block; }
.faq-a p {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.9;
	color: #777;
}
.faq-a p:last-child { margin-bottom: 0; }

/* ============ Services 子页通用模板（Banner + 富文本） ============ */
.svc-content {
	max-width: 900px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.9;
	color: var(--text);
}
/* Quality Control 页正文加宽至与下方证书轮播的图片区同宽（不含左右箭头：容器内宽 - 2*(箭头60+间距24)） */
.svc-content.is-wide { max-width: calc(var(--container) - 40px - 168px); }
.svc-content > *:first-child { margin-top: 0; }
.svc-content h1, .svc-content h2, .svc-content h3,
.svc-content h4, .svc-content h5, .svc-content h6 {
	color: #1b2a4a;
	font-weight: 700;
	margin: 34px 0 14px;
	line-height: 1.35;
}
.svc-content h1 { font-size: 30px; }
.svc-content h2 { font-size: 26px; }
.svc-content h3 { font-size: 21px; }
.svc-content h4 { font-size: 18px; }
.svc-content p { margin: 0 0 16px; }
.svc-content a { color: var(--color-primary); text-decoration: underline; }
.svc-content ul, .svc-content ol { margin: 0 0 16px; padding-left: 24px; }
.svc-content li { margin-bottom: 8px; }
.svc-content img, .svc-content iframe { max-width: 100%; height: auto; }
.svc-content blockquote {
	margin: 20px 0;
	padding: 14px 22px;
	border-left: 3px solid var(--accent);
	background: var(--bg-soft);
	color: var(--text-light);
}
.svc-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
.svc-content th, .svc-content td {
	border: 1px solid var(--line);
	padding: 10px 14px;
	text-align: left;
}

/* ============ 响应式 ============ */
@media (max-width: 1360px) {
	.primary-nav .nav-menu a { padding: 10px 8px; font-size: 15px; }
	.site-logo-text { font-size: 21px; }
	.quote-btn { padding: 0 14px; font-size: 12.5px; }
}

@media (max-width: 1080px) {
	.cat-grid, .cat-grid-4, .cat-grid-5 { grid-template-columns: repeat(3, 1fr); }
	.prod-grid { grid-template-columns: repeat(3, 1fr); }
	.hp-card { flex: 0 0 calc((100% - 30px) / 2); }
	.hp-arrow { flex-basis: 46px; width: 46px; height: 110px; font-size: 24px; }
	.home-products { padding: 64px 0; }
	.home-products .sec-tit-h { font-size: 34px; }
	.hp-name { font-size: 18px; margin-top: 20px; } /* 平板/手机端仍略小一档 */
	.prod-grid-side { grid-template-columns: repeat(2, 1fr); }
	.news-card { flex-basis: calc((100% - 30px) / 2); }
	.news-grid-page { grid-template-columns: repeat(2, 1fr); }
	.why-list li { width: 100%; }
	.banner-title { font-size: 34px; }
	.banner-slide:not(.has-img) { min-height: 640px; }
	.plp-layout { grid-template-columns: 1fr; }
	.plp-side { position: static; }
	.pd-top { grid-template-columns: 1fr; }
	.pd-anchorbar { top: 64px; }
	.git-grid { grid-template-columns: 1fr; }
	.git-box { padding: 30px 22px 34px; }
	.rel-card { flex: 0 0 calc((100% - 24px) / 2); }
	.sec-tit-h { font-size: 36px; }
	.cs-title { font-size: 36px; }
	.intro-title { font-size: 36px; }
	.home-casesplit { flex-direction: column; }
	.cs-list { width: 100%; justify-content: stretch; }
	.cs-box { width: auto; padding: 50px 30px; }
	.cs-pics { width: 100%; min-height: 320px; }
	.service-inner { flex-direction: column; }
	.service-pics { width: 100%; }
	.service-steps { grid-template-columns: 1fr; }
	.dl-grid { grid-template-columns: 1fr; }
	.faq-wrap { flex-direction: column; gap: 26px; }
	.faq-tabs { width: 100%; display: flex; flex-wrap: wrap; gap: 6px 26px; }
	.faq-tabs li { border-bottom: 0; padding: 0; margin-bottom: 0; }
	.faq-tab { font-size: 18px; padding: 4px 0; }
	.intro-inner { flex-direction: column; }
	.intro-pic { width: 100%; }
}

@media (max-width: 860px) {
	.feat-box { padding: 0 0 28px; }
	.feat-top { flex-direction: column; align-items: stretch; gap: 24px; }
	.feat-pic { flex: none; }
	.feat-pic img { height: auto; min-height: 0; }
	.feat-more { margin-top: 0; }
	.feat-title { font-size: 26px; }
	.feat-grid { grid-template-columns: 1fr; gap: 30px; }
	.mnav-burger { display: block; }
	.primary-nav .nav-inner { flex-wrap: wrap; min-height: 0; padding-top: 10px; padding-bottom: 10px; }
	.primary-nav .nav-menu {
		display: none;
		order: 5;
		flex-basis: 100%;
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
	}
	.primary-nav.is-open .nav-menu { display: flex; }
	.primary-nav .nav-menu a { border-bottom: 1px solid var(--line); padding: 13px 20px; color: #272727; }
	.primary-nav .nav-menu > li > a { border-bottom: 1px solid var(--line); }
	.primary-nav .nav-menu > li > a::before { display: none; }
	.primary-nav .nav-menu > li > a::after { display: none; }
	.primary-nav .nav-menu ul.sub-menu { position: static; display: block; box-shadow: none; background: var(--bg-soft); padding: 0; }
	.primary-nav .nav-menu ul.sub-menu a { color: var(--text); border-left: none; padding-left: 40px; }
	.quote-btn { padding: 0 16px; height: 40px; line-height: 40px; font-size: 13px; margin-left: auto; }
	/* 窄屏吸顶退回整条白底，不用胶囊悬浮 */
	.primary-nav.is-sticky { top: 0; padding: 0; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .08); }
	.primary-nav.is-sticky .nav-inner {
		max-width: none;
		border-radius: 0;
		background: #fff;
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		padding: 10px 12px;
	}
	.primary-nav .custom-logo-link img { max-height: 56px; }
	.primary-nav.is-sticky .custom-logo-link img { max-height: 48px; }
	.top-search-toggle { display: inline-flex; }
	.banner-slide:not(.has-img) { min-height: 540px; }
	.banner-caption { padding-top: 180px; }
	.float-contact { bottom: 0; top: auto; transform: none; flex-direction: row; width: 100%; }
	.float-btn { flex: 1; width: auto; height: 48px; border-radius: 0 !important; }
	.float-btn-label { display: none; }
	.quote-inner { justify-content: center; text-align: center; }
	/* 移动端蒙版改为整体均匀加深（左深右透在窄屏上会让右侧文字区过亮） */
	.home-quote::before { background: rgba(10, 16, 48, .88); }
	.quote-text::before { margin-left: auto; margin-right: auto; }
	.quote-text, .quote-text .q-rest { font-size: 20px; }
	.app-txt { position: static; width: 100%; border-radius: 0; }
	.app-pic { aspect-ratio: 16 / 9; }
	.app-slide { width: 86%; margin: 0 8px; }
}

@media (max-width: 620px) {
	.video-grid { grid-template-columns: 1fr; }
	.cat-grid, .cat-grid-4, .cat-grid-5 { grid-template-columns: repeat(2, 1fr); }
	.prod-grid { grid-template-columns: repeat(2, 1fr); }
	.hp-card { flex: 0 0 100%; }
	.hp-slider { gap: 10px; } /* 移动端箭头已绝对定位,gap 不再生效 */
	.hp-arrow { flex-basis: 36px; width: 36px; height: 84px; font-size: 20px; border-radius: 24px; }
	.hp-name { font-size: 17px; margin-top: 14px; }
	.home-products { padding: 44px 0; }
	.home-products .sec-tit-h { font-size: 27px; }
	.prod-grid-side { grid-template-columns: 1fr; }
	.plp-main .prod-card { padding: 0 0 32px; }
	.plp-heading { font-size: 27px; }
	.pd-title { font-size: 20px; }
	.rel-card { flex: 0 0 100%; }
	.pd-gal-arrow { width: 28px; height: 46px; }
	.sp-tabs { gap: 34px; }
	.sp-cases { grid-template-columns: 1fr; }
	.search-overlay-row input { font-size: 24px; }
	.brand-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.news-card { flex-basis: 100%; }
	.news-grid-page { grid-template-columns: 1fr; }
	.contact-info-grid { grid-template-columns: 1fr; }
	.banner-title { font-size: 26px; }
	.banner-sub { font-size: 16px; }
	.banner-slide:not(.has-img) { min-height: 480px; }
	.sec-tit-h { font-size: 29px; }
	.cs-title { font-size: 29px; }
	.intro-title { font-size: 29px; }
	.home-section { padding: 52px 0; }
	.footer-cols { grid-template-columns: 1fr; gap: 36px; }
	.quote-grid { grid-template-columns: 1fr; }
	.top-bar-inner { justify-content: center; }
	.top-bar-left { display: none; }
	.top-bar-right { gap: 16px; }
	.banner-arrow { display: none; }
	.banner-bars button { width: 40px; }
	.app-txt h3 { font-size: 20px; }
	.service-pics { flex-direction: column; }
	.service-pics img { width: 100%; }
	.service-pics img:last-child { margin-top: 0; }
}

/* ============ Applications 应用场景（参照原站：白标题条 + 图片卡片 / 详情双列图集） ============ */
.app-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.app-card {
	display: block;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 4px 18px rgba(15, 34, 68, .06);
	transition: box-shadow .25s, transform .25s;
}
.app-card:hover {
	box-shadow: 0 10px 28px rgba(15, 34, 68, .14);
	transform: translateY(-3px);
}
.app-card-tit {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 8px 18px;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	color: #1b2a4a;
	text-align: center;
	line-height: 1.4;
	transition: color .25s;
}
.app-card:hover .app-card-tit { color: var(--color-primary); }
.app-card-pic {
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--bg-soft);
	overflow: hidden;
}
.app-card-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.app-card:hover .app-card-pic img { transform: scale(1.05); }

/* 详情页双列图集（标题与正文之间） */
.app-gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	max-width: 900px;
	margin: 0 auto;
}
.app-gallery-item { display: block; background: var(--bg-soft); overflow: hidden; }
.app-gallery-item img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

@media (max-width: 991px) {
	.app-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 620px) {
	.app-grid { grid-template-columns: 1fr; }
	.app-gallery { grid-template-columns: 1fr; }
}

/* ============ Solutions 板块（ghost 水印标题 + app 卡 hover 遮罩） ============ */
.sec-ghost-head { position: relative; margin: 0 0 8px; }
.sec-ghost {
	position: relative;
	display: inline-block;
	font-size: 34px;
	font-weight: 700;
	color: #1b2a4a;
	margin: 0 0 14px;
	padding-bottom: 10px;
	z-index: 1;
}
.sec-ghost::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 44px;
	height: 3px;
	background: var(--accent);
}
.sec-ghost::before {
	content: attr(data-ghost);
	position: absolute;
	left: 26px;
	top: -14px;
	font-size: 74px;
	line-height: 1;
	font-weight: 700;
	color: rgba(15, 34, 68, .06);
	z-index: -1;
	white-space: nowrap;
	pointer-events: none;
}
.sol-section { padding-top: 26px; }
.sol-section + .sol-section { border-top: 1px solid var(--line); }

/* app 卡 hover 遮罩：深色渐隐 + More information（原站 Solutions 页交互） */
.app-card-pic { position: relative; }
.app-card-ov {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 16px 18px;
	background: linear-gradient(180deg, rgba(10, 22, 44, 0) 40%, rgba(10, 22, 44, .78) 100%);
	opacity: 0;
	transition: opacity .3s ease;
}
.app-card:hover .app-card-ov { opacity: 1; }
.app-card-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.app-card-more::before {
	content: "\2192";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 50%;
	font-size: 12px;
}

/* ============ Cases 列表页 overlay 卡片（标题压图 + More information） ============ */
.case-ov-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.case-ov-card {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--bg-soft);
}
.case-ov-pic { position: absolute; inset: 0; }
.case-ov-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.case-ov-card:hover .case-ov-pic img { transform: scale(1.05); }
.case-ov-cap {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 18px 20px;
	background: linear-gradient(180deg, rgba(10, 22, 44, 0) 45%, rgba(10, 22, 44, .82) 100%);
}
.case-ov-name {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}
.case-ov-more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	color: rgba(255, 255, 255, .85);
	font-size: 13px;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .3s ease, transform .3s ease;
}
.case-ov-card:hover .case-ov-more { opacity: 1; transform: translateY(0); }
.case-ov-arr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 50%;
	font-size: 11px;
}

/* ============ Case 详情头部（左标题摘要 + 右图） ============ */
.case-head {
	display: flex;
	align-items: center;
	gap: 56px;
	padding-bottom: 34px;
	border-bottom: 1px solid var(--line);
	margin-bottom: 34px;
}
.case-head-txt { flex: 1; min-width: 0; }
.case-head-title {
	font-size: 32px;
	font-weight: 700;
	color: #1b2a4a;
	line-height: 1.35;
	margin: 0 0 18px;
	padding-bottom: 16px;
	position: relative;
}
.case-head-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 3px;
	background: var(--accent);
}
.case-head-excerpt { color: var(--text-light); font-size: 15px; line-height: 1.8; margin: 0; }
.case-head-pic { flex: 0 0 46%; }
.case-head-pic img { display: block; width: 100%; height: auto; }

@media (max-width: 991px) {
	.case-ov-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.sec-ghost { font-size: 29px; }
	.sec-ghost::before { font-size: 58px; }
	.case-head { flex-direction: column; align-items: flex-start; gap: 24px; }
	.case-head-pic { flex: none; width: 100%; }
	.case-head-title { font-size: 26px; }
}
@media (max-width: 620px) {
	.case-ov-grid { grid-template-columns: 1fr; }
}

/* Applications/Cases 列表页：标题区更宽松（内容贴 banner、布局局促） */
.home-section .sec-ghost-head { margin: 0 0 38px; }
.sec-ghost { margin-bottom: 0; }
.plp-intro + .app-grid,
.plp-intro + .case-ov-grid { margin-top: 6px; }

/* ============ 移动端页眉：顶栏去掉，搜索/EN 融合进页眉行（参照原站） ============ */
.mnav-tools { display: none; align-items: center; gap: 12px; }
.mnav-tools-sep { width: 1px; height: 16px; background: var(--line); }
.mnav-search {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--color-primary);
	color: #fff;
}
.mnav-search:hover { color: #fff; background: var(--color-primary); opacity: .88; }
.mnav-lang {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: none;
	border: none;
	color: #272727;
	cursor: pointer;
	font-size: 14px;
	padding: 2px;
}
.mnav-lang em { font-style: normal; font-weight: 600; letter-spacing: .5px; }
.mnav-lang .lang-caret { transition: transform .18s ease; }

@media (max-width: 860px) {
	/* 顶栏整条去掉，联系信息/社交不显示；SUPPORT NOW 去掉 */
	.top-bar { display: none; }
	.quote-btn { display: none; }
	/* 页眉行：logo 左，右侧 = 搜索圆钮 | EN | 汉堡 */
	.mnav-tools { display: flex; order: 2; margin-left: auto; }
	.mnav-burger { order: 3; margin-left: 2px; }
}

/* ============ 移动端菜单：子菜单手风琴 + 展开时锁滚动（仅 ≤860px，桌面端不受影响） ============ */
@media (max-width: 860px) {
	/* 子菜单默认收起，点右侧 + 展开（父项文字保持链接跳转） */
	.primary-nav .nav-menu ul.sub-menu { display: none; }
	.primary-nav .nav-menu li.is-open > ul.sub-menu { display: block; }

	/* 父项右侧 + / − 切换按钮（JS 插入到链接内；点文字跳转、点 + 展开收起） */
	.primary-nav .nav-menu li.has-sub > a { padding-right: 52px; position: relative; }
	/* 隐藏桌面 hover 用的小箭头（:has() 特异性高，需同特异性覆盖） */
	.primary-nav .nav-menu li:has(> ul.sub-menu) > a::after { display: none; }
	.primary-nav .sub-toggle {
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		color: #272727;
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		cursor: pointer;
		opacity: .6;
		padding: 0;
	}
	.primary-nav .sub-toggle::before { content: '+'; }
	.primary-nav .nav-menu li.is-open > a > .sub-toggle::before { content: '\2212'; }

	/* 菜单在吸顶状态下展开：白底必须配深色字（桌面吸顶是深底白字，移动端需覆盖） */
	.primary-nav.is-sticky .nav-menu a { color: #272727; }
	.primary-nav.is-sticky .nav-menu > li.current-menu-item > a,
	.primary-nav.is-sticky .nav-menu > li.current-menu-parent > a { color: var(--accent); }
	.primary-nav.is-sticky .nav-menu ul.sub-menu { background: var(--bg-soft); }
	.primary-nav.is-sticky .nav-menu ul.sub-menu a { color: var(--text); }

	/* 菜单展开时锁定背景滚动（JS 配合加 body.nav-lock） */
	body.nav-lock { overflow: hidden; }
}

/* ============ 移动端菜单：右侧滑出抽屉（原站同款；仅 ≤860px） ============ */
@media (max-width: 860px) {
	/* 菜单改为固定右侧抽屉：平时推出屏幕外，is-open 时滑入 */
	.primary-nav .nav-menu {
		display: block; /* 覆盖旧的 display:none / is-open:flex 规则，抽屉常驻但移出屏外 */
		position: fixed;
		top: 0;
		right: 0;
		width: min(330px, 86vw);
		height: 100vh;
		margin: 0;
		padding: 0 0 30px;
		background: #fff;
		box-shadow: -8px 0 30px rgba(0, 0, 0, .12);
		transform: translateX(105%);
		visibility: hidden;
		overflow-y: auto;
		transition: transform .3s ease, visibility .3s ease;
		z-index: 90;
	}
	.primary-nav.is-open .nav-menu { display: block; transform: none; visibility: visible; }
	/* nav 自身 z-index:20，会把内部的遮罩/抽屉锁在低层级；打开时提到悬浮按钮(z 80)之上，
		页眉行、悬浮按钮即被遮罩/抽屉自动盖住 */
	.primary-nav.is-open { z-index: 120; }

	/* 抽屉顶部：logo 居中 + 关闭钮独占右上角（参照原站 hoverstar 的抽屉头部） */
	.primary-nav .nav-menu li.drawer-head {
		position: sticky;
		top: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 60px 10px 22px;
		background: #fff;
	}
	/* 抽屉内 logo：与页眉/页脚同源（后台站点身份上传的图片 Logo，或文字 Logo）
	   注意选择器优先级要压过 .primary-nav .nav-menu > li > a 的边框/内边距 */
	.primary-nav .nav-menu > li.drawer-head > a { border-bottom: none; padding: 0; }
	.primary-nav .nav-menu > li.drawer-head > a.site-logo-text {
		font-size: 22px;
		font-weight: 700;
		letter-spacing: .06em;
		color: var(--color-primary);
		line-height: 1.2;
		white-space: nowrap;
		text-transform: uppercase;
	}
	.primary-nav .drawer-head .custom-logo-link { display: inline-flex; align-items: center; }
	.primary-nav .drawer-head .custom-logo-link img { max-height: 64px; width: auto; }
	.primary-nav .drawer-close {
		position: absolute;
		top: 8px;
		right: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: none;
		border: none;
		color: #272727;
		cursor: pointer;
	}

	/* 半透明遮罩（点击空白处关闭，JS 配合） */
	.primary-nav.is-open::after {
		content: '';
		position: fixed;
		inset: 0;
		background: rgba(10, 16, 40, .45);
		z-index: 85;
	}

	/* 关键修复：触摸设备点击过的项会停留 :hover，桌面 hover 下拉规则会把子菜单钉死收不起来 */
	.primary-nav .nav-menu li:hover > ul.sub-menu { display: none; }
	.primary-nav .nav-menu li.is-open > ul.sub-menu { display: block; }
}

/* 抽屉自带关闭行：仅移动端抽屉内显示，桌面菜单里不出现
	（抽屉 z-index 90 / 遮罩 85 高于页眉行与悬浮按钮，打开时自动盖住，无需单独隐藏） */
.primary-nav .nav-menu li.drawer-head { display: none; }
@media (max-width: 860px) {
	.primary-nav .nav-menu li.drawer-head { display: flex; }
}

/* ============ 移动端居中微调（仅 ≤860px，桌面端不动） ============ */
@media (max-width: 860px) {
	/* ① Featured Products 区：标题、内容、按钮都居中 */
	.feat-txt { align-items: center; text-align: center; } /* flex column，需 align-items 配合 */

	/* ② About 简介区：标题、按钮居中（正文保持左对齐） */
	.home-intro .intro-title { align-self: center; text-align: center; }
	.home-intro .btn-primary { display: block; width: fit-content; margin-left: auto; margin-right: auto; }

	/* ③ Success Cases 列表：移动端没有 hover，删掉 + READ MORE */
	.cs-list ul li .cs-more { display: none; }

	/* ④ 页脚：标题、内容、图标居中 */
	.footer-col { text-align: center; }
	.footer-title::after { margin-left: auto; margin-right: auto; }
	.footer-social { justify-content: center; }
}

/* 子菜单 +/− 切换按钮：仅移动端抽屉内显示，桌面端不出现（桌面用 hover 下拉小箭头） */
@media (min-width: 861px) {
	.primary-nav .sub-toggle { display: none; }
}

/* ============ 产品筛选（移动端点击展开式；桌面端保持完整侧栏） ============ */
.pcat-filter .pcat-toggle-btn { display: none; } /* 桌面端隐藏开关 */
@media (max-width: 860px) {
	/* 收起态：一行 ALL/当前分类 + 右侧加号（细边框盒子，参照原站） */
	.pcat-filter .pcat-toggle-btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		width: 100%;
		padding: 13px 14px;
		background: #fff;
		border: 1px solid #d9d9d9;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .02em;
		text-transform: uppercase;
		color: #1a1a1a;
		cursor: pointer;
	}
	.pcat-filter .pcat-toggle-cur { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.pcat-filter .pcat-toggle-ico { flex: 0 0 auto; font-size: 24px; font-weight: 400; line-height: 1; }
	.pcat-filter .pcat-toggle-ico::before { content: '+'; }
	.pcat-filter.is-open .pcat-toggle-ico::before { content: '\00D7'; }

	/* 展开态：列出全部分类（复用现有 pcat-list 分隔线/加粗样式） */
	.pcat-filter .pcat-list { display: none; margin-top: 14px; }
	.pcat-filter.is-open .pcat-list { display: block; }

	/* 父级分类：文字点击跳转，右侧 › 按钮展开/收起子级（桌面用 hover/summary，不受影响） */
	.pcat-list summary { position: relative; padding-right: 42px; }
	.pcat-list summary > a::after { display: none; } /* 行尾箭头改由按钮负责 */
	.pcat-list .pcat-sub-toggle {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		background: none;
		border: none;
		color: var(--text-light);
		cursor: pointer;
	}
	.pcat-list .pcat-sub-toggle::before {
		content: '\203A';
		font-size: 22px;
		line-height: 1;
		transition: transform .2s;
	}
	.pcat-list details[open] .pcat-sub-toggle::before { transform: rotate(90deg); }
}

/* 子级折叠按钮：仅移动端筛选列表内显示，桌面端不出现 */
@media (min-width: 861px) {
	.pcat-list .pcat-sub-toggle { display: none; }
}

/* ============ 移动端底部快捷栏（HOME/PRODUCTS 跳转，E-MAIL/TEL 弹询盘窗；参照原站样式） ============ */
.mfoot-nav { display: none; } /* 桌面端隐藏（桌面保持右侧悬浮按钮） */
@media (max-width: 860px) {
	.float-contact { display: none; } /* 旧悬浮按钮在移动端由快捷栏替代 */
	.mfoot-nav {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		background: #14161a;
	}
	.mfoot-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		padding: 10px 0 9px;
		background: none;
		border: none;
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
	}
	.mfoot-item:active { color: var(--accent); }
	body { padding-bottom: 60px; } /* 给固定底栏让位，避免盖住页脚版权 */
}

/* ============ OEM&ODM 页（结构参照 tesran-purifier.com/oem-odm/，本站设计语言） ============ */
/* ① 图文两列：文左图右 / .is-flip 图左文右 */
.oem-intro { background: #fff; }
.oem-intro-inner {
	display: flex;
	align-items: center;
	gap: 60px;
}
.oem-intro-inner.is-flip { flex-direction: row-reverse; }
.oem-intro-body { flex: 1; min-width: 0; }
.oem-label { margin-bottom: 10px; }
.oem-intro-title {
	font-size: 36px;
	line-height: 1.25;
	color: #1b2a4a;
	font-weight: 700;
	margin: 0;
}
.oem-intro-text {
	font-size: 16px;
	line-height: 1.95;
	color: var(--text-light);
	margin: 18px 0 0;
}
.oem-intro-text + .oem-intro-text { margin-top: 14px; }
.oem-btn { margin-top: 34px; }
.oem-intro-media { width: 44%; flex: none; }
.oem-intro-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.oem-intro-media:not(:has(img)) {
	aspect-ratio: 4 / 3;
	background:
		linear-gradient(135deg, rgba(246, 167, 0, .18), rgba(1, 4, 170, .5)),
		var(--color-primary);
}

/* ② 资质认证：浅灰底 + 方形徽章墙（无图显示名称方块） */
.oem-certs { background: var(--bg-soft); }
.oem-certs .sec-tit { margin-bottom: 44px; }
.oem-certs-text {
	max-width: 900px;
	margin: 18px auto 0;
	font-size: 15px;
	line-height: 1.9;
	color: var(--text-light);
}
.oem-cert-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
	justify-items: center;
}
/* 圆形 Logo（参考 More Certificates 样式） */
.oem-cert-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	background: var(--white);
	border-radius: 50%;
	box-shadow: var(--shadow);
	transition: all .25s;
}
.oem-cert-item:hover {
	box-shadow: var(--shadow-hover);
	transform: translateY(-4px);
}
.oem-cert-item img { max-height: 62px; width: auto; max-width: 60%; object-fit: contain; }
.oem-cert-more { text-align: center; margin-top: 40px; }
.oem-cert-name {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--text);
	text-align: center;
}

/* ③ 合作流程：4 步卡片 + 桌面端卡间 › 箭头 */
.oem-process { background: #fff; }
.oem-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.oem-step {
	position: relative;
	padding: 32px 26px;
	background: var(--white);
	border: 1px solid var(--line);
	transition: all .25s;
}
.oem-step:hover {
	border-color: var(--color-primary);
	box-shadow: var(--shadow);
	transform: translateY(-4px);
}
.oem-step-num {
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: var(--color-primary);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 20px;
	transition: background .25s;
}
.oem-step:hover .oem-step-num { background: var(--accent); color: #1c1500; }
.oem-step-title { font-size: 17px; font-weight: 700; color: var(--text); margin: 0 0 10px; }
.oem-step-text { font-size: 14px; line-height: 1.8; color: #5a5d76; margin: 0; }
/* 卡片间 › 箭头（仅桌面 4 列时显示） */
.oem-step:not(:last-child)::after {
	content: '\203A';
	position: absolute;
	top: 50%;
	right: -26px;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 30px;
	line-height: 1;
	color: #b9bdd1;
	pointer-events: none;
}

/* ④ 深色横幅大标题（背景图 + 左深右透蒙版 + 左对齐文案） */
.oem-band {
	position: relative;
	background-color: #0a1030;
	background-size: cover;
	background-position: center;
	padding: 70px 0;
	text-align: left;
}
.oem-band::before {
	content: '';
	position: absolute;
	inset: 0;
	/* 左深右透：未传背景图时自身也是深蓝渐变观感 */
	background: linear-gradient(90deg, rgba(10, 16, 48, .96) 0%, rgba(10, 16, 48, .78) 50%, rgba(10, 16, 48, .30) 100%);
}
.oem-band > .container { position: relative; z-index: 1; }
.oem-band-title {
	max-width: 760px;
	margin: 0;
	font-size: 30px;
	line-height: 1.4;
	font-weight: 700;
	color: #fff;
}
.oem-band-title::before {
	content: '';
	display: block;
	width: 56px;
	height: 4px;
	background: var(--accent);
	margin-bottom: 18px;
}
.oem-band-title .band-lead { color: #fff; }
.oem-band-title .band-hl { color: var(--accent); }
.oem-band-title .band-rest {
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin-top: 4px;
}

/* ⑥ ODM 定制能力：编号幽灵数字卡片 */
.oem-odm { background: #fff; }
.oem-cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}
.oem-card {
	padding: 28px 22px;
	background: var(--white);
	border: 1px solid var(--line);
	transition: all .25s;
}
.oem-card:hover {
	border-color: var(--accent);
	box-shadow: var(--shadow);
	transform: translateY(-4px);
}
.oem-card-num {
	display: block;
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	color: rgba(var(--color-primary-rgb), .22);
	margin-bottom: 14px;
	transition: color .25s;
}
.oem-card:hover .oem-card-num { color: rgba(var(--color-primary-rgb), .55); }
.oem-card-title { font-size: 16px; font-weight: 700; color: var(--text); margin: 0 0 8px; }
.oem-card-text { font-size: 13px; line-height: 1.75; color: #5a5d76; margin: 0; }

/* ⑦ 专家宣言 + 2×2 优势（深色，细线分隔） */
.oem-expert {
	background:
		linear-gradient(90deg, rgba(1, 3, 46, .96), rgba(1, 4, 170, .94)),
		var(--color-primary);
	padding: 90px 0 84px;
	color: #fff;
}
.oem-expert-title {
	max-width: 900px;
	margin: 0 auto;
	font-size: 38px;
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.oem-expert-text {
	max-width: 900px;
	margin: 22px auto 0;
	font-size: 15px;
	line-height: 1.95;
	color: rgba(255, 255, 255, .78);
	text-align: center;
}
.oem-expert-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 66px;
}
.oem-expert-item { padding: 44px 48px; text-align: center; }
.oem-expert-item:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, .16); }
.oem-expert-item:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, .16); }
.oem-expert-ico {
	display: inline-flex;
	color: var(--accent);
	margin-bottom: 18px;
}
.oem-expert-item-title { font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.oem-expert-item-text { font-size: 14px; line-height: 1.85; color: rgba(255, 255, 255, .72); margin: 0; }

/* ⑧ 底部信任 CTA（浅灰底居中） */
.oem-trust { background: var(--bg-soft); padding: 86px 0 80px; text-align: center; }
.oem-trust-inner { max-width: 900px; }
.oem-trust-title {
	font-size: 32px;
	line-height: 1.35;
	font-weight: 700;
	color: #1b2a4a;
	margin: 0;
}
.oem-trust-text {
	font-size: 15px;
	line-height: 1.95;
	color: var(--text-light);
	margin: 20px 0 0;
}
.oem-trust .oem-btn { margin-top: 34px; }
.oem-btn.is-light {
	background: var(--accent);
	border-color: var(--accent);
	color: #1c1500;
}
.oem-btn.is-light:hover {
	background: none;
	border-color: var(--accent);
	color: #1c1500;
}

/* ---- OEM&ODM 页响应式 ---- */
@media (max-width: 1080px) {
	.oem-intro-inner { gap: 40px; }
	.oem-intro-media { width: 42%; }
	.oem-intro-title { font-size: 32px; }
	.oem-steps { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.oem-step:not(:last-child)::after { content: none; }
	.oem-cards { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
	.oem-intro-inner,
	.oem-intro-inner.is-flip { flex-direction: column; align-items: stretch; }
	.oem-intro-media { width: 100%; }
	.oem-band-title { font-size: 28px; }
	.oem-cert-grid { grid-template-columns: repeat(3, 1fr); }
	.oem-cards { grid-template-columns: repeat(2, 1fr); }
	.oem-expert { padding: 66px 0 60px; }
	.oem-expert-title { font-size: 28px; }
	.oem-expert-grid { grid-template-columns: 1fr; margin-top: 40px; }
	.oem-expert-item { padding: 30px 10px; }
	.oem-expert-item:nth-child(odd) { border-right: 0; }
	.oem-expert-item:nth-child(-n + 3) { border-bottom: 1px solid rgba(255, 255, 255, .16); }
	.oem-expert-item:last-child { border-bottom: 0; }
	.oem-trust { padding: 60px 0; }
	.oem-trust-title { font-size: 26px; }
	/* 与首页简介区同款：移动端按钮居中 */
	.oem-intro-body .oem-btn { display: block; width: fit-content; margin-left: auto; margin-right: auto; }
}
@media (max-width: 620px) {
	.oem-intro-title { font-size: 28px; }
	.oem-steps { grid-template-columns: 1fr; }
	.oem-cert-grid { grid-template-columns: repeat(2, 1fr); }
	.oem-cards { grid-template-columns: 1fr; }
	.oem-band { padding: 48px 0; }
	.oem-band-title { font-size: 24px; }
}

/* 首页各模块大标题(Our Products / Application Scenario 等)统一 36px,
   提升优先级以覆盖基础 48px 及各断点的 38/34/27px */
body.home .sec-tit-h,
body.home .home-products .sec-tit-h { font-size: 36px; }