（shrink-to-fit），
表格只会撑到内容最大宽度（实测 768px 下仅 ~360px），于是斑马纹行右侧大片留白。
容器虽已全宽，这里必须把表格显式拉到 100% 才真正铺满。 */
#ulOrderAnns > table { width:100% !important; }
/* ---------- B6. 列表页 ---------- */
dl.p_list_dl { width:33.33%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 3px; }
dl.p_list_dl dt { width:100%; height:auto; }
dl.p_list_dl dt img { width:100%; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
dl.p_list_dl dd { width:auto; }
dl.news_dl dt { width:auto; }
ul.p_list_ul li { width:48%; }
.RandomNews h2 { width:auto; }
.RandomNews ul { width:auto; }
.RandomNews li { width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* ---------- B7. 文章正文 ---------- */
.n_info_con { padding-left:10px; padding-right:10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.n_info_con h1 { font-size:20px; line-height:32px; }
.info_key { -webkit-box-sizing:border-box; box-sizing:border-box; }
/* 推荐产品：原 dl 为 155×200 定尺 + overflow:hidden（Style.css:32-36），
放开为百分比宽度后图片会等比变大（约 170px 宽），
若仍留着 200px 定高，dt 图 + dd 标题（约 216px）会被裁掉标题 —— 故高度一并放开。 */
.n_info_tjcp { overflow:hidden; } /* dl 是 float:left，需 BFC 才能撑起本块高度 */
/* 2026-09-21 修复「手机端推荐产品两列不对齐」：
dl 原为 float:left（Style.css:32）而每张卡片高度各不相同
（实测 6 张卡片高 149 / 163 / 182 / 182 / 224 / 242px）。
浮动排列会优先“往上贴”前一个矮卡片的底部，导致第 2 张卡片被顶到
第 1 张卡片的正下方，左列空出 209px 大洞（实测各行 y = 6296 → 6446 → 6687 → 6911）。
改为 flex 换行：同一行自动等高（align-items:stretch 默认值），
行与行整齐堆叠，且容器高度不再塌陷为 0（实测修复前 .tjcp_grid 高 = 0）。 */
.n_info_tjcp .tjcp_grid { display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap; }
.n_info_tjcp dl { float:none; width:25%; height:auto;
-webkit-box-sizing:border-box; box-sizing:border-box; }
/* 图片统一为正方形取景框：不裁切、不拉伸（object-fit:contain 等比缩放居中）。
否则同一行内两张图高度不同（实测 112 / 169px），卡片虽等高、标题仍对不齐。
注：其中一张产品图自带型号文字与公司横幅，故用 contain 而非 cover，避免裁掉信息。
不支持 aspect-ratio 的老浏览器自动退化为「按原始比例」，不会更糟。 */
.n_info_tjcp dt { width:100%; height:auto; aspect-ratio:1/1;
line-height:0; font-size:0; /* 消除行内 img 的基线间隙 */
-webkit-box-sizing:border-box; box-sizing:border-box; }
.n_info_tjcp dt a { display:block; width:100%; height:100%; }
.n_info_tjcp dt img { width:100%; height:100%; display:block;
-o-object-fit:contain; object-fit:contain; }
.n_info_tjcp dd { width:100%; height:auto; }
.agent_con { margin-left:0; padding-left:0; padding-right:0; }
#dituContent { width:100% !important; height:400px !important; }
/* ---------- B8. 首页周边 ---------- */
/* 轮播外框原为 371px 定高（355 画面 + 16 装饰条），高度须由 JS 按缩放比给出 */
.flash1 { height:auto; padding-bottom:16px; background-size:100% auto; background-position:center bottom; }
.banners { width:100%; }
.tu1 img { width:100%; height:auto; }
.friendlink_title_box { width:auto; height:auto; min-height:40px; overflow:hidden; }
.friendlink { width:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
.friendlink_title_keywords { float:none; line-height:24px; padding:6px 10px 10px; margin-right:0; }
.friendlink_title_str { float:none; display:inline-block; margin:0; }
/* ---------- B9. 页脚 ---------- */
.footer { padding-top:20px; }
.foot_logo { padding-left:0; }
.bos03 { padding-left:10px; }
.foot_logo img { max-width:150px; height:auto; }
/* ---------- B10. 分页 ---------- */
.dede_pages { overflow:hidden; }
.dede_pages ul.pagelist { overflow:hidden; line-height:1; }
.dede_pages ul.pagelist li { display:inline-block; margin:3px 4px 3px 0; }
/* ---------- B11. 在线客服浮窗 ---------- */
/* 浮窗为 174px 定宽 + 内部 169px 定宽列表（Skins/Default/Common.css:92-95）。
768-1000px 下页面已铺满视口，浮窗会盖住正文右缘；若只收容器不收列表还会外溢 19px。
手机端（<=767px）原本就隐藏，此处统一为 <=1000px 隐藏。
联系方式在页头、页脚与正文中均可获取，无信息损失。 */
.scrollsidebar, #scrollsidebar { display:none !important; }
/* ---------- B12. 百度地图信息窗 ---------- */
/* 信息窗气泡按 690px 定尺 + 切片拼合设计，<=1000px 下切片容器塌成 0 宽，
气泡只剩一个浮空的关闭按钮、白底消失。实测 768px 即已残破。
联系方式在正文中已完整给出，此处统一隐藏气泡（>=1001px 不受影响）。 */
#l-map .BMap_pop, #dituContent .BMap_pop { display:none !important; }
}
/* ==========================================================================
C. 手机（<=767px）：单栏堆叠，正文优先
========================================================================== */
@media screen and (max-width:767px) {
/* ---------- C1. 容器与字号 ---------- */
body { font-size:13px; }
.content, .footer { padding-left:8px; padding-right:8px; }
/* ---------- C2. 头部：纵向堆叠 ---------- */
.top { padding-bottom:6px; }
.nav { height:auto; line-height:22px; text-align:center; padding:2px 0; }
.nav span { float:none; display:block; }
.logo { float:none; max-width:100%; padding:8px 0 0; text-align:center; }
.logo img { max-width:80%; height:auto; }
.tel {
float:none; padding:6px 0 0; text-align:center;
background-image:none;
}
.tel span { margin-left:0; }
.tel p { font-size:13px; }
.tel p q { font-size:20px; }
/* ---------- C3. 导航：三列铺满 + 加大触控高度 ---------- */
.menu { padding:0 0 8px; }
.menu #menulist { overflow:hidden; }
.menu li { width:33.333%; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.25); }
.menu li a {
display:block; padding:0 4px; line-height:44px; height:44px;
text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
font-size:14px;
}
.menu li a:hover, .menu .cur a { line-height:44px; height:44px; }
.menu form { padding:10px 8px 0; }
.menu form input[type=text] { width:62% !important; max-width:none; }
.menu form input[type=submit] { width:78px !important; }
/* ---------- C4. 全部区块单栏，正文在前、侧栏在后 ---------- */
.content { display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-box-orient:vertical; -webkit-flex-direction:column; flex-direction:column; }
.left, .left2, .left3, .right, .right2, .right3,
.fenl, .pro, .hezuo, .lingy, .about, .rongy, .jisu, .went, .bos01 {
float:none; width:100%; margin-left:0; margin-right:0;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
/* 视觉顺序：广告条(0) -> 正文(1) -> 侧栏(2) */
.topadcs, .plc, .plc2, .pro_curmbs { -webkit-box-ordinal-group:1; -ms-flex-order:1; order:1; }
.right, .left2, .pro_main, .right_main, .left2_main { -webkit-box-ordinal-group:2; -ms-flex-order:2; order:2; }
.left, .right2, .right3, .leib2, .ad01 { -webkit-box-ordinal-group:3; -ms-flex-order:3; order:3; }
/* 只隐藏两栏之间的浮动清除块；内层 .clear 仍需承担清除浮动的职责 */
.content > .clear { display:none; }
/* 侧栏内的栏目标题导航在手机端改为整行，去固定高 */
.fenl .nr { padding:8px 10px 10px; }
.fenl .nr h3 a { height:auto; line-height:34px; }
/* ---------- C5. 首页区块网格 ---------- */
.pro .nr dl { width:50%; padding:8px 3px; }
.pro .nr dd { padding-left:0; }
/* 应用领域在手机端的列数由 B5 的 grid auto-fill 决定（格子 100px 起），
此处不要再写死百分比 —— 写死会覆盖 .lingy .nr dl{width:auto}，
grid 便会退化成「按 33.33% 分三列」…… 而 479px 以下的 50% 更会让
430px 屏幕只排 2 列、格子 209px、图片 193px 方，整块高度翻倍。 */
.n_info_tjcp dl { width:50%; }
.jisu .nr { height:auto; padding:10px 10px 0; }
.jisu .nr span a { display:inline-block; float:none; margin-top:4px; }
.RandomNews li { width:100%; padding-right:0; }
/* 原 li 为 float:left + width:298px + margin-left:10px（Style.css:541），
手机端只改成 width:100% 时 margin 会把右边界顶出 10px（实测被 .info_b 裁掉约 8px 正文） */
ul.p_list_ul li, ul.p_list_ul2 li {
width:auto; margin-left:0; float:none;
white-space:normal; height:auto; line-height:22px;
/* 2026-09-21 修复「最新文章整块连成一段」：Style.css:541 里的 display:inline
一直没被覆盖，上面把 float 取消后 li 就退化成真正的行内元素 ——
8 条标题互相接排，渲染成一整段连续文字（项目符号夹在句子中间、条与条之间无换行）。
补 display:block 让每条独占一行。 */
display:block;
/* 原来靠 text-indent:20px + 背景图定位 10px 9px 做首行缩进；
改 block 后 text-indent 只作用于首行，换行出来的第二行会顶到最左侧，
故统一改用 padding-left 缩进，项目符号同步左移并垂直居中于首行。 */
text-indent:0;
padding-left:18px;
background-position:6px 9px;
}
dl.p_list_dl { width:50%; }
.went .nr { padding:0 10px; }
/* 合作伙伴：手机上整行铺开（宽度由 C4 的 width:100% 提供，不再收窄居中） */
.hezuo .nr { padding:19px 10px 14px; }
/* ---------- C6. 文章正文 ---------- */
.n_info_con { padding:8px 10px 0; }
.n_info_con h1 { font-size:18px; line-height:28px; }
.n_info_con p, .n_info_con div, .n_info_con li { word-spacing:normal; }
.n_info_con p { line-height:1.85; }
.info_con_tit span { margin-right:10px; display:inline-block; }
.n_info_con .info_con_tit { line-height:22px; }
.info_key { height:auto; line-height:24px; padding:6px 8px; }
.info_key span { display:block; font-size:13px; }
.gduo { line-height:24px; }
/* 正文宽表格：强制收进屏幕，长内容允许换行 */
#cntrBody table, .agent_con table, .n_info_con table, .right_main table {
width:100% !important; table-layout:auto;
}
#cntrBody td, #cntrBody th, .agent_con td, .agent_con th,
.n_info_con td, .n_info_con th { word-break:break-word; word-wrap:break-word; }
#dituContent { height:300px !important; }
/* ---------- C6b. 正文内「PC 时代写死版式」的归一化 ---------- */
/* 详情页正文来自后台富文本编辑器，里面残留大量服务于 960px 定宽版式的行内样式。
2026-09-19 实测（390px，产品页 6280）逐条对应：
· div style="width:640px / 620px" -> 被 max-width 收到 356px，尚可接受；
· div style="width:50%;float:left" + div style="width:46%;float:left"
-> 两栏并排各约 165px，一段 60 字的话要折十几行，
「技术参数」与「产品说明」上下错位，正文整体被拉成 5038px 的长条；
· div style="padding-left:370px" -> 内容盒宽度算成负数，
文字被推出屏幕外，页面中部留下一片约 400px 的空白；
· div style="height:40px;line-height:40px;margin-left:190px"
-> 左侧被 150px 色块占据、右侧被推到 190px，可用文字区只剩 166px；
· img style="height:300px;width:350px;float:left" -> 与相邻文字互相压叠。
处理原则：手机端把这些行内版式「清零」，让正文退回单列纵向流。
这是老站转响应式最通用的做法，只动版式、不动任何文字（SEO 正文内容零损失），
且 / 里那条长 URL（本文章由三昆科技整理原创…）也能正常折行，
不再顶出容器 64px（实测 b 元素宽 432px、右边界 454px）。 */
#cntrBody { overflow-wrap:break-word; word-wrap:break-word; }
/* ① 行内定宽（含 640px 定宽块与 50%/46% 分栏）一律改为自适应 */
#cntrBody div, #cntrBody p, #cntrBody dl { width:auto !important; }
/* ② 取消行内浮动：PC 的左右分栏在手机上并排必然把文字挤成长条 */
#cntrBody div, #cntrBody img, #cntrBody dl, #cntrBody dt, #cntrBody dd { float:none !important; }
/* ③ 行内为「给浮动图片让位」写死的水平偏移（padding-left:370px / margin-left:190px）归零。
注意只收左侧：右侧偏移不影响文字被挤压，且容易误伤正常内边距。 */
#cntrBody [style*="padding-left"], #cntrBody [style*="margin-left"] {
padding-left:0 !important; margin-left:0 !important;
}
/* ④ 分栏之间的红色虚线分隔（border-right:1px dashed）在单列下已无意义，
留着会画在整行右缘。只对「原本浮动」的分栏块生效，
正文里那圈 border-left/bottom/right:1px solid #666 的内容框（非浮动）不受影响。 */
#cntrBody div[style*="float"] { border-right:0 !important; }
/* ⑤ 图片等比收进容器。行内 height:300px 是普通声明，
样式表里的 !important 才能盖住它，否则图片会被压扁/拉长。 */
#cntrBody img { max-width:100% !important; height:auto !important; }
/* ---------- C7. 列表页 ---------- */
dl.news_dl dt { height:auto; line-height:22px; }
dl.news_dl dd { height:auto; padding-left:0; }
/* 原为 width:100%（配合当时 230px 定宽的 ul）。此后 ul 已放开为整行（见 B4c），
而 li 是 content-box，width:100% 会把 padding-left 顶到容器外 ——
实测 390px 下 li 外框 385px、右边界 397px，侧栏 18+12=30 条全部溢出 7px。
改为 width:auto + border-box，宽度交给容器。 */
ul.n_rt_ul li { width:auto; -webkit-box-sizing:border-box; box-sizing:border-box;
white-space:normal; height:auto; line-height:22px; padding-left:14px; }
/* 2026-09-21 修复「推荐阅读 / 最新技术文章 序号与标题错位」：
序号原是挂在 ul 上的整块背景图（Style.css:583 引 Img/news_list_bg.gif，
尺寸 17×228，内含 10 个序号、每个 12px 高、固定 24px 间距，1~3 号橙 #ff7c00、
其余灰 #9b9b99），只有 li 恒为「单行 + 24px」时才能逐行对齐。
上面已放开 li 换行，高度在 22px（单行）与 44px（两行）之间变化，
而背景序号仍按 24px 定距铺 —— 实测第 3 条即偏 22px，越往下偏得越多。
改为 CSS 计数器逐条生成，序号恒贴在各自标题首行；尺寸与配色照搬原图。 */
ul.n_rt_ul { background-image:none; counter-reset:rtn; }
ul.n_rt_ul li { counter-increment:rtn; position:relative; padding-left:24px; }
ul.n_rt_ul li::before {
content: counter(rtn);
position:absolute; left:0; top:5px; /* 首行 line-height 22 - 序号高 12 = 上下各 5px */
width:17px; height:12px; line-height:12px;
font:normal 10px/12px Arial, Helvetica, sans-serif;
color:#fff; text-align:center; letter-spacing:-1px;
background:#9b9b99;
}
ul.n_rt_ul li:nth-child(-n+3)::before { background:#ff7c00; } /* 前 3 条与原图一致用橙色 */
.news_top img, .news_top .n_top_img { width:100%; height:auto; }
/* ---------- C8. 页脚 ---------- */
.footers { padding-top:16px; }
.footer { padding:8px 10px 10px; background-size:100% auto; }
.foot_logo { float:none; text-align:center; padding:0 0 8px; }
.foot_logo img { max-width:120px; }
.bos03 { float:none; width:auto; padding-left:0; text-align:center; }
.foot_menu { height:auto; line-height:26px; }
.foot_menu a { display:inline-block; padding:0 4px; }
.wenz1 { padding:8px 0 0; line-height:22px; }
/* ---------- C9. 隐藏固定客服浮窗（占屏过大，遮挡正文） ---------- */
/* <=1000px 已由 B11 统一隐藏，此处仅作双保险，避免 B 段被误删时手机端回归 */
/* ---------- C10. 分页 ---------- */
/* ① Css/page.css:79 的 .dede_pages ul 为 float:left 且不换行，窄屏下页码会被
父级 overflow:hidden 裁掉、后面的页码根本点不到 —— 改为可换行；
② DedeCMS 的 {dede:pagelist} 会把整条分页输出成 里的一个 ，
该表格最小内容宽度约 503px，同样会被裁掉右侧页码。
把表格拆成「块 + 行内块单元格」使其按行折行，overflow-x 兜底。
2026-09-18 实测：修复前搜索页 430/390/320 均丢失右侧页码。 */
.dede_pages { overflow-x:auto; }
.dede_pages ul.pagelist {
float:none; width:auto; max-width:100%;
padding:10px 0; overflow:visible; white-space:normal; line-height:normal;
}
.dede_pages ul.pagelist li {
float:none; display:inline-block; margin:3px 3px 3px 0; font-size:13px;
}
.dede_pages ul.pagelist li span.pageinfo { display:inline-block; }
.dede_pages ul.pagelist table { display:block; max-width:100%; }
.dede_pages ul.pagelist table tr { display:block; }
.dede_pages ul.pagelist table td {
display:inline-block; width:auto !important; white-space:nowrap;
}
/* ---------- C11. 正文内行内定宽图片 ---------- */
.right_main img, .news_con img, .n_info_con img, .left2_main img,
.left3_main img, .agent_con img { max-width:100%; height:auto !important; }
/* ---------- C12. 百度地图 ---------- */
/* 500px 定高在手机上偏高，压到 280px（信息窗气泡已由 B12 在 <=1000px 隐藏） */
#l-map { height:280px !important; }
/* ---------- C13. 产品分类侧栏：手机端改两列 ---------- */
/* 「三昆产品分类」共 18 个 h3 纵向排列（Style.css:3509-3513），单列在手机上高达
700px 上下，要滑很久才能看到后面的内容。两列后高度减半；每项图标是 a 的左侧
背景图（ico3.gif）配 padding-left，改列后依旧对齐，无需动图标。 */
.fenl .nr {
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.fenl .nr h3 {
width:50%; padding-right:4px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
/* ---------- C14. 单页栏目正文（/aboutus/ 企业简介）：行内版式归一化 ---------- */
/* 【为什么还要再来一套】C6b 的作用域是 #cntrBody（文章详情页），
而「企业简介 /aboutus/」是 ispart=1 单页栏目，正文由栏目 content 字段直接
输出到模板的 .ab-html 容器里 —— C6b 那套规则完全没覆盖到它。
2026-09-19 用无头浏览器在 390px 锁定宽度下实测到的缺陷：
· 「办公室一角」「UV产品展示」两块各 307px，并排挤在 374px 容器内互相压叠，
谁也没占满屏、也没居中（用户反馈的「不是单个宽屏，也不居中」）；
· 「公司信息」标题条 width:15% 实宽只有 54px，四个 16px 汉字被迫折成两行；
· 4 列公司信息表首列仅 73px，而「企业类型：工贸一体有限公司」需要 156px；
· 「主营产品(可非标)：uv机,uv炉…」float:right 后与左侧色块互相挤压、断行错乱；
· 首图 420px 图文块与 24px 的公司名同样超出一屏。
处理原则与 C6b 一致：手机端只把「为 960px 定宽服务的行内版式」清零，
退回单列纵向流；不改一个字、不删一张图（SEO 正文与图片零损失）。 */
/* 作用域容器：建立 BFC，取消浮动后不会高度塌陷 */
.ab-html { overflow:hidden; }
/* ① 首图 420px 定宽块：取消左浮动、水平居中，高度交给图片自身比例 */
.ab-html div[style*="width:420px"] {
float:none !important; width:auto !important; height:auto !important;
margin:0 auto 10px !important; text-align:center;
}
.ab-html div[style*="width:420px"] img { max-width:100% !important; height:auto !important; }
/* ② 「主营产品(可非标)：…」词串：取消右浮动，整行可换行（原 10px 字号偏小） */
.ab-html div[style*="font-size:10px"] {
float:none !important; width:auto !important;
margin:8px 10px 2px !important;
font-size:12px !important; line-height:1.8 !important;
}
/* ③ 「公司信息」标题条：15% 定宽改整行橙色条 */
.ab-html div[style*="width:15%"] {
width:auto !important; border-right:0 !important; padding:9px 12px !important;
}
/* ④ 公司信息表：4 列 -> 2 列，每列约 175px，够放「企业类型：工贸一体有限公司」 */
.ab-html > table { display:block; width:100% !important; }
.ab-html > table tbody { display:block; }
.ab-html > table tr { display:block; overflow:hidden; }
.ab-html > table td {
float:left; width:50% !important;
-webkit-box-sizing:border-box !important; box-sizing:border-box !important;
padding:6px 5px !important; font-size:12px; line-height:1.6;
word-break:break-word; overflow-wrap:break-word;
}
/* ⑤ 「办公室一角」「UV产品展示」：取消左右浮动，各自独占一行、图片水平居中 */
.ab-html div[style*="margin-left:40px"],
.ab-html div[style*="margin-right:40px"] {
float:none !important; width:auto !important;
margin:12px 0 0 !important; text-align:center;
}
/* 内部绿色/暗红标题条：30% 定宽改整行 */
.ab-html div[style*="margin-left:40px"] div[style*="width:30%"],
.ab-html div[style*="margin-right:40px"] div[style*="width:30%"] {
width:auto !important; border-right:0 !important;
}
/* 图片容器 200px 定高放开 */
.ab-html div[style*="height:200px"] { height:auto !important; }
/* 图片自带内联 padding:5px + border:1px，max-width 按内容盒计算会顶出 12px，
必须一并收回为 border-box，否则「收进容器」只是表面功夫 */
.ab-html div[style*="margin-left:40px"] img,
.ab-html div[style*="margin-right:40px"] img {
max-width:100% !important; height:auto !important;
-webkit-box-sizing:border-box !important; box-sizing:border-box !important;
}
/* ⑥ 红色虚线分隔条：inline-block + width:100% 会被行内空白顶出约 5px，改整行块级 */
.ab-html div[style*="display:inline-block"] { display:block !important; width:auto !important; }
/* ⑦ 「联系我们」标题条与 24px 大字公司名 */
.ab-html div[style*="width:100%"][style*="height:40px"] { height:auto !important; overflow:hidden; }
.ab-html div[style*="font-size:24px"] {
font-size:16px !important; line-height:24px !important; padding:8px 4px;
}
/* ⑧ 联系方式长串（含 分隔）防溢出兜底 */
.ab-html p, .ab-html span { overflow-wrap:break-word; word-wrap:break-word; }
/* ---------- C15. 侧栏「联系三昆科技」：品牌图独占一行 ---------- */
/* .subnr 里那张 184x94 的品牌图（img14n.gif）是行内元素，
紧跟其后的「⒈业务部：李炳基:13823369867」会环绕到它右侧。
PC 端侧栏只有 190px 宽，图片 184px 几乎占满，文字会被自动挤到图片下方，
所以看不出问题；手机端侧栏放开成整行（374px）后，图片右侧空出 190px，
文字便贴着图片右缘排成一条窄缝，姓名再折回左侧 —— 这就是
「⒈业务部…跟图片占了一行，应该在图片下一行」的成因。
2026-09-19 在 390px 实测：图片 rect(12,3799,184x94)，
「⒈业务部：」落在 left=196 / top=3882，正好卡在图片右边的垂直区间内。
让这张图独占一行即可。
注意： 里的 QQ 小图标（23x16）必须保持行内，否则图标与姓名会被拆成两行，
因此用直接子选择器 `>` 只锁定这张大图。
.contactn 是公共组件，本规则同时惠及 8 个模板 / 686 个静态页，
且改动在 <=767px 断点内，PC 端与平板端不受影响。 */
.contactn .subnr > img { display:block; margin-bottom:6px; }
}
/* ==========================================================================
D. 小屏（<=479px）：进一步压缩
========================================================================== */
@media screen and (max-width:479px) {
.content, .footer { padding-left:6px; padding-right:6px; }
.logo img { max-width:88%; }
.menu li { width:50%; }
.menu li a { font-size:13px; }
.pro .nr dl { width:50%; }
/* 应用领域：小屏不再改列数，仍由 grid auto-fill 决定（320px 实测排 3 列、格子 102px） */
dl.p_list_dl { width:100%; }
dl.p_list_dl dt, dl.p_list_dl dt img { width:100%; height:auto; }
.pro .nr dt img { width:100%; }
.n_info_con h1 { font-size:17px; line-height:26px; }
.RandomNews h2 { font-size:13px; }
.tel p q { font-size:18px; }
.foot_menu a { padding:0 2px; }
}
/* ==========================================================================
E. 打印：去掉导航、侧栏与浮窗，只留正文（利于内容抓取与打印存档）
========================================================================== */
@media print {
.headers, .footers, .scrollsidebar, .left, .left3, .right2, .right3,
.topadcs, .friendlink, .friendlink_title_box, .RandomNews, .n_info_tjcp { display:none !important; }
.content, .left2, .n_info_con { width:auto !important; margin:0 !important; padding:0 !important; }
a { text-decoration:none; color:#000; }
}
/* ============================================================
R23 2026-09-20：产品推荐模块 = 「右侧栏末位 · 一排一个 · 撑满右栏 · 标题可点」
（对应 templets/qiye/article_article.htm 的 .n_info_tjcp 位置与结构）
------------------------------------------------------------
右栏内宽 273px（含左右各 1px 边框）→ .tjcp_grid 左右各留 5px → 内容宽 261px。
故 dl 取 width:100% 独占一行、dt 撑满、img width:100% height:auto。
源图分辨率实测（抽 300 张产品 litpic）：1024x1024 / 750x750 / 800x600 /
240x180 / 180x180 等，最小 180x180；显示宽约 251px，清晰度可接受。
用 height:auto 而非固定高 + object-fit，避免裁掉产品主体。
条间用虚线分隔，末条去掉分隔线。
============================================================ */
@media screen and (min-width:1001px) {
.right2_main .n_info_tjcp { padding:0 0 4px; }
.right2_main .n_info_tjcp h2.t03 { margin:0 0 6px; }
.right2_main .n_info_tjcp .tjcp_grid { overflow:hidden; padding:0 5px; }
.right2_main .n_info_tjcp dl {
float:none; clear:both; width:100%; height:auto;
padding:0 0 9px; margin:0 0 9px;
border-bottom:1px dashed #eceff3;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.right2_main .n_info_tjcp dl:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; }
.right2_main .n_info_tjcp dt {
width:100%; height:auto; padding:0;
border:1px solid #e2e2e2; background:#fff;
line-height:0; font-size:0; overflow:hidden; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.right2_main .n_info_tjcp dt img { width:100%; height:auto; display:block; }
.right2_main .n_info_tjcp dd {
width:100%; height:auto; padding:6px 2px 0; margin:0;
line-height:18px; text-align:center;
}
.right2_main .n_info_tjcp dd a { color:#333; font-size:13px; line-height:18px; }
.right2_main .n_info_tjcp dd a:hover { color:#0b62b8; }
}