/* =============================================================================
   NSR Audio 响应式叠加层（redesign A · 全局部分）
   -----------------------------------------------------------------------------
   加载顺序：必须在 css/style.css 之后引入（head.html 已处理）。
   作用范围：只做"叠加与覆盖"，尽量不改写 style.css 存量规则。

   【后续代理必须复用的约定】
   1. 断点：<=991px（平板竖屏/小屏笔记本，切换汉堡菜单）、<=767px、<=479px。
   2. 容器：全站统一 max-width:1260px 居中自适应（.nycon/.t_con/.bo_con 等，
      见下方【容器】段）。新页面容器请直接复用 .nycon 或加类 .nsr-container。
   3. 产品图统一比例公共类（列表/详情卡片直接给 <img> 加类即可）：
        .img-ratio            默认 4:3，object-fit:cover，宽 100%
        .img-ratio--1-1       1:1
        .img-ratio--3-4       3:4（竖版）
        .img-ratio--16-9      16:9（横版/案例）
        .img-ratio--contain   同比例但 contain（白底完整显示，不裁切）
      可选内边距容器：.img-ratio-box（给 img 外层加，统一描边/圆角/底色）。
   4. 通用卡片栅格（后续产品列表/详情"相关产品"可直接用）：
        .nsr-grid             auto-fill 网格，窄屏自动减列（>=992 建议 3~4 列）
        .nsr-grid--2 / --3 / --4  固定列数，窄屏自动降级
      已有老类 .cplist/.case 在断点内做了保底自适应，不改结构也能用。
   5. 头部：>=992px 吸顶（.top{position:sticky}，js 加 .is-stuck 出阴影）；
      桌面下拉为 .pop_menu--list（简单列表）与 .pop_menu--mega（产品多列）；
      <=991px 由汉堡按钮 #navBurger + 抽屉 #navDrawer 接管（js/nsr.js）。
   6. 性能：非首屏 <img> 统一 loading="lazy" decoding="async"。
   品牌色沿用 style.css：红 #DD1015 / #D7181F，黑 #202020，金极少量点缀。
   ============================================================================= */

/* ---------- 0. 基础现代化 ---------- */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
/* overflow-x:clip 不会创建滚动容器，不影响 position:sticky；
   只加在 body 上（加在 html 上会使根 overflow 变为 clip visible，导致页面无法滚动） */
body { overflow-x: clip; }
@supports not (overflow: clip) {
	@media (max-width: 991px) { body { overflow-x: hidden; } }
}
body { font-family: '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', 'Microsoft YaHei', Tahoma, Arial, sans-serif; }
img { max-width: 100%; }
input, textarea, select, button { font-size: 14px; }
a { transition: color .15s ease; }

