:root{--navy:#0d2137;--navy2:#16405f;--accent:#e87722;--accent2:#ff8c3a;--bg:#f5f7fa;--card:#fff;--text:#1b2733;--muted:#64748b;--line:#e5e9f0;--r:10px}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.8;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{background:var(--navy);color:#9fb4c7;font-size:13px;padding:7px 0}
.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar b{color:#fff}
header.site{background:#fff;box-shadow:0 2px 12px rgba(13,33,55,.08);position:sticky;top:0;z-index:60}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px}
.logo{display:flex;flex-direction:column;font-weight:800;font-size:19px;color:var(--navy);line-height:1.15}
.logo span{font-size:12px;color:var(--muted);font-weight:400}
nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
nav a{font-size:15.5px;color:#33475b;font-weight:500;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{color:var(--accent);border-bottom-color:var(--accent)}
.telbox{text-align:right;line-height:1.3}.telbox small{display:block;font-size:12px;color:var(--muted)}.telbox b{font-size:19px;color:var(--accent);font-weight:800}
.hero{position:relative;color:#fff;overflow:hidden;background:var(--navy)}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.hero .mask{position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,33,55,.94) 0%,rgba(13,33,55,.72) 55%,rgba(13,33,55,.4) 100%)}
.hero .inner{position:relative;padding:74px 0 66px;max-width:780px}
.hero h1{font-size:40px;line-height:1.25;margin:0 0 16px;font-weight:800}
.hero p{font-size:17px;color:#cddbe7;margin:0 0 26px;max-width:660px}
.hero .chips{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:14.5px;color:#cbd8e4}
.hero .chips i{color:var(--accent2);font-style:normal;font-weight:700}
.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:13px 30px;border-radius:8px;font-size:16px;transition:.2s;border:0;cursor:pointer}
.btn:hover{background:#d06a18;transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);margin-left:12px}
.btn.ghost:hover{background:rgba(255,255,255,.22)}
.btn.sm{padding:9px 18px;font-size:14px}
section{padding:56px 0}
.sec-head{margin-bottom:30px}
.sec-head h2{font-size:27px;margin:0 0 8px;color:var(--navy);font-weight:800;display:inline-block;position:relative;padding-left:14px}
.sec-head h2:before{content:"";position:absolute;left:0;top:6px;bottom:4px;width:5px;background:var(--accent);border-radius:3px}
.sec-head p{color:var(--muted);margin:0;font-size:15px}
.catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.catcard{position:relative;border-radius:var(--r);overflow:hidden;background:var(--navy);display:block}
.catcard img{height:180px;width:100%;object-fit:cover;transition:.4s;opacity:.92}
.catcard:hover img{transform:scale(1.06);opacity:1}
.catcard .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(to top,rgba(13,33,55,.92),transparent);color:#fff}
.catcard .cap b{display:block;font-size:16.5px}.catcard .cap em{font-style:normal;font-size:12.5px;color:#b9cadb}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column;color:inherit}
.pcard:hover{box-shadow:0 10px 26px rgba(13,33,55,.10);transform:translateY(-3px)}
.pcard img{height:186px;object-fit:cover;width:100%}
.pcard .bd{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.pcard h3{margin:0 0 8px;font-size:16.5px;color:var(--navy);line-height:1.45}
.pcard p{margin:0 0 14px;color:var(--muted);font-size:13.8px;flex:1}
.pcard .rd{color:var(--accent);font-weight:700;font-size:14px}
.stats{background:var(--navy);color:#fff;padding:44px 0}
.stats .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;text-align:center}
.stats b{display:block;font-size:34px;color:var(--accent2);font-weight:800}.stats span{color:#b9cadb;font-size:14.5px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}
.split img{border-radius:var(--r);box-shadow:0 12px 30px rgba(13,33,55,.14)}
.split h2{font-size:26px;margin:0 0 14px;color:var(--navy)}
.split p{color:#3d4f60;font-size:15.5px;margin:0 0 14px}
.checks{list-style:none;padding:0;margin:14px 0 0}
.checks li{padding-left:24px;position:relative;margin:8px 0;color:#3d4f60}
.checks li:before{content:"\2713";position:absolute;left:0;color:var(--accent);font-weight:800}
.ngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ncard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;display:block}
.ncard:hover{box-shadow:0 10px 26px rgba(13,33,55,.10);transform:translateY(-3px)}
.ncard img{height:172px;width:100%;object-fit:cover}
.ncard .bd{padding:16px 18px 20px}
.ncard h3{margin:0 0 8px;font-size:16.5px;color:var(--navy);line-height:1.5}
.ncard p{margin:0;color:var(--muted);font-size:13.8px}
.ctaband{background:linear-gradient(100deg,var(--accent),var(--accent2));color:#fff;padding:38px 0}
.ctaband .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ctaband h3{margin:0 0 6px;font-size:24px;font-weight:800}.ctaband p{margin:0;color:#fff3e8}
.ctaband .btn{background:#fff;color:var(--accent)}
.article{max-width:880px}
.article h2{margin-top:34px;font-size:21px;color:var(--navy);padding-left:12px;border-left:4px solid var(--accent)}
.article p{margin:13px 0;color:#33424f}
table.spec{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;background:#fff}
table.spec th{width:190px;text-align:left;background:#eef3f8;color:var(--navy);font-weight:600;padding:11px 14px;border:1px solid var(--line)}
table.spec td{padding:11px 14px;border:1px solid var(--line)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}
.gallery img{height:190px;width:100%;object-fit:cover;border-radius:8px}
.crumb{font-size:13.5px;color:#9fb4c7;margin-bottom:10px}.crumb a{color:#cddbe7}
.phero{background:linear-gradient(135deg,#0d2137,#16405f);color:#fff;padding:44px 0 40px}
.phero h1{font-size:30px;margin:0 0 10px;font-weight:800}.phero p{color:#c9d8e6;margin:0;max-width:820px}
footer.site{background:var(--navy);color:#a9bccd;padding:44px 0 20px;font-size:14px}
.frow{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:26px}
footer h4{color:#fff;margin:0 0 12px;font-size:16px}footer a{color:#a9bccd}footer a:hover{color:var(--accent2)}
.fbottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:16px;color:#7c93a8;font-size:13px;text-align:center}
.enq{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.enq h3{margin:0 0 10px;color:var(--navy);font-size:18px}
.enq label{display:block;font-size:14px;font-weight:600;color:var(--navy);margin:12px 0 0}
.enq input,.enq textarea,.enq select{width:100%;padding:10px 12px;margin-top:6px;border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:15px}
.enq button{margin-top:16px}
.side{position:sticky;top:96px}
@media (max-width:820px){
.container{padding:0 15px}
.nav{height:auto;padding:10px 0;flex-wrap:wrap;gap:8px}
nav{width:100%;overflow-x:auto}nav ul{gap:18px;white-space:nowrap}
.logo{font-size:17px}.telbox b{font-size:16px}
.hero .inner{padding:44px 0 40px}.hero h1{font-size:26px}.hero p{font-size:15px}
.btn{padding:11px 20px;font-size:15px}.btn.ghost{margin-left:0;margin-top:10px;display:block;text-align:center}
section{padding:34px 0}.sec-head h2{font-size:21px}
.catgrid{grid-template-columns:1fr 1fr;gap:12px}.catcard img{height:120px}
.pgrid{grid-template-columns:1fr 1fr;gap:12px}.pcard img{height:130px}.pcard .bd{padding:12px}.pcard h3{font-size:15px}.pcard p{display:none}
.split{grid-template-columns:1fr!important;gap:20px}
.stats b{font-size:26px}.ngrid{grid-template-columns:1fr}.frow{grid-template-columns:1fr;gap:18px}
.article h2{font-size:18px}table.spec th{width:auto;min-width:100px}.side{position:static}
.gallery img{height:150px}
}
/* 新闻长条列表 */
.nlist{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.nitem{display:flex;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line);transition:.2s;align-items:center;color:inherit}
.nitem:last-child{border-bottom:0}
.nitem:hover{background:#f7fafc}
.nitem img{width:190px;height:120px;object-fit:cover;border-radius:8px;flex:none}
.nitem .nb{flex:1;min-width:0}
.nitem h3{margin:0 0 8px;font-size:17px;color:var(--navy);line-height:1.5}
.nitem p{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nitem .more{color:var(--accent);font-weight:700;font-size:13.5px;display:inline-block;margin-top:6px}
@media (max-width:820px){.nitem{gap:12px;padding:12px}.nitem img{width:108px;height:78px}.nitem h3{font-size:15px}.nitem p{display:none}.nitem .more{margin-top:2px}}

/* 新闻条目：左微缩图 + 右标题/概要/日期 */
.nitem img{width:172px;height:120px}
.nitem h3{font-size:17.5px;color:#16405f;font-weight:700}
.nitem:hover h3{color:var(--accent)}
.nitem .meta{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:13.5px}
.nitem .date{color:#94a3b8}
.nitem .more{color:var(--accent);font-weight:700;margin:0}
@media (max-width:820px){.nitem img{width:108px;height:82px}.nitem h3{font-size:15.5px}}

/* 正文图库：按原图比例完整显示，不裁切 */
.article .gallery{grid-template-columns:1fr 1fr;gap:14px}
.article .gallery img{height:auto;width:100%;object-fit:contain;background:#f1f5f9;border:1px solid var(--line);border-radius:8px}
@media (max-width:820px){.article .gallery{grid-template-columns:1fr}}

/* 正文图库：单列居中，单张最大 600px，按原图比例完整显示 */
.article .gallery{grid-template-columns:1fr;gap:16px;max-width:600px;margin:20px auto}
.article .gallery img{height:auto;width:100%;max-width:600px;object-fit:contain;background:#f1f5f9;border:1px solid var(--line);border-radius:8px;margin:0 auto}
@media (max-width:820px){.article .gallery{max-width:100%}}

/* 页头：做大气的版式 */
header.site{background:linear-gradient(180deg,#0d2137 0%,#12304f 100%);box-shadow:0 4px 20px rgba(13,33,55,.20)}
.nav{height:98px;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.mark{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#e87722,#ff9a4d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:21px;letter-spacing:1px;box-shadow:0 8px 20px rgba(232,119,34,.38);flex:none}
.bt{display:flex;flex-direction:column;line-height:1.25}
.bt b{color:#fff;font-size:21px;font-weight:800;letter-spacing:.6px}
.bt em{font-style:normal;color:#9fb4c7;font-size:12.5px;margin-top:2px}
nav ul{gap:32px}
nav a{color:#e6eef6;font-size:16.5px;font-weight:600;padding:8px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{color:var(--accent2);border-bottom-color:var(--accent2)}
.telbox small{color:#9fb4c7;font-size:12.5px}
.telbox b{font-size:25px;color:#ff9a4d;letter-spacing:.5px}
@media (max-width:820px){
.nav{height:auto;padding:12px 0}
.mark{width:46px;height:46px;font-size:17px;border-radius:11px}
.bt b{font-size:17px}.bt em{display:none}
.telbox b{font-size:19px}nav a{font-size:15px}
}

/* 产品图集：淘宝式主图 + 缩略图切换 + 悬停放大 */
.pgallery{display:flex;flex-direction:column;gap:12px}
.pmain{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:zoom-in;position:relative}
.pmain img{width:100%;height:auto;display:block;transition:transform .3s ease}
.pmain:hover img{transform:scale(1.9);transform-origin:var(--ox,50%) var(--oy,50%)}
.pthumbs{display:flex;gap:10px;flex-wrap:wrap}
.pthumbs img{width:84px;height:84px;object-fit:cover;border:2px solid var(--line);border-radius:8px;cursor:pointer;transition:.2s;background:#fff}
.pthumbs img:hover{border-color:#e87722}
.pthumbs img.on{border-color:#e87722;box-shadow:0 0 0 2px rgba(232,119,34,.25)}
.pzoom-tip{font-size:12.5px;color:#94a3b8;margin-top:2px}
@media (max-width:820px){.pthumbs img{width:64px;height:64px}.pmain:hover img{transform:none}}

/* 图集 上一张/下一张 */
.pnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:56px;border:0;background:rgba(13,33,55,.45);color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:8px;font-family:Arial,sans-serif;z-index:2}
.pnav:hover{background:rgba(232,119,34,.9)}
.pnav.prev{left:10px}.pnav.next{right:10px}
.pcount{position:absolute;right:12px;bottom:12px;background:rgba(13,33,55,.6);color:#fff;font-size:12.5px;padding:3px 9px;border-radius:12px;z-index:2}

/* 产品主图区：整体收小，完整显示不裁切 */
.pmain{max-width:420px;margin:0 auto;display:block}
.pmain img{width:auto;max-width:100%;max-height:430px;height:auto;margin:0 auto;display:block}
.pthumbs{max-width:420px;margin:0 auto}
.pthumbs img{width:68px;height:68px}
.pzoom-tip{max-width:420px;margin:6px auto 0;text-align:center}
@media (max-width:820px){.pmain{max-width:none}.pmain img{max-height:320px}.pthumbs img{width:56px;height:56px}}

/* 手机端：页头压缩 + 汉堡菜单 */
@media (max-width:820px){
header.site .nav{height:66px;padding:0;flex-wrap:nowrap;gap:10px}
header.site .brand .bt em{display:none}
header.site .brand .bt b{font-size:16px}
header.site .brand .mark{width:42px;height:42px;font-size:16px;border-radius:11px}
header.site .telbox{display:none}
header.site nav{display:none}
header.site nav.open{display:block;position:absolute;left:0;right:0;top:100%;width:auto;background:#fff;box-shadow:0 12px 28px rgba(13,33,55,.18);border-radius:0 0 12px 12px;padding:6px 0;overflow:visible;z-index:80}
header.site nav.open ul{display:block;white-space:normal;gap:0;padding:0}
header.site nav.open ul li{border-bottom:1px solid #eef2f7}
header.site nav.open ul li:last-child{border-bottom:0}
header.site nav.open a{display:block;padding:13px 20px;font-size:16px;color:#16405f;border-bottom:0}
header.site nav.open a.on{color:#e87722;background:#fff7f0}
header.site nav.open .mphone{display:block;padding:13px 20px;font-size:15px;color:#e87722;font-weight:800;background:#f8fafc}
}
.menubtn{display:none;width:44px;height:44px;flex:none;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.10);color:#fff;font-size:21px;line-height:1;align-items:center;justify-content:center;cursor:pointer}
.menubtn:hover{background:rgba(232,119,34,.85);border-color:rgba(232,119,34,.85)}
@media (max-width:820px){.menubtn{display:flex}}
.mphone{display:none}

/* 当前栏目高亮（桌面 + 手机） */
header.site nav a.on{color:#ff9a4d;border-bottom:3px solid #e87722;font-weight:800}
header.site nav a:hover{color:#ff9a4d;border-bottom:3px solid rgba(232,119,34,.5)}
.cursec{display:none}
@media (max-width:820px){
.cursec{display:inline-block;margin-left:10px;padding:3px 11px;border:1px solid rgba(232,119,34,.65);border-radius:20px;color:#ffb37a;font-size:13px;font-weight:700;white-space:nowrap}
.menubtn{margin-left:auto}
}

/* 语言切换 */
nav a.lang{color:#9fb4c7}
nav a.lang:hover{color:#ff9a4d}
header.site nav.open a.lang{color:#64748b}

/* 版面修复：导航不换行 + 中间宽度改用汉堡菜单 */
header.site nav ul{flex-wrap:nowrap}
header.site nav ul li{white-space:nowrap}
header.site nav a{white-space:nowrap;font-size:15.5px}
header.site nav ul{gap:22px}
header.site .bt b{white-space:nowrap;font-size:20px}
header.site .telbox b{white-space:nowrap}
header.site .brand{flex:none}
@media (max-width:1180px){
  header.site nav{display:none}
  header.site .telbox{display:none}
  header.site .menubtn{display:flex;margin-left:auto}
  header.site .cursec{display:inline-block;margin-left:10px;padding:3px 11px;border:1px solid rgba(232,119,34,.65);border-radius:20px;color:#ffb37a;font-size:13px;font-weight:700;white-space:nowrap}
  header.site .nav{height:70px}
  header.site .bt b{font-size:17px}
  header.site .bt em{display:none}
  header.site .brand .mark{width:46px;height:46px;font-size:17px;border-radius:11px}
}

/* 内页页头（phero）改浅色，与深色导航区分开 */
.phero{background:linear-gradient(180deg,#eef4f9 0%,#e2ebf4 100%) !important;color:#0d2137;padding:36px 0 32px;border-bottom:1px solid #d7e3ee}
.phero h1{color:#0d2137 !important;font-size:29px}
.phero p{color:#4a6076}
.phero .crumb{color:#7d93a8}
.phero .crumb a{color:#16405f}
.phero .crumb a:hover{color:#e87722}
@media (max-width:820px){.phero{padding:26px 0 22px}.phero h1{font-size:23px}.phero p{font-size:14.5px}}

/* 牌号表：行更易区分 */
.gtable{border:1px solid #e3ebf3;border-radius:10px;overflow:hidden}
.gtable tr{background:#fff}
.gtable tr:nth-child(even){background:#f6fafe}
.gtable tr:hover{background:#fff7f0}
.gtable th,.gtable td{padding:15px 18px;border-bottom:1px solid #e8eef5;vertical-align:top}
.gtable tr:last-child th,.gtable tr:last-child td{border-bottom:0}
.gtable th{font-size:15.5px;color:#16405f;background:transparent}
.gtable th a{color:#16405f}
.gtable th a:hover{color:#e87722}

/* 牌号列居中 */
.gtable th{text-align:center;vertical-align:middle;white-space:nowrap}
.gtable th a{display:inline-block}

/* 牌号表整行可点 */
.gtable tbody tr{cursor:pointer}

/* 手机端：两栏堆叠 + 牌号表改卡片式 */
@media (max-width:820px){
.split{grid-template-columns:1fr !important;gap:20px}
.gtable{border:0;border-radius:0}
.gtable tbody tr{display:block;background:#fff;border:1px solid #e8eef5;border-radius:10px;margin-bottom:12px;padding:12px 14px}
.gtable tbody tr:nth-child(even){background:#fff}
.gtable tbody tr:hover{background:#fff7f0}
.gtable th,.gtable td{display:block;width:100%;padding:0;border:0;text-align:left}
.gtable th{font-size:16px;margin-bottom:6px}
.gtable td span{display:block;margin-top:3px}
.phero h1{font-size:22px}
}

/* 应用场景：横向标签排（避免右侧留白） */
.tagrow{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 8px}
.tagrow span{background:#eef4f9;color:#16405f;border:1px solid #dbe7f2;border-radius:20px;padding:7px 15px;font-size:14.5px;line-height:1.2}
.tagrow span:hover{background:#fff1e5;border-color:#ffd9bd;color:#c2410c}

/* 牌号表：整行可点（纯链接实现，无需 JS） */
.gtable tbody tr{cursor:pointer}
.gtable .rowlink{display:block;padding:15px 18px;color:inherit;text-decoration:none}
.gtable .rowlink:hover{background:#fff7f0}
.gtable .rowlink span{display:block}
.rl-h{font-size:15.5px;font-weight:700;color:#16405f}
.rl-a{color:#0d2137;font-weight:600;margin-top:4px}
.rl-f{color:#3d5a72;font-size:13.5px;margin-top:3px;line-height:1.65}
.rl-m{color:#94a3b8;font-size:12.5px;margin-top:3px}
@media (max-width:820px){.gtable .rowlink{padding:12px 14px}.rl-h{font-size:16px}}

/* 牌号页：本厂产品提示卡 */
.promo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;background:linear-gradient(180deg,#fff8f2,#fff3e8);border:1px solid #ffd9bd;border-radius:12px;padding:18px 20px;margin:6px 0 22px}
.promo p{margin:0;color:#7c4a12;font-size:14.5px}
.promo .promo-t{font-weight:800;color:#c2410c;font-size:16px;margin-bottom:4px}
.promo .btn{flex:none}
.promo-soft{background:linear-gradient(180deg,#f6fafd,#eef4f9);border-color:#dbe7f2}
.promo-soft p{color:#3d5a72}
.promo-soft .promo-t{color:#16405f}
@media (max-width:820px){.promo{padding:16px}.promo .btn{width:100%;text-align:center}}

/* 牌号表：恢复两栏 + 两栏都可点 */
.gtable .celllink{display:block;color:inherit;text-decoration:none}
.gtable th{text-align:center;vertical-align:middle;white-space:nowrap}
.gtable tbody tr:hover{background:#fff7f0}
.rl-a{display:block;color:#0d2137;font-weight:600}
.rl-f{display:block;color:#3d5a72;font-size:13.5px;margin-top:3px;line-height:1.65}
.rl-m{display:block;color:#94a3b8;font-size:12.5px;margin-top:3px}
.gtable td{padding:15px 18px}
.gtable th{padding:15px 18px}

/* 牌号页产品卡：改为上下堆叠，按钮单独一行（避免窄屏压字/错位） */
.promo{display:block !important;padding:18px 20px !important;margin:6px 0 22px !important}
.promo .btn{display:block !important;width:100% !important;text-align:center !important;margin-top:14px !important;box-sizing:border-box}
.promo p{max-width:none}
.promo-soft{background:linear-gradient(180deg,#f6fafd,#eef4f9) !important;border-color:#dbe7f2 !important}
@media (max-width:820px){.promo{padding:16px !important}.promo .btn{margin-top:12px !important}}

/* 牌号页：询价框改为整行横排（解决左栏空旷） */
.enq-wide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.enq-wide>div:first-child{flex:1 1 320px}
.enq-wide .enq-side{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.enq-wide .enq-side p{margin:0;font-size:15px;line-height:1.6}
@media (max-width:820px){.enq-wide{display:block}.enq-wide .enq-side{display:block;margin-top:10px}.enq-wide .btn{display:block;text-align:center;margin-top:10px}}

/* logo 图片 */
.brand .mark{background:transparent !important;border-radius:0 !important;padding:0 !important}
.brand .mark img{width:100%;height:100%;object-fit:contain;display:block}

/* 页头 logo：白底圆角（深色页头上更清晰） */
.brand .mark{background:#fff !important;border-radius:12px !important;padding:0 !important;overflow:hidden;width:50px !important;height:50px !important;display:flex;align-items:center;justify-content:center}
.brand .mark img{width:100% !important;height:100% !important;object-fit:contain;display:block}
@media (max-width:820px){.brand .mark{width:44px !important;height:44px !important;border-radius:11px !important}}

/* 页头标记：白底橙字（原橙底改为白底） */
.brand .mark{background:#ffffff !important;color:#e87722 !important;border-radius:12px !important;display:flex !important;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.brand .mark img{display:none !important}
@media (max-width:820px){.brand .mark{border-radius:11px !important}}

/* 无障碍/语义辅助：仅屏幕阅读器可见 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== V19 视觉层（2026-10-17）：扁平卡片 / 分栏首屏 / 交期卡 / 速查表 ===== */
.topbar b{color:var(--accent2)}
.hero-in{display:grid;grid-template-columns:1.45fr 1fr;gap:52px;align-items:start;position:relative}
.hero .inner{padding:60px 0 58px;max-width:none}
.hero h1{font-size:39px;letter-spacing:-.5px;margin-bottom:14px}
.hero p{font-size:15.5px;line-height:1.9;max-width:620px}
.kick{display:block;font-size:11.5px;letter-spacing:4px;color:var(--accent2);font-weight:700;margin-bottom:14px;font-family:ui-monospace,Menlo,monospace}
.sbox{display:flex;gap:10px;margin:24px 0 0;max-width:640px}
.sbox input[type=text]{flex:1;border:0;padding:15px 18px;font-size:14.5px;font-family:inherit;color:var(--text)}
.sbox .sbtn{background:var(--accent);color:#fff;border:0;font-weight:800;padding:15px 30px;font-size:14.5px;cursor:pointer;font-family:inherit}
.hero .chips{gap:10px;margin-top:16px;font-size:13px}
.hero .chips a{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#d3e1ec;padding:8px 15px;transition:.2s}
.hero .chips a:hover{background:rgba(255,255,255,.18)}
.hero .chips a.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.lcard{background:#fff;color:var(--text);padding:24px 26px 20px;border-top:4px solid var(--accent);align-self:start}
.lcard h4{margin:0 0 6px;font-size:12px;letter-spacing:2.2px;color:#8a9ba8;font-family:ui-monospace,Menlo,monospace}
.lcard ul{list-style:none;margin:0;padding:0}
.lcard li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:14px;color:#3c4854}
.lcard li b{font-family:ui-monospace,Menlo,monospace;color:var(--navy);font-size:14.5px}
.lcard .lfoot{margin-top:16px;background:#fdf1e6;color:#b4560f;font-size:13px;font-weight:700;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}
.statband{background:#fff;border-bottom:1px solid var(--line)}
.statband .row{display:grid;grid-template-columns:repeat(4,1fr)}
.statband .c{padding:20px 24px;border-left:1px solid #edf1f5}
.statband .c:first-child{border-left:0}
.statband b{display:block;font-family:ui-monospace,Menlo,monospace;font-size:23px;color:var(--accent);line-height:1.15}
.statband span{display:block;font-size:12.5px;color:#78899a;margin-top:6px}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pcard{border-radius:0}
.pcard img{height:168px}
.pcard h3{font-size:15.5px}
.pcard .rd{font-size:13px}
.strip{margin-top:16px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.strip h3{margin:0;font-size:17px;font-weight:800;color:var(--navy)}
.strip p{margin:7px 0 0;color:var(--muted);font-size:13.5px}
.strip .acts{display:flex;align-items:center;gap:22px}
.strip .lk{color:var(--navy);font-weight:700;font-size:14px}
.tablewrap{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:11.5px;letter-spacing:1.6px;color:#8a9ba8;font-weight:700;padding:0 14px 12px;border-bottom:2px solid var(--navy);font-family:ui-monospace,Menlo,monospace}
.tbl td{padding:14px;border-bottom:1px solid #edf1f5;color:#3c4854;vertical-align:middle}
.tbl tr:hover td{background:#f7fafc}
.tbl .th-img{width:78px}
.tbl img{width:66px;height:48px;object-fit:cover;border:1px solid #e3e8ed}
.tbl .nm{font-weight:700;color:var(--navy);font-size:15px}
.tbl .nm a{color:inherit}
.tbl .mat2{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--navy);background:#eef4f9;padding:3px 8px;display:inline-block;white-space:nowrap}
.tbl .go{color:var(--accent);font-weight:700;font-size:13px;white-space:nowrap}
.nlist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;background:none;border:0;border-radius:0;overflow:visible}
.nitem{border:1px solid var(--line);border-left:3px solid var(--accent);background:#fff;border-radius:0;align-items:flex-start;padding:16px}
.nitem:last-child{border-bottom:1px solid var(--line)}
.nitem img{width:110px;height:82px;border-radius:0}
.nitem h3{font-size:15px}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wcard{background:#fff;border:1px solid var(--line);border-bottom:3px solid var(--navy);padding:22px}
.wcard:hover{border-bottom-color:var(--accent)}
.wcard-n{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--accent);font-weight:700;letter-spacing:2px;margin-bottom:12px}
.wcard h3{margin:0 0 8px;font-size:15.5px;color:var(--navy)}
.wcard p{margin:0;font-size:13.5px;color:#78899a;line-height:1.8}
.ctaband{background:var(--navy);color:#fff;border-radius:0}
.ctaband .btn{background:var(--accent);color:#fff}
@media(max-width:960px){.hero-in{grid-template-columns:1fr;gap:32px}.hero .inner{padding:44px 0 36px}.statband .row{grid-template-columns:repeat(2,1fr)}.statband .c{border-left:0;border-top:1px solid #edf1f5}.wgrid{grid-template-columns:1fr 1fr}.nlist{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
@media(max-width:640px){.tbl .th-img{display:none}.strip .acts{flex-direction:column;align-items:flex-start;gap:12px}}

/* ===== V19.1 移动端修边（2026-10-17）：消横向溢出 ===== */
@media(max-width:820px){
  .tablewrap .container:has(.tbl){overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:640px){
  .hero h1{font-size:26px;letter-spacing:0}
  .hero p{font-size:14.5px;line-height:1.85}
  .kick{letter-spacing:2.6px}
  .tbl{font-size:12.5px}
  .tbl th,.tbl td{padding:10px 8px}
  .tbl img{width:56px;height:40px}
  .tbl .mat2{font-size:11.5px;white-space:normal}
  .tbl .nm{font-size:13.5px}
  header.site .cursec{display:none}
  header.site .brand{gap:10px}
  header.site .brand .bt b{font-size:14px}
  .lcard{padding:20px 18px 16px}
  .strip{padding:18px 16px}
  .strip .acts{gap:14px}
  .wgrid{grid-template-columns:1fr}
}

/* ===== V19.3 站内搜索（2026-10-17）：本地索引即时搜索，不外跳 ===== */
.sbox{position:relative}
.sbox input[type=search]{flex:1;border:0;padding:15px 18px;font-size:14.5px;font-family:inherit;color:var(--text);-webkit-appearance:none;appearance:none;border-radius:0}
.sbox input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.sqout{position:fixed;background:#fff;border:1px solid #e3e8ed;border-radius:12px;box-shadow:0 18px 40px rgba(13,33,55,.18);max-height:min(58vh,420px);overflow:auto;z-index:40;text-align:left;padding:6px}
.sq-item{display:block;padding:10px 12px;border-radius:9px;color:#1c2b3a}
.sq-item+.sq-item{border-top:1px solid #f0f4f8}
.sq-item:hover,.sq-item:focus{background:#f2f6fb;outline:none}
.sq-item b{display:block;font-size:14.5px;color:var(--navy);font-weight:700;margin-bottom:3px;line-height:1.5}
.sq-item p{margin:0;font-size:12.8px;color:#5b6b7c;line-height:1.65}
.sq-item em{background:#ffe9c7;font-style:normal;color:#7a4a00;border-radius:3px;padding:0 1px}
.sq-cat{display:inline-block;font-size:11px;font-weight:700;color:var(--navy);background:#dbe6f2;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.sq-empty{padding:12px 12px 14px;font-size:13.5px;color:#5b6b7c;line-height:1.8}
.sq-empty b{color:var(--navy)}
.sq-empty a{color:var(--accent);font-weight:700}
@media(max-width:640px){.sqout{max-height:52vh}.sbox input[type=search]{font-size:16px}}

/* V4 站内搜索：点击搜索=全部结果（2026-10-17） */
.sqout.full{max-height:min(74vh,680px)}
.sq-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 7px;font-size:12.9px;color:#5b6b7c;border-bottom:1px solid #f0f4f8;margin-bottom:6px}
.sq-hd b{color:var(--navy)}
.sq-shut{background:none;border:0;color:#8593a3;font-family:inherit;font-size:12.4px;cursor:pointer;padding:2px 4px}
.sq-shut:hover{color:var(--accent)}
.sq-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px}
.sq-tab{border:1px solid #dbe6f2;background:#f4f8fc;color:var(--navy);font-family:inherit;font-size:12.4px;font-weight:700;padding:4px 10px;border-radius:20px;cursor:pointer}
.sq-tab:hover{border-color:#b9cde2}
.sq-tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sq-more{display:block;width:calc(100% - 8px);margin:6px 4px 2px;border:0;border-top:1px solid #f0f4f8;background:none;color:var(--accent);font-family:inherit;font-size:13px;font-weight:700;padding:11px 6px 7px;cursor:pointer;text-align:center}
.sq-more:hover{background:#f7fafe;border-radius:9px}

/* V4.1 首页「常规交期参考」卡只在桌面显示（2026-10-17 用户定）：手机/窄屏隐藏 */
@media(max-width:960px){.lcard{display:none}}

/* ===== V4.1 移动端优化（2026-10-17）：速查表改卡片 / 产品卡改横排 / 间距收紧 ===== */
@media(max-width:640px){
  /* 顶部信息条收紧 */
  .topbar{font-size:12.5px;padding:6px 0}
  .topbar .container{gap:4px 10px}
  /* 首页 hero：高度压到一屏内能看到搜索框 + 交期卡 */
  .hero .inner{padding:28px 0 26px}
  .hero h1{font-size:23px;line-height:1.34;margin-bottom:12px}
  .hero p{font-size:14px;line-height:1.75;margin-bottom:18px}
  .hero .chips{gap:8px 10px;margin-top:18px;font-size:13.5px}
  /* 产品卡：小图左 + 文字右，一屏多看几张 */
  .pgrid{grid-template-columns:1fr;gap:12px}
  .pcard{flex-direction:row;align-items:stretch;border-radius:12px}
  .pcard img{width:116px;height:112px;min-height:0;flex:none;object-fit:cover}
  .pcard .bd{padding:11px 13px}
  .pcard h3{font-size:15px;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .pcard p{display:none}
  .pcard .rd{font-size:13px;margin-top:6px}
  /* 规格速查表：6 列挤不下 → 每行一张卡（名称 / 查看 → 同行，牌号·工况·工艺各一行） */
  .tablewrap .container:has(.tbl){overflow:visible}
  .tbl{width:100%;border-collapse:separate}
  .tbl thead{display:none}
  .tbl,.tbl tbody{display:block}
  .tbl tr{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;
          background:#fff;border:1px solid #e6edf4;border-radius:12px;padding:13px 15px;margin-bottom:12px}
  .tbl tr:hover td{background:transparent}
  .tbl td{display:block;border:0;padding:0;color:#3c4854;line-height:1.6}
  .tbl td.th-img{display:none}
  .tbl td.nm{grid-column:1;font-size:16px}
  .tbl td:nth-child(3){grid-column:1/-1}
  .tbl td:nth-child(4){grid-column:1/-1}
  .tbl td:nth-child(5){grid-column:1/-1}
  .tbl td:nth-child(6){grid-column:2;grid-row:1;justify-self:end;font-size:13px}
  .tbl td:nth-child(4)::before,.tbl td:nth-child(5)::before{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.5px}
  .tbl td:nth-child(4)::before{content:"工况  "}
  .tbl td:nth-child(5)::before{content:"工艺  "}
  .tbl .mat2{margin-top:1px}
  /* 搜索面板：手机上高度收一收，分类标签一行放下 */
  .sqout.full{max-height:min(62vh,560px)}
  .sq-hd{font-size:12.4px;padding:8px 9px 6px}
  .sq-tabs{gap:5px;padding:0 7px 7px}
  .sq-tab{font-size:12px;padding:4px 8px}

  /* 章节间距 */
  .sec-head h2{font-size:22px}
  .sec-head p{font-size:14px}
  .container[style*="padding-top:56px"]{padding-top:34px !important;padding-bottom:34px !important}
}

/* FAQ — 2026-10-18 供 AI 检索与用户阅读 */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq details{background:#fff;border:1px solid var(--line);border-left:3px solid var(--navy);padding:14px 18px}
.faq details[open]{border-left-color:var(--accent)}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:15px;line-height:1.6;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"＋ ";color:var(--accent);font-weight:800}
.faq details[open] summary::before{content:"－ "}
.faq p{margin:10px 0 0;font-size:13.5px;color:#5b6b7b;line-height:1.85}
@media(max-width:760px){.faq{grid-template-columns:1fr}}

.note{background:#f6f8fa;border-left:3px solid var(--accent);padding:12px 16px;font-size:13.5px;color:#5b6b7b;line-height:1.85}

/* 同类牌号横排 chips */
.tagrow a{background:#eef4f9;color:#16405f;border:1px solid #dbe7f2;border-radius:20px;padding:7px 15px;font-size:14.5px;line-height:1.2;text-decoration:none;display:inline-block}
.tagrow a:hover{background:#fff1e5;border-color:#ffd9bd;color:#c2410c}