/* ---------- 1. 容器：1180 固定宽 → max-width:1260 居中自适应 ---------- */
.top .t_con,
.weizhi .wzcon,
.nycon,
.bottom .bo_con,
.indexnews,
.index_about .ab_con,
.slideTxtBox,
.price_buy,
.wenti,
.shuoming,
.lxfs,
.ly,
.taocan {
	width: auto;
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
}
/* 1170 一档与 1260 统一，但保底不超过原比例即可；窄视口统一加内边距 */
@media (max-width: 1299px) {
	.top .t_con, .weizhi .wzcon, .nycon, .bottom .bo_con, .indexnews,
	.index_about .ab_con, .slideTxtBox, .price_buy, .wenti, .shuoming,
	.lxfs, .ly, .taocan {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
}
.nsr-container { width: auto; max-width: 1260px; margin: 0 auto; }
.wangdian { width: auto; max-width: 920px; }
/* 内页横幅容器：横幅已全站移除（含 PC），只保留面包屑（原内联 height:202px 移入此类） */
.nytop-wrap { height: auto; }
.nytop-wrap .nybanner { display: none; }
.titleimg { display: none; }

/* 老版内部固定宽（.cen 990 / .hdnav_top 920）放开，跟随容器 */
.cen, .hdnav_top { width: auto; }

/* 内页两栏：侧栏 235 固定 + 内容列自适应（原 895 固定） */
.nycon .nyyou { width: calc(100% - 285px); box-sizing: border-box; }

/* 文章/案例正文列（原模板内联 width:900px 已移除，由此接管） */
.nycon .textcon {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* ---------- 2. 公共类：统一图片比例 + 通用栅格 ---------- */
.img-ratio {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #F5F5F5;
}
.img-ratio--1-1   { aspect-ratio: 1 / 1; }
.img-ratio--3-4   { aspect-ratio: 3 / 4; }
.img-ratio--16-9  { aspect-ratio: 16 / 9; }
.img-ratio--4-3   { aspect-ratio: 4 / 3; }
.img-ratio--contain { object-fit: contain; background: #FFF; }
.img-ratio-box {
	display: block;
	overflow: hidden;
	border: 3px solid #EBEBEB;
	background: #FFF;
	box-sizing: border-box;
}

.nsr-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.nsr-grid--2 { grid-template-columns: repeat(2, 1fr); }
.nsr-grid--3 { grid-template-columns: repeat(3, 1fr); }
.nsr-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 767px) {
	.nsr-grid--3, .nsr-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 479px) {
	.nsr-grid--2, .nsr-grid--3, .nsr-grid--4 { grid-template-columns: 1fr; }
}

/* ---------- 3. 排版微调：正文 15~16px / 行高 1.7 / 标题节奏 ---------- */
#content {
	font-size: 15px;
	line-height: 1.7;
	color: #333;
}
#content h1.tit { font-size: 24px; line-height: 1.4; margin: 24px 0; }
#content .content p { font-size: 15px; line-height: 1.75; margin: 0 0 1.1em; }
#content .content img { max-width: 100%; height: auto; }
#content .content h2 { font-size: 18px; margin: 1.4em 0 .6em; line-height: 1.5; }
#content .content h3 { font-size: 16px; margin: 1.2em 0 .5em; }
#content .content h4, #content .content h5, #content .content h6 { font-size: 15px; margin: 1em 0 .5em; }
.nycon .textcon { font-size: 15px; line-height: 1.75; color: #444; }
.nycon .textcon p { margin: 0 0 1.1em; }
.nycon .textcon h1 { font-size: 26px; line-height: 1.4; margin: 6px 0 14px; }
.nycon .textcon h2 { font-size: 13px; }
.guestbook_list { font-size: 14px; line-height: 1.7; }
.guestbook_list dd.g_content { font-size: 14px; line-height: 1.7; }

/* ---------- 4. 头部：吸顶 + 现代下拉 ---------- */
@media (min-width: 992px) {
	.top { position: sticky; top: 0; z-index: 9000; background: #FFF; }
	.top.is-stuck { box-shadow: 0 2px 14px rgba(0, 0, 0, .16); }
	.top.is-stuck .top_border1, .top.is-stuck .top_border2 { border-color: transparent; }
}

/* 4.1 通用弹层（原 1280px 宽横向大面板 → 居中卡片式） */
.nav_menu li .pop_menu {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	min-width: 200px;
	max-width: calc(100vw - 40px);
	background: #FFF;
	border: none;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .08);
	padding: 10px 0 14px;
	overflow: hidden;
}
.nav_menu li.hover .pop_menu,
.nav_menu li:focus-within .pop_menu { display: block; }

/* 关键：让每个弹层锚定到自己的菜单项。li 原先无定位，而 li 全部浮动、ul 高度塌陷为 0，
   弹层实际锚在整条导航 ul 上 → 横向全部居中于导航中点、纵向顶到头部上沿（错位根因） */
.nav_menu > li { position: relative; }

/* 4.2 简单列表型（新闻中心 / 影音工程 / 服务支持 / 联系我们）
   选择器带 .nav_menu li 前缀，保证特异性 >= 基础 .nav_menu li .pop_menu */
.nav_menu li .pop_menu--list { padding: 8px 0; }
.nav_menu li .pop_menu--list dl { display: block; float: none; width: auto; margin: 0; }
.nav_menu li .pop_menu--list dl dt {
	display: block;
	width: auto;
	margin: 0;
	border-bottom: none;
	text-align: left;
	overflow: visible;
}
.nav_menu li .pop_menu--list dl dt a {
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 24px;
	font-size: 14px;
	color: #444;
	white-space: nowrap;
}
.nav_menu li .pop_menu--list dl dt a:hover { color: #FF6700; background: #F8F8F8; }
/* 最右侧"联系我们"面板右对齐，防止溢出视口 */
#childrenhall .pop_menu { left: auto; right: -12px; transform: none; }

/* 4.3 产品 mega 面板（mi.com 式：全宽白板 + 左分类栏 + 右产品卡区，悬停切换）
   面板 position:fixed 由 JS 钉在菜单行（li）底边，与菜单项零缝隙，鼠标可直移进入；
   top 兜底 91px（菜单行底边≈93px，留 2px 重叠） */
.nav_menu li .pop_menu--mega {
	position: fixed;
	left: 0;
	right: 0;
	top: 91px;
	transform: none;
	width: auto;
	min-width: 0;
	max-width: none;
	border-radius: 0;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
	padding: 0;
	overflow: hidden;
	z-index: 1;
}
/* 隐形过渡桥：面板上沿向上延伸 16px，像素级误差也不会让鼠标中途离开菜单项 */
.nav_menu li .pop_menu--mega::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -16px;
	height: 16px;
}

/* 打开时压暗面板以下内容 */
.nsr-mega-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(17, 17, 17, .38);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
	z-index: 8990;
	pointer-events: none;
}
body.nsr-mega-open .nsr-mega-backdrop { opacity: 1; visibility: visible; }

.mega_inner {
	display: flex;
	align-items: stretch;
	max-width: 1260px;
	margin: 0 auto;
	min-height: 480px;
	padding: 26px 0 22px;
	box-sizing: border-box;
}
/* 左侧分类栏 */
.mega_side {
	flex: none;
	width: 232px;
	display: flex;
	flex-direction: column;
	padding-right: 18px;
	border-right: 1px solid #F0F0F0;
	box-sizing: border-box;
}
.nav_menu li .mega_side_list { list-style: none; margin: 0; padding: 0; flex: 1; overflow-y: auto; }
.nav_menu li .mega_side_list li { float: none; width: auto; height: auto; overflow: visible; }
.nav_menu li .mega_side_link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	line-height: 1.4;
	padding: 0 12px;
	margin: 2px 0;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: color .2s ease, background .2s ease;
}
.nav_menu li .mega_side_link .mega_side_arrow {
	font-style: normal;
	font-size: 16px;
	color: #C9C9C9;
	transition: transform .2s ease, color .2s ease;
}
.nav_menu li .mega_side_link:hover,
.nav_menu li .mega_side_link:focus,
.nav_menu li .mega_side_link.is-active { color: #FF6700; background: #F8F8F8; }
.nav_menu li .mega_side_link.is-active { font-weight: bold; }
.nav_menu li .mega_side_link.is-active .mega_side_arrow { color: #FF6700; transform: translateX(2px); }
.nav_menu li .mega_side_foot { margin-top: 10px; padding: 12px 12px 0; border-top: 1px solid #F0F0F0; }
.nav_menu li .mega_side_foot a { display: inline; height: auto; line-height: 1.6; padding: 0; font-size: 13px; color: #666; text-decoration: none; }
.nav_menu li .mega_side_foot a:hover { color: #FF6700; }
/* 右侧产品卡区 */
.mega_main { flex: 1; min-width: 0; padding-left: 26px; }
.mega_group { display: none; }
.mega_group.is-active { display: block; animation: megaFade .28s ease; }
@keyframes megaFade {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: none; }
}
.nav_menu li .mega_cards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}
.nav_menu li .mega_card { float: none; width: auto; height: auto; }
.nav_menu li .mega_card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	background: #F7F8FA;
	text-decoration: none;
	transition: box-shadow .25s ease, transform .25s ease;
}
.nav_menu li .mega_card a:hover,
.nav_menu li .mega_card a:focus-visible {
	box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
	transform: translateY(-2px);
}
.nav_menu li .mega_card_pic {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 132px;
	padding: 12px;
	box-sizing: border-box;
}
.nav_menu li .mega_card_pic img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.nav_menu li .mega_card_name {
	padding: 0 12px 14px;
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.nav_menu li .mega_card a:hover .mega_card_name { color: #FF6700; }
.nav_menu li .mega_more { display: flex; justify-content: flex-end; margin-top: 14px; }
.nav_menu li .mega_more a { height: auto; line-height: 1.6; padding: 0; font-size: 13px; color: #666; text-decoration: none; white-space: nowrap; }
.nav_menu li .mega_more a:hover { color: #FF6700; }
/* 隔离补丁：style.css 的 .nav_menu li.hover a / li.hover span（红字+红下划线）会命中面板内全部链接，
   面板本身只在 li.hover/:focus-within 时可见，这里按更高特异性恢复面板自身配色 */
.nav_menu li .pop_menu--mega a span { border-bottom: none; }
.nav_menu li .pop_menu--mega .mega_more a span { display: inline; }
.nav_menu li .pop_menu--mega .mega_side_link { color: #333; }
.nav_menu li .pop_menu--mega .mega_side_link:hover,
.nav_menu li .pop_menu--mega .mega_side_link:focus,
.nav_menu li .pop_menu--mega .mega_side_link.is-active { color: #FF6700; background: #F8F8F8; }
.nav_menu li .pop_menu--mega .mega_side_foot a { color: #666; }
.nav_menu li .pop_menu--mega .mega_side_foot a:hover { color: #FF6700; }
.nav_menu li .pop_menu--mega .mega_more a { color: #666; }
.nav_menu li .pop_menu--mega .mega_more a:hover { color: #FF6700; }
@media (max-width: 991px) {
	.pop_menu--mega { display: none !important; }
	.nsr-mega-backdrop { display: none; }
}

/* 4.4 汉堡按钮（<=991 显示；桌面隐藏） */
.top .t_con .hd_tools { float: right; }
.nav-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	padding: 9px;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.nav-burger span { display: block; width: 100%; height: 2px; background: #333; border-radius: 2px; transition: transform .25s ease, opacity .2s ease; }
body.drawer-open .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.drawer-open .nav-burger span:nth-child(2) { opacity: 0; }
body.drawer-open .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* 4.5 移动端抽屉 */
.drawer-mask {
	position: fixed; inset: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9400;
	opacity: 0; visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}
.drawer-mask.show { opacity: 1; visibility: visible; }
.nav-drawer {
	position: fixed; top: 0; right: 0;
	width: min(320px, 86vw);
	height: 100%;
	background: #FFF;
	z-index: 9500;
	transform: translateX(105%);
	transition: transform .28s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: -6px 0 24px rgba(0, 0, 0, .18);
}
.nav-drawer.open { transform: translateX(0); }
body.drawer-open { overflow: hidden; }
.drawer_head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid #EEE;
	position: sticky; top: 0; background: #FFF; z-index: 2;
}
.drawer_head img { height: 36px; width: auto; }
.drawer_close { background: none; border: 0; font-size: 30px; line-height: 1; color: #888; cursor: pointer; padding: 0 6px; }
.drawer_close:hover { color: #D7181F; }
.drawer_search { display: flex; padding: 12px 16px; border-bottom: 1px solid #F0F0F0; }
.drawer_search input { flex: 1; min-width: 0; height: 38px; border: 1px solid #DDD; padding: 0 10px; outline: none; }
.drawer_search input:focus { border-color: #D7181F; }
.drawer_search button { width: 58px; height: 38px; border: 0; background: #D7181F; color: #FFF; font-size: 14px; cursor: pointer; }
.drawer_nav > ul > li { border-bottom: 1px solid #F2F2F2; }
.drawer_nav > ul > li > .drawer_row:first-child a,
.drawer_nav > ul > li > a { display: block; padding: 14px 16px; font-size: 15px; color: #333; }
.drawer_row { display: flex; align-items: center; }
.drawer_row a { flex: 1; min-width: 0; }
.drawer_sub_btn {
	position: relative;
	width: 46px; height: 50px;
	border: 0; background: none; cursor: pointer; flex: none;
}
.drawer_sub_btn::before, .drawer_sub_btn::after {
	content: ""; position: absolute; left: 50%; top: 50%;
	width: 13px; height: 2px; background: #999;
	transform: translate(-50%, -50%);
	transition: transform .2s ease;
}
.drawer_sub_btn::after { transform: translate(-50%, -50%) rotate(90deg); }
li.open > .drawer_row .drawer_sub_btn::after { transform: translate(-50%, -50%) rotate(0deg); }
.drawer_sub { display: none; padding: 2px 0 8px; background: #FAFAFA; }
li.open > .drawer_sub { display: block; }
.drawer_sub a { display: block; padding: 11px 16px 11px 30px; font-size: 14px; color: #555; border-top: 1px dashed #EEE; }
.drawer_nav a:hover, .drawer_nav a:active { color: #D7181F; }

/* ---------- 5. <=991px：平板 / 小屏笔记本 ---------- */
@media (max-width: 991px) {
	/* 5.1 头部改汉堡模式：白底吸顶条（原 height:auto+透明背景，logo/汉堡会叠到内页横幅上） */
	.top { height: auto; background: #FFF; position: sticky; top: 0; z-index: 9000; }
	.top_border1, .top_border2 { border: none; }
	.top .t_con {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 64px;
		padding: 0 15px;
		max-width: none;
		box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
	}
	.top .t_con .zlogo { width: auto; }
	.top .t_con .zlogo img { height: 40px; width: auto; }
	.top .t_con .daohang, .top .t_con .sou, .t_con_s { display: none !important; }
	.nav-burger { display: flex; }

	/* 5.2 内页横幅/面包屑：横幅已全站移除（见顶部 .nytop-wrap 规则），面包屑白底 + 分隔线 */
	.weizhi { background: #FFF; border-bottom: 1px solid #EEE; }
	.weizhi .wzcon { height: auto; padding: 0 15px; box-sizing: border-box; }
	.pos { float: none; padding: 10px 0 10px 22px; height: auto; line-height: 1.6; }

	/* 5.3 内页两栏改单列；分类栏改紧凑横排胶囊（原 11 根整行灰条把产品顶出首屏） */
	.nycon .nyzuo, .nycon .nyyou { float: none; width: 100%; min-height: 0; }
	.nycon .nyzuo { margin-bottom: 0; }
	.nycon ul.lanmu li { width: 100%; margin-right: 0; box-sizing: border-box; }
	ul.expmenu { display: flex; flex-wrap: wrap; gap: 8px; width: auto; padding: 12px 0 2px; }
	ul.expmenu > a { display: block; }
	ul.expmenu li, ul.expmenu li p.header { width: auto; }
	ul.expmenu li p.header {
		display: flex;
		align-items: center;
		height: 34px;
		line-height: 34px;
		padding: 0 14px;
		border: none;
		background: #F2F3F5;
		border-radius: 17px;
	}
	ul.expmenu li p.header .arrow { display: none; }
	ul.expmenu li p.header .label {
		float: none;
		display: inline;
		font-size: 13px;
		line-height: 34px;
		color: #333;
		font-weight: normal;
	}
	ul.expmenu > a.cur li p.header { background: #DD1015; }
	ul.expmenu > a.cur li p.header .label { color: #FFF; font-weight: bold; }
	.nycon .list { overflow: visible; }

	/* 5.4 上一条/下一条 */
	.sxp { height: auto; display: flex; align-items: center; }
	.sxp .sxpzuo { flex: 1; width: auto; min-width: 0; height: auto; min-height: 36px; line-height: 1.8; padding: 8px 0; box-sizing: border-box; }
	.sxp .sxpyou { flex: none; width: 86px; height: auto; }

	/* 5.5 文章列表卡片 */
	.shuoming dl dt img { width: 100%; height: auto; }
	.shuoming dl dd { width: auto; }

	/* 5.6 产品卡片保底（列表页后续由专门代理重构，这里保证不横向溢出） */
	.nycon .cplist {
		width: calc(50% - 10px) !important;
		margin-right: 20px !important;
		margin-bottom: 18px;
		box-sizing: border-box;
	}
	.cplist h1 { width: 100%; box-sizing: border-box; }
	.cplist h1 img { width: 100%; height: auto; max-height: none; }
	.cplist dl { width: 100%; box-sizing: border-box; }
	.cplist ul { width: 100%; box-sizing: border-box; white-space: normal; }
	.list { overflow: visible; }

	/* 5.7 案例卡片：强制两列（覆盖第 3 张 margin-right:0 的内联样式） */
	.nycon .case { width: calc(50% - 10px) !important; margin-right: 20px !important; box-sizing: border-box; }
	.case img { width: 100%; height: auto; }

	/* 5.8 首页新闻卡（index 由另一代理重构，此处只做不溢出保底） */
	.indexnews dl { width: 100% !important; max-width: 420px; margin: 0 auto 20px !important; float: none !important; height: auto; }
	.indexnews dl dt img { width: 100%; height: auto; }

	/* 5.9 经销商查询 */
	.wangdian { padding-bottom: 40px; box-sizing: border-box; }
	.wangdian h1 { width: auto; font-size: 26px; height: auto; line-height: 1.5; padding: 20px 0; box-sizing: border-box; }
	.wangdian .sousuo, .wangdian .result { width: auto; max-width: 800px; box-sizing: border-box; }
	.wangdian .sousuo .you p.choose { max-width: 100%; }

	/* 5.10 常见问题 */
	.wenti { box-sizing: border-box; }
	.wenti .wen { display: flex; align-items: center; height: auto; margin: 10px; }
	.wenti .wen .q { flex: none; width: 44px; height: 44px; line-height: 44px; font-size: 26px; }
	.wenti .wen .w_con { flex: 1; width: auto; min-width: 0; min-height: 44px; height: auto; line-height: 1.6; text-indent: 12px; padding: 8px 0; }
	.wenti .wen .zjt, .wenti .wen .ytb { display: none; }
	.wenti .da .d_con { width: auto; margin-left: 10px; margin-right: 10px; float: none; padding: 14px; box-sizing: border-box; }
	.wenti .da .yjt { display: none; }
	.wenti .da .ytb { float: none; width: 44px; height: 44px; line-height: 44px; font-size: 26px; margin: 0 auto; }

	/* 5.11 联系我们 / 留言（地图区块已删，改为整宽文字卡） */
	.lxfs, .ly { height: auto; }
	.lxfs .lxzuo { width: auto; float: none; padding: 30px 24px; box-sizing: border-box; height: auto; }
	.ly .lyzuo { width: auto; float: none; padding: 20px 24px; box-sizing: border-box; }
	.ly .lyyou { width: auto; float: none; padding: 10px 24px 30px; box-sizing: border-box; }
	.ly .lyyou input, .ly .lyyou textarea { width: 100% !important; margin-right: 0; box-sizing: border-box; }
	.ly .lyyou .submit { width: 100% !important; }

	/* 5.12 套餐 */
	.taocan dl dd { width: auto; float: none; padding: 0 20px; box-sizing: border-box; }
	.taocan dl dt { float: none; display: block; }
	.taocan dl dt img { width: 100%; height: auto; }

	/* 5.13 页脚 */
	.bottom { height: auto; }
	.bottom .shang { height: auto; padding-bottom: 10px; box-sizing: border-box; }
	.bottom .xia { height: auto; line-height: 1.8; padding: 10px 0; }
	.bottom .bo_con .bo_zuo { float: none; width: 100%; }
	.bottom .bo_con .bo_zuo .blo { line-height: 1.8; }
	.bottom .bo_con .bo_zuo .blo table { width: 100% !important; height: auto !important; }
	.bottom .bo_con .bo_zuo .blo td { display: block; width: auto !important; height: auto; padding: 6px 0; text-align: left !important; }
	#baidushare { display: none; } /* 兜底：旧分享位样式随 DOM 一并移除 */

	/* 5.14 旧栅格兜底 */
	.left { max-width: 100%; box-sizing: border-box; }
	.list dl.img { width: auto; max-width: 290px; height: auto; }
	.xgcp dl dt { width: calc(50% - 10px); box-sizing: border-box; }
	.xgcp dl dt img { height: auto; }
	.xgcp dl dt p { width: auto; }
	.slideTxtBox .bd ul img { max-width: 100% !important; }
	.slideTxtBox .tempWrap { margin: 15px 0; }
	.form-select select { max-width: 100%; }
}

/* ---------- 6. <=767px：手机 ---------- */
@media (max-width: 767px) {
	.top .t_con .zlogo img { height: 36px; }

	/* 产品卡单列 */
	.nycon .cplist { width: 100% !important; max-width: 360px; margin: 0 auto 20px !important; float: none !important; }
	.cplist dl { position: static; display: block; }
	.cplist dl a { display: block; padding: 10px 12px; background: #F7F7F7; }
	.cplist dl dt { padding-top: 0; line-height: 1.6; height: auto; }
	.cplist dl dd { max-height: none; height: auto; color: #666; }
	.cplist ul { height: auto; line-height: 1.6; padding: 8px 10px; }

	/* 案例卡单列 */
	.nycon .case { width: 100% !important; max-width: 420px; margin: 0 auto 18px !important; float: none !important; }

	/* 相关产品（产品详情底部） */
	.xgcp dl dt { width: 100%; margin-right: 0; }
	.xgcp dl dt img { width: 100%; border-width: 2px; }
	.xgcp dl dt p { width: 100%; }

	/* 经销商查询：表单纵向 */
	.wangdian .sousuo .zuo { float: none; line-height: 1.6; margin-bottom: 8px; }
	.wangdian .sousuo .you { float: none; width: 100%; }
	.wangdian .sousuo .you p { float: none; margin: 0 0 10px; width: 100% !important; }
	.wangdian .sousuo .you input,
	.wangdian .sousuo .you select { width: 100% !important; box-sizing: border-box; }
	.wangdian .result dl.d1 { display: none; }
	.wangdian .result dl.d2 { width: auto; border: 1px solid #DCDCDC; margin-bottom: 14px; }
	.wangdian .result dl.d2 dt { float: none; width: auto; height: auto; line-height: 1.6; padding: 10px 12px; background: #F5F5F5; }
	.wangdian .result dl.d2 dd { float: none; width: auto; padding: 12px; border: none; line-height: 1.7; }

	/* 产品注册/留言表单 */
	.pro_lianxi p { width: 100%; float: none; }
	.pro_lianxi .input1, .pro_lianxi .input2, .pro_lianxi textarea, .pro_lianxi button {
		width: 100% !important; box-sizing: border-box; margin-right: 0;
	}

	/* 价格购买条 */
	.price_buy { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
	.price_buy p, .price_buy a, .price_buy span { float: none; }

	/* 产品详情锚点选项卡：三等分铺满一行（原盒子缩成文字宽散开，显得凌乱） */
	.cpxq { width: 100%; box-sizing: border-box; }
	.cpxq ul { display: flex; gap: 6px; padding: 0; }
	.cpxq ul a { flex: 1; display: block; min-width: 0; }
	.cpxq ul li { width: 100%; margin-right: 0; box-sizing: border-box; }
	.cptitle { font-size: 20px; }

	/* 说明下载卡片纵向 */
	.shuoming dl dt { float: none; display: block; max-width: 300px; margin: 0 auto 12px; }
	.shuoming dl dd { width: 100%; margin-left: 0; float: none; box-sizing: border-box; }

	/* 留言表单表格纵向（width:auto 防止与 margin 叠加溢出） */
	.table_form, .table_form tbody { display: block; width: auto !important; max-width: 100%; }
	.table_form tr { display: block; margin-bottom: 10px; }
	.table_form td { display: block; width: auto !important; padding: 3px 0; text-align: left !important; }
	.table_form input[type="text"], .table_form textarea { width: 100% !important; max-width: 100%; box-sizing: border-box; }
	.post_box, .guestbook_list { margin: 10px 0; }

	/* 富文本正文中的宽表格：容器内横向滚动，不再撑破页面 */
	.nycon .textcon table, #content .content table, .lxfs .lxzuo table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* 页脚 */
	.bottom .bo_con .bo_zuo ul li { padding: 0 8px; }
	.bottom .bo_con .bo_zuo ul li a { font-size: 13px; }

	/* 分页条可换行 */
	#pages a { margin-right: 6px; margin-bottom: 8px; }
}

/* ---------- 7. <=479px：小屏手机 ---------- */
@media (max-width: 479px) {
	.top .t_con { height: 56px; padding: 0 12px; }
	.top .t_con .zlogo img { height: 32px; }
	.nybanner { height: 100px; }
	.nycon .textcon h1 { font-size: 22px; }
	#content h1.tit { font-size: 20px; }
	.wangdian h1 { font-size: 22px; }
	.lxfs .lxzuo { padding: 22px 16px; }
	.ly .lyzuo, .ly .lyyou { padding-left: 16px; padding-right: 16px; }
	#to_top { width: 42px; height: 42px; background-size: contain; }
	.wenti .wen .q { width: 36px; height: 36px; line-height: 36px; font-size: 20px; }
	.wenti .da .ytb { width: 36px; height: 36px; line-height: 36px; font-size: 20px; }
	.taocan dl dd h2 { line-height: 1.5; height: auto; padding: 10px 0; }
}

/* ---------- 8. 可访问性小补丁 ---------- */
:focus-visible { outline: 2px solid #D7181F; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.nav-drawer, .drawer-mask, .nav-burger span { transition: none; }
}

/* ---------- 9. 二轮修正（2026-10-25）：头部垂直居中 + 导航配色 ---------- */

/* 头部内容在 100px 带内垂直居中：原 logo/导航/搜索全挤上半部（logo 顶到 y=2），下半 50px 全空。
   菜单项 li 底边随之移到 ≈93px，mega 面板与简单下拉的锚定位置自动跟随 */
@media (min-width: 992px) {
	.top .t_con .zlogo { padding-top: 28px; }
	.top .t_con .hdnav_top { height: auto; padding-top: 25px; }
	.top .t_con .sou { padding-top: 39px; }
}

/* 导航配色：默认深灰（style.css 原值 #535353），悬停/当前页橘红，去掉红色文字与红色下划线。
   注意必须用 > span > a 收窄到顶层导航链接本身——面板也在 li 内，
   写成 li.hover a 会把弹出面板里的所有链接一起染色（style.css:753/757/758/759/762 靠加载顺序覆盖） */
.nav_menu li.curron > span > a.nav_link { color: #FF6700; border-bottom: none; }
.nav_menu li.hover > span > a.nav_link,
.hover#indexhall a.nav_link { color: #FF6700; }
.nav_menu li > span > a.nav_link:hover { color: #FF6700; }
.nav_menu li.hover > span,
.nav_menu li.curron > span { border-bottom: none; }