/* =============================================================
   XX化工科技 · 企业官网
   版式与配色对齐参考站（名达化工）：主蓝 #1B3A5C，深蓝 #1B3A5C，
   点缀橙 #E67E22，浅蓝底 #EDF2F7
   全部颜色集中在下方变量，改主色只需改 --blue / --orange
   ============================================================= */
:root{
  /* ==== 2026-10-27 视觉规范改版 ====
     主色调：深藏青 #1B3A5C（导航 / 页脚 / 板块标题背景）
     行动按钮：工业橙 #E67E22
     页面底色：#F8F9FA   正文 #555   标题 #333   圆角 4px
     ================================= */
  --blue:#1B3A5C;          /* 主色：导航 / 标题背景 / 链接 */
  --blue-d:#16304C;        /* 深一档：hover */
  --blue-l:#3C5F85;        /* 浅一档：图标 / 装饰 */
  --blue-deep:#1B3A5C;     /* 深色块 */
  --blue-pale:#EDF2F7;     /* 浅底 */
  --blue-line:#DBE3EC;     /* 描边 */
  --navy:#1B3A5C;          /* 标题 */
  --orange:#E67E22;        /* 行动橙 */
  --orange-d:#CF6F14;      /* 橙 hover */
  --orange-pale:#FCEFDF;
  --ink:#555555;           /* 正文 */
  --gray:#555555;
  --gray-l:#8A8A8A;
  --line:#E6E8EB;
  --line-2:#DBE3EC;
  --bg:#F8F9FA;
  --bg-soft:#F8F9FA;
  --ft:#1B3A5C;
  --w:1200px;
  --radius:4px;            /* 按钮 / 卡片统一圆角 */
  --sec-gap:80px;          /* 桌面端板块上下间距 */
  /* 侧栏主色：跟主色同步（变量名 --gr* 沿用，勿望文生义） */
  --gr:#1B3A5C;
  --gr-d:#16304C;
  --gr-l:#3C5F85;
  --gr-soft:#EDF2F7;
  --gr-line:#DBE3EC;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:#F8F9FA;color:#555555;
  font:14px/1.6 "PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto;border:0;}
a{color:inherit;text-decoration:none;transition:color .2s;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.4;color:#333333;}
p{margin:0;}
button{font:inherit;cursor:pointer;border:0;background:none;}
input,select,textarea{font:inherit;outline:none;}
.bz{max-width:var(--w);margin:0 auto;padding:0 15px;}
.bz1{max-width:var(--w);margin:0 auto;padding:0 15px;}
.clear{clear:both;}
.center{text-align:center;}
/* 进场动画：一次性淡入（不依赖滚动，保证内容始终可见） */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
.reveal{animation:fadeUp .7s ease both;}
.reveal:nth-child(2){animation-delay:.08s;}
.reveal:nth-child(3){animation-delay:.16s;}
.reveal:nth-child(4){animation-delay:.24s;}
@media (prefers-reduced-motion:reduce){.reveal{animation:none;}}

/* 占位标记 */
.tag-ph{display:inline-block;margin-left:6px;padding:0 6px;border-radius:3px;font-size:11px;font-weight:600;color:#a35b00;background:#fff3e0;border:1px dashed #ffb74d;vertical-align:middle;line-height:1.7;}
.draft-bar{background:#EDF2F7;border-bottom:1px solid #DBE3EC;color:#1B3A5C;font-size:12.5px;}
.draft-bar .bz{display:flex;align-items:center;gap:6px;padding:7px 15px;}
.draft-bar .close{margin-left:auto;font-size:16px;line-height:1;opacity:.6;cursor:pointer;}
.btns-more{text-align:center;margin-top:34px;}

/* ---------- 1. 顶部头部（白底：Logo+蓝标牌 / 标语 / 热线 / 二维码） ---------- */
.hd{background:#fff;border-bottom:1px solid var(--line);}
.hd .bz{display:flex;align-items:center;height:104px;gap:26px;}
.logo{display:flex;align-items:center;gap:16px;flex:0 0 auto;}
.logo .mark{
  width:auto;height:78px;flex:0 0 auto;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:19px;letter-spacing:.5px;
  background:linear-gradient(140deg,#1B3A5C 0%,#16304C 100%);
  border-radius:14px 14px 14px 3px;
}
.logo .mark.has-img{background:none;border-radius:0;}
.logo .mark.has-img img{height:78px;width:auto;display:block;}
.logo .txt strong{display:block;font-size:32px;color:#2b2d30;letter-spacing:1.5px;line-height:1.16;font-weight:800;}
.logo .txt em{display:inline-block;font-style:normal;font-size:13.5px;color:#fff;background:var(--blue);padding:3px 15px;letter-spacing:1.2px;margin:6px 0 0;border-radius:2px;}
.logo .txt small{display:none;}
.hd-ad{margin-left:22px;position:relative;}
.hd-ad b{display:block;font-size:19px;color:#313336;font-weight:700;letter-spacing:.6px;line-height:1.45;}
.hd-ad span{display:block;font-size:14.5px;color:#8b95a1;letter-spacing:.8px;line-height:1.75;}
.hd-tel{margin-left:auto;display:flex;align-items:center;gap:12px;}
.hd-tel .ico{width:46px;height:46px;flex:0 0 auto;border-radius:50%;border:2px solid #2b2b2b;color:#2b2b2b;display:grid;place-items:center;font-size:20px;}
.hd-tel small{display:block;font-size:13px;color:#8f9dae;letter-spacing:1px;line-height:1.3;}
.hd-tel b{display:block;font-size:26px;color:var(--blue);line-height:1.25;font-weight:800;letter-spacing:.5px;white-space:nowrap;}
.hd-qr{display:flex;flex-direction:column;align-items:center;gap:4px;}
.hd-qr .img{width:72px;height:72px;border:1px solid var(--blue-line);background:var(--blue-pale);display:grid;place-items:center;color:var(--blue-l);font-size:11px;text-align:center;line-height:1.35;padding:4px;}
.hd-qr i{font-style:normal;font-size:11.5px;color:var(--gray-l);}

/* ---------- 2. 导航（深藏青通栏 + 纯白文字） ---------- */
.nav{background:#1B3A5C;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(27,58,92,.18);}
.nav ul{display:flex;align-items:stretch;justify-content:center;}
.nav ul li{position:relative;}
.nav ul li > a{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff;font-size:16.5px;line-height:56px;height:56px;padding:0 30px;letter-spacing:.5px;}
.nav ul li > a .hi{font-size:17px;}
.nav ul li:hover > a{background:#16304C;}
.nav ul li.on > a{background:#2A5580;font-weight:700;}
.nav .xl{position:absolute;top:100%;left:0;min-width:100%;background:#fff;border-top:2px solid var(--blue);box-shadow:0 8px 20px rgba(27,58,92,.16);padding:10px 8px;display:none;z-index:30;}
.nav li:hover .xl{display:block;}
.nav .xl a{display:block;text-align:left;font-size:13.5px;color:var(--gray);line-height:2.1;padding:0 10px;border-radius:3px;white-space:nowrap;}
.nav .xl a:hover{background:var(--blue-pale);color:var(--blue);}
.nav-toggle{display:none;color:#fff;font-size:22px;padding:16px 15px;line-height:1;}

/* ---------- 3. Banner 轮播（蓝色通透遮罩 + 左文右景） ---------- */
.banner{position:relative;overflow:hidden;background:#E4EBF3;}
.banner .slides{position:relative;height:33.333vw;max-height:640px;min-height:432px;}
.banner .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.banner .slide.on{opacity:1;}
.banner .slide img{width:100%;height:100%;object-fit:cover;}
.banner .slide .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,249,250,.97) 0%,rgba(248,249,250,.9) 40%,rgba(248,249,250,.72) 58%,rgba(248,249,250,0) 80%);}
.banner .slide .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--w);max-width:100%;padding:0 15px 0 108px;margin-left:clamp(0px,5vw,110px);}
@media (max-width:1300px){.banner .slide .txt{padding-left:56px;}}
.banner .slide .txt h2{font-size:44px;color:var(--blue);line-height:1.14;letter-spacing:1px;font-weight:800;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;}
.banner .slide .txt h2 em{font-style:normal;font-size:66px;font-family:Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:0;line-height:1;}
.banner .slide .txt h2 i{font-style:normal;font-size:30px;font-weight:700;}
.banner .slide .txt h2 span{font-size:20px;font-weight:400;color:#4a5666;letter-spacing:1px;margin:0 6px 0 2px;}
.banner .slide .txt h2 b{font-weight:800;}
/* 首页 H1 与 Banner 主标题同一套样式 */
.banner .slide .txt h1{font-size:52px;color:#1B3A5C;line-height:1.16;letter-spacing:1px;font-weight:700;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;margin:0 0 24px;}
.banner .slide .txt h1 em{font-style:normal;font-size:66px;font-family:Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:0;line-height:1;}
.banner .slide .txt h1 i{font-style:normal;font-size:30px;font-weight:700;}
.banner .slide .txt h1 span{font-size:inherit;font-weight:700;color:#E67E22;letter-spacing:1px;margin:0 0 0 14px;}
.banner .slide .txt h1 b{font-weight:700;color:#1B3A5C;}
.banner .slide .txt p{margin-top:24px;font-size:22px;color:#444444;letter-spacing:1.5px;}
.banner .slide .txt .ofr{
  position:relative;display:inline-block;margin-top:24px;background:#E67E22;
  color:#fff;font-size:17px;padding:14px 36px;letter-spacing:1px;border-radius:4px;
  transition:background .2s;
}
.banner .slide .txt .ofr:hover{background:#CF6F14;}
.banner .slide .txt .ofr::after{display:none;}
.banner .dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:12px;z-index:3;}
.banner .dots i{width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid rgba(27,58,92,.5);cursor:pointer;transition:all .25s;}
.banner .dots i.on{background:var(--orange);border-color:var(--orange);width:30px;border-radius:8px;}
.banner .arw{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:60px;background:rgba(27,58,92,.28);color:#fff;font-size:24px;display:grid;place-items:center;z-index:3;cursor:pointer;}
.banner .arw:hover{background:var(--blue);}
.banner .arw.l{left:0;}
.banner .arw.r{right:0;}

/* ---------- 4. 搜索条（浅蓝底：热门关键词 + 搜索框） ---------- */
.searchrow{background:var(--blue-pale);border-top:1px solid #E6E8EB;border-bottom:1px solid #E6E8EB;}
.searchrow .bz{display:flex;align-items:center;height:74px;gap:14px;}
.searchrow .hot{font-size:14px;color:var(--gray);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.searchrow .hot b{color:#1b1b1b;font-size:16px;font-weight:700;margin-right:4px;}
.searchrow .hot a{padding:3px 13px;border:1px solid var(--blue-line);background:#fff;color:var(--gray);font-size:13.5px;border-radius:2px;}
.searchrow .hot a:hover{border-color:var(--blue);color:var(--blue);}
.searchrow .hot a.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.searchrow form{margin-left:auto;display:flex;height:40px;background:#fff;border:1px solid var(--blue-line);}
.searchrow input{width:268px;border:0;padding:0 14px;background:#fff;}
.searchrow button{width:74px;background:var(--blue);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px;}
.searchrow button:hover{background:var(--blue-d);}

/* ---------- 5. 分类入口（5 列 × 2 行按钮，参考站同款） ---------- */
.cat-ent{background:#fff;padding:56px 0 64px;}
.cat-ent .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 22px;}
.cat-ent .grid a{
  display:grid;place-items:center;height:48px;background:#fff;border:1px solid var(--blue-line);
  color:#333;font-size:15px;letter-spacing:.5px;transition:all .2s;
}
.cat-ent .grid a:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 6px 16px rgba(27,58,92,.12);transform:translateY(-2px);}

/* ---------- 6. 区块标题（深藏青标题条） ---------- */
.sec{padding:var(--sec-gap) 0;}
.sec-soft{background:#FFFFFF;}
/* 板块标题：现代极简版（无底色 / 深灰加粗 32px / 橙色短横线点缀） */
.tt{text-align:center;margin:0 0 18px;padding:0;background:transparent;border-radius:0;color:#333333;}
.tt h2{font-size:32px;color:#333333;font-weight:800;letter-spacing:1px;line-height:1.32;}
.tt h2 em{font-style:normal;color:#333333;}
.tt h2 i{font-style:normal;color:#333333;}
.tt h2::after{content:"";display:block;width:44px;height:4px;background:#E67E22;border-radius:2px;margin:18px auto 0;}
.tt p{color:#8A9299;margin:18px 0 0;font-size:15px;line-height:1.65;}
.tt p b{color:#E67E22;font-weight:600;}
.tt-en{color:#9AA3AD;font-size:13px;letter-spacing:3px;margin-top:16px;}
.tt-ico{display:none;}
@media (max-width:768px){.sec{padding:44px 0;}.tt{padding:0;margin-bottom:34px;}.tt h2{font-size:24px;}.tt h2::after{width:38px;margin-top:14px;}.tt p{font-size:14px;margin-top:14px;}.cat-ent .grid{grid-template-columns:repeat(2,1fr);gap:12px;}.cat-ent .grid a{height:42px;font-size:13.5px;}}

/* ---------- 7. 产品卡（参考站同款：品牌条 / 图+参数 / 实力条 / 蓝色名条） ---------- */
.pcard{background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s;}
.pcard:hover{box-shadow:0 10px 26px rgba(27,58,92,.18);transform:translateY(-3px);border-color:var(--blue-l);}
.pc-brand{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);}
.pc-brand .m{width:22px;height:22px;flex:0 0 auto;border-radius:4px;background:linear-gradient(140deg,#1B3A5C,#16304C);color:#fff;font-size:9px;display:grid;place-items:center;font-weight:800;}
.pc-brand b{font-size:12.5px;color:var(--navy);}
.pc-brand span{font-size:8px;color:var(--gray-l);letter-spacing:.4px;}
.pc-body{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;padding:12px 12px 10px;align-items:center;}
.pc-body .pic img{width:100%;height:142px;object-fit:contain;}
.pc-body .info{display:flex;flex-direction:column;gap:7px;align-items:center;}
.pc-body .pill{align-self:flex-end;font-size:11px;color:var(--blue);border:1px solid var(--blue-l);background:var(--blue-pale);border-radius:999px;padding:1px 9px;line-height:1.6;}
.pc-body h3{font-size:24px;color:var(--blue-deep);font-weight:800;text-align:center;line-height:1.2;letter-spacing:.5px;}
.pc-body h3 small{display:block;font-size:11px;color:var(--gray-l);font-weight:400;letter-spacing:.5px;margin-top:3px;}
.pc-usp{border:1px solid var(--blue-l);border-radius:6px;background:#FBFCFD;padding:7px 9px;display:flex;flex-direction:column;gap:2px;width:100%;}
.pc-usp span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#333;line-height:1.75;}
.pc-usp span::before{content:"✓";color:var(--blue);font-weight:800;font-size:12px;}
.pc-foot{display:flex;align-items:stretch;margin-top:auto;}
.pc-foot .badge{flex:0 0 76px;background:var(--blue-deep);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;text-align:center;}
.pc-foot .badge b{display:block;font-size:15px;line-height:1.25;font-weight:700;}
.pc-foot .badge span{font-size:11.5px;opacity:.92;line-height:1.4;}
.pc-foot .strips{flex:1;display:flex;flex-direction:column;}
.pc-foot .s1{background:var(--blue-pale);text-align:right;padding:3px 8px;}
.pc-foot .s1 b{display:inline-block;background:var(--orange-pale);border:1px solid #F2A45C;color:var(--orange-d);font-size:10.5px;font-weight:400;border-radius:999px;padding:1px 9px;line-height:1.6;}
.pc-foot .s2{flex:1;background:var(--orange);color:#fff;font-size:12px;letter-spacing:.5px;display:grid;place-items:center;padding:4px 2px;text-align:center;}
.pc-name{background:linear-gradient(180deg,#1B3A5C,#1B3A5C);color:#fff;text-align:center;font-size:17px;font-weight:700;letter-spacing:1px;padding:8px 0;}
.pcard-wrap{display:flex;flex-direction:column;}

/* ---------- 8. 热销榜横向滚动 ---------- */
.hot{position:relative;}
.hot-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none;}
.hot-track::-webkit-scrollbar{display:none;}
.hot-track > *{flex:0 0 306px;}
.hot-nav{position:absolute;top:50%;width:40px;height:60px;background:rgba(27,58,92,.22);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;z-index:5;}
.hot-nav:hover{background:var(--blue);}
.hot-nav.l{left:-16px;}
.hot-nav.r{right:-16px;}
@media (max-width:1240px){.hot-nav.l{left:0;}.hot-nav.r{right:0;}}

/* ---------- 9. 产品中心（侧栏 + 内容） ---------- */
.pcenter{display:grid;grid-template-columns:222px 1fr;gap:22px;align-items:start;}
.side{border:1px solid var(--line);background:#fff;}
.side-head{background:linear-gradient(140deg,#1B3A5C,#1B3A5C);color:#fff;padding:16px;text-align:center;}
.side-head h3{font-size:20px;letter-spacing:1px;color:#ffffff;}
.side-head p{font-size:11.5px;opacity:.85;letter-spacing:.5px;}
.side-cat{border-bottom:1px solid var(--line);padding:12px 14px;}
.side-cat:nth-child(even){background:#FBFCFD;}
.side-cat h4{font-size:15.5px;color:var(--navy);margin-bottom:6px;padding-left:12px;position:relative;}
.side-cat h4::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--blue);border-radius:1px;}
.side-cat .its{display:flex;flex-wrap:wrap;gap:4px 12px;padding-left:12px;}
.side-cat .its a{font-size:12.5px;color:var(--gray);}
.side-cat .its a:hover{color:var(--blue);}
.side-promise{background:var(--blue-deep);color:#fff;padding:14px 16px;font-size:12.5px;line-height:1.85;}
.side-promise b{display:block;font-size:14px;margin-bottom:4px;}

.feat{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--bg-soft);padding:22px;border:1px solid var(--line);}
.feat-card{background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;}
.feat-card .pc-body{padding:16px 16px 12px;}
.feat-card .pc-body h3{font-size:28px;}
.feat-card .pc-body .pic img{height:168px;}
.feat-card .pc-usp span{font-size:14px;}
.feat-info h3{font-size:19px;color:var(--blue);padding-bottom:8px;margin-bottom:12px;position:relative;}
.feat-info h3::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;background:var(--orange);}
.feat-info .rows{margin-bottom:22px;}
.feat-info .rows div{font-size:14px;color:var(--gray);line-height:2.1;}
.spec{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;}
.spec th,.spec td{border:1px solid var(--line-2);padding:11px 8px;text-align:center;}
.spec thead th{background:var(--blue);color:#fff;font-weight:600;}
.spec tbody th{background:var(--blue-pale);color:var(--navy);font-weight:600;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;}
@media (max-width:1000px){
  .pcenter{grid-template-columns:1fr;}
  .feat{grid-template-columns:1fr;}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .side-cat .its a{font-size:12px;}
  .hot-track > *{flex:0 0 260px;}
  .pc-body h3{font-size:20px;}
  .pc-body .pic img{height:120px;}
}
@media (max-width:560px){.pgrid{grid-template-columns:1fr;}}

/* ---------- 10. 痛点 ---------- */
.pains-title{font-size:40px;font-size:clamp(23px,3.55vw,42px);line-height:1.32;letter-spacing:.5px;color:#333333;text-align:center;margin-bottom:44px;}
.pains-title i{font-style:normal;color:var(--orange);}
.pains-title .pt-a,.pains-title i{display:inline-block;}
/* 痛点板块：左图 + 右顾虑卡片 */
.pains-wrap{display:grid;grid-template-columns:minmax(0,432px) minmax(0,1fr);gap:44px;align-items:center;max-width:1140px;margin:0 auto;}
.pains-figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#EDF2F7;border:1px solid var(--gr-line);box-shadow:0 14px 32px rgba(27,58,92,.10);}
.pains-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.pains-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;font-size:13px;color:#fff;letter-spacing:.5px;line-height:1.5;background:linear-gradient(transparent,rgba(10,30,52,.78));}
.pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.pain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:16px 18px;border-radius:12px;background:linear-gradient(180deg,#EDF2F7,#FFFFFF 70%,#fff);border:1px solid var(--gr-line);transition:box-shadow .26s ease,border-color .26s ease,background .26s ease;}
.pain:hover{border-color:#CBD6E2;background:linear-gradient(180deg,#EDF2F7,#FFFFFF 70%,#fff);box-shadow:0 12px 26px rgba(27,58,92,.13);}
.pain .ic{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--gr-line);display:grid;place-items:center;font-size:18px;line-height:1;transition:border-color .26s ease,background .26s ease;}
.pain:hover .ic{border-color:#CBD6E2;background:#E6E8EB;}
.pain .pain-b{min-width:0;}
.pain h3,.pain h4{font-size:15.5px;color:var(--navy);margin:0 0 4px;}
.pain p{font-size:13px;color:var(--gray-l);line-height:1.6;margin:0;}
@media (max-width:980px){
  .pains-wrap{grid-template-columns:1fr;gap:26px;}
  .pains-figure{max-width:420px;margin:0 auto;}
  .pains-title{margin-bottom:34px;}
}
@media (max-width:640px){
  .pains-title{margin-bottom:24px;}
  .pain-grid{grid-template-columns:1fr;gap:12px;}
  .pain{padding:14px 15px;}
  .pains-figure{max-width:none;border-radius:12px;}
}

/* ---------- 11. 深色通栏 ---------- */
.green-bar{background:#1B3A5C;color:#FFFFFF;text-align:center;padding:40px 20px;font-size:32px;font-weight:700;line-height:1.5;letter-spacing:2px;}
.green-bar span{color:#E67E22;}
@media (max-width:980px){.green-bar{font-size:26px;padding:32px 18px;letter-spacing:1.5px;}}
@media (max-width:768px){.green-bar{font-size:20px;padding:24px 14px;letter-spacing:.5px;line-height:1.6;}}

/* ---------- 12. 五项特色 ---------- */
.f5{display:grid;grid-template-columns:repeat(5,1fr);}
.f5 div{background:var(--blue);color:#fff;padding:16px 12px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.22);}
.f5 div:first-child{background:var(--orange);}
.f5 div:last-child{border-right:0;}
.f5 .ico{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;font-size:20px;border:1px solid rgba(255,255,255,.5);border-radius:4px;}
.f5 b{display:block;font-size:15.5px;line-height:1.3;}
.f5 span{display:block;font-size:11.5px;opacity:.9;line-height:1.4;}
@media (max-width:1000px){.f5{grid-template-columns:repeat(2,1fr);}.f5 div{background:var(--blue)!important;}.f5 div:first-child{background:var(--orange)!important;}}
@media (max-width:560px){.f5{grid-template-columns:1fr;}}

/* ---------- 13. 优势行 ---------- */
.adv-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:44px 0;border-bottom:1px dashed var(--line-2);}
.adv-row:last-child{border-bottom:0;}
.adv-row.rev .adv-pic{order:2;}
.adv-pic img{width:100%;height:330px;object-fit:cover;}
.adv-txt .adv-no{display:flex;align-items:flex-start;gap:14px;}
.adv-txt .adv-no i{flex:0 0 auto;font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:58px;font-weight:800;line-height:.86;letter-spacing:-2px;color:#E67E22;}
.adv-txt .adv-no h3{flex:1;min-width:0;padding-top:5px;}
.adv-txt h3{font-size:25px;line-height:1.35;color:#1B3A5C;font-weight:800;margin:0;letter-spacing:.5px;}
.adv-txt .adv-en{margin-top:9px;font-size:11px;line-height:1.55;letter-spacing:.8px;color:#9AA3AD;}
.adv-txt .adv-en b{color:#E67E22;font-weight:700;letter-spacing:1.5px;margin-right:6px;}
.adv-txt .adv-line{height:1px;background:#E3E8EF;margin:18px 0 16px;}
.adv-txt ul{margin:0;}
.adv-txt li{position:relative;padding-left:19px;color:#4A4F55;font-size:15.5px;line-height:1.85;margin-bottom:10px;}
.adv-txt li:last-child{margin-bottom:0;}
.adv-txt li::before{content:"◆";position:absolute;left:0;top:1px;color:#E67E22;font-size:9px;}
.adv-txt li b{color:var(--navy);}
@media (max-width:768px){
  .adv-row{grid-template-columns:1fr;gap:18px;padding:26px 0;}
  .adv-row.rev .adv-pic{order:0;}
  .adv-pic img{height:200px;}
  .adv-txt .adv-no{gap:10px;}
  .adv-txt .adv-no i{font-size:44px;letter-spacing:-1px;}
  .adv-txt h3{font-size:19px;}
  .adv-txt .adv-en{font-size:10px;letter-spacing:.4px;}
  .adv-txt li{font-size:14.5px;line-height:1.8;}
}

/* ---------- 14. 走进我们 ---------- */
.about-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:start;}
.about-wrap h3{font-size:22px;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--blue);display:inline-block;}
.about-wrap p{color:#555555;font-size:14.5px;line-height:1.7;margin-bottom:12px;}
.about-pic img{width:100%;height:300px;object-fit:cover;}
.stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;}
.stat4 div{text-align:center;padding:16px 8px;background:#FBFCFD;border:1px solid var(--line);}
.stat4 .ico{color:var(--blue);font-size:22px;}
.stat4 b{display:block;font-size:30px;color:var(--blue);font-weight:800;line-height:1.2;margin-top:6px;}
.stat4 b i{font-style:normal;font-size:14px;color:var(--orange);margin-left:2px;}
.stat4 span{font-size:13px;color:var(--gray);}
@media (max-width:768px){
  .about-wrap{grid-template-columns:1fr;gap:20px;}
  .stat4{grid-template-columns:repeat(2,1fr);}
  .stat4 b{font-size:22px;}
}

/* ---------- 15. 图片墙 ---------- */
.gal{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.gal figure{margin:0;}
.gal img{width:100%;height:190px;object-fit:cover;filter:saturate(.35) brightness(1.02);transition:filter .3s;}
.gal figure:hover img{filter:none;}
.gal figcaption{text-align:center;font-size:13px;color:var(--gray);padding:8px 0 0;}
@media (max-width:900px){.gal{grid-template-columns:repeat(2,1fr);}.gal img{height:130px;}}

/* ---------- 16. 资质 tab ---------- */
.tabs-btns{display:flex;justify-content:center;gap:10px;margin-bottom:24px;}
.tabs-btns button{padding:10px 30px;border:1px solid var(--line-2);background:#fff;color:var(--gray);font-size:15px;}
.tabs-btns button.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;}
.cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:940px;margin:0 auto;}
.cert{display:block;background:#fff;border:1px solid var(--line);padding:14px 14px 16px;text-align:center;text-decoration:none;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.cert figure{margin:0 0 12px;aspect-ratio:4/3;overflow:hidden;background:#FCFCFC;border:1px solid var(--line);}
.cert figure img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease;}
.cert:hover{border-color:var(--blue-l);box-shadow:0 12px 28px rgba(27,58,92,.10);transform:translateY(-3px);}
.cert:hover figure img{transform:scale(1.02);}
.cert .ico{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:22px;}
.cert b{display:block;font-size:15.5px;color:var(--navy);}
.cert span{display:block;font-size:12.5px;color:var(--gray-l);margin-top:3px;}
@media (max-width:900px){.cert-grid{grid-template-columns:1fr;gap:18px;max-width:520px;}}

/* ---------- 17. 合作伙伴 ---------- */
.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 40px;}
.partners div{height:78px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;color:var(--gray-l);font-size:15px;font-weight:600;letter-spacing:.5px;}
.partners div:hover{border-color:var(--blue);color:var(--blue);}
@media (max-width:768px){.partners{grid-template-columns:repeat(2,1fr);gap:12px;}.partners div{height:60px;font-size:13px;}}

/* ---------- 18. 故事 / 新闻 ---------- */
.story-feat{display:grid;grid-template-columns:330px 1fr;gap:26px;background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:30px;}
.story-feat img{width:100%;height:180px;object-fit:cover;}
.story-feat h3{font-size:19px;color:var(--navy);margin-bottom:10px;}
.story-feat p{color:#555555;font-size:13.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.story-feat .date{color:var(--gray-l);font-size:12.5px;margin-top:14px;}
.news2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.news-col{background:#fff;border:1px solid var(--line);padding:18px 20px;}
.news-col .hd2{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px;}
.news-col .hd2 h3{font-size:19px;color:var(--navy);}
.news-col .hd2 a{font-size:12.5px;color:var(--gray-l);letter-spacing:1px;}
.news-col .hd2 a:hover{color:var(--blue);}
.news-col ul li{border-bottom:1px dashed var(--line-2);}
.news-col ul li:last-child{border-bottom:0;}
.news-col ul li a{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--gray);line-height:2.6;}
.news-col ul li a::before{content:"·";color:var(--blue);margin-right:6px;}
.news-col ul li a:hover{color:var(--blue);}
.news-col ul li a span{color:var(--gray-l);font-size:12.5px;flex:0 0 auto;}
@media (max-width:768px){
  .story-feat{grid-template-columns:1fr;}
  .news2{grid-template-columns:1fr;}
}

/* 内页新闻列表 */
.news-page{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start;}
.nlist{background:#fff;border:1px solid var(--line);}
.nlist-row{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px dashed var(--line-2);}
.nlist-row:hover{background:#FBFCFD;}
.nlist-row .d{text-align:center;border-right:1px solid var(--line);}
.nlist-row .d b{display:block;font-size:24px;color:var(--blue);line-height:1.1;font-weight:800;}
.nlist-row .d span{font-size:12px;color:var(--gray-l);}
.nlist-row h3{font-size:16.5px;color:var(--navy);margin-bottom:5px;}
.nlist-row p{font-size:13.5px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nsec-title{font-size:20px;color:var(--navy);border-left:4px solid var(--blue);padding-left:12px;margin:0 0 16px;scroll-margin-top:120px;}
.side-box{background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:18px;}
.side-box h3{font-size:16.5px;color:var(--navy);border-bottom:2px solid var(--blue-pale);padding-bottom:10px;margin-bottom:10px;}
.side-box li{border-bottom:1px dashed var(--line-2);}
.side-box li:last-child{border-bottom:0;}
.side-box li a{display:block;font-size:13.5px;color:var(--gray);line-height:2.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-box li a:hover{color:var(--blue);}
.side-cta{background:#1B3A5C;color:#fff;padding:22px 18px;text-align:center;border-radius:4px;}
.side-cta h3{font-size:17px;border:0;padding:0;margin-bottom:6px;color:#fff;}
.side-cta p{font-size:12.5px;color:rgba(255,255,255,.72);margin-bottom:14px;line-height:1.6;}
.side-cta .btn{display:block;background:#E67E22;color:#fff;padding:10px 0;font-weight:700;font-size:14.5px;border-radius:4px;}
.side-cta .btn:hover{background:#CF6F14;}
@media (max-width:900px){.news-page{grid-template-columns:1fr;}}

/* FAQ */
.faq{max-width:900px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--line);margin-bottom:10px;}
.faq-q{width:100%;text-align:left;padding:16px 20px;font-size:15.5px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:14px;align-items:center;}
.faq-q .icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:14px;transition:transform .25s;}
.faq-item.open .faq-q .icon{transform:rotate(45deg);background:var(--blue);color:#fff;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s;}
.faq-a p{padding:0 20px 18px;color:var(--gray);font-size:14px;}

/* ---------- 19. 内页 Banner ---------- */
.pg-banner{position:relative;height:280px;overflow:hidden;background:#1B3A5C;}
.pg-banner img{width:100%;height:100%;object-fit:cover;}
.pg-banner .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,58,92,.92),rgba(27,58,92,.55) 62%,rgba(27,58,92,.25));}
.pg-banner .bz{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;}
.pg-banner h1{font-size:34px;letter-spacing:2px;color:#ffffff;}
.pg-banner p{margin-top:8px;font-size:15px;opacity:.92;}
.pg-banner .crumbs{margin-top:12px;font-size:13px;opacity:.85;}
.pg-banner .crumbs span{margin:0 8px;opacity:.6;}
@media (max-width:768px){.pg-banner{height:212px;}.pg-banner h1{font-size:22px;}}

/* ---------- 20. 产品页筛选 ---------- */
.filter-bar{background:#fff;border:1px solid var(--line);padding:14px 18px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.filter-bar .lab{color:var(--gray-l);font-size:13.5px;}
.chip{padding:6px 16px;border:1px solid var(--line-2);background:#fff;color:var(--gray);font-size:13.5px;}
.chip:hover{border-color:var(--blue);color:var(--blue);}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.filter-bar .sbox{margin-left:auto;display:flex;height:34px;}
.filter-bar .sbox input{width:200px;border:1px solid var(--line-2);border-right:0;padding:0 12px;}
.filter-bar .sbox button{width:48px;background:var(--blue);color:#fff;}
.p-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);padding:12px 15px;font-size:14.5px;color:var(--ink);transition:all .2s;}
.p-item:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 12px rgba(27,58,92,.12);}
.p-item .enm{display:block;font-size:11px;color:var(--gray-l);letter-spacing:.3px;font-weight:400;}
.p-item .arrow{color:var(--blue);font-size:12px;opacity:0;transition:opacity .2s;}
.p-item:hover .arrow{opacity:1;}
.p-item.hide{display:none;}
.cat-block{margin-bottom:38px;scroll-margin-top:120px;}
.cat-block h2{font-size:20px;color:var(--navy);border-left:4px solid var(--blue);padding-left:12px;margin-bottom:6px;}
.cat-block h2 small{font-size:11.5px;color:var(--gray-l);letter-spacing:1.5px;font-weight:400;margin-left:8px;}
.cat-block .tip{color:var(--gray-l);font-size:13px;margin:0 0 16px 16px;}
.chips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.empty-tip{display:none;text-align:center;padding:34px;color:var(--gray);background:#fff;border:1px dashed var(--line-2);margin-bottom:24px;}
@media (max-width:900px){.chips-grid{grid-template-columns:repeat(2,1fr);}.filter-bar .sbox{margin-left:0;width:100%;}.filter-bar .sbox input{width:100%;}}
@media (max-width:560px){.chips-grid{grid-template-columns:1fr;}}

/* ---------- 21. 联系页 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;}
.info-item{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:15px 18px;margin-bottom:12px;}
.info-item .ico{width:50px;height:50px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:20px;}
.info-item .lab{font-size:12.5px;color:var(--gray-l);}
.info-item .val{font-size:16.5px;color:var(--navy);font-weight:600;word-break:break-all;}
.form{background:#fff;border:1px solid var(--line);padding:24px;}
.form h3{font-size:19px;color:var(--navy);}
.form .sub{font-size:12.5px;color:var(--gray-l);margin:6px 0 18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:13px;color:var(--gray);margin-bottom:6px;}
.field label i{color:#e5484d;font-style:normal;}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-2);padding:10px 13px;background:#fff;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(27,58,92,.12);}
.field textarea{min-height:104px;resize:vertical;}
.form .btn{width:100%;background:#E67E22;color:#fff;border:0;padding:13px 0;font-size:16px;font-weight:600;border-radius:4px;}
.form .btn:hover{background:#CF6F14;}
.form-note{font-size:12px;color:var(--gray-l);text-align:center;margin-top:10px;}
.map-ph{height:260px;border:1px dashed var(--blue-l);background:repeating-linear-gradient(45deg,#FBFCFD,#FBFCFD 12px,#EDF1F5 12px,#EDF1F5 24px);display:grid;place-items:center;color:var(--blue);text-align:center;padding:20px;margin-top:16px;}
.qr-box{display:flex;gap:20px;justify-content:center;margin-top:10px;flex-wrap:wrap;}
.qr{text-align:center;}
.qr .img{width:120px;height:120px;border:1px dashed var(--blue-l);background:#FBFCFD;display:grid;place-items:center;color:var(--blue);font-size:12px;padding:8px;text-align:center;}
.qr span{display:block;font-size:12.5px;color:var(--gray);margin-top:6px;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}

/* ---------- 22. 页脚（深藏青） ---------- */
.ft{background:#1B3A5C;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.6;}
.ft-nav{background:#17304C;border-bottom:1px solid rgba(255,255,255,.12);}
.ft-nav ul{display:flex;flex-wrap:wrap;}
.ft-nav ul li a{display:block;padding:14px 26px 14px 0;color:rgba(255,255,255,.88);font-size:14px;}
.ft-nav ul li a:hover{color:#F2A45C;}
.ft-main{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:30px;padding:38px 0 30px;}
.ft-main .lg strong{display:block;font-size:22px;color:#fff;font-weight:800;}
.ft-main .lg span{display:block;font-size:11.5px;letter-spacing:1.5px;color:rgba(255,255,255,.48);margin-top:4px;}
.ft-main .lg p{margin-top:14px;line-height:1.7;color:rgba(255,255,255,.66);font-size:13px;}
.ft-item{margin-bottom:14px;}
.ft-item b{display:block;color:#fff;font-size:13px;margin-bottom:2px;}
.ft-item span{color:rgba(255,255,255,.7);}
.ft-item .big{font-size:19px;color:#F2A45C;font-weight:700;}
.ft-qr{display:flex;gap:16px;}
.ft-qr .img{width:104px;height:104px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:11.5px;text-align:center;padding:6px;}
.ft-qr span{display:block;text-align:center;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;}
.ft-bottom .bz{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:12.5px;}
.ft-links{border-top:1px solid rgba(255,255,255,.12);padding:12px 0;color:rgba(255,255,255,.5);font-size:12.5px;}
.ft-links a{margin-right:16px;color:rgba(255,255,255,.62);}
.ft-links a:hover{color:#F2A45C;}
@media (max-width:900px){
  .ft-main{grid-template-columns:1fr 1fr;gap:20px;padding:26px 0 18px;}
  .ft-nav ul li a{padding:12px 18px 12px 0;font-size:13px;}
  .ft-bottom .bz{flex-direction:column;}
}

/* ---------- 23. 右侧客服悬浮条 / 移动端悬浮条 / 回顶 ---------- */
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:110;display:flex;flex-direction:column;gap:1px;}
.rail .tab{width:52px;padding:14px 8px;background:var(--blue);color:#fff;font-size:13px;line-height:1.25;text-align:center;letter-spacing:1px;writing-mode:vertical-rl;display:grid;place-items:center;cursor:pointer;}
.rail a.tab:hover{background:var(--blue-d);}
.rail .tab.o{background:var(--orange);writing-mode:horizontal-tb;font-size:12px;line-height:1.3;padding:12px 6px;}
.rail .tab .hi{font-size:19px;writing-mode:horizontal-tb;display:block;margin-bottom:4px;}
@media (max-width:900px){.rail{display:none;}}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.06);}
.mbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;font-size:12px;color:var(--gray);}
.mbar a b{font-size:16px;line-height:1;}
.mbar a:nth-child(2){background:#E67E22;color:#fff;}
.mbar a:nth-child(3){background:#1B3A5C;color:#fff;}
#toTop{position:fixed;right:16px;bottom:76px;z-index:110;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;}
#toTop.on{opacity:1;visibility:visible;transform:none;}
@media (max-width:900px){
  .mbar{display:flex;}
  body{padding-bottom:58px;}
  .hd .bz{height:auto;padding:12px 15px;flex-wrap:wrap;gap:10px;}
  .hd-ad{display:none;}
  .logo{gap:10px;}
  .logo .mark{height:42px;width:auto;font-size:15px;}
  .logo .mark.has-img img{height:42px;}
  .logo .txt strong{font-size:19px;letter-spacing:.5px;}
  .logo .txt em{font-size:11px;padding:2px 8px;margin-top:3px;letter-spacing:.5px;}
  .hd-tel{flex:0 0 100%;justify-content:flex-end;margin-left:0;gap:8px;min-width:0;}
  .hd-tel .ico{width:34px;height:34px;border-width:1.5px;}
  .hd-tel .ico svg{width:17px;height:17px;}
  .hd-tel small{font-size:11px;letter-spacing:0;}
  .hd-tel b{font-size:17px;letter-spacing:0;}
  .nav ul{display:none;flex-direction:column;}
  .nav ul.open{display:flex;}
  .nav ul li > a{justify-content:flex-start;line-height:2.6;padding:0 15px;font-size:15px;}
  .nav .xl{position:static;display:block;border:0;box-shadow:none;background:rgba(255,255,255,.94);padding:6px 15px 12px;}
  .nav-toggle{display:block;}
  .banner .slides{height:268px;}
  .banner .slide .mask{background:linear-gradient(180deg,rgba(248,249,250,.95) 0%,rgba(248,249,250,.86) 60%,rgba(248,249,250,.6) 100%);}
  .banner .slide .txt{position:absolute;left:0;right:0;top:14px;bottom:auto;transform:none;width:auto;padding:0 15px;}
  .banner .slide .txt h2{font-size:26px;}
  .banner .slide .txt h2 em{font-size:38px;}
  .banner .slide .txt h2 i{font-size:19px;}
  .banner .slide .txt h2 span{font-size:15px;}
  .banner .slide .txt h1{font-size:26px;}
  .banner .slide .txt h1 em{font-size:38px;}
  .banner .slide .txt h1 i{font-size:19px;}
  .banner .slide .txt h1 span{font-size:15px;}
  .banner .slide .txt p{font-size:14px;margin-top:8px;}
  .banner .slide .txt .ofr{font-size:13.5px;padding:6px 26px 6px 14px;}
  .banner .arw{display:none;}
  .searchrow .bz{height:auto;padding:12px 15px;flex-wrap:wrap;gap:10px;}
  .searchrow .hot{font-size:13px;}
  .searchrow .hot a:nth-child(n+5){display:none;}
  .searchrow form{margin-left:0;width:100%;}
  .searchrow input{width:100%;}
}

/* ---------- 产品页：参考站同款模板卡网格 + 分页 ---------- */
.pcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pcard-grid .pcard{height:100%;}
.pcard-grid .pc-body{grid-template-columns:1.02fr 1fr;padding:14px 14px 12px;}
.pcard-grid .pc-body .pic img{height:168px;}
.pcard-grid .pc-body h3{font-size:26px;}
.pcard-grid .pc-name{font-size:18px;padding:9px 0;}
.pcard.hide{display:none;}
/* ---------- 海报卡：整卡只放主图（二甲苯） ---------- */
.pcard-grid .pcard--poster{align-self:start;height:auto;}
.pcard-grid .pcard--poster .pc-body{display:block;padding:0;}
.pcard-grid .pcard--poster .pc-body .pic img{display:block;width:100%;height:auto;}
.pcard-grid .pcard--poster .pc-name{background:#fff;color:var(--blue-deep);border-top:1px solid var(--blue-line);}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:34px 0 30px;}
.pager button{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--blue-line);background:#fff;color:var(--blue);
  font-size:13.5px;cursor:pointer;border-radius:4px;font-family:inherit;transition:.2s;}
.pager button:hover:not(.cur):not(:disabled){background:var(--blue-pale);}
.pager button.cur{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700;}
.pager button:disabled{color:#c3ccd8;border-color:#e6ebf2;cursor:default;}
.pager button.pg-info{border:0;background:none;color:var(--gray-l);font-size:13px;padding:0 10px;min-width:auto;cursor:default;}
@media (max-width:1100px){.pcard-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){
  .pcard-grid{grid-template-columns:1fr;gap:14px;}
  .pcard-grid .pc-body .pic img{height:150px;}
  .pager button{min-width:32px;height:32px;font-size:12.5px;padding:0 8px;}
  .pager button.pg-info{width:100%;text-align:center;padding:0 0 6px;}
}

/* ---------- 产品页：左侧分类树 + 右侧网格（参考站 /cpzx/ 同款版式） ---------- */
.products-layout{display:flex;gap:24px;align-items:flex-start;}
.pro-side{position:sticky;top:14px;flex:0 0 260px;align-self:flex-start;background:#fff;border:1px solid var(--gr-line);border-radius:6px;box-shadow:0 6px 18px rgba(27,58,92,.07);overflow:hidden;}
.pro-main{flex:1 1 auto;min-width:0;}
.side-tit{margin:0;padding:17px 18px 15px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;font-size:19px;font-weight:800;line-height:1.2;letter-spacing:.5px;}
.side-tit small{display:block;margin-top:5px;font-size:11px;letter-spacing:1.6px;font-weight:400;font-style:italic;opacity:.92;}
.cat-tree{list-style:none;margin:0;padding:0;max-height:none;overflow-y:visible;}
.cat-tree > li{border-bottom:1px solid var(--gr-line);}
.cat-tree > li:last-child{border-bottom:0;}
.cat-tree > li > .l1{display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:15px;font-weight:600;color:#333333;cursor:pointer;transition:.18s;}
.cat-tree > li > .l1::before{content:"";flex:0 0 19px;width:19px;height:19px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A5C' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.5h6'/><path d='M10 2.5v6L5.1 17.4A2 2 0 0 0 6.9 20.5h10.2a2 2 0 0 0 1.8-3.1L14 8.5v-6'/><path d='M7.3 15h9.4'/></svg>") center/contain no-repeat;}
.cat-tree > li > .l1 .chev{margin-left:auto;flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid #9FAFBF;border-bottom:1.6px solid #9FAFBF;transform:rotate(45deg);transition:transform .22s;margin-top:-3px;}
.cat-tree > li.collapsed > .l1 .chev{transform:rotate(-45deg);margin-top:0;}
.cat-tree > li.collapsed > .sub{display:none;}
.cat-tree > li > .l1:hover{background:var(--gr-soft);color:var(--gr-d);}
.cat-tree > li > .l1.on{background:var(--gr-soft);color:var(--gr-d);font-weight:800;box-shadow:inset 3px 0 0 var(--gr);}
.cat-tree .l1 em{font-style:normal;font-size:11.5px;font-weight:400;color:#8A8A8A;background:#EDF2F7;padding:2px 8px;border-radius:10px;line-height:1;}
.cat-tree > li > .l1.on em,.cat-tree > li > .l1:hover em{background:var(--gr);color:#fff;}
.cat-tree .sub{list-style:none;margin:0;padding:2px 0 9px;background:#FBFCFD;}
.cat-tree .sub li{position:relative;}
.cat-tree .l2{display:block;padding:7px 16px 7px 44px;font-size:13.5px;color:#666F7A;line-height:1.45;cursor:pointer;transition:.15s;}
.cat-tree .l2::before{content:"-";position:absolute;left:25px;top:7px;color:#9FAFBF;font-weight:400;}
.cat-tree .l2:hover{color:var(--gr-d);}
.cat-tree .l2.on{color:var(--gr-d);font-weight:700;}
.side-search{padding:13px 16px;border-top:1px solid var(--gr-line);background:#fff;}
.side-search{display:flex;gap:6px;}
.side-search input{flex:1;padding:9px 10px;border:1px solid #CBD4DE;border-radius:4px;font-size:13px;font-family:inherit;background:#fff;outline:none;transition:.15s;}
.side-search input:focus{border-color:var(--gr);box-shadow:0 0 0 2px rgba(27,58,92,.12);}
.side-search button{padding:0 14px;background:#E67E22;color:#fff;border:0;border-radius:4px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600;}
.side-search button:hover{background:#CF6F14;}
.side-hot{padding:12px 16px;border-top:1px solid var(--gr-line);font-size:13px;}
.side-hot .lab{color:var(--gray-l);margin-bottom:6px;font-size:12px;}
.side-hot a{display:inline-block;margin:3px 6px 3px 0;padding:4px 10px;background:var(--gr-soft);color:var(--gr-d);border-radius:12px;font-size:12.5px;transition:.15s;}
.side-hot a:hover{background:var(--gr);color:#fff;}
.side-contact{margin:12px 14px 14px;padding:14px 14px 12px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;border-radius:6px;}
.side-contact .sc-top{display:flex;align-items:center;gap:11px;}
.side-contact .sc-txt{flex:1 1 auto;min-width:0;}
.side-contact .sc-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M6.6 3.2h3.1l1.5 3.9-2.1 1.5a11.3 11.3 0 0 0 5.4 5.4l1.5-2.1 3.9 1.5v3.1c0 1-.9 1.9-1.9 1.8C10.5 18.6 5.4 13.5 4.8 5.1c0-1 .8-1.9 1.8-1.9z'/></svg>") center/19px 19px no-repeat;}
.side-contact .lab{font-size:12px;letter-spacing:.5px;opacity:.95;line-height:1.25;}
.side-contact .tel{font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.3;white-space:nowrap;}
.side-contact .btn{display:block;margin-top:11px;padding:8px 0;background:#E67E22;border:1px solid #E67E22;color:#fff;font-size:13px;font-weight:600;border-radius:4px;text-align:center;transition:.15s;}
.side-contact .btn:hover{background:#CF6F14;border-color:#CF6F14;color:#fff;}

@media (max-width:980px){
  .products-layout{flex-direction:column;gap:16px;}
  .pro-side{flex:0 0 auto;position:relative;top:0;width:100%;}
  .cat-tree{max-height:none;}
}
@media (max-width:640px){
  .side-tit{padding:14px;font-size:16px;}
  .cat-tree > li > .l1{padding:9px 14px;font-size:14px;}
  .cat-tree .l2{padding:6px 14px 6px 30px;font-size:13px;}
  .side-contact .tel{font-size:19px;}
}
/* ---------- 首页「产品中心」综合板块（参考 zhengxinhuagong.cn 左侧表格分类树 + 右上大卡轮播 + 右下 3×3 网格） ---------- */
.pc-home-sec{background:#F8F9FA;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sec-gap) 0;}
.pc-home-sec .tt{text-align:center;margin-bottom:32px;}
.pc-home-sec .tt.tt-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px 24px;text-align:left;padding:24px 30px;}
.pc-home-sec .tt.tt-row .tt-left{flex:0 0 auto;font-size:34px;font-weight:700;margin:0;display:inline-flex;align-items:baseline;gap:18px;color:#fff;}
.pc-home-sec .tt.tt-row .tt-left .tt-en2{font-size:18px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:3px;}
.pc-home-sec .tt.tt-row .tt-ps{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:0;}
.pc-home-sec .tt h2{font-size:34px;font-weight:700;margin:0 0 14px;display:inline-flex;align-items:baseline;gap:18px;color:#fff;}
.pc-home-sec .tt h2 .tt-en2{font-size:18px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:3px;}
.pc-home-sec .tt-ps{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;}
.pc-home-sec .ps-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:1px solid var(--blue-line);border-radius:24px;font-size:14px;color:var(--navy);font-weight:600;box-shadow:0 3px 10px rgba(27,58,92,.05);}
.pc-home-sec .ps-chip .ps-ico{width:18px;height:18px;border-radius:50%;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;}
.pc-home-sec .ps-chip .ps-ico1{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M19.5 9.5h-1.84l-1.94-2.7L12 4.5 8.28 6.8 6.34 9.5H4.5L2 11v9.5h20V11l-2.5-1.5zM12 6.5l2.46 1.5H9.54L12 6.5zM4 19V11.7l1.5-.9V19h3v-9h7v9h3v-8.2l1.5.9V19H4z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico2{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico3{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm0-4h-2V7h2v8z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico4{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/></svg>");}

.pc-home-row{display:flex;gap:24px;align-items:flex-start;}

/* ---------- 左侧分类树（参考站同款表格式） ---------- */
.pc-home-side{flex:0 0 280px;align-self:stretch;background:#fff;border:1px solid var(--gr-line);border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(27,58,92,.07);display:flex;flex-direction:column;}
.pc-home-tit{padding:17px 18px 15px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;}
.pc-home-tit{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:.5px;}
.pc-home-tit small{display:block;margin-top:5px;font-size:11px;letter-spacing:1.6px;font-weight:400;font-style:italic;opacity:.92;}
.pc-cat-tree{flex:1 1 auto;padding:0;}
.pc-cat-group{padding:0;border-bottom:1px solid var(--gr-line);}
.pc-cat-group:last-child{border-bottom:0;}
.pc-cat-l1{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#333333;margin:0;padding:13px 16px;cursor:pointer;position:relative;transition:.18s;}
.pc-cat-l1::before{content:"";flex:0 0 19px;width:19px;height:19px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A5C' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.5h6'/><path d='M10 2.5v6L5.1 17.4A2 2 0 0 0 6.9 20.5h10.2a2 2 0 0 0 1.8-3.1L14 8.5v-6'/><path d='M7.3 15h9.4'/></svg>") center/contain no-repeat;}
.pc-cat-l1::after{content:"";margin-left:auto;flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid #9FAFBF;border-bottom:1.6px solid #9FAFBF;transform:rotate(45deg);transition:transform .22s;margin-top:-3px;}
.pc-cat-group.collapsed .pc-cat-l1::after{transform:rotate(-45deg);margin-top:0;}
.pc-cat-l1:hover{background:var(--gr-soft);color:var(--gr-d);}
.pc-cat-group.collapsed .pc-cat-l2{display:none;}
.pc-cat-l2{font-size:13.5px;line-height:1.5;color:#666F7A;padding:2px 16px 9px;background:#FBFCFD;}
.pc-cat-l2 a{color:#666F7A;text-decoration:none;transition:.15s;display:block;padding:7px 0 7px 28px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pc-cat-l2 a:hover{color:var(--gr-d);font-weight:700;text-decoration:none;}
.pc-cat-l2 a::before{content:"-";position:absolute;left:9px;top:7px;color:#9FAFBF;font-weight:400;}

/* ---------- 承诺 + 热线块 ---------- */
.pc-home-promise{background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;padding:16px 16px 17px;text-align:center;}
.pc-home-promise .pr-row{font-size:12.5px;line-height:1.7;text-align:left;margin-bottom:10px;color:#EDF2F7;}
.pc-home-promise .pr-row b{font-size:13.5px;color:#fff;margin-right:2px;}
.pc-home-promise .pr-tel{display:flex;align-items:center;justify-content:center;gap:11px;margin:2px 0 14px;text-align:left;}
.pc-home-promise .pr-ico{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--gr);display:flex;align-items:center;justify-content:center;}
.pc-home-promise .pr-ico svg{display:block;}
.pc-home-promise .pr-txt small{display:block;font-size:13px;font-weight:600;letter-spacing:1px;opacity:.92;margin-bottom:2px;}
.pc-home-promise .pr-txt b{display:block;font-size:20px;font-weight:700;letter-spacing:.4px;line-height:1.1;}
.pc-home-promise .pr-btn{display:block;padding:11px 0;background:#E67E22;border:1px solid #E67E22;color:#fff;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.15s;text-decoration:none;}
.pc-home-promise .pr-btn:hover{background:#CF6F14;border-color:#CF6F14;color:#fff;text-decoration:none;}

/* ---------- 右侧主区 ---------- */
.pc-home-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:18px;}

/* ---------- 右上大卡轮播 ---------- */
.pc-stage{position:relative;background:#fff;border:1px solid var(--blue-line);border-radius:8px;overflow:hidden;box-shadow:0 8px 22px rgba(27,58,92,.07);}
.pc-stage-view{position:relative;display:flex;}
.pc-stage-card{display:none;flex:1;background:#fff;text-decoration:none;color:inherit;}
.pc-stage-card.on{display:flex;animation:pscFade .35s ease;}
@keyframes pscFade{from{opacity:0;}to{opacity:1;}}
.psc-img{flex:0 0 42%;background:linear-gradient(135deg,#EDF2F7,#E4EBF3);position:relative;overflow:hidden;min-height:300px;}
.psc-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;}
.psc-info{flex:1;padding:22px 26px 24px;display:flex;flex-direction:column;gap:8px;}
.psc-tit{margin-top:6px;font-size:14px;font-weight:700;color:var(--blue);letter-spacing:1px;}
.psc-tit:first-child{margin-top:0;}
.psc-feat{list-style:none;margin:0 0 6px;padding:0;font-size:13px;color:#555555;line-height:1.6;}
.psc-feat li{position:relative;padding-left:14px;}
.psc-feat li::before{content:"■";position:absolute;left:0;color:var(--blue);font-size:9px;top:7px;}
.psc-data{display:grid;grid-template-columns:repeat(4,1fr);background:#F7F9FB;border:1px solid var(--blue-line);border-radius:4px;margin:8px 0;}
.psc-data > div{padding:10px 8px;text-align:center;border-right:1px solid var(--blue-line);}
.psc-data > div:last-child{border-right:0;}
.psc-data span{display:block;font-size:11.5px;color:var(--gray-l);margin-bottom:4px;letter-spacing:.5px;}
.psc-data b{display:block;font-size:14.5px;color:var(--navy);font-weight:700;}
.psc-name{margin-top:auto;padding-top:8px;font-size:18px;font-weight:700;color:var(--navy);letter-spacing:.5px;}
.psc-name em{display:block;font-size:11px;font-weight:400;color:var(--gray);letter-spacing:2px;margin-top:2px;font-style:normal;}
.pc-stage-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid var(--blue-line);color:var(--blue);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:.15s;box-shadow:0 2px 8px rgba(27,58,92,.1);z-index:2;}
.pc-stage-nav:hover{background:var(--blue);color:#fff;}
.pc-stage-prev{left:8px;}
.pc-stage-next{right:8px;}
.pc-stage-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2;}
.pc-stage-dots span{width:8px;height:8px;border-radius:50%;background:rgba(27,58,92,.25);cursor:pointer;transition:.15s;}
.pc-stage-dots span.on{background:var(--blue);width:22px;border-radius:4px;}

/* ---------- 右下 3×3 产品网格 ---------- */
.pc-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pmini{display:flex;flex-direction:column;background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;text-align:center;text-decoration:none;color:inherit;transition:.2s;}
.pmini:hover{border-color:var(--blue);box-shadow:0 8px 18px rgba(27,58,92,.1);transform:translateY(-3px);}
.pmini-img{flex:none;position:relative;background:#fff;padding:0;min-height:0;overflow:hidden;}
.pmini-img::before{content:"";display:block;padding-top:100%;}
.pmini-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;}
.pmini-name{display:block;padding:10px 6px;background:#fff;border-top:1px solid var(--blue-line);font-size:14px;font-weight:700;color:var(--navy);line-height:1.3;}
.pmini-name small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--gray-l);letter-spacing:.5px;}

@media (max-width:980px){
  .pc-home-row{flex-direction:column;gap:18px;}
  .pc-home-side{flex:0 0 auto;width:100%;}
  .pc-home-promise{padding:18px 20px;}
  .pc-home-promise .pr-btn{max-width:360px;margin:0 auto;}
  .pc-cat-l1{padding:12px 14px;font-size:14.5px;}
  .pc-cat-l2{padding:2px 14px 8px;}
  .pc-cat-l2 a{font-size:12.5px;}
  .pc-stage-card{flex-direction:column;}
  .psc-img{flex:0 0 auto;height:280px;min-height:0;}
  .psc-img img{object-fit:contain;}
  .psc-data{grid-template-columns:repeat(2,1fr);}
  .pc-mini{grid-template-columns:repeat(2,1fr);}
  .pc-home-sec .tt h2{font-size:26px;}
  .pc-home-sec .tt h2 .tt-en2{font-size:14px;}
}
@media (max-width:640px){
  .pc-home-sec{padding:32px 0;}
  .pc-home-sec .tt h2{font-size:22px;flex-direction:column;gap:4px;}
  .pc-home-sec .tt-ps{gap:8px;}
  .pc-home-sec .ps-chip{font-size:12px;padding:6px 12px;}
  .psc-info{padding:16px;}
  .psc-data b{font-size:13px;}
  .psc-name{font-size:15px;}
  .pc-stage-nav{width:30px;height:30px;font-size:18px;}
  .pc-mini{grid-template-columns:1fr 1fr;gap:10px;}
}

/* ---------- 首页「热销榜」板块（参考 zhengxinhuagong.cn 政欣化工热销榜同款横向 6 卡） ---------- */
/* 首页「热销榜」板块（参考 zhengxinhuagong.cn 同款版式） */
.top-sell-sec{background:#FFFFFF;padding:var(--sec-gap) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.top-sell-sec .ts-tt{text-align:center;margin-bottom:18px;background:transparent;padding:0;border-radius:0;}
.top-sell-sec .ts-tt h2{margin:0 0 6px;font-size:30px;line-height:1.3;}
.top-sell-sec .ts-tt h2 b{font-weight:800;color:#000000;letter-spacing:1px;vertical-align:middle;font-size:36px;}
.top-sell-sec .ts-tt h2 samp{font-weight:800;color:#E67E22;background:none;padding:0;border-radius:0;margin-left:14px;letter-spacing:2px;display:inline-block;vertical-align:middle;font-size:inherit;}
.top-sell-sec .ts-tt .ts-en{font-size:16px;font-weight:400;color:#9AA3AD;letter-spacing:3px;margin-top:10px;}

/* 横向滚动容器（无缝循环） */
.ts-marq{overflow:hidden;width:100%;margin:32px 0 24px;}
.ts-track{display:flex;width:max-content;animation:tsScroll 36s linear infinite;}
.ts-marq:hover .ts-track{animation-play-state:paused;}
.ts-list{display:flex;list-style:none;margin:0;padding:0;gap:18px;}
.ts-list li{flex:0 0 auto;}
.ts-list a{display:block;width:240px;text-decoration:none;color:inherit;transition:transform .25s ease;}
.ts-list a:hover{transform:translateY(-4px);}
.ts-img{width:240px;height:240px;background:linear-gradient(135deg,#fff 0%,#EDF2F7 100%);border:1px solid #E6E8EB;border-radius:6px;display:block;position:relative;overflow:hidden;}
.ts-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.ts-list a:hover .ts-img img{transform:scale(1.06);}
.ts-w{text-align:center;font-size:16px;font-weight:600;color:#333;margin-top:10px;letter-spacing:1px;}

/* 关键帧（无缝循环） */
@keyframes tsScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* 响应式 */
@media(max-width:980px){
  .top-sell-sec .ts-tt h2{font-size:24px;}
  .top-sell-sec .ts-tt h2 b{font-size:28px;}
  .top-sell-sec .ts-tt h2 samp{padding:0;font-size:inherit;margin-left:10px;}
  .top-sell-sec .ts-tt .ts-en{font-size:15px;letter-spacing:2px;}
  .ts-list a{width:200px;}
  .ts-img{width:200px;height:200px;}
  .ts-w{font-size:14px;}
}
@media(max-width:640px){
  .top-sell-sec{padding:32px 0 24px;}
  .top-sell-sec .ts-tt h2{font-size:20px;}
  .top-sell-sec .ts-tt h2 b{font-size:24px;}
  .top-sell-sec .ts-tt h2 samp{padding:0;font-size:inherit;margin-left:8px;}
  .top-sell-sec .ts-tt .ts-en{font-size:13px;letter-spacing:2px;}
  .ts-list{gap:12px;}
  .ts-list a{width:160px;}
  .ts-img{width:160px;height:160px;}
  .ts-w{font-size:13px;margin-top:8px;}
}

@media (max-width:1100px){
  .top-sell-track{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .top-sell-track{grid-template-columns:repeat(2,1fr);gap:10px;}
  .top-sell-sec{padding:32px 0;}
  .top-sell-sec .tt h2{font-size:22px;flex-direction:column;gap:4px;}
  .top-sell-sec .tt h2 .tt-en2{margin-left:0;}
}

/* =============================================================
   产品详情页（PDP）— 供 product-*.html 使用
   类名统一 .pdp- 前缀，不影响站内其他页面
   ============================================================= */
.pdp-crumb{background:var(--blue-pale);border-bottom:1px solid var(--blue-line);font-size:13px;color:var(--gray);}
.pdp-crumb .bz{display:flex;align-items:center;gap:8px;min-height:46px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;}
.pdp-crumb a{color:var(--gray);}
.pdp-crumb a:hover{color:var(--blue);}
.pdp-crumb .sep{color:#B0B8C1;}
.pdp-crumb .cur{color:var(--blue);font-weight:600;}

.pdp-hero{padding:30px 0 6px;}
.pdp-hero .bz{display:grid;grid-template-columns:420px 1fr;gap:36px;align-items:start;}
.pdp-pic{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(27,58,92,.06);}
.pdp-pic img{width:100%;display:block;}
.pdp-pic .tag{position:absolute;right:0;top:0;background:var(--orange);color:#fff;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:0 0 0 8px;letter-spacing:.5px;}
.pdp-title h1{font-size:30px;color:#1B3A5C;letter-spacing:.5px;line-height:1.25;}
.pdp-title h1 small{display:block;font-size:14px;font-weight:600;color:var(--gray-l);letter-spacing:1px;margin-top:6px;}
.pdp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.pdp-tags span{font-size:12.5px;color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-line);border-radius:20px;padding:3px 12px;}
.pdp-lead{margin:16px 0 0;color:#555555;font-size:14.5px;line-height:1.7;}
.pdp-glance{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 0;}
.pdp-glance div{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:11px 14px;}
.pdp-glance b{display:block;font-size:12px;color:var(--gray-l);font-weight:600;letter-spacing:.5px;}
.pdp-glance em{display:block;font-style:normal;font-size:15px;color:var(--navy);font-weight:700;margin-top:3px;}
.pdp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;}
.pdp-cta a{display:inline-flex;align-items:center;gap:7px;padding:13px 30px;border-radius:4px;font-size:15.5px;font-weight:700;background:#E67E22;color:#fff;transition:background .2s;}
.pdp-cta .b-tel{background:#E67E22;color:#fff;}
.pdp-cta .b-tel:hover{background:#CF6F14;}
.pdp-cta .b-inq{background:#E67E22;color:#fff;}
.pdp-cta .b-inq:hover{background:#CF6F14;}

.pdp-sec{padding:44px 0 0;}
.pdp-sec .pdp-in{border-top:1px solid var(--line);padding-top:30px;}
.pdp-h2{font-size:22px;color:var(--navy);letter-spacing:.5px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pdp-h2::before{content:"";width:5px;height:22px;background:var(--blue);border-radius:2px;flex:0 0 auto;}
.pdp-h2 small{font-size:12.5px;font-weight:600;color:var(--gray-l);letter-spacing:1px;}
.pdp-text{margin:16px 0 0;color:#555555;font-size:15px;line-height:1.7;}
.pdp-text p+p{margin-top:12px;}

.pdp-spec{margin:18px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.pdp-spec table{width:100%;border-collapse:collapse;font-size:14.5px;}
.pdp-spec th,.pdp-spec td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.pdp-spec tr:last-child th,.pdp-spec tr:last-child td{border-bottom:0;}
.pdp-spec th{width:180px;background:var(--bg-soft);color:var(--navy);font-weight:600;white-space:nowrap;}
.pdp-spec td{color:#555555;}
.pdp-note{margin:12px 0 0;font-size:12.5px;color:var(--gray-l);line-height:1.8;}

.pdp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 0;align-items:stretch;}

/* —— 卡片：淡色底 + 圆角 + 悬停抬升 —— */
.pdp-card{
  position:relative;overflow:hidden;
  border:1px solid var(--gr-line);border-radius:12px;padding:20px 22px;
  background:linear-gradient(180deg,#EDF2F7 0,#FBFCFD 48%,#fff 100%);
  box-shadow:0 1px 2px rgba(27,58,92,.04);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.pdp-card::after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--gr),var(--gr-l));opacity:0;transition:opacity .28s ease;}
.pdp-card:hover{transform:translateY(-4px);border-color:#CBD6E2;box-shadow:0 14px 28px rgba(27,58,92,.13);background:linear-gradient(180deg,#EDF2F7 0,#FBFCFD 54%,#fff 100%);}
.pdp-card:hover::after{opacity:1;}
.pdp-card h3{font-size:15.5px;color:var(--navy);margin:0 0 10px;display:flex;align-items:center;gap:6px;}
.pdp-card h3 .hi{font-size:16px;line-height:1;flex:0 0 auto;}

/* —— 列表：每条前一个分类小图标 —— */
.pdp-list li{position:relative;padding-left:26px;color:#555555;font-size:14.5px;line-height:1.7;}
.pdp-list li::before{content:"\2713";position:absolute;left:1px;top:.46em;width:16px;height:16px;border-radius:50%;background:var(--blue-l);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700;font-family:Arial,Helvetica,sans-serif;}
.pdp-list--ico li::before{display:none;}
.pdp-list--ico .ic{position:absolute;left:0;top:0;width:20px;font-size:14.5px;line-height:inherit;text-align:center;font-style:normal;filter:saturate(1.05);}
.pdp-list li>span:not(.ic){color:var(--gray-l);margin-left:6px;}
.pdp-list small{color:var(--gray-l);}

/* —— 板块主图（每板块仅一张 1:1 实拍图，与文字并列；图只佐证，不替代文字） —— */
.pdp-feat{display:grid;grid-template-columns:480px minmax(0,1fr);gap:32px;margin:22px 0 0;align-items:center;}
.pdp-figure{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#EDF2F7;border:1px solid var(--gr-line);box-shadow:0 14px 30px rgba(27,58,92,.10);}
.pdp-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.pdp-figure:hover img{transform:scale(1.045);}
.pdp-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 15px;color:#fff;line-height:1.45;background:linear-gradient(transparent,rgba(8,26,46,.86));}
.pdp-figure figcaption b{display:block;font-weight:600;font-size:14px;letter-spacing:.4px;}
.pdp-figure figcaption i{display:block;font-style:normal;font-size:12px;opacity:.85;margin-top:3px;}
.pdp-feat-body{display:grid;gap:16px;align-content:center;}
.pdp-feat--rev{grid-template-columns:minmax(0,1fr) 480px;}
.pdp-feat--rev .pdp-figure{order:2;}

@media (max-width:980px){
  .pdp-feat,.pdp-feat--rev{grid-template-columns:1fr;gap:20px;align-items:start;}
  .pdp-feat--rev .pdp-figure{order:0;}
  .pdp-figure{width:100%;max-width:420px;margin:0 auto;}
}
@media (max-width:640px){
  .pdp-feat-body{gap:13px;}
  .pdp-figure{border-radius:12px;}
  .pdp-figure figcaption{padding:32px 14px 12px;}
  .pdp-figure figcaption b{font-size:13px;}
  .pdp-figure figcaption i{font-size:11px;}
}

.pdp-faq{margin:18px 0 0;border-top:1px solid var(--line);}
.pdp-faq details{border-bottom:1px solid var(--line);}
.pdp-faq summary{cursor:pointer;list-style:none;padding:16px 40px 16px 0;position:relative;font-size:15.5px;font-weight:600;color:var(--navy);}
.pdp-faq summary::-webkit-details-marker{display:none;}
.pdp-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--blue-l);transition:transform .2s;}
.pdp-faq details[open] summary::after{content:"−";}
.pdp-faq .ans{padding:0 40px 18px 0;color:#555555;font-size:14.5px;line-height:1.7;}

.pdp-ask{margin:44px 0 0;background:#1B3A5C;border-radius:4px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:#fff;}
.pdp-ask .t{flex:1 1 320px;}
.pdp-ask h2{font-size:22px;color:#fff;}
.pdp-ask p{margin:8px 0 0;font-size:14px;color:rgba(255,255,255,.72);line-height:1.6;}
.pdp-ask .a{display:flex;flex-wrap:wrap;gap:12px;}
.pdp-ask .a a{padding:13px 30px;border-radius:4px;font-size:15.5px;font-weight:700;background:#E67E22;color:#fff;transition:background .2s;}
.pdp-ask .a a:hover{background:#CF6F14;}
.pdp-ask .a .w{background:#E67E22;color:#fff;}
.pdp-ask .a .o{background:#E67E22;color:#fff;}

@media (max-width:1100px){
  .pdp-hero .bz{grid-template-columns:1fr;gap:26px;}
  .pdp-pic{max-width:460px;}
}
@media (max-width:640px){
  .pdp-title h1{font-size:23px;}
  .pdp-cols{grid-template-columns:1fr;}
  .pdp-glance{grid-template-columns:1fr;}
  .pdp-spec th{width:120px;}
  .pdp-ask{padding:24px 20px;}
}

/* —— 图片点击放大（灯箱）：证书 / 资质等扫描件 —— */
.cert{position:relative;}
.cert figure{position:relative;}
.cert figure::before{content:"点击放大";position:absolute;right:10px;bottom:10px;z-index:3;transform:translateY(4px);padding:6px 14px;border-radius:999px;background:rgba(27,58,92,.82);color:#fff;font-size:12.5px;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;}
.cert:hover figure::before{opacity:1;transform:translateY(0);}
.cert:hover figure{background:#EDF2F7;}
/* 触摸设备没有 hover，「点击放大」胶囊常驻，提示可点击 */
@media (hover:none){
  .cert figure::before{opacity:1;transform:none;}
}

/* —— 资质证号文字说明（GEO：证号必须文本化，AI 读不到图片里的字）—— */
.cert-meta{max-width:860px;margin:22px auto 0;font-size:13px;line-height:1.85;color:#6B7A8C;text-align:center;}
@media (max-width:640px){
  .cert-meta{font-size:12.5px;text-align:left;}
}

.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:44px 24px;background:rgba(7,18,33,.93);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease;}
.lightbox.on{opacity:1;visibility:visible;}
.lb-fig{margin:0;max-width:min(1040px,94vw);transform:scale(.94);transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.lightbox.on .lb-fig{transform:scale(1);}
.lb-fig img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 26px 64px rgba(0,0,0,.52);}
.lb-fig figcaption{margin-top:14px;text-align:center;color:#e9f1ff;font-size:14px;letter-spacing:.5px;}
.lb-close{position:absolute;top:20px;right:24px;z-index:3;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.lb-close:hover{background:rgba(255,255,255,.36);transform:rotate(90deg);}
@media (max-width:640px){
  .lightbox{padding:26px 14px;}
  .lb-close{top:10px;right:10px;width:42px;height:42px;font-size:24px;}
  .lb-fig img{max-height:74vh;}
  .cert figure::before{display:none;}
}

/* —— 首页「优势」板块标题放大（.tt--lg） —— */
.tt--lg h2{font-size:54px;letter-spacing:4px;}
.tt--lg h2 i{font-size:1.12em;margin-right:3px;}
.tt--lg p{font-size:22px;margin-top:14px;letter-spacing:.5px;}
.tt--lg .tt-ico{margin-top:22px;font-size:24px;gap:14px;}
.tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:112px;}
@media (max-width:980px){
  .tt--lg h2{font-size:42px;letter-spacing:3px;}
  .tt--lg p{font-size:19px;}
  .tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:88px;}
}
@media (max-width:768px){
  .tt--lg h2{font-size:32px;letter-spacing:1.5px;}
  .tt--lg p{font-size:16.5px;margin-top:10px;}
  .tt--lg .tt-ico{margin-top:16px;font-size:19px;}
  .tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:60px;}
}
@media (max-width:480px){
  .tt--lg h2{font-size:27px;}
}

/* =============================================================
   XX化工科技 · 企业官网
   版式与配色对齐参考站（名达化工）：主蓝 #1B3A5C，深蓝 #1B3A5C，
   点缀橙 #E67E22，浅蓝底 #EDF2F7
   全部颜色集中在下方变量，改主色只需改 --blue / --orange
   ============================================================= */
:root{
  /* ==== 2026-10-27 视觉规范改版 ====
     主色调：深藏青 #1B3A5C（导航 / 页脚 / 板块标题背景）
     行动按钮：工业橙 #E67E22
     页面底色：#F8F9FA   正文 #555   标题 #333   圆角 4px
     ================================= */
  --blue:#1B3A5C;          /* 主色：导航 / 标题背景 / 链接 */
  --blue-d:#16304C;        /* 深一档：hover */
  --blue-l:#3C5F85;        /* 浅一档：图标 / 装饰 */
  --blue-deep:#1B3A5C;     /* 深色块 */
  --blue-pale:#EDF2F7;     /* 浅底 */
  --blue-line:#DBE3EC;     /* 描边 */
  --navy:#1B3A5C;          /* 标题 */
  --orange:#E67E22;        /* 行动橙 */
  --orange-d:#CF6F14;      /* 橙 hover */
  --orange-pale:#FCEFDF;
  --ink:#555555;           /* 正文 */
  --gray:#555555;
  --gray-l:#8A8A8A;
  --line:#E6E8EB;
  --line-2:#DBE3EC;
  --bg:#F8F9FA;
  --bg-soft:#F8F9FA;
  --ft:#1B3A5C;
  --w:1200px;
  --radius:4px;            /* 按钮 / 卡片统一圆角 */
  --sec-gap:80px;          /* 桌面端板块上下间距 */
  /* 侧栏主色：跟主色同步（变量名 --gr* 沿用，勿望文生义） */
  --gr:#1B3A5C;
  --gr-d:#16304C;
  --gr-l:#3C5F85;
  --gr-soft:#EDF2F7;
  --gr-line:#DBE3EC;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:#F8F9FA;color:#555555;
  font:14px/1.6 "PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto;border:0;}
a{color:inherit;text-decoration:none;transition:color .2s;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.4;color:#333333;}
p{margin:0;}
button{font:inherit;cursor:pointer;border:0;background:none;}
input,select,textarea{font:inherit;outline:none;}
.bz{max-width:var(--w);margin:0 auto;padding:0 15px;}
.bz1{max-width:var(--w);margin:0 auto;padding:0 15px;}
.clear{clear:both;}
.center{text-align:center;}
/* 进场动画：一次性淡入（不依赖滚动，保证内容始终可见） */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
.reveal{animation:fadeUp .7s ease both;}
.reveal:nth-child(2){animation-delay:.08s;}
.reveal:nth-child(3){animation-delay:.16s;}
.reveal:nth-child(4){animation-delay:.24s;}
@media (prefers-reduced-motion:reduce){.reveal{animation:none;}}

/* 占位标记 */
.tag-ph{display:inline-block;margin-left:6px;padding:0 6px;border-radius:3px;font-size:11px;font-weight:600;color:#a35b00;background:#fff3e0;border:1px dashed #ffb74d;vertical-align:middle;line-height:1.7;}
.draft-bar{background:#EDF2F7;border-bottom:1px solid #DBE3EC;color:#1B3A5C;font-size:12.5px;}
.draft-bar .bz{display:flex;align-items:center;gap:6px;padding:7px 15px;}
.draft-bar .close{margin-left:auto;font-size:16px;line-height:1;opacity:.6;cursor:pointer;}
.btns-more{text-align:center;margin-top:34px;}

/* ---------- 1. 顶部头部（白底：Logo+蓝标牌 / 标语 / 热线 / 二维码） ---------- */
.hd{background:#fff;border-bottom:1px solid var(--line);}
.hd .bz{display:flex;align-items:center;height:104px;gap:26px;}
.logo{display:flex;align-items:center;gap:16px;flex:0 0 auto;}
.logo .mark{
  width:auto;height:78px;flex:0 0 auto;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:19px;letter-spacing:.5px;
  background:linear-gradient(140deg,#1B3A5C 0%,#16304C 100%);
  border-radius:14px 14px 14px 3px;
}
.logo .mark.has-img{background:none;border-radius:0;}
.logo .mark.has-img img{height:78px;width:auto;display:block;}
.logo .txt strong{display:block;font-size:32px;color:#2b2d30;letter-spacing:1.5px;line-height:1.16;font-weight:800;}
.logo .txt em{display:inline-block;font-style:normal;font-size:13.5px;color:#fff;background:var(--blue);padding:3px 15px;letter-spacing:1.2px;margin:6px 0 0;border-radius:2px;}
.logo .txt small{display:none;}
.hd-ad{margin-left:22px;position:relative;}
.hd-ad b{display:block;font-size:19px;color:#313336;font-weight:700;letter-spacing:.6px;line-height:1.45;}
.hd-ad span{display:block;font-size:14.5px;color:#8b95a1;letter-spacing:.8px;line-height:1.75;}
.hd-tel{margin-left:auto;display:flex;align-items:center;gap:12px;}
.hd-tel .ico{width:46px;height:46px;flex:0 0 auto;border-radius:50%;border:2px solid #2b2b2b;color:#2b2b2b;display:grid;place-items:center;font-size:20px;}
.hd-tel small{display:block;font-size:13px;color:#8f9dae;letter-spacing:1px;line-height:1.3;}
.hd-tel b{display:block;font-size:26px;color:var(--blue);line-height:1.25;font-weight:800;letter-spacing:.5px;white-space:nowrap;}
.hd-qr{display:flex;flex-direction:column;align-items:center;gap:4px;}
.hd-qr .img{width:72px;height:72px;border:1px solid var(--blue-line);background:var(--blue-pale);display:grid;place-items:center;color:var(--blue-l);font-size:11px;text-align:center;line-height:1.35;padding:4px;}
.hd-qr i{font-style:normal;font-size:11.5px;color:var(--gray-l);}

/* ---------- 2. 导航（深藏青通栏 + 纯白文字） ---------- */
.nav{background:#1B3A5C;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(27,58,92,.18);}
.nav ul{display:flex;align-items:stretch;justify-content:center;}
.nav ul li{position:relative;}
.nav ul li > a{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff;font-size:16.5px;line-height:56px;height:56px;padding:0 30px;letter-spacing:.5px;}
.nav ul li > a .hi{font-size:17px;}
.nav ul li:hover > a{background:#16304C;}
.nav ul li.on > a{background:#2A5580;font-weight:700;}
.nav .xl{position:absolute;top:100%;left:0;min-width:100%;background:#fff;border-top:2px solid var(--blue);box-shadow:0 8px 20px rgba(27,58,92,.16);padding:10px 8px;display:none;z-index:30;}
.nav li:hover .xl{display:block;}
.nav .xl a{display:block;text-align:left;font-size:13.5px;color:var(--gray);line-height:2.1;padding:0 10px;border-radius:3px;white-space:nowrap;}
.nav .xl a:hover{background:var(--blue-pale);color:var(--blue);}
.nav-toggle{display:none;color:#fff;font-size:22px;padding:16px 15px;line-height:1;}

/* ---------- 3. Banner 轮播（蓝色通透遮罩 + 左文右景） ---------- */
.banner{position:relative;overflow:hidden;background:#E4EBF3;}
.banner .slides{position:relative;height:33.333vw;max-height:640px;min-height:432px;}
.banner .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.banner .slide.on{opacity:1;}
.banner .slide img{width:100%;height:100%;object-fit:cover;}
.banner .slide .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,249,250,.97) 0%,rgba(248,249,250,.9) 40%,rgba(248,249,250,.72) 58%,rgba(248,249,250,0) 80%);}
.banner .slide .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--w);max-width:100%;padding:0 15px 0 108px;margin-left:clamp(0px,5vw,110px);}
@media (max-width:1300px){.banner .slide .txt{padding-left:56px;}}
.banner .slide .txt h2{font-size:44px;color:var(--blue);line-height:1.14;letter-spacing:1px;font-weight:800;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;}
.banner .slide .txt h2 em{font-style:normal;font-size:66px;font-family:Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:0;line-height:1;}
.banner .slide .txt h2 i{font-style:normal;font-size:30px;font-weight:700;}
.banner .slide .txt h2 span{font-size:20px;font-weight:400;color:#4a5666;letter-spacing:1px;margin:0 6px 0 2px;}
.banner .slide .txt h2 b{font-weight:800;}
/* 首页 H1 与 Banner 主标题同一套样式 */
.banner .slide .txt h1{font-size:52px;color:#1B3A5C;line-height:1.16;letter-spacing:1px;font-weight:700;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;margin:0 0 24px;}
.banner .slide .txt h1 em{font-style:normal;font-size:66px;font-family:Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:0;line-height:1;}
.banner .slide .txt h1 i{font-style:normal;font-size:30px;font-weight:700;}
.banner .slide .txt h1 span{font-size:inherit;font-weight:700;color:#E67E22;letter-spacing:1px;margin:0 0 0 14px;}
.banner .slide .txt h1 b{font-weight:700;color:#1B3A5C;}
.banner .slide .txt p{margin-top:24px;font-size:22px;color:#444444;letter-spacing:1.5px;}
.banner .slide .txt .ofr{
  position:relative;display:inline-block;margin-top:24px;background:#E67E22;
  color:#fff;font-size:17px;padding:14px 36px;letter-spacing:1px;border-radius:4px;
  transition:background .2s;
}
.banner .slide .txt .ofr:hover{background:#CF6F14;}
.banner .slide .txt .ofr::after{display:none;}
.banner .dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:12px;z-index:3;}
.banner .dots i{width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid rgba(27,58,92,.5);cursor:pointer;transition:all .25s;}
.banner .dots i.on{background:var(--orange);border-color:var(--orange);width:30px;border-radius:8px;}
.banner .arw{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:60px;background:rgba(27,58,92,.28);color:#fff;font-size:24px;display:grid;place-items:center;z-index:3;cursor:pointer;}
.banner .arw:hover{background:var(--blue);}
.banner .arw.l{left:0;}
.banner .arw.r{right:0;}

/* ---------- 4. 搜索条（浅蓝底：热门关键词 + 搜索框） ---------- */
.searchrow{background:var(--blue-pale);border-top:1px solid #E6E8EB;border-bottom:1px solid #E6E8EB;}
.searchrow .bz{display:flex;align-items:center;height:74px;gap:14px;}
.searchrow .hot{font-size:14px;color:var(--gray);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.searchrow .hot b{color:#1b1b1b;font-size:16px;font-weight:700;margin-right:4px;}
.searchrow .hot a{padding:3px 13px;border:1px solid var(--blue-line);background:#fff;color:var(--gray);font-size:13.5px;border-radius:2px;}
.searchrow .hot a:hover{border-color:var(--blue);color:var(--blue);}
.searchrow .hot a.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.searchrow form{margin-left:auto;display:flex;height:40px;background:#fff;border:1px solid var(--blue-line);}
.searchrow input{width:268px;border:0;padding:0 14px;background:#fff;}
.searchrow button{width:74px;background:var(--blue);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px;}
.searchrow button:hover{background:var(--blue-d);}

/* ---------- 5. 分类入口（5 列 × 2 行按钮，参考站同款） ---------- */
.cat-ent{background:#fff;padding:56px 0 64px;}
.cat-ent .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 22px;}
.cat-ent .grid a{
  display:grid;place-items:center;height:48px;background:#fff;border:1px solid var(--blue-line);
  color:#333;font-size:15px;letter-spacing:.5px;transition:all .2s;
}
.cat-ent .grid a:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 6px 16px rgba(27,58,92,.12);transform:translateY(-2px);}

/* ---------- 6. 区块标题（深藏青标题条） ---------- */
.sec{padding:var(--sec-gap) 0;}
.sec-soft{background:#FFFFFF;}
/* 板块标题：现代极简版（无底色 / 深灰加粗 32px / 橙色短横线点缀） */
.tt{text-align:center;margin:0 0 18px;padding:0;background:transparent;border-radius:0;color:#333333;}
.tt h2{font-size:32px;color:#333333;font-weight:800;letter-spacing:1px;line-height:1.32;}
.tt h2 em{font-style:normal;color:#333333;}
.tt h2 i{font-style:normal;color:#333333;}
.tt h2::after{content:"";display:block;width:44px;height:4px;background:#E67E22;border-radius:2px;margin:18px auto 0;}
.tt p{color:#8A9299;margin:18px 0 0;font-size:15px;line-height:1.65;}
.tt p b{color:#E67E22;font-weight:600;}
.tt-en{color:#9AA3AD;font-size:13px;letter-spacing:3px;margin-top:16px;}
.tt-ico{display:none;}
@media (max-width:768px){.sec{padding:44px 0;}.tt{padding:0;margin-bottom:34px;}.tt h2{font-size:24px;}.tt h2::after{width:38px;margin-top:14px;}.tt p{font-size:14px;margin-top:14px;}.cat-ent .grid{grid-template-columns:repeat(2,1fr);gap:12px;}.cat-ent .grid a{height:42px;font-size:13.5px;}}

/* ---------- 7. 产品卡（参考站同款：品牌条 / 图+参数 / 实力条 / 蓝色名条） ---------- */
.pcard{background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s;}
.pcard:hover{box-shadow:0 10px 26px rgba(27,58,92,.18);transform:translateY(-3px);border-color:var(--blue-l);}
.pc-brand{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);}
.pc-brand .m{width:22px;height:22px;flex:0 0 auto;border-radius:4px;background:linear-gradient(140deg,#1B3A5C,#16304C);color:#fff;font-size:9px;display:grid;place-items:center;font-weight:800;}
.pc-brand b{font-size:12.5px;color:var(--navy);}
.pc-brand span{font-size:8px;color:var(--gray-l);letter-spacing:.4px;}
.pc-body{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;padding:12px 12px 10px;align-items:center;}
.pc-body .pic img{width:100%;height:142px;object-fit:contain;}
.pc-body .info{display:flex;flex-direction:column;gap:7px;align-items:center;}
.pc-body .pill{align-self:flex-end;font-size:11px;color:var(--blue);border:1px solid var(--blue-l);background:var(--blue-pale);border-radius:999px;padding:1px 9px;line-height:1.6;}
.pc-body h3{font-size:24px;color:var(--blue-deep);font-weight:800;text-align:center;line-height:1.2;letter-spacing:.5px;}
.pc-body h3 small{display:block;font-size:11px;color:var(--gray-l);font-weight:400;letter-spacing:.5px;margin-top:3px;}
.pc-usp{border:1px solid var(--blue-l);border-radius:6px;background:#FBFCFD;padding:7px 9px;display:flex;flex-direction:column;gap:2px;width:100%;}
.pc-usp span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#333;line-height:1.75;}
.pc-usp span::before{content:"✓";color:var(--blue);font-weight:800;font-size:12px;}
.pc-foot{display:flex;align-items:stretch;margin-top:auto;}
.pc-foot .badge{flex:0 0 76px;background:var(--blue-deep);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;text-align:center;}
.pc-foot .badge b{display:block;font-size:15px;line-height:1.25;font-weight:700;}
.pc-foot .badge span{font-size:11.5px;opacity:.92;line-height:1.4;}
.pc-foot .strips{flex:1;display:flex;flex-direction:column;}
.pc-foot .s1{background:var(--blue-pale);text-align:right;padding:3px 8px;}
.pc-foot .s1 b{display:inline-block;background:var(--orange-pale);border:1px solid #F2A45C;color:var(--orange-d);font-size:10.5px;font-weight:400;border-radius:999px;padding:1px 9px;line-height:1.6;}
.pc-foot .s2{flex:1;background:var(--orange);color:#fff;font-size:12px;letter-spacing:.5px;display:grid;place-items:center;padding:4px 2px;text-align:center;}
.pc-name{background:linear-gradient(180deg,#1B3A5C,#1B3A5C);color:#fff;text-align:center;font-size:17px;font-weight:700;letter-spacing:1px;padding:8px 0;}
.pcard-wrap{display:flex;flex-direction:column;}

/* ---------- 8. 热销榜横向滚动 ---------- */
.hot{position:relative;}
.hot-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none;}
.hot-track::-webkit-scrollbar{display:none;}
.hot-track > *{flex:0 0 306px;}
.hot-nav{position:absolute;top:50%;width:40px;height:60px;background:rgba(27,58,92,.22);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;z-index:5;}
.hot-nav:hover{background:var(--blue);}
.hot-nav.l{left:-16px;}
.hot-nav.r{right:-16px;}
@media (max-width:1240px){.hot-nav.l{left:0;}.hot-nav.r{right:0;}}

/* ---------- 9. 产品中心（侧栏 + 内容） ---------- */
.pcenter{display:grid;grid-template-columns:222px 1fr;gap:22px;align-items:start;}
.side{border:1px solid var(--line);background:#fff;}
.side-head{background:linear-gradient(140deg,#1B3A5C,#1B3A5C);color:#fff;padding:16px;text-align:center;}
.side-head h3{font-size:20px;letter-spacing:1px;color:#ffffff;}
.side-head p{font-size:11.5px;opacity:.85;letter-spacing:.5px;}
.side-cat{border-bottom:1px solid var(--line);padding:12px 14px;}
.side-cat:nth-child(even){background:#FBFCFD;}
.side-cat h4{font-size:15.5px;color:var(--navy);margin-bottom:6px;padding-left:12px;position:relative;}
.side-cat h4::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--blue);border-radius:1px;}
.side-cat .its{display:flex;flex-wrap:wrap;gap:4px 12px;padding-left:12px;}
.side-cat .its a{font-size:12.5px;color:var(--gray);}
.side-cat .its a:hover{color:var(--blue);}
.side-promise{background:var(--blue-deep);color:#fff;padding:14px 16px;font-size:12.5px;line-height:1.85;}
.side-promise b{display:block;font-size:14px;margin-bottom:4px;}

.feat{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--bg-soft);padding:22px;border:1px solid var(--line);}
.feat-card{background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;}
.feat-card .pc-body{padding:16px 16px 12px;}
.feat-card .pc-body h3{font-size:28px;}
.feat-card .pc-body .pic img{height:168px;}
.feat-card .pc-usp span{font-size:14px;}
.feat-info h3{font-size:19px;color:var(--blue);padding-bottom:8px;margin-bottom:12px;position:relative;}
.feat-info h3::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;background:var(--orange);}
.feat-info .rows{margin-bottom:22px;}
.feat-info .rows div{font-size:14px;color:var(--gray);line-height:2.1;}
.spec{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;}
.spec th,.spec td{border:1px solid var(--line-2);padding:11px 8px;text-align:center;}
.spec thead th{background:var(--blue);color:#fff;font-weight:600;}
.spec tbody th{background:var(--blue-pale);color:var(--navy);font-weight:600;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;}
@media (max-width:1000px){
  .pcenter{grid-template-columns:1fr;}
  .feat{grid-template-columns:1fr;}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .side-cat .its a{font-size:12px;}
  .hot-track > *{flex:0 0 260px;}
  .pc-body h3{font-size:20px;}
  .pc-body .pic img{height:120px;}
}
@media (max-width:560px){.pgrid{grid-template-columns:1fr;}}

/* ---------- 10. 痛点 ---------- */
.pains-title{font-size:40px;font-size:clamp(23px,3.55vw,42px);line-height:1.32;letter-spacing:.5px;color:#333333;text-align:center;margin-bottom:44px;}
.pains-title i{font-style:normal;color:var(--orange);}
.pains-title .pt-a,.pains-title i{display:inline-block;}
/* 痛点板块：左图 + 右顾虑卡片 */
.pains-wrap{display:grid;grid-template-columns:minmax(0,432px) minmax(0,1fr);gap:44px;align-items:center;max-width:1140px;margin:0 auto;}
.pains-figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#EDF2F7;border:1px solid var(--gr-line);box-shadow:0 14px 32px rgba(27,58,92,.10);}
.pains-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.pains-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;font-size:13px;color:#fff;letter-spacing:.5px;line-height:1.5;background:linear-gradient(transparent,rgba(10,30,52,.78));}
.pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.pain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:16px 18px;border-radius:12px;background:linear-gradient(180deg,#EDF2F7,#FFFFFF 70%,#fff);border:1px solid var(--gr-line);transition:box-shadow .26s ease,border-color .26s ease,background .26s ease;}
.pain:hover{border-color:#CBD6E2;background:linear-gradient(180deg,#EDF2F7,#FFFFFF 70%,#fff);box-shadow:0 12px 26px rgba(27,58,92,.13);}
.pain .ic{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--gr-line);display:grid;place-items:center;font-size:18px;line-height:1;transition:border-color .26s ease,background .26s ease;}
.pain:hover .ic{border-color:#CBD6E2;background:#E6E8EB;}
.pain .pain-b{min-width:0;}
.pain h3,.pain h4{font-size:15.5px;color:var(--navy);margin:0 0 4px;}
.pain p{font-size:13px;color:var(--gray-l);line-height:1.6;margin:0;}
@media (max-width:980px){
  .pains-wrap{grid-template-columns:1fr;gap:26px;}
  .pains-figure{max-width:420px;margin:0 auto;}
  .pains-title{margin-bottom:34px;}
}
@media (max-width:640px){
  .pains-title{margin-bottom:24px;}
  .pain-grid{grid-template-columns:1fr;gap:12px;}
  .pain{padding:14px 15px;}
  .pains-figure{max-width:none;border-radius:12px;}
}

/* ---------- 11. 深色通栏 ---------- */
.green-bar{background:#1B3A5C;color:#FFFFFF;text-align:center;padding:40px 20px;font-size:32px;font-weight:700;line-height:1.5;letter-spacing:2px;}
.green-bar span{color:#E67E22;}
@media (max-width:980px){.green-bar{font-size:26px;padding:32px 18px;letter-spacing:1.5px;}}
@media (max-width:768px){.green-bar{font-size:20px;padding:24px 14px;letter-spacing:.5px;line-height:1.6;}}

/* ---------- 12. 五项特色 ---------- */
.f5{display:grid;grid-template-columns:repeat(5,1fr);}
.f5 div{background:var(--blue);color:#fff;padding:16px 12px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.22);}
.f5 div:first-child{background:var(--orange);}
.f5 div:last-child{border-right:0;}
.f5 .ico{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;font-size:20px;border:1px solid rgba(255,255,255,.5);border-radius:4px;}
.f5 b{display:block;font-size:15.5px;line-height:1.3;}
.f5 span{display:block;font-size:11.5px;opacity:.9;line-height:1.4;}
@media (max-width:1000px){.f5{grid-template-columns:repeat(2,1fr);}.f5 div{background:var(--blue)!important;}.f5 div:first-child{background:var(--orange)!important;}}
@media (max-width:560px){.f5{grid-template-columns:1fr;}}

/* ---------- 13. 优势行 ---------- */
.adv-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:44px 0;border-bottom:1px dashed var(--line-2);}
.adv-row:last-child{border-bottom:0;}
.adv-row.rev .adv-pic{order:2;}
.adv-pic img{width:100%;height:330px;object-fit:cover;}
.adv-txt .adv-no{display:flex;align-items:flex-start;gap:14px;}
.adv-txt .adv-no i{flex:0 0 auto;font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:58px;font-weight:800;line-height:.86;letter-spacing:-2px;color:#E67E22;}
.adv-txt .adv-no h3{flex:1;min-width:0;padding-top:5px;}
.adv-txt h3{font-size:25px;line-height:1.35;color:#1B3A5C;font-weight:800;margin:0;letter-spacing:.5px;}
.adv-txt .adv-en{margin-top:9px;font-size:11px;line-height:1.55;letter-spacing:.8px;color:#9AA3AD;}
.adv-txt .adv-en b{color:#E67E22;font-weight:700;letter-spacing:1.5px;margin-right:6px;}
.adv-txt .adv-line{height:1px;background:#E3E8EF;margin:18px 0 16px;}
.adv-txt ul{margin:0;}
.adv-txt li{position:relative;padding-left:19px;color:#4A4F55;font-size:15.5px;line-height:1.85;margin-bottom:10px;}
.adv-txt li:last-child{margin-bottom:0;}
.adv-txt li::before{content:"◆";position:absolute;left:0;top:1px;color:#E67E22;font-size:9px;}
.adv-txt li b{color:var(--navy);}
@media (max-width:768px){
  .adv-row{grid-template-columns:1fr;gap:18px;padding:26px 0;}
  .adv-row.rev .adv-pic{order:0;}
  .adv-pic img{height:200px;}
  .adv-txt .adv-no{gap:10px;}
  .adv-txt .adv-no i{font-size:44px;letter-spacing:-1px;}
  .adv-txt h3{font-size:19px;}
  .adv-txt .adv-en{font-size:10px;letter-spacing:.4px;}
  .adv-txt li{font-size:14.5px;line-height:1.8;}
}

/* ---------- 14. 走进我们 ---------- */
.about-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:start;}
.about-wrap h3{font-size:22px;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--blue);display:inline-block;}
.about-wrap p{color:#555555;font-size:14.5px;line-height:1.7;margin-bottom:12px;}
.about-pic img{width:100%;height:300px;object-fit:cover;}
.stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;}
.stat4 div{text-align:center;padding:16px 8px;background:#FBFCFD;border:1px solid var(--line);}
.stat4 .ico{color:var(--blue);font-size:22px;}
.stat4 b{display:block;font-size:30px;color:var(--blue);font-weight:800;line-height:1.2;margin-top:6px;}
.stat4 b i{font-style:normal;font-size:14px;color:var(--orange);margin-left:2px;}
.stat4 span{font-size:13px;color:var(--gray);}
@media (max-width:768px){
  .about-wrap{grid-template-columns:1fr;gap:20px;}
  .stat4{grid-template-columns:repeat(2,1fr);}
  .stat4 b{font-size:22px;}
}

/* ---------- 15. 图片墙 ---------- */
.gal{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.gal figure{margin:0;}
.gal img{width:100%;height:190px;object-fit:cover;filter:saturate(.35) brightness(1.02);transition:filter .3s;}
.gal figure:hover img{filter:none;}
.gal figcaption{text-align:center;font-size:13px;color:var(--gray);padding:8px 0 0;}
@media (max-width:900px){.gal{grid-template-columns:repeat(2,1fr);}.gal img{height:130px;}}

/* ---------- 16. 资质 tab ---------- */
.tabs-btns{display:flex;justify-content:center;gap:10px;margin-bottom:24px;}
.tabs-btns button{padding:10px 30px;border:1px solid var(--line-2);background:#fff;color:var(--gray);font-size:15px;}
.tabs-btns button.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;}
.cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:940px;margin:0 auto;}
.cert{display:block;background:#fff;border:1px solid var(--line);padding:14px 14px 16px;text-align:center;text-decoration:none;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.cert figure{margin:0 0 12px;aspect-ratio:4/3;overflow:hidden;background:#FCFCFC;border:1px solid var(--line);}
.cert figure img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease;}
.cert:hover{border-color:var(--blue-l);box-shadow:0 12px 28px rgba(27,58,92,.10);transform:translateY(-3px);}
.cert:hover figure img{transform:scale(1.02);}
.cert .ico{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:22px;}
.cert b{display:block;font-size:15.5px;color:var(--navy);}
.cert span{display:block;font-size:12.5px;color:var(--gray-l);margin-top:3px;}
@media (max-width:900px){.cert-grid{grid-template-columns:1fr;gap:18px;max-width:520px;}}

/* ---------- 17. 合作伙伴 ---------- */
.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 40px;}
.partners div{height:78px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;color:var(--gray-l);font-size:15px;font-weight:600;letter-spacing:.5px;}
.partners div:hover{border-color:var(--blue);color:var(--blue);}
@media (max-width:768px){.partners{grid-template-columns:repeat(2,1fr);gap:12px;}.partners div{height:60px;font-size:13px;}}

/* ---------- 18. 故事 / 新闻 ---------- */
.story-feat{display:grid;grid-template-columns:330px 1fr;gap:26px;background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:30px;}
.story-feat img{width:100%;height:180px;object-fit:cover;}
.story-feat h3{font-size:19px;color:var(--navy);margin-bottom:10px;}
.story-feat p{color:#555555;font-size:13.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.story-feat .date{color:var(--gray-l);font-size:12.5px;margin-top:14px;}
.news2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.news-col{background:#fff;border:1px solid var(--line);padding:18px 20px;}
.news-col .hd2{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px;}
.news-col .hd2 h3{font-size:19px;color:var(--navy);}
.news-col .hd2 a{font-size:12.5px;color:var(--gray-l);letter-spacing:1px;}
.news-col .hd2 a:hover{color:var(--blue);}
.news-col ul li{border-bottom:1px dashed var(--line-2);}
.news-col ul li:last-child{border-bottom:0;}
.news-col ul li a{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--gray);line-height:2.6;}
.news-col ul li a::before{content:"·";color:var(--blue);margin-right:6px;}
.news-col ul li a:hover{color:var(--blue);}
.news-col ul li a span{color:var(--gray-l);font-size:12.5px;flex:0 0 auto;}
@media (max-width:768px){
  .story-feat{grid-template-columns:1fr;}
  .news2{grid-template-columns:1fr;}
}

/* 内页新闻列表 */
.news-page{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start;}
.nlist{background:#fff;border:1px solid var(--line);}
.nlist-row{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px dashed var(--line-2);}
.nlist-row:hover{background:#FBFCFD;}
.nlist-row .d{text-align:center;border-right:1px solid var(--line);}
.nlist-row .d b{display:block;font-size:24px;color:var(--blue);line-height:1.1;font-weight:800;}
.nlist-row .d span{font-size:12px;color:var(--gray-l);}
.nlist-row h3{font-size:16.5px;color:var(--navy);margin-bottom:5px;}
.nlist-row p{font-size:13.5px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nsec-title{font-size:20px;color:var(--navy);border-left:4px solid var(--blue);padding-left:12px;margin:0 0 16px;scroll-margin-top:120px;}
.side-box{background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:18px;}
.side-box h3{font-size:16.5px;color:var(--navy);border-bottom:2px solid var(--blue-pale);padding-bottom:10px;margin-bottom:10px;}
.side-box li{border-bottom:1px dashed var(--line-2);}
.side-box li:last-child{border-bottom:0;}
.side-box li a{display:block;font-size:13.5px;color:var(--gray);line-height:2.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-box li a:hover{color:var(--blue);}
.side-cta{background:#1B3A5C;color:#fff;padding:22px 18px;text-align:center;border-radius:4px;}
.side-cta h3{font-size:17px;border:0;padding:0;margin-bottom:6px;color:#fff;}
.side-cta p{font-size:12.5px;color:rgba(255,255,255,.72);margin-bottom:14px;line-height:1.6;}
.side-cta .btn{display:block;background:#E67E22;color:#fff;padding:10px 0;font-weight:700;font-size:14.5px;border-radius:4px;}
.side-cta .btn:hover{background:#CF6F14;}
@media (max-width:900px){.news-page{grid-template-columns:1fr;}}

/* FAQ */
.faq{max-width:900px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--line);margin-bottom:10px;}
.faq-q{width:100%;text-align:left;padding:16px 20px;font-size:15.5px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:14px;align-items:center;}
.faq-q .icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:14px;transition:transform .25s;}
.faq-item.open .faq-q .icon{transform:rotate(45deg);background:var(--blue);color:#fff;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s;}
.faq-a p{padding:0 20px 18px;color:var(--gray);font-size:14px;}

/* ---------- 19. 内页 Banner ---------- */
.pg-banner{position:relative;height:280px;overflow:hidden;background:#1B3A5C;}
.pg-banner img{width:100%;height:100%;object-fit:cover;}
.pg-banner .mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,58,92,.92),rgba(27,58,92,.55) 62%,rgba(27,58,92,.25));}
.pg-banner .bz{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;}
.pg-banner h1{font-size:34px;letter-spacing:2px;color:#ffffff;}
.pg-banner p{margin-top:8px;font-size:15px;opacity:.92;}
.pg-banner .crumbs{margin-top:12px;font-size:13px;opacity:.85;}
.pg-banner .crumbs span{margin:0 8px;opacity:.6;}
@media (max-width:768px){.pg-banner{height:212px;}.pg-banner h1{font-size:22px;}}

/* ---------- 20. 产品页筛选 ---------- */
.filter-bar{background:#fff;border:1px solid var(--line);padding:14px 18px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.filter-bar .lab{color:var(--gray-l);font-size:13.5px;}
.chip{padding:6px 16px;border:1px solid var(--line-2);background:#fff;color:var(--gray);font-size:13.5px;}
.chip:hover{border-color:var(--blue);color:var(--blue);}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.filter-bar .sbox{margin-left:auto;display:flex;height:34px;}
.filter-bar .sbox input{width:200px;border:1px solid var(--line-2);border-right:0;padding:0 12px;}
.filter-bar .sbox button{width:48px;background:var(--blue);color:#fff;}
.p-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);padding:12px 15px;font-size:14.5px;color:var(--ink);transition:all .2s;}
.p-item:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 12px rgba(27,58,92,.12);}
.p-item .enm{display:block;font-size:11px;color:var(--gray-l);letter-spacing:.3px;font-weight:400;}
.p-item .arrow{color:var(--blue);font-size:12px;opacity:0;transition:opacity .2s;}
.p-item:hover .arrow{opacity:1;}
.p-item.hide{display:none;}
.cat-block{margin-bottom:38px;scroll-margin-top:120px;}
.cat-block h2{font-size:20px;color:var(--navy);border-left:4px solid var(--blue);padding-left:12px;margin-bottom:6px;}
.cat-block h2 small{font-size:11.5px;color:var(--gray-l);letter-spacing:1.5px;font-weight:400;margin-left:8px;}
.cat-block .tip{color:var(--gray-l);font-size:13px;margin:0 0 16px 16px;}
.chips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.empty-tip{display:none;text-align:center;padding:34px;color:var(--gray);background:#fff;border:1px dashed var(--line-2);margin-bottom:24px;}
@media (max-width:900px){.chips-grid{grid-template-columns:repeat(2,1fr);}.filter-bar .sbox{margin-left:0;width:100%;}.filter-bar .sbox input{width:100%;}}
@media (max-width:560px){.chips-grid{grid-template-columns:1fr;}}

/* ---------- 21. 联系页 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;}
.info-item{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:15px 18px;margin-bottom:12px;}
.info-item .ico{width:50px;height:50px;border-radius:50%;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-size:20px;}
.info-item .lab{font-size:12.5px;color:var(--gray-l);}
.info-item .val{font-size:16.5px;color:var(--navy);font-weight:600;word-break:break-all;}
.form{background:#fff;border:1px solid var(--line);padding:24px;}
.form h3{font-size:19px;color:var(--navy);}
.form .sub{font-size:12.5px;color:var(--gray-l);margin:6px 0 18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:13px;color:var(--gray);margin-bottom:6px;}
.field label i{color:#e5484d;font-style:normal;}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-2);padding:10px 13px;background:#fff;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(27,58,92,.12);}
.field textarea{min-height:104px;resize:vertical;}
.form .btn{width:100%;background:#E67E22;color:#fff;border:0;padding:13px 0;font-size:16px;font-weight:600;border-radius:4px;}
.form .btn:hover{background:#CF6F14;}
.form-note{font-size:12px;color:var(--gray-l);text-align:center;margin-top:10px;}
.map-ph{height:260px;border:1px dashed var(--blue-l);background:repeating-linear-gradient(45deg,#FBFCFD,#FBFCFD 12px,#EDF1F5 12px,#EDF1F5 24px);display:grid;place-items:center;color:var(--blue);text-align:center;padding:20px;margin-top:16px;}
.qr-box{display:flex;gap:20px;justify-content:center;margin-top:10px;flex-wrap:wrap;}
.qr{text-align:center;}
.qr .img{width:120px;height:120px;border:1px dashed var(--blue-l);background:#FBFCFD;display:grid;place-items:center;color:var(--blue);font-size:12px;padding:8px;text-align:center;}
.qr span{display:block;font-size:12.5px;color:var(--gray);margin-top:6px;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}

/* ---------- 22. 页脚（深藏青） ---------- */
.ft{background:#1B3A5C;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.6;}
.ft-nav{background:#17304C;border-bottom:1px solid rgba(255,255,255,.12);}
.ft-nav ul{display:flex;flex-wrap:wrap;}
.ft-nav ul li a{display:block;padding:14px 26px 14px 0;color:rgba(255,255,255,.88);font-size:14px;}
.ft-nav ul li a:hover{color:#F2A45C;}
.ft-main{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:30px;padding:38px 0 30px;}
.ft-main .lg strong{display:block;font-size:22px;color:#fff;font-weight:800;}
.ft-main .lg span{display:block;font-size:11.5px;letter-spacing:1.5px;color:rgba(255,255,255,.48);margin-top:4px;}
.ft-main .lg p{margin-top:14px;line-height:1.7;color:rgba(255,255,255,.66);font-size:13px;}
.ft-item{margin-bottom:14px;}
.ft-item b{display:block;color:#fff;font-size:13px;margin-bottom:2px;}
.ft-item span{color:rgba(255,255,255,.7);}
.ft-item .big{font-size:19px;color:#F2A45C;font-weight:700;}
.ft-qr{display:flex;gap:16px;}
.ft-qr .img{width:104px;height:104px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:11.5px;text-align:center;padding:6px;}
.ft-qr span{display:block;text-align:center;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;}
.ft-bottom .bz{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:12.5px;}
.ft-links{border-top:1px solid rgba(255,255,255,.12);padding:12px 0;color:rgba(255,255,255,.5);font-size:12.5px;}
.ft-links a{margin-right:16px;color:rgba(255,255,255,.62);}
.ft-links a:hover{color:#F2A45C;}
@media (max-width:900px){
  .ft-main{grid-template-columns:1fr 1fr;gap:20px;padding:26px 0 18px;}
  .ft-nav ul li a{padding:12px 18px 12px 0;font-size:13px;}
  .ft-bottom .bz{flex-direction:column;}
}

/* ---------- 23. 右侧客服悬浮条 / 移动端悬浮条 / 回顶 ---------- */
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:110;display:flex;flex-direction:column;gap:1px;}
.rail .tab{width:52px;padding:14px 8px;background:var(--blue);color:#fff;font-size:13px;line-height:1.25;text-align:center;letter-spacing:1px;writing-mode:vertical-rl;display:grid;place-items:center;cursor:pointer;}
.rail a.tab:hover{background:var(--blue-d);}
.rail .tab.o{background:var(--orange);writing-mode:horizontal-tb;font-size:12px;line-height:1.3;padding:12px 6px;}
.rail .tab .hi{font-size:19px;writing-mode:horizontal-tb;display:block;margin-bottom:4px;}
@media (max-width:900px){.rail{display:none;}}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.06);}
.mbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;font-size:12px;color:var(--gray);}
.mbar a b{font-size:16px;line-height:1;}
.mbar a:nth-child(2){background:#E67E22;color:#fff;}
.mbar a:nth-child(3){background:#1B3A5C;color:#fff;}
#toTop{position:fixed;right:16px;bottom:76px;z-index:110;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;}
#toTop.on{opacity:1;visibility:visible;transform:none;}
@media (max-width:900px){
  .mbar{display:flex;}
  body{padding-bottom:58px;}
  .hd .bz{height:auto;padding:12px 15px;flex-wrap:wrap;gap:10px;}
  .hd-ad{display:none;}
  .logo{gap:10px;}
  .logo .mark{height:42px;width:auto;font-size:15px;}
  .logo .mark.has-img img{height:42px;}
  .logo .txt strong{font-size:19px;letter-spacing:.5px;}
  .logo .txt em{font-size:11px;padding:2px 8px;margin-top:3px;letter-spacing:.5px;}
  .hd-tel{flex:0 0 100%;justify-content:flex-end;margin-left:0;gap:8px;min-width:0;}
  .hd-tel .ico{width:34px;height:34px;border-width:1.5px;}
  .hd-tel .ico svg{width:17px;height:17px;}
  .hd-tel small{font-size:11px;letter-spacing:0;}
  .hd-tel b{font-size:17px;letter-spacing:0;}
  .nav ul{display:none;flex-direction:column;}
  .nav ul.open{display:flex;}
  .nav ul li > a{justify-content:flex-start;line-height:2.6;padding:0 15px;font-size:15px;}
  .nav .xl{position:static;display:block;border:0;box-shadow:none;background:rgba(255,255,255,.94);padding:6px 15px 12px;}
  .nav-toggle{display:block;}
  .banner .slides{height:268px;}
  .banner .slide .mask{background:linear-gradient(180deg,rgba(248,249,250,.95) 0%,rgba(248,249,250,.86) 60%,rgba(248,249,250,.6) 100%);}
  .banner .slide .txt{position:absolute;left:0;right:0;top:14px;bottom:auto;transform:none;width:auto;padding:0 15px;}
  .banner .slide .txt h2{font-size:26px;}
  .banner .slide .txt h2 em{font-size:38px;}
  .banner .slide .txt h2 i{font-size:19px;}
  .banner .slide .txt h2 span{font-size:15px;}
  .banner .slide .txt h1{font-size:26px;}
  .banner .slide .txt h1 em{font-size:38px;}
  .banner .slide .txt h1 i{font-size:19px;}
  .banner .slide .txt h1 span{font-size:15px;}
  .banner .slide .txt p{font-size:14px;margin-top:8px;}
  .banner .slide .txt .ofr{font-size:13.5px;padding:6px 26px 6px 14px;}
  .banner .arw{display:none;}
  .searchrow .bz{height:auto;padding:12px 15px;flex-wrap:wrap;gap:10px;}
  .searchrow .hot{font-size:13px;}
  .searchrow .hot a:nth-child(n+5){display:none;}
  .searchrow form{margin-left:0;width:100%;}
  .searchrow input{width:100%;}
}

/* ---------- 产品页：参考站同款模板卡网格 + 分页 ---------- */
.pcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pcard-grid .pcard{height:100%;}
.pcard-grid .pc-body{grid-template-columns:1.02fr 1fr;padding:14px 14px 12px;}
.pcard-grid .pc-body .pic img{height:168px;}
.pcard-grid .pc-body h3{font-size:26px;}
.pcard-grid .pc-name{font-size:18px;padding:9px 0;}
.pcard.hide{display:none;}
/* ---------- 海报卡：整卡只放主图（二甲苯） ---------- */
.pcard-grid .pcard--poster{align-self:start;height:auto;}
.pcard-grid .pcard--poster .pc-body{display:block;padding:0;}
.pcard-grid .pcard--poster .pc-body .pic img{display:block;width:100%;height:auto;}
.pcard-grid .pcard--poster .pc-name{background:#fff;color:var(--blue-deep);border-top:1px solid var(--blue-line);}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:34px 0 30px;}
.pager button{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--blue-line);background:#fff;color:var(--blue);
  font-size:13.5px;cursor:pointer;border-radius:4px;font-family:inherit;transition:.2s;}
.pager button:hover:not(.cur):not(:disabled){background:var(--blue-pale);}
.pager button.cur{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700;}
.pager button:disabled{color:#c3ccd8;border-color:#e6ebf2;cursor:default;}
.pager button.pg-info{border:0;background:none;color:var(--gray-l);font-size:13px;padding:0 10px;min-width:auto;cursor:default;}
@media (max-width:1100px){.pcard-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){
  .pcard-grid{grid-template-columns:1fr;gap:14px;}
  .pcard-grid .pc-body .pic img{height:150px;}
  .pager button{min-width:32px;height:32px;font-size:12.5px;padding:0 8px;}
  .pager button.pg-info{width:100%;text-align:center;padding:0 0 6px;}
}

/* ---------- 产品页：左侧分类树 + 右侧网格（参考站 /cpzx/ 同款版式） ---------- */
.products-layout{display:flex;gap:24px;align-items:flex-start;}
.pro-side{position:sticky;top:14px;flex:0 0 260px;align-self:flex-start;background:#fff;border:1px solid var(--gr-line);border-radius:6px;box-shadow:0 6px 18px rgba(27,58,92,.07);overflow:hidden;}
.pro-main{flex:1 1 auto;min-width:0;}
.side-tit{margin:0;padding:17px 18px 15px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;font-size:19px;font-weight:800;line-height:1.2;letter-spacing:.5px;}
.side-tit small{display:block;margin-top:5px;font-size:11px;letter-spacing:1.6px;font-weight:400;font-style:italic;opacity:.92;}
.cat-tree{list-style:none;margin:0;padding:0;max-height:none;overflow-y:visible;}
.cat-tree > li{border-bottom:1px solid var(--gr-line);}
.cat-tree > li:last-child{border-bottom:0;}
.cat-tree > li > .l1{display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:15px;font-weight:600;color:#333333;cursor:pointer;transition:.18s;}
.cat-tree > li > .l1::before{content:"";flex:0 0 19px;width:19px;height:19px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A5C' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.5h6'/><path d='M10 2.5v6L5.1 17.4A2 2 0 0 0 6.9 20.5h10.2a2 2 0 0 0 1.8-3.1L14 8.5v-6'/><path d='M7.3 15h9.4'/></svg>") center/contain no-repeat;}
.cat-tree > li > .l1 .chev{margin-left:auto;flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid #9FAFBF;border-bottom:1.6px solid #9FAFBF;transform:rotate(45deg);transition:transform .22s;margin-top:-3px;}
.cat-tree > li.collapsed > .l1 .chev{transform:rotate(-45deg);margin-top:0;}
.cat-tree > li.collapsed > .sub{display:none;}
.cat-tree > li > .l1:hover{background:var(--gr-soft);color:var(--gr-d);}
.cat-tree > li > .l1.on{background:var(--gr-soft);color:var(--gr-d);font-weight:800;box-shadow:inset 3px 0 0 var(--gr);}
.cat-tree .l1 em{font-style:normal;font-size:11.5px;font-weight:400;color:#8A8A8A;background:#EDF2F7;padding:2px 8px;border-radius:10px;line-height:1;}
.cat-tree > li > .l1.on em,.cat-tree > li > .l1:hover em{background:var(--gr);color:#fff;}
.cat-tree .sub{list-style:none;margin:0;padding:2px 0 9px;background:#FBFCFD;}
.cat-tree .sub li{position:relative;}
.cat-tree .l2{display:block;padding:7px 16px 7px 44px;font-size:13.5px;color:#666F7A;line-height:1.45;cursor:pointer;transition:.15s;}
.cat-tree .l2::before{content:"-";position:absolute;left:25px;top:7px;color:#9FAFBF;font-weight:400;}
.cat-tree .l2:hover{color:var(--gr-d);}
.cat-tree .l2.on{color:var(--gr-d);font-weight:700;}
.side-search{padding:13px 16px;border-top:1px solid var(--gr-line);background:#fff;}
.side-search{display:flex;gap:6px;}
.side-search input{flex:1;padding:9px 10px;border:1px solid #CBD4DE;border-radius:4px;font-size:13px;font-family:inherit;background:#fff;outline:none;transition:.15s;}
.side-search input:focus{border-color:var(--gr);box-shadow:0 0 0 2px rgba(27,58,92,.12);}
.side-search button{padding:0 14px;background:#E67E22;color:#fff;border:0;border-radius:4px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600;}
.side-search button:hover{background:#CF6F14;}
.side-hot{padding:12px 16px;border-top:1px solid var(--gr-line);font-size:13px;}
.side-hot .lab{color:var(--gray-l);margin-bottom:6px;font-size:12px;}
.side-hot a{display:inline-block;margin:3px 6px 3px 0;padding:4px 10px;background:var(--gr-soft);color:var(--gr-d);border-radius:12px;font-size:12.5px;transition:.15s;}
.side-hot a:hover{background:var(--gr);color:#fff;}
.side-contact{margin:12px 14px 14px;padding:14px 14px 12px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;border-radius:6px;}
.side-contact .sc-top{display:flex;align-items:center;gap:11px;}
.side-contact .sc-txt{flex:1 1 auto;min-width:0;}
.side-contact .sc-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M6.6 3.2h3.1l1.5 3.9-2.1 1.5a11.3 11.3 0 0 0 5.4 5.4l1.5-2.1 3.9 1.5v3.1c0 1-.9 1.9-1.9 1.8C10.5 18.6 5.4 13.5 4.8 5.1c0-1 .8-1.9 1.8-1.9z'/></svg>") center/19px 19px no-repeat;}
.side-contact .lab{font-size:12px;letter-spacing:.5px;opacity:.95;line-height:1.25;}
.side-contact .tel{font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.3;white-space:nowrap;}
.side-contact .btn{display:block;margin-top:11px;padding:8px 0;background:#E67E22;border:1px solid #E67E22;color:#fff;font-size:13px;font-weight:600;border-radius:4px;text-align:center;transition:.15s;}
.side-contact .btn:hover{background:#CF6F14;border-color:#CF6F14;color:#fff;}

@media (max-width:980px){
  .products-layout{flex-direction:column;gap:16px;}
  .pro-side{flex:0 0 auto;position:relative;top:0;width:100%;}
  .cat-tree{max-height:none;}
}
@media (max-width:640px){
  .side-tit{padding:14px;font-size:16px;}
  .cat-tree > li > .l1{padding:9px 14px;font-size:14px;}
  .cat-tree .l2{padding:6px 14px 6px 30px;font-size:13px;}
  .side-contact .tel{font-size:19px;}
}
/* ---------- 首页「产品中心」综合板块（参考 zhengxinhuagong.cn 左侧表格分类树 + 右上大卡轮播 + 右下 3×3 网格） ---------- */
.pc-home-sec{background:#F8F9FA;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sec-gap) 0;}
.pc-home-sec .tt{text-align:center;margin-bottom:32px;}
.pc-home-sec .tt.tt-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px 24px;text-align:left;padding:24px 30px;}
.pc-home-sec .tt.tt-row .tt-left{flex:0 0 auto;font-size:34px;font-weight:700;margin:0;display:inline-flex;align-items:baseline;gap:18px;color:#fff;}
.pc-home-sec .tt.tt-row .tt-left .tt-en2{font-size:18px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:3px;}
.pc-home-sec .tt.tt-row .tt-ps{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:0;}
.pc-home-sec .tt h2{font-size:34px;font-weight:700;margin:0 0 14px;display:inline-flex;align-items:baseline;gap:18px;color:#fff;}
.pc-home-sec .tt h2 .tt-en2{font-size:18px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:3px;}
.pc-home-sec .tt-ps{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;}
.pc-home-sec .ps-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:1px solid var(--blue-line);border-radius:24px;font-size:14px;color:var(--navy);font-weight:600;box-shadow:0 3px 10px rgba(27,58,92,.05);}
.pc-home-sec .ps-chip .ps-ico{width:18px;height:18px;border-radius:50%;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;}
.pc-home-sec .ps-chip .ps-ico1{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M19.5 9.5h-1.84l-1.94-2.7L12 4.5 8.28 6.8 6.34 9.5H4.5L2 11v9.5h20V11l-2.5-1.5zM12 6.5l2.46 1.5H9.54L12 6.5zM4 19V11.7l1.5-.9V19h3v-9h7v9h3v-8.2l1.5.9V19H4z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico2{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico3{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm0-4h-2V7h2v8z'/></svg>");}
.pc-home-sec .ps-chip .ps-ico4{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231B3A5C'><path d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/></svg>");}

.pc-home-row{display:flex;gap:24px;align-items:flex-start;}

/* ---------- 左侧分类树（参考站同款表格式） ---------- */
.pc-home-side{flex:0 0 280px;align-self:stretch;background:#fff;border:1px solid var(--gr-line);border-radius:6px;overflow:hidden;box-shadow:0 6px 18px rgba(27,58,92,.07);display:flex;flex-direction:column;}
.pc-home-tit{padding:17px 18px 15px;background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;}
.pc-home-tit{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:.5px;}
.pc-home-tit small{display:block;margin-top:5px;font-size:11px;letter-spacing:1.6px;font-weight:400;font-style:italic;opacity:.92;}
.pc-cat-tree{flex:1 1 auto;padding:0;}
.pc-cat-group{padding:0;border-bottom:1px solid var(--gr-line);}
.pc-cat-group:last-child{border-bottom:0;}
.pc-cat-l1{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#333333;margin:0;padding:13px 16px;cursor:pointer;position:relative;transition:.18s;}
.pc-cat-l1::before{content:"";flex:0 0 19px;width:19px;height:19px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A5C' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.5h6'/><path d='M10 2.5v6L5.1 17.4A2 2 0 0 0 6.9 20.5h10.2a2 2 0 0 0 1.8-3.1L14 8.5v-6'/><path d='M7.3 15h9.4'/></svg>") center/contain no-repeat;}
.pc-cat-l1::after{content:"";margin-left:auto;flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid #9FAFBF;border-bottom:1.6px solid #9FAFBF;transform:rotate(45deg);transition:transform .22s;margin-top:-3px;}
.pc-cat-group.collapsed .pc-cat-l1::after{transform:rotate(-45deg);margin-top:0;}
.pc-cat-l1:hover{background:var(--gr-soft);color:var(--gr-d);}
.pc-cat-group.collapsed .pc-cat-l2{display:none;}
.pc-cat-l2{font-size:13.5px;line-height:1.5;color:#666F7A;padding:2px 16px 9px;background:#FBFCFD;}
.pc-cat-l2 a{color:#666F7A;text-decoration:none;transition:.15s;display:block;padding:7px 0 7px 28px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pc-cat-l2 a:hover{color:var(--gr-d);font-weight:700;text-decoration:none;}
.pc-cat-l2 a::before{content:"-";position:absolute;left:9px;top:7px;color:#9FAFBF;font-weight:400;}

/* ---------- 承诺 + 热线块 ---------- */
.pc-home-promise{background:linear-gradient(135deg,var(--gr-l),var(--gr-d));color:#fff;padding:16px 16px 17px;text-align:center;}
.pc-home-promise .pr-row{font-size:12.5px;line-height:1.7;text-align:left;margin-bottom:10px;color:#EDF2F7;}
.pc-home-promise .pr-row b{font-size:13.5px;color:#fff;margin-right:2px;}
.pc-home-promise .pr-tel{display:flex;align-items:center;justify-content:center;gap:11px;margin:2px 0 14px;text-align:left;}
.pc-home-promise .pr-ico{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--gr);display:flex;align-items:center;justify-content:center;}
.pc-home-promise .pr-ico svg{display:block;}
.pc-home-promise .pr-txt small{display:block;font-size:13px;font-weight:600;letter-spacing:1px;opacity:.92;margin-bottom:2px;}
.pc-home-promise .pr-txt b{display:block;font-size:20px;font-weight:700;letter-spacing:.4px;line-height:1.1;}
.pc-home-promise .pr-btn{display:block;padding:11px 0;background:#E67E22;border:1px solid #E67E22;color:#fff;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.15s;text-decoration:none;}
.pc-home-promise .pr-btn:hover{background:#CF6F14;border-color:#CF6F14;color:#fff;text-decoration:none;}

/* ---------- 右侧主区 ---------- */
.pc-home-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:18px;}

/* ---------- 右上大卡轮播 ---------- */
.pc-stage{position:relative;background:#fff;border:1px solid var(--blue-line);border-radius:8px;overflow:hidden;box-shadow:0 8px 22px rgba(27,58,92,.07);}
.pc-stage-view{position:relative;display:flex;}
.pc-stage-card{display:none;flex:1;background:#fff;text-decoration:none;color:inherit;}
.pc-stage-card.on{display:flex;animation:pscFade .35s ease;}
@keyframes pscFade{from{opacity:0;}to{opacity:1;}}
.psc-img{flex:0 0 42%;background:linear-gradient(135deg,#EDF2F7,#E4EBF3);position:relative;overflow:hidden;min-height:300px;}
.psc-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;}
.psc-info{flex:1;padding:22px 26px 24px;display:flex;flex-direction:column;gap:8px;}
.psc-tit{margin-top:6px;font-size:14px;font-weight:700;color:var(--blue);letter-spacing:1px;}
.psc-tit:first-child{margin-top:0;}
.psc-feat{list-style:none;margin:0 0 6px;padding:0;font-size:13px;color:#555555;line-height:1.6;}
.psc-feat li{position:relative;padding-left:14px;}
.psc-feat li::before{content:"■";position:absolute;left:0;color:var(--blue);font-size:9px;top:7px;}
.psc-data{display:grid;grid-template-columns:repeat(4,1fr);background:#F7F9FB;border:1px solid var(--blue-line);border-radius:4px;margin:8px 0;}
.psc-data > div{padding:10px 8px;text-align:center;border-right:1px solid var(--blue-line);}
.psc-data > div:last-child{border-right:0;}
.psc-data span{display:block;font-size:11.5px;color:var(--gray-l);margin-bottom:4px;letter-spacing:.5px;}
.psc-data b{display:block;font-size:14.5px;color:var(--navy);font-weight:700;}
.psc-name{margin-top:auto;padding-top:8px;font-size:18px;font-weight:700;color:var(--navy);letter-spacing:.5px;}
.psc-name em{display:block;font-size:11px;font-weight:400;color:var(--gray);letter-spacing:2px;margin-top:2px;font-style:normal;}
.pc-stage-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid var(--blue-line);color:var(--blue);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:.15s;box-shadow:0 2px 8px rgba(27,58,92,.1);z-index:2;}
.pc-stage-nav:hover{background:var(--blue);color:#fff;}
.pc-stage-prev{left:8px;}
.pc-stage-next{right:8px;}
.pc-stage-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2;}
.pc-stage-dots span{width:8px;height:8px;border-radius:50%;background:rgba(27,58,92,.25);cursor:pointer;transition:.15s;}
.pc-stage-dots span.on{background:var(--blue);width:22px;border-radius:4px;}

/* ---------- 右下 3×3 产品网格 ---------- */
.pc-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pmini{display:flex;flex-direction:column;background:#fff;border:1px solid var(--blue-line);border-radius:6px;overflow:hidden;text-align:center;text-decoration:none;color:inherit;transition:.2s;}
.pmini:hover{border-color:var(--blue);box-shadow:0 8px 18px rgba(27,58,92,.1);transform:translateY(-3px);}
.pmini-img{flex:none;position:relative;background:#fff;padding:0;min-height:0;overflow:hidden;}
.pmini-img::before{content:"";display:block;padding-top:100%;}
.pmini-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;}
.pmini-name{display:block;padding:10px 6px;background:#fff;border-top:1px solid var(--blue-line);font-size:14px;font-weight:700;color:var(--navy);line-height:1.3;}
.pmini-name small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--gray-l);letter-spacing:.5px;}

@media (max-width:980px){
  .pc-home-row{flex-direction:column;gap:18px;}
  .pc-home-side{flex:0 0 auto;width:100%;}
  .pc-home-promise{padding:18px 20px;}
  .pc-home-promise .pr-btn{max-width:360px;margin:0 auto;}
  .pc-cat-l1{padding:12px 14px;font-size:14.5px;}
  .pc-cat-l2{padding:2px 14px 8px;}
  .pc-cat-l2 a{font-size:12.5px;}
  .pc-stage-card{flex-direction:column;}
  .psc-img{flex:0 0 auto;height:280px;min-height:0;}
  .psc-img img{object-fit:contain;}
  .psc-data{grid-template-columns:repeat(2,1fr);}
  .pc-mini{grid-template-columns:repeat(2,1fr);}
  .pc-home-sec .tt h2{font-size:26px;}
  .pc-home-sec .tt h2 .tt-en2{font-size:14px;}
}
@media (max-width:640px){
  .pc-home-sec{padding:32px 0;}
  .pc-home-sec .tt h2{font-size:22px;flex-direction:column;gap:4px;}
  .pc-home-sec .tt-ps{gap:8px;}
  .pc-home-sec .ps-chip{font-size:12px;padding:6px 12px;}
  .psc-info{padding:16px;}
  .psc-data b{font-size:13px;}
  .psc-name{font-size:15px;}
  .pc-stage-nav{width:30px;height:30px;font-size:18px;}
  .pc-mini{grid-template-columns:1fr 1fr;gap:10px;}
}

/* ---------- 首页「热销榜」板块（参考 zhengxinhuagong.cn 政欣化工热销榜同款横向 6 卡） ---------- */
/* 首页「热销榜」板块（参考 zhengxinhuagong.cn 同款版式） */
.top-sell-sec{background:#FFFFFF;padding:var(--sec-gap) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.top-sell-sec .ts-tt{text-align:center;margin-bottom:18px;background:transparent;padding:0;border-radius:0;}
.top-sell-sec .ts-tt h2{margin:0 0 6px;font-size:30px;line-height:1.3;}
.top-sell-sec .ts-tt h2 b{font-weight:800;color:#000000;letter-spacing:1px;vertical-align:middle;font-size:36px;}
.top-sell-sec .ts-tt h2 samp{font-weight:800;color:#E67E22;background:none;padding:0;border-radius:0;margin-left:14px;letter-spacing:2px;display:inline-block;vertical-align:middle;font-size:inherit;}
.top-sell-sec .ts-tt .ts-en{font-size:16px;font-weight:400;color:#9AA3AD;letter-spacing:3px;margin-top:10px;}

/* 横向滚动容器（无缝循环） */
.ts-marq{overflow:hidden;width:100%;margin:32px 0 24px;}
.ts-track{display:flex;width:max-content;animation:tsScroll 36s linear infinite;}
.ts-marq:hover .ts-track{animation-play-state:paused;}
.ts-list{display:flex;list-style:none;margin:0;padding:0;gap:18px;}
.ts-list li{flex:0 0 auto;}
.ts-list a{display:block;width:240px;text-decoration:none;color:inherit;transition:transform .25s ease;}
.ts-list a:hover{transform:translateY(-4px);}
.ts-img{width:240px;height:240px;background:linear-gradient(135deg,#fff 0%,#EDF2F7 100%);border:1px solid #E6E8EB;border-radius:6px;display:block;position:relative;overflow:hidden;}
.ts-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.ts-list a:hover .ts-img img{transform:scale(1.06);}
.ts-w{text-align:center;font-size:16px;font-weight:600;color:#333;margin-top:10px;letter-spacing:1px;}

/* 关键帧（无缝循环） */
@keyframes tsScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* 响应式 */
@media(max-width:980px){
  .top-sell-sec .ts-tt h2{font-size:24px;}
  .top-sell-sec .ts-tt h2 b{font-size:28px;}
  .top-sell-sec .ts-tt h2 samp{padding:0;font-size:inherit;margin-left:10px;}
  .top-sell-sec .ts-tt .ts-en{font-size:15px;letter-spacing:2px;}
  .ts-list a{width:200px;}
  .ts-img{width:200px;height:200px;}
  .ts-w{font-size:14px;}
}
@media(max-width:640px){
  .top-sell-sec{padding:32px 0 24px;}
  .top-sell-sec .ts-tt h2{font-size:20px;}
  .top-sell-sec .ts-tt h2 b{font-size:24px;}
  .top-sell-sec .ts-tt h2 samp{padding:0;font-size:inherit;margin-left:8px;}
  .top-sell-sec .ts-tt .ts-en{font-size:13px;letter-spacing:2px;}
  .ts-list{gap:12px;}
  .ts-list a{width:160px;}
  .ts-img{width:160px;height:160px;}
  .ts-w{font-size:13px;margin-top:8px;}
}

@media (max-width:1100px){
  .top-sell-track{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .top-sell-track{grid-template-columns:repeat(2,1fr);gap:10px;}
  .top-sell-sec{padding:32px 0;}
  .top-sell-sec .tt h2{font-size:22px;flex-direction:column;gap:4px;}
  .top-sell-sec .tt h2 .tt-en2{margin-left:0;}
}

/* =============================================================
   产品详情页（PDP）— 供 product-*.html 使用
   类名统一 .pdp- 前缀，不影响站内其他页面
   ============================================================= */
.pdp-crumb{background:var(--blue-pale);border-bottom:1px solid var(--blue-line);font-size:13px;color:var(--gray);}
.pdp-crumb .bz{display:flex;align-items:center;gap:8px;min-height:46px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;}
.pdp-crumb a{color:var(--gray);}
.pdp-crumb a:hover{color:var(--blue);}
.pdp-crumb .sep{color:#B0B8C1;}
.pdp-crumb .cur{color:var(--blue);font-weight:600;}

.pdp-hero{padding:30px 0 6px;}
.pdp-hero .bz{display:grid;grid-template-columns:420px 1fr;gap:36px;align-items:start;}
.pdp-pic{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(27,58,92,.06);}
.pdp-pic img{width:100%;display:block;}
.pdp-pic .tag{position:absolute;right:0;top:0;background:var(--orange);color:#fff;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:0 0 0 8px;letter-spacing:.5px;}
.pdp-title h1{font-size:30px;color:#1B3A5C;letter-spacing:.5px;line-height:1.25;}
.pdp-title h1 small{display:block;font-size:14px;font-weight:600;color:var(--gray-l);letter-spacing:1px;margin-top:6px;}
.pdp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.pdp-tags span{font-size:12.5px;color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-line);border-radius:20px;padding:3px 12px;}
.pdp-lead{margin:16px 0 0;color:#555555;font-size:14.5px;line-height:1.7;}
.pdp-glance{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 0;}
.pdp-glance div{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:11px 14px;}
.pdp-glance b{display:block;font-size:12px;color:var(--gray-l);font-weight:600;letter-spacing:.5px;}
.pdp-glance em{display:block;font-style:normal;font-size:15px;color:var(--navy);font-weight:700;margin-top:3px;}
.pdp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;}
.pdp-cta a{display:inline-flex;align-items:center;gap:7px;padding:13px 30px;border-radius:4px;font-size:15.5px;font-weight:700;background:#E67E22;color:#fff;transition:background .2s;}
.pdp-cta .b-tel{background:#E67E22;color:#fff;}
.pdp-cta .b-tel:hover{background:#CF6F14;}
.pdp-cta .b-inq{background:#E67E22;color:#fff;}
.pdp-cta .b-inq:hover{background:#CF6F14;}

.pdp-sec{padding:44px 0 0;}
.pdp-sec .pdp-in{border-top:1px solid var(--line);padding-top:30px;}
.pdp-h2{font-size:22px;color:var(--navy);letter-spacing:.5px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pdp-h2::before{content:"";width:5px;height:22px;background:var(--blue);border-radius:2px;flex:0 0 auto;}
.pdp-h2 small{font-size:12.5px;font-weight:600;color:var(--gray-l);letter-spacing:1px;}
.pdp-text{margin:16px 0 0;color:#555555;font-size:15px;line-height:1.7;}
.pdp-text p+p{margin-top:12px;}

.pdp-spec{margin:18px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.pdp-spec table{width:100%;border-collapse:collapse;font-size:14.5px;}
.pdp-spec th,.pdp-spec td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.pdp-spec tr:last-child th,.pdp-spec tr:last-child td{border-bottom:0;}
.pdp-spec th{width:180px;background:var(--bg-soft);color:var(--navy);font-weight:600;white-space:nowrap;}
.pdp-spec td{color:#555555;}
.pdp-note{margin:12px 0 0;font-size:12.5px;color:var(--gray-l);line-height:1.8;}

.pdp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 0;align-items:stretch;}

/* —— 卡片：淡色底 + 圆角 + 悬停抬升 —— */
.pdp-card{
  position:relative;overflow:hidden;
  border:1px solid var(--gr-line);border-radius:12px;padding:20px 22px;
  background:linear-gradient(180deg,#EDF2F7 0,#FBFCFD 48%,#fff 100%);
  box-shadow:0 1px 2px rgba(27,58,92,.04);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.pdp-card::after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--gr),var(--gr-l));opacity:0;transition:opacity .28s ease;}
.pdp-card:hover{transform:translateY(-4px);border-color:#CBD6E2;box-shadow:0 14px 28px rgba(27,58,92,.13);background:linear-gradient(180deg,#EDF2F7 0,#FBFCFD 54%,#fff 100%);}
.pdp-card:hover::after{opacity:1;}
.pdp-card h3{font-size:15.5px;color:var(--navy);margin:0 0 10px;display:flex;align-items:center;gap:6px;}
.pdp-card h3 .hi{font-size:16px;line-height:1;flex:0 0 auto;}

/* —— 列表：每条前一个分类小图标 —— */
.pdp-list li{position:relative;padding-left:26px;color:#555555;font-size:14.5px;line-height:1.7;}
.pdp-list li::before{content:"\2713";position:absolute;left:1px;top:.46em;width:16px;height:16px;border-radius:50%;background:var(--blue-l);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700;font-family:Arial,Helvetica,sans-serif;}
.pdp-list--ico li::before{display:none;}
.pdp-list--ico .ic{position:absolute;left:0;top:0;width:20px;font-size:14.5px;line-height:inherit;text-align:center;font-style:normal;filter:saturate(1.05);}
.pdp-list li>span:not(.ic){color:var(--gray-l);margin-left:6px;}
.pdp-list small{color:var(--gray-l);}

/* —— 板块主图（每板块仅一张 1:1 实拍图，与文字并列；图只佐证，不替代文字） —— */
.pdp-feat{display:grid;grid-template-columns:480px minmax(0,1fr);gap:32px;margin:22px 0 0;align-items:center;}
.pdp-figure{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#EDF2F7;border:1px solid var(--gr-line);box-shadow:0 14px 30px rgba(27,58,92,.10);}
.pdp-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.pdp-figure:hover img{transform:scale(1.045);}
.pdp-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 15px;color:#fff;line-height:1.45;background:linear-gradient(transparent,rgba(8,26,46,.86));}
.pdp-figure figcaption b{display:block;font-weight:600;font-size:14px;letter-spacing:.4px;}
.pdp-figure figcaption i{display:block;font-style:normal;font-size:12px;opacity:.85;margin-top:3px;}
.pdp-feat-body{display:grid;gap:16px;align-content:center;}
.pdp-feat--rev{grid-template-columns:minmax(0,1fr) 480px;}
.pdp-feat--rev .pdp-figure{order:2;}

@media (max-width:980px){
  .pdp-feat,.pdp-feat--rev{grid-template-columns:1fr;gap:20px;align-items:start;}
  .pdp-feat--rev .pdp-figure{order:0;}
  .pdp-figure{width:100%;max-width:420px;margin:0 auto;}
}
@media (max-width:640px){
  .pdp-feat-body{gap:13px;}
  .pdp-figure{border-radius:12px;}
  .pdp-figure figcaption{padding:32px 14px 12px;}
  .pdp-figure figcaption b{font-size:13px;}
  .pdp-figure figcaption i{font-size:11px;}
}

.pdp-faq{margin:18px 0 0;border-top:1px solid var(--line);}
.pdp-faq details{border-bottom:1px solid var(--line);}
.pdp-faq summary{cursor:pointer;list-style:none;padding:16px 40px 16px 0;position:relative;font-size:15.5px;font-weight:600;color:var(--navy);}
.pdp-faq summary::-webkit-details-marker{display:none;}
.pdp-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--blue-l);transition:transform .2s;}
.pdp-faq details[open] summary::after{content:"−";}
.pdp-faq .ans{padding:0 40px 18px 0;color:#555555;font-size:14.5px;line-height:1.7;}

.pdp-ask{margin:44px 0 0;background:#1B3A5C;border-radius:4px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:#fff;}
.pdp-ask .t{flex:1 1 320px;}
.pdp-ask h2{font-size:22px;color:#fff;}
.pdp-ask p{margin:8px 0 0;font-size:14px;color:rgba(255,255,255,.72);line-height:1.6;}
.pdp-ask .a{display:flex;flex-wrap:wrap;gap:12px;}
.pdp-ask .a a{padding:13px 30px;border-radius:4px;font-size:15.5px;font-weight:700;background:#E67E22;color:#fff;transition:background .2s;}
.pdp-ask .a a:hover{background:#CF6F14;}
.pdp-ask .a .w{background:#E67E22;color:#fff;}
.pdp-ask .a .o{background:#E67E22;color:#fff;}

@media (max-width:1100px){
  .pdp-hero .bz{grid-template-columns:1fr;gap:26px;}
  .pdp-pic{max-width:460px;}
}
@media (max-width:640px){
  .pdp-title h1{font-size:23px;}
  .pdp-cols{grid-template-columns:1fr;}
  .pdp-glance{grid-template-columns:1fr;}
  .pdp-spec th{width:120px;}
  .pdp-ask{padding:24px 20px;}
}

/* —— 图片点击放大（灯箱）：证书 / 资质等扫描件 —— */
.cert{position:relative;}
.cert figure{position:relative;}
.cert figure::before{content:"点击放大";position:absolute;right:10px;bottom:10px;z-index:3;transform:translateY(4px);padding:6px 14px;border-radius:999px;background:rgba(27,58,92,.82);color:#fff;font-size:12.5px;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;}
.cert:hover figure::before{opacity:1;transform:translateY(0);}
.cert:hover figure{background:#EDF2F7;}
/* 触摸设备没有 hover，「点击放大」胶囊常驻，提示可点击 */
@media (hover:none){
  .cert figure::before{opacity:1;transform:none;}
}

.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:44px 24px;background:rgba(7,18,33,.93);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease;}
.lightbox.on{opacity:1;visibility:visible;}
.lb-fig{margin:0;max-width:min(1040px,94vw);transform:scale(.94);transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.lightbox.on .lb-fig{transform:scale(1);}
.lb-fig img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 26px 64px rgba(0,0,0,.52);}
.lb-fig figcaption{margin-top:14px;text-align:center;color:#e9f1ff;font-size:14px;letter-spacing:.5px;}
.lb-close{position:absolute;top:20px;right:24px;z-index:3;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.lb-close:hover{background:rgba(255,255,255,.36);transform:rotate(90deg);}
@media (max-width:640px){
  .lightbox{padding:26px 14px;}
  .lb-close{top:10px;right:10px;width:42px;height:42px;font-size:24px;}
  .lb-fig img{max-height:74vh;}
  .cert figure::before{display:none;}
}

/* —— 首页「优势」板块标题放大（.tt--lg） —— */
.tt--lg h2{font-size:54px;letter-spacing:4px;}
.tt--lg h2 i{font-size:1.12em;margin-right:3px;}
.tt--lg p{font-size:22px;margin-top:14px;letter-spacing:.5px;}
.tt--lg .tt-ico{margin-top:22px;font-size:24px;gap:14px;}
.tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:112px;}
@media (max-width:980px){
  .tt--lg h2{font-size:42px;letter-spacing:3px;}
  .tt--lg p{font-size:19px;}
  .tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:88px;}
}
@media (max-width:768px){
  .tt--lg h2{font-size:32px;letter-spacing:1.5px;}
  .tt--lg p{font-size:16.5px;margin-top:10px;}
  .tt--lg .tt-ico{margin-top:16px;font-size:19px;}
  .tt--lg .tt-ico::before,.tt--lg .tt-ico::after{width:60px;}
}
@media (max-width:480px){
  .tt--lg h2{font-size:27px;}
}



/* ============================================================
   2026-10-27 首页大板块标题：去底色 + 现代极简排版
   （产品中心 / 4大优势 / 走进我们 / 战略合作伙伴 / 大瑞化工的故事）
   ============================================================ */
.pc-home-sec .tt{margin:0 auto 40px;}
.pc-home-sec .tt h2{display:block;margin:0;font-size:32px;font-weight:800;color:#333333;justify-content:center;}
.pc-home-sec .tt h2::after{content:"";display:block;width:44px;height:4px;background:#E67E22;border-radius:2px;margin:18px auto 0;}
.pc-home-sec .tt-ps{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;}

/* 产品中心左侧分类栏：去掉深藏青，改纯白 + 浅灰边框 */
.pc-home-side{background:#FFFFFF;border:1px solid #E5E9EF;box-shadow:0 2px 10px rgba(0,0,0,.03);}
.pc-home-tit{background:#FFFFFF;color:#333333;border-bottom:1px solid #E5E9EF;}
.pc-home-tit small{color:#9AA3AD;opacity:1;font-style:normal;letter-spacing:2px;font-weight:400;}

@media (max-width:980px){
  .pc-home-sec .tt h2{font-size:28px;}
}
@media (max-width:768px){
  .pc-home-sec .tt h2{font-size:24px;}
  .pc-home-sec .tt h2::after{width:38px;margin-top:14px;}
  .pc-home-sec .tt-ps{margin-top:16px;gap:8px;}
}


/* ============================================================
   2026-10-27 17:55 产品中心标题：四个胶囊标签从标题下方移到右侧
   宽屏（≥1240px）时，标题保持页面居中，胶囊吸附到内容区右边缘，
   与 PRODUCT CENTER 同一水平带；窄屏仍回落为标题下方居中排列。
   ============================================================ */
@media (min-width:1240px){
  .pc-home-sec .tt{position:relative;}
  .pc-home-sec .tt-ps{
    position:absolute;right:0;bottom:0;top:auto;left:auto;
    margin:0;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:10px;
  }
  /* 胶囊略收窄，避免与居中的 PRODUCT CENTER 字样相碰 */
  .pc-home-sec .ps-chip{padding:8px 15px;}
}


/* ============================================================
   2026-10-27 18:15 产品中心大卡：海报完整显示（不再被裁切）
   原因：.psc-img 为 42% 宽 + object-fit:cover，实测卡片高 337px、
         图片框 363×337，1920×1920 的正方形海报被 cover 按宽缩放成
         363×363，竖向裁掉 26px（上下各 13px）—— 海报自带深蓝边框
         与底部「现货供应 / 货源稳定」蓝条正好被切。
   做法：图片列宽度保持 42%（不动布局），只把 object-fit 由 cover
         改为 contain，背景由浅灰渐变改为白色，海报任何比例下都
         完整可见，多出来的空间是白边（与卡片同色，看不出接缝）。
   注意：**不要用 aspect-ratio 让图片列宽度随卡片高度反推**
         （曾试过 flex:0 0 auto + aspect-ratio:1/1），部分浏览器不
         做「高度→宽度」转移，图片列会塌成 0 宽，海报整块消失。
   顺带：左右切换箭头原来压在「量大价优」勾选文字上，
         改到卡片右下角，与圆点指示器排成一组。
   ============================================================ */
@media (min-width:981px){
  .pc-stage .psc-img{background:#FFFFFF;}
  .pc-stage .psc-img img{object-fit:contain;object-position:center;}
}
.pc-stage-nav{top:auto;bottom:8px;transform:none;width:30px;height:30px;font-size:19px;}
.pc-stage-prev{left:auto;right:54px;}
.pc-stage-next{left:auto;right:14px;}
.pc-stage-dots{left:auto;right:100px;bottom:19px;transform:none;}


/* ============================================================
   2026-10-27 18:25 全站大板块标题：改「铭牌式」中英双语标题
   （产品中心 / 4大优势强力打造 / 走进我们 / 战略合作伙伴 /
     大瑞化工的故事 / about 四块 / news 常见问题）
   1) 去掉主标题下方的 44×4px 橙色短横线
   2) 主标题 36px / 800 加粗，左右各加一条 6px 深藏青 #1B3A5C
      竖条（height:.94em，与文字齐平）做铭牌装饰
   3) 英文眉题放到中文正上方：14px / 700 / 工业橙 #E67E22 /
      全大写 / 字距 6px（★ 全大写只作用于 .tt-en 这一处，
      正文英文仍按约定用 Title Case，不做全局 uppercase）
   4) .ts-tt（首页热销榜）**排除在外**，保持用户已定稿的样式
   ============================================================ */
/* ============================================================
   2026-10-27 19:05 全站大模块标题统一（沿用「4大优势」那一版排版）
   统一结构（HTML 顺序）：
     <h2>中文主标题</h2>
     <div class="tt-en">英文全大写</div>
     <p>灰色辅助说明（原来有的才保留）</p>
     <div class="tt-rule"></div>   ← 极细浅灰分割线
   1) 主标题 36px / 800 / 深藏青 #1B3A5C，居中
   2) 英文 14px / 700 / 工业橙 #E67E22 / 全大写 / 字距 3px / 上距 10px
   3) 辅助说明 18px / 600 / #555555 / 上距 10px
   4) 灰线 48×1px #DDE2E8 / 上距 20px / 居中
   5) h2 里的 <i>（4 / TOP）64px 工业橙，与中文基线对齐、右距 12px
   覆盖：首页 6 块（热销榜 TOP / 产品中心 / 疑虑 / 4大优势 / 走进我们 /
         战略合作伙伴 / 故事）+ about 4 块 + news 1 块
   ============================================================ */
.tt{text-align:center;}
.tt .tt-en{
  color:#E67E22;font-size:14px;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;line-height:1;margin:10px 0 0;
}
.tt h2{
  display:flex;justify-content:center;align-items:baseline;
  margin:0;font-size:36px;font-weight:800;line-height:1.2;
  letter-spacing:1px;color:#1B3A5C;
}
.tt h2::before,.tt h2::after{content:none;display:none;}
.tt h2 i{
  font-style:normal;font-weight:800;font-size:64px;line-height:1;
  letter-spacing:0;color:#E67E22;margin-right:12px;
}
.tt p{
  margin:10px 0 0;color:#555555;font-size:18px;font-weight:600;
  line-height:1.6;letter-spacing:.5px;
}
.tt .tt-rule{width:48px;height:1px;background:#DDE2E8;border:0;margin:20px auto 0;}
@media (max-width:980px){
  .tt h2{font-size:30px;}
  .tt h2 i{font-size:52px;}
  .tt .tt-en{font-size:13px;letter-spacing:2px;}
  .tt p{font-size:16px;}
}
@media (max-width:640px){
  .tt h2{font-size:26px;}
  .tt h2 i{font-size:44px;}
  .tt .tt-en{font-size:12px;letter-spacing:1.5px;}
  .tt p{font-size:15px;}
}

/* 标题变 36px + 加了竖条后，胶囊与本已很挤（实测仅剩 7px），收窄一档留出呼吸位 */
@media (min-width:1240px){
  .pc-home-sec .tt-ps{gap:8px;}
  .pc-home-sec .ps-chip{padding:7px 13px;font-size:13px;gap:5px;}
  .pc-home-sec .ps-chip .ps-ico{width:16px;height:16px;}
}

/* 热销榜（.ts-tt）也属于同一族标题，橙色短横线一并去掉（其余样式一字未动） */
.top-sell-sec .ts-tt h2::after{content:none;}


/* ============================================================
   2026-10-27 18:32 首页「4大优势强力打造」专属标题：四行居中排版
   1) 第一行 主标题 40px / 800 / 深藏青 #1B3A5C，「4」改工业橙 #E67E22
      （本块不用全站铭牌竖条，::before/::after 置空）
   2) 第二行 「新老客户 良好的口碑」 → #333333 / 14px
   3) 第三行 一条 48×1px 浅灰细分隔线 #DDE2E8
   4) 第四行 「国内多家大型石化工厂有着紧密的合作关系」 → #8A9299 / 14px
   上下留白加大、整块居中；仅作用于 .tt-adv，
   其余 9 处板块标题（铭牌式竖条）不受影响。
   ============================================================ */
.tt:not(.ts-tt).tt-adv{margin:0 auto 18px;}
/* 主标题：<i>4</i> 64px 橙 + 「大优势强力打造」36px 深藏青，基线（视觉底部）对齐 */
.tt:not(.ts-tt).tt-adv h2{
  display:flex;justify-content:center;align-items:baseline;
  margin:0;font-size:36px;font-weight:800;line-height:1.2;
  letter-spacing:1px;color:#1B3A5C;
}
.tt:not(.ts-tt).tt-adv h2::before,
.tt:not(.ts-tt).tt-adv h2::after{content:none;display:none;}
.tt:not(.ts-tt).tt-adv h2 i{
  font-style:normal;font-weight:800;
  font-size:64px;line-height:1;letter-spacing:0;
  color:#E67E22;margin-right:15px;   /* 「4」与「大优势」之间留 15px 呼吸位 */
}
/* 英文眉题移到主标题正下方：橙 14px / 全大写 / 字距 3px / 上下 10px */
.tt:not(.ts-tt).tt-adv .tt-en{
  margin:10px 0 0;color:#E67E22;font-size:14px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;line-height:1;
}
/* 副标题：18px / #555 / 略加粗 */
.tt:not(.ts-tt).tt-adv .tt-slogan{
  margin:10px 0 0;color:#555555;font-size:18px;font-weight:600;
  line-height:1.6;letter-spacing:.5px;
}
/* 极细灰色分割线保留在最下方 */
.tt:not(.ts-tt).tt-adv .tt-rule{
  width:48px;height:1px;background:#DDE2E8;border:0;margin:20px auto 0;
}
@media (max-width:980px){
  .tt:not(.ts-tt).tt-adv{margin:0 auto 18px;}
  .tt:not(.ts-tt).tt-adv h2{font-size:30px;}
  .tt:not(.ts-tt).tt-adv h2 i{font-size:52px;}
}
@media (max-width:640px){
  .tt:not(.ts-tt).tt-adv h2{font-size:26px;}
  .tt:not(.ts-tt).tt-adv h2 i{font-size:44px;}
  .tt:not(.ts-tt).tt-adv .tt-en{font-size:12px;letter-spacing:2px;}
  .tt:not(.ts-tt).tt-adv .tt-slogan{font-size:16px;}
}


/* 2026-10-27 19:08 产品中心 4 个胶囊：标题整体已居中，胶囊不再绝对定位飘在右侧，
   改为灰线下方居中一排（原先 ≥1240 时的 right:0;bottom:0 方案作废） */
@media (min-width:1240px){
  .pc-home-sec .tt{position:static;}
  .pc-home-sec .tt-ps{
    position:static;left:auto;right:auto;top:auto;bottom:auto;
    margin:22px 0 0;display:flex;flex-wrap:wrap;justify-content:center;
    gap:10px;
  }
  .pc-home-sec .ps-chip{padding:8px 15px;font-size:13.5px;}
}


/* 2026-10-27 19:12 热销榜标题并入统一体系后，清掉旧规则对它的干扰：
   旧 CSS 在小屏写过 `.top-sell-sec .tt h2{flex-direction:column;font-size:22px}`
   → 会把「TOP」和「热销榜」拆成上下两行且左对齐。这里按统一规范重设。 */
.top-sell-sec .tt h2{font-size:36px;flex-direction:row;gap:0;margin:0;}
@media (max-width:980px){
  .top-sell-sec .tt h2{font-size:30px;}
}
@media (max-width:640px){
  .top-sell-sec .tt h2{font-size:26px;flex-direction:row;gap:0;}
}

/* ---------- 2026-10-28 走进我们·公司简介分段排版（覆盖 .about-wrap p） ---------- */
.about-copy p{color:#555555;font-size:15px;line-height:1.8;margin:0 0 15px;}
.about-copy .ab-blk{margin:0 0 15px;}
.about-copy .ab-blk h4{margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.8;color:#1B3A5C;letter-spacing:.3px;}
.about-copy .ab-blk p{margin:0;}
.about-copy h3{margin-bottom:16px;}
@media (max-width:768px){
  .about-copy p{font-size:14.5px;}
  .about-copy .ab-blk h4{font-size:15px;}
}

/* ---------- 2026-10-28 简介排版放大（覆盖层） ---------- */
.about-wrap{grid-template-columns:1.35fr .85fr;}
.about-copy p{font-size:16.5px;line-height:1.9;margin:0 0 20px;}
.about-copy p:last-of-type{margin-bottom:0;}
.about-copy .lead-name{font-size:18px;font-weight:700;color:#1B3A5C;}
.about-copy b{font-weight:700;color:#1B3A5C;}
@media (max-width:768px){
  .about-wrap{grid-template-columns:1fr;}
  .about-copy p{font-size:15px;line-height:1.85;}
  .about-copy .lead-name{font-size:16.5px;}
}

/* ---------- 2026-10-28 about 企业实力（仓储/检测/配送）按参考图精调 ---------- */
#strength .adv-row{padding:42px 0;}
#strength .adv-pic img{height:300px;}
#strength .adv-txt h3{font-size:21px;font-weight:800;color:#1B3A5C;letter-spacing:.5px;}
#strength .adv-txt .sub{display:block;margin:7px 0 16px;font-size:13px;line-height:1.6;letter-spacing:.3px;color:#8A94A0;}
#strength .adv-txt li{font-size:14px;line-height:1.95;padding-left:17px;margin-bottom:9px;}
#strength .adv-txt li:last-child{margin-bottom:0;}
#strength .adv-txt li::before{top:2px;font-size:8px;}
#strength .adv-txt strong{color:#1B3A5C;font-weight:700;}

/* ---------- 2026-10-29 第 2 张轮播大标题（严控品质…）海报级放大 ---------- */
.banner .slide .txt h2.b2{font-size:52px;font-weight:800;color:#1B3A5C;line-height:1.16;letter-spacing:1px;}
.banner .slide .txt h2.b2 b{font-weight:800;color:#1B3A5C;}
@media (max-width:980px){.banner .slide .txt h2.b2{font-size:32px;}}
@media (max-width:640px){.banner .slide .txt h2.b2{font-size:24px;letter-spacing:.5px;}}

/* ===== 2026-10-29 疑虑区改版：删除左侧图片，6 卡改 3 列 2 行居中（14:37 二次放大加强） ===== */
.pains-wrap{display:block;max-width:1300px;margin:0 auto;}
.pain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.pain{padding:30px 22px;border-radius:14px;}
.pain h3,.pain h4{font-size:20px;font-weight:800;color:#1B3A5C;margin:0 0 8px;}
.pain p{font-size:15.5px;line-height:1.6;}
.pain .ic{width:46px;height:46px;font-size:22px;border-radius:13px;background:#F3F6F9;}
.pain:hover .ic{background:#E8EDF3;}
@media (max-width:980px){.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.pain{padding:24px 18px;}.pain h3,.pain h4{font-size:18px;}.pain p{font-size:14.5px;}}
@media (max-width:640px){.pain-grid{grid-template-columns:1fr;gap:16px;}}

/* ===== 2026-10-29 about 企业实力重构：4 模块左右交替，与首页 4大优势同规格 ===== */
#strength .adv-row{padding:44px 0;}
#strength .adv-pic img{height:330px;}
#strength .adv-txt h3{font-size:25px;font-weight:800;color:#1B3A5C;letter-spacing:.5px;}
#strength .adv-txt li{font-size:15.5px;line-height:1.85;padding-left:19px;margin-bottom:10px;}
#strength .adv-txt li::before{top:1px;font-size:9px;}

/* ===== 2026-10-29 about 页横幅重构：仅作用于 #pg-about，不影响其他页 ===== */
#pg-about .pg-banner h1{font-size:48px;font-weight:bold;letter-spacing:3px;color:#FFFFFF;margin:0 0 16px;}
#pg-about .pg-banner p{margin:0 0 16px;font-size:22px;line-height:1.6;letter-spacing:1px;color:#F2F5F8;opacity:1;}
#pg-about .pg-banner .crumbs{margin-top:0;font-size:15px;opacity:.7;}
#pg-about .pg-banner .mask{background:linear-gradient(90deg,rgba(10,25,45,.85),rgba(10,25,45,.55) 62%,rgba(10,25,45,.25));}
@media (max-width:768px){#pg-about .pg-banner h1{font-size:30px;}#pg-about .pg-banner p{font-size:17px;}}

/* ===== 2026-10-29 products 页横幅重构：仅作用于 #pg-products ===== */
#pg-products .pg-banner .mask{background:linear-gradient(to right,rgba(27,58,92,.82),rgba(27,58,92,.34) 58%,transparent);}
#pg-products .pg-banner h1{font-size:48px;font-weight:bold;letter-spacing:2px;color:#FFFFFF;margin:0 0 16px;}
#pg-products .pg-banner p{margin:0 0 20px;font-size:22px;line-height:1.6;letter-spacing:1px;color:#FFFFFF;opacity:1;}
#pg-products .pg-banner .crumbs{margin-top:0;font-size:15px;opacity:.7;}
@media (max-width:768px){#pg-products .pg-banner h1{font-size:30px;}#pg-products .pg-banner p{font-size:17px;}}

/* ===== 2026-10-29 news 页横幅重构：仅作用于 #pg-news（15:43 文字整体左移 + 黑色渐变） ===== */
#pg-news .pg-banner .mask{background:linear-gradient(to right,rgba(0,0,0,.74),rgba(0,0,0,.38) 58%,transparent);}
#pg-news .pg-banner .bz{padding-left:0;}
#pg-news .pg-banner h1{font-size:48px;font-weight:bold;letter-spacing:2px;color:#FFFFFF;margin:0 0 16px;}
#pg-news .pg-banner p{margin:0 0 20px;font-size:22px;line-height:1.6;letter-spacing:1px;color:#FFFFFF;opacity:1;}
#pg-news .pg-banner .crumbs{margin-top:0;font-size:15px;opacity:.7;}
@media (max-width:768px){#pg-news .pg-banner h1{font-size:30px;}#pg-news .pg-banner p{font-size:17px;}}

/* ===== 2026-10-29 contact 页横幅重构：仅作用于 #pg-contact（15:52 对齐 news：文字左移 + 藏青渐变） ===== */
#pg-contact .pg-banner .mask{background:linear-gradient(to right,rgba(27,58,92,.8),transparent);}
#pg-contact .pg-banner .bz{padding-left:0;}
#pg-contact .pg-banner h1{font-size:48px;font-weight:bold;letter-spacing:2px;color:#FFFFFF;margin:0 0 16px;}
#pg-contact .pg-banner p{margin:0 0 20px;font-size:22px;line-height:1.6;letter-spacing:1px;color:#FFFFFF;opacity:1;}
#pg-contact .pg-banner .crumbs{margin-top:0;font-size:15px;opacity:.7;}
@media (max-width:768px){#pg-contact .pg-banner h1{font-size:30px;}#pg-contact .pg-banner p{font-size:17px;}}

/* ===== 2026-10-29 contact 页左侧信息卡重排：5 张卡等高均分、间距一致，与右侧表单同高 ===== */
#pg-contact .contact-grid{align-items:stretch;}
#pg-contact .contact-grid > div:first-child{display:flex;flex-direction:column;gap:14px;height:100%;}
#pg-contact .contact-grid > div:first-child .info-item{margin-bottom:0;flex:1 1 0;min-height:84px;}

/* ===== 2026-10-29 产品详情页「应用领域与包装储存 / 供货与服务」重排（纯白卡片 + 橙色方块项目符号） ===== */
.pdp-card{background:#FFFFFF;border:0;border-radius:14px;padding:24px 26px;box-shadow:0 8px 24px rgba(27,58,92,.08);}
.pdp-card::after{display:none;}
.pdp-card:hover{transform:none;background:#FFFFFF;border:0;box-shadow:0 12px 30px rgba(27,58,92,.12);}
.pdp-card h3{display:block;font-size:20px;font-weight:800;color:#1B3A5C;letter-spacing:.3px;margin:0 0 15px;}
.pdp-list--dot li{font-size:16px;line-height:1.8;padding-left:20px;color:#4A4F55;}
.pdp-list--dot li::before{content:"\25A0";position:absolute;left:1px;top:.62em;width:auto;height:auto;border-radius:0;background:none;color:#E67E22;font-size:9px;line-height:1;font-weight:400;}
.pdp-list--dot li>span:not(.ic){margin-left:6px;}
@media (max-width:760px){.pdp-card{padding:20px 18px;}.pdp-card h3{font-size:18px;}.pdp-list--dot li{font-size:15px;line-height:1.75;}}

/* ===== 2026-10-29 产品详情页全局放大排版（63 个产品页同步） ===== */
/* --- 1. 产品头部信息区 --- */
.pdp-title h1{font-size:36px;font-weight:800;color:#1B3A5C;letter-spacing:.5px;line-height:1.25;}
.pdp-title h1 small{font-size:18px;font-weight:600;color:#8A94A0;letter-spacing:1.2px;margin-top:10px;}
.pdp-tags{gap:10px;margin:18px 0 0;}
.pdp-tags span{font-size:14px;padding:6px 16px;border-radius:20px;}
.pdp-lead{margin:20px 0 0;font-size:16px;line-height:1.8;}
.pdp-glance{gap:12px;margin:24px 0 0;}
.pdp-glance div{padding:16px 18px;border-radius:10px;}
.pdp-glance b{font-size:15px;color:#6B7A8C;letter-spacing:.3px;}
.pdp-glance em{font-size:15px;font-weight:700;line-height:1.5;margin-top:6px;}
.pdp-cta{gap:14px;margin:26px 0 0;}
.pdp-cta a{padding:17px 38px;font-size:18px;font-weight:800;border-radius:5px;}
/* --- 2. 模块小标题（产品概述 / 技术参数 / 应用领域 等全站统一） --- */
.pdp-h2{font-size:24px;font-weight:800;gap:14px;}
.pdp-h2::before{width:6px;height:26px;border-radius:3px;}
.pdp-h2 small{font-size:13px;}
/* --- 3. 产品概述正文 --- */
.pdp-text{margin:20px 0 0;font-size:16px;line-height:1.9;}
.pdp-text p+p{margin-top:15px;}
/* --- 4. 技术参数表格 --- */
.pdp-spec{margin:22px 0 0;}
.pdp-spec table{font-size:15.5px;}
.pdp-spec th,.pdp-spec td{padding:15px 20px;line-height:1.7;}
.pdp-spec th{width:190px;font-size:15.5px;}
.pdp-note{margin:16px 0 0;font-size:13.5px;line-height:1.9;}
@media (max-width:980px){
  .pdp-title h1{font-size:27px;}
  .pdp-title h1 small{font-size:15px;margin-top:8px;}
  .pdp-tags span{font-size:12.5px;padding:5px 12px;}
  .pdp-lead{font-size:15px;}
  .pdp-glance b,.pdp-glance em{font-size:14px;}
  .pdp-glance div{padding:13px 14px;}
  .pdp-cta a{padding:15px 26px;font-size:16px;}
  .pdp-h2{font-size:21px;}
  .pdp-h2::before{width:5px;height:22px;}
  .pdp-text{font-size:15px;line-height:1.85;}
  .pdp-spec table,.pdp-spec th{font-size:14.5px;}
  .pdp-spec th,.pdp-spec td{padding:13px 14px;}
  .pdp-spec th{width:130px;}
}

/* ===== 2026-10-29 页脚改版：删除二维码占位列，改三栏栅格；备案号浅灰无底色 ===== */
.ft-main{grid-template-columns:1.35fr 1fr 1.25fr;gap:36px;}
.ft-icp{color:rgba(255,255,255,.72);font-size:12.5px;letter-spacing:.3px;}
.ft-icp:hover{color:#F2A45C;}
.ft-item span a{color:rgba(255,255,255,.7);}
.ft-item span a:hover{color:#F2A45C;}
@media (max-width:900px){
  .ft-main{grid-template-columns:1fr 1fr;gap:20px;padding:26px 0 18px;}
  .ft-main .lg{grid-column:1/-1;}
}

/* ===== 2026-10-29 第 3 张轮播（极速响应 准时必达 / 大湾区次日达）：b2 标题内橙色尾段 ===== */
.banner .slide .txt h2.b2 span{font-size:inherit;font-weight:800;color:#E67E22;margin-left:14px;letter-spacing:1px;}
@media (max-width:640px){.banner .slide .txt h2.b2 span{margin-left:8px;}}

/* ===== 2026-10-30 合作伙伴：8 个占位卡改为 6 家真实 Logo，桌面单行 6 列 ===== */
#partner .partners{grid-template-columns:repeat(6,1fr);gap:20px 22px;}
#partner .partners>div{height:96px;padding:0 10px;}
#partner .partners img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;}
#partner .tt p{font-size:18px;color:#555555;font-weight:600;}
#partner .partners>div:nth-child(2) img,
#partner .partners>div:nth-child(4) img{max-height:74px;}
@media (max-width:1180px){
  #partner .partners{grid-template-columns:repeat(3,1fr);gap:16px 20px;}
  #partner .partners>div{height:88px;}
  #partner .partners img{max-height:54px;}
}
@media (max-width:640px){
  #partner .partners{grid-template-columns:repeat(2,1fr);gap:12px;}
  #partner .partners>div{height:70px;padding:0 8px;}
  #partner .partners img{max-height:38px;}
  #partner .tt p{font-size:16px;}
}

/* ===== 2026-10-30 新闻详情页（news-*.html / hot-*.html）===== */
#pg-article .pg-banner h1{font-size:34px;line-height:1.4;font-weight:800;letter-spacing:1px;max-width:860px;}
.nart{background:#fff;border:1px solid var(--line);border-radius:8px;padding:38px 42px;}
.nart-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13.5px;color:#8A94A0;padding-bottom:16px;margin-bottom:24px;border-bottom:1px dashed var(--line-2);}
.nart-meta .c{background:#EDF2F7;color:#1B3A5C;font-weight:700;font-size:12.5px;padding:4px 11px;border-radius:3px;}
.nart-lead{font-size:17px;line-height:1.85;color:#333333;background:#F6F8FA;border-left:4px solid #E67E22;border-radius:0 6px 6px 0;padding:18px 22px;margin-bottom:30px;}
.nart h2{font-size:21px;font-weight:800;color:#1B3A5C;margin:34px 0 14px;padding-left:14px;position:relative;line-height:1.5;}
.nart h2::before{content:"";position:absolute;left:0;top:4px;width:5px;height:19px;background:#E67E22;border-radius:2px;}
.nart p{font-size:16px;line-height:1.95;color:#555555;margin-bottom:15px;}
.nart ul{list-style:none;margin:0 0 18px;padding:0;}
.nart ul li{position:relative;padding-left:20px;font-size:16px;line-height:1.9;color:#555555;margin-bottom:9px;}
.nart ul li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;background:#E67E22;border-radius:50%;}
.nart-cta{margin-top:34px;background:#F4F7FA;border:1px solid #E5E9EF;border-radius:8px;padding:24px 26px;}
.nart-cta b{display:block;font-size:18px;color:#1B3A5C;font-weight:800;margin-bottom:8px;}
.nart-cta p{font-size:14.5px;color:#6B7A8C;margin-bottom:16px;line-height:1.7;}
.nart-cta .btn{display:inline-block;padding:13px 34px;background:#E67E22;color:#FFFFFF;font-size:15.5px;font-weight:700;border-radius:4px;margin-right:14px;}
.nart-cta .tel{display:inline-block;padding:13px 26px;border:1px solid #E67E22;color:#E67E22;font-size:15.5px;font-weight:700;border-radius:4px;}
.nart-foot{margin-top:24px;font-size:14px;}
.nart-foot a{color:#6B7A8C;}
@media (max-width:980px){
  #pg-article .pg-banner h1{font-size:26px;}
  .nart{padding:26px 20px;}
  .nart h2{font-size:19px;}
  .nart p,.nart ul li{font-size:15.5px;}
}
/* ===== 2026-10-30 Header 电话模块：图标 + 文字块垂直居中对齐 ===== */
.hd-tel{
  display:flex;
  align-items:center;
  gap:15px;
}
.hd-tel .ico{
  width:46px;height:46px;
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  align-self:center;
  margin:0;padding:0;
}
.hd-tel .num{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  margin:0;padding:0;
  min-width:0;
  line-height:1;
}
.hd-tel .num small{
  display:block;
  margin:0;padding:0;
  font-size:13px;
  color:#8f9dae;
  letter-spacing:1px;
  line-height:1.3;
}
.hd-tel .num b{
  display:block;
  margin:0;padding:0;
  font-size:26px;
  color:var(--blue);
  line-height:1.12;
  font-weight:800;
  letter-spacing:.5px;
  white-space:nowrap;
}
@media (max-width:900px){
  .hd-tel{gap:11px;}
  .hd-tel .ico{width:34px;height:34px;}
  .hd-tel .num small{font-size:11px;letter-spacing:0;line-height:1.3;}
  .hd-tel .num b{font-size:17px;letter-spacing:0;line-height:1.14;}
}
/* ===== 2026-10-30 Header 电话图标：听筒图形在圆内视觉居中（原偏上约 1px）===== */
.hd-tel .ico svg{display:block;transform:translateY(1px);}
@media (max-width:900px){
  .hd-tel .ico svg{transform:translateY(.8px);}
}

/* ============================================================
   2026-10-30 13:00 首页「您是否还有这样的疑虑？」标题块 —— 强制居中
   用户反馈：三行文字（中文主标题 / COMMON CONCERNS / 灰色说明句）
   整体偏左，没有对准下方 6 张卡片网格的中轴线。
   处理：
   ① 外层容器 .tt-concern 撑满父级（width:100%），并用
      flex 纵向 + align-items:center + text-align:center 双重保险；
   ② 左内边距 / 左外边距一律清零，排除历史规则残留的偏移；
   ③ 主标题末尾是全角「？」，该字面右侧留白约 0.94em、左侧仅 0.39em，
      纯布局居中时墨迹会左偏约 10px（1440 宽实测），这正是肉眼看到的
      "偏左" —— 用 padding-left:.56em 让内容整体右移 0.28em，使墨迹
      中心与卡片网格中轴线重合（随字号自动缩放，移动端同样有效）；
   ④ 只作用于本模块，其余 11 处 .tt 板块标题不受影响。
   ============================================================ */
.tt.tt-concern{
  box-sizing:border-box;
  width:100%;max-width:none;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  margin-left:0;margin-right:0;
  padding-left:0;padding-right:0;
}
.tt.tt-concern>*{
  width:100%;max-width:100%;
  margin-left:0;margin-right:0;
  text-align:center;
}
.tt.tt-concern>h2{
  display:flex;justify-content:center;align-items:baseline;
  width:100%;margin:0;padding-left:.56em;box-sizing:border-box;
}
.tt.tt-concern>.tt-en{margin:10px 0 0;}
.tt.tt-concern>p{margin:10px 0 0;}
.tt.tt-concern>.tt-rule{
  width:48px;height:1px;background:#DDE2E8;border:0;
  margin:20px auto 0;
}

/* ============================================================
   2026-10-30 13:05 Header 电话模块 —— 按规范强制 Flex 垂直居中（第三版）
   痛点：圆圈与文字块盒子中心已经都在 52.0，但文字"看着偏上"。
   根因是文字**墨迹**不在盒子中心：小字 13px/1.3 + 号码 26px/1.12 时，
   墨迹 31–70（中心 50.5），圆圈 29–75（中心 52），
   上方留白 2px、下方 5px → 视觉上整块被顶起来。
   规范实现：
   ① 外层 .hd-tel：display:flex + align-items:center +
      justify-content:flex-start + gap:12px（无 float）；
   ② 右侧 .num：display:flex / flex-direction:column /
      justify-content:center / align-items:flex-start；
   ③ small：margin/padding 全 0，line-height:1.2；
      b：margin-bottom/padding-bottom 全 0；
   ④ .ico：display:flex + align-items:center + justify-content:center，
      图标在圆内正中心；
   ⑤ 最后用 transform 把整块文字下移，令「墨迹」上下留白相等（见末尾）。
   ============================================================ */
.hd-tel{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  float:none;
  margin-left:auto;
}
.hd-tel .ico{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  width:46px;height:46px;
  flex:0 0 auto;
  margin:0;padding:0;
  float:none;
}
.hd-tel .ico svg{display:block;flex:0 0 auto;}
.hd-tel .num{
  display:flex;
  flex-direction:column;
  justify-content:center;
  /* 2026-10-30 13:12 用户要求：上方小字与下方号码共用同一条横向中轴 */
  align-items:center;
  text-align:center;
  margin:0;padding:0;
  float:none;
  min-width:0;
  line-height:1;
}
.hd-tel .num small{
  display:block;
  margin:0;padding:0;
  float:none;
  font-size:13px;
  color:#8f9dae;
  letter-spacing:1px;
  line-height:1.2;
}
.hd-tel .num b{
  display:block;
  margin:0;padding:0;
  float:none;
  font-size:26px;
  color:var(--blue);
  line-height:1.12;
  font-weight:800;
  letter-spacing:.5px;
  white-space:nowrap;
}
@media (max-width:900px){
  /* 窄屏沿用原设计：整块独占一行并靠右（勿被上面的 flex-start 带偏） */
  .hd-tel{justify-content:flex-end;margin-left:0;gap:11px;}
  .hd-tel .ico{width:34px;height:34px;}
  .hd-tel .ico svg{width:17px;height:17px;}
  .hd-tel .num small{font-size:11px;letter-spacing:0;line-height:1.2;}
  .hd-tel .num b{font-size:17px;letter-spacing:0;line-height:1.14;}
}
/* 光学微调：把文字块整体下移，使墨迹上下留白相等（数值由像素实测得出）
   桌面：圆圈 ink 29–74（中心 51.5），文字 ink 32–69（中心 50.5）→ 下移 1px
   窄屏：圆圈 ink 69–102（中心 85.5），文字 ink 70–98（中心 84.0）→ 下移 1.5px */
.hd-tel .num{position:relative;top:1px;}
@media (max-width:900px){
  .hd-tel .num{top:1.5px;}
}

/* ============================================================
   2026-10-30 13:16 头部 Logo 两行文字 同轴居中
   「大瑞化工科技」为 32px 主标题，下方「专注化工品的销售与服务」
   是深蓝胶囊，原本 inline-block 靠左 → 右端比标题短一大截，看着歪。
   改：.txt 变纵向 flex + align-items:center，两行共用同一条横向中轴。
   ============================================================ */
.logo .txt{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.logo .txt strong,
.logo .txt em{margin-left:0;margin-right:0;}
.logo .txt em{align-self:center;}


/* ============================================================
   2026-10-30 k 页脚「主营关键词」行（公司简介下方）
   底色 #1B3A5C 深藏青，用低透明度浅灰，避免抢过上方简介；无纯白
   ============================================================ */
.ft-main .lg .ft-kw{
  margin:20px 0 0;
  padding:0;
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.58);
  text-align:left;
  letter-spacing:.2px;
  word-break:break-word;
}
/* 桌面端把左栏适当加宽，让 8 个关键词排在一行（窄屏仍自然换行） */
@media (min-width:1200px){
  .ft-main{grid-template-columns:1.5fr 1fr 1.15fr;}
}
/* 窄屏：.ft-main 的简写 padding 把左右内边距清零了，页脚文字会顶到屏幕边缘，补回 15px */
@media (max-width:900px){
  .ft-main{padding-left:15px;padding-right:15px;}
}
/* 单个关键词：整体不可拆行，只在「、」后换行（否则「清洗剂」会被拆成清洗/剂） */
.ft-main .lg .ft-kw .ft-kw-i{
  display:inline-block;
  white-space:nowrap;
}
/* 前缀：同为 14px 浅灰，略暗一档作标签用；需覆盖 .ft-main .lg span 的 11.5px/display:block */
.ft-main .lg .ft-kw .ft-kw-lb{
  display:inline;
  font-size:14px;
  line-height:inherit;
  color:rgba(255,255,255,.5);
  margin:0;
  padding:0;
  letter-spacing:inherit;
  font-weight:400;
}


/* ============================================================
   2026-10-30 p 404 页样式（.nf）
   ============================================================ */
.nf{background:#F8F9FA;padding:84px 0 92px;}
.nf .bz{text-align:center;}
.nf-num{
  font-size:118px;font-weight:800;line-height:1;
  color:#1B3A5C;letter-spacing:4px;
}
.nf h1{font-size:30px;font-weight:800;color:#333333;margin:14px 0 0;}
.nf p{font-size:16px;color:#666666;line-height:1.9;margin:14px 0 0;}
.nf-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px;}
.nf-btns a{
  display:inline-block;padding:12px 30px;border-radius:4px;
  font-size:15px;font-weight:700;transition:background .2s,color .2s;
}
.nf-b1{background:#E67E22;color:#fff;}
.nf-b1:hover{background:#D9731B;color:#fff;}
.nf-b2{border:1px solid #E67E22;color:#E67E22;background:#fff;}
.nf-b2:hover{background:#E67E22;color:#fff;}
.nf-tip{
  margin:38px auto 0;max-width:720px;padding-top:24px;
  border-top:1px solid #E5E9EF;
  font-size:13.5px;color:#8A939C;line-height:2.1;
}
.nf-tip b{color:#555555;font-weight:700;}
.nf-tip a{color:#1B3A5C;}
.nf-tip a:hover{color:#E67E22;}
@media (max-width:640px){
  .nf{padding:56px 0 62px;}
  .nf-num{font-size:82px;letter-spacing:2px;}
  .nf h1{font-size:22px;}
  .nf p{font-size:14.5px;}
  .nf-btns{gap:10px;margin-top:26px;}
  .nf-btns a{padding:10px 20px;font-size:14px;}
  .nf-tip{font-size:13px;line-height:2;}
}

/* ===================================================================
   2026-10-30 产品列表页（products.html）右侧分类标题区放大优化
   影响范围：仅 products.html 的 .cat-block h2 / h2 small / .tip
   —— 原规则（20px / 4px 藏青竖线 / 13px 灰字）有两份重复定义
      （约 L469 与 L1490），此处用末尾覆盖层统一接管
   =================================================================== */

/* ---- 中文主标题：34px / 700 / 深藏青，竖线改工业橙并加粗 ---- */
.cat-block h2{
  position:relative;
  display:flex;
  align-items:baseline;      /* 中英基线对齐，形成层次 */
  flex-wrap:wrap;            /* 窄屏英文自动折到下一行 */
  gap:0 10px;                /* 中文与英文的间距，替代原 small 的 margin-left */
  font-size:34px;
  font-weight:700;
  line-height:1.25;
  color:#1B3A5C;             /* 深藏青 */
  border-left:0;             /* 关掉原来的 4px 藏青边框，改用伪元素竖线 */
  padding:15px 0 0 20px;     /* 上留白 15px；左侧 20px = 6px 竖线 + 14px 间隙 */
  margin:0;
}

/* 装饰竖线：6px 宽、工业橙、圆角，高度与标题文字行盒齐平 */
.cat-block h2::before{
  content:"";
  position:absolute;
  left:0;
  top:15px;
  bottom:0;
  width:6px;
  border-radius:3px;
  background:#E67E22;
}

/* ---- 英文副标题：16px 浅灰，紧跟在中文后面 ---- */
.cat-block h2 small{
  font-size:16px;
  font-weight:400;
  color:#9AA3AD;
  letter-spacing:.8px;
  margin-left:0;
  line-height:1.3;
}

/* ---- 描述文字：16px 深灰 #555，与标题留 8px 间距 ---- */
.cat-block .tip{
  font-size:16px;
  color:#555555;
  line-height:1.7;
  margin:8px 0 18px 20px;    /* 左侧 20px 与标题文字左缘对齐 */
}

/* ---- 窄屏降级（≤980 平板 / ≤640 手机），避免大字号撑破或换行难看 ---- */
@media (max-width:980px){
  .cat-block h2{font-size:30px;padding:14px 0 0 18px;gap:0 9px;}
  .cat-block h2::before{width:5px;top:14px;}
  .cat-block h2 small{font-size:15px;}
  .cat-block .tip{font-size:15px;margin:8px 0 16px 18px;}
}
@media (max-width:640px){
  .cat-block h2{font-size:26px;padding:12px 0 0 15px;gap:0 8px;}
  .cat-block h2::before{width:5px;top:12px;}
  .cat-block h2 small{font-size:13px;letter-spacing:.4px;}
  .cat-block .tip{font-size:14px;margin:8px 0 15px 15px;}
}

/* ===== 2026-10-31 侧栏搜索按钮「搜索」二字被 flex 压缩成竖排 =====
   按钮是 flex item，默认 flex-shrink:1，被 input(flex:1) 挤到宽度不足 → 中文折行。
   固定按钮不参与收缩 + 禁止换行；input 允许收缩（min-width:0）。 */
.pro-side .side-search input{flex:1 1 auto;min-width:0;}
.pro-side .side-search button{flex:0 0 auto;white-space:nowrap;}

/* ===== 2026-10-31 Header 标语块（.hd-ad）放大 =====
   注意：.hd / .hd .bz 在本文件中重复两份（约 L75 与 L1096），改前面不生效，
   故统一用末尾覆盖层。
   原状态：b 19px #313336 / span 14.5px #8b95a1 / margin-left:22px，
   且 .hd .bz 自带 gap:26px → logo 与标语实际间距 48px（非 22px）。
   现统一收到 20px：gap 改 20，margin-left 归零，避免叠加。
   line-height 一并收紧（原 span 1.75 会把 6px 的 margin-top 视觉拉大到 16px+）。 */
.hd .bz{gap:20px;}
.hd-ad{
  margin-left:0;
  display:flex;
  flex-direction:column;
  justify-content:center;   /* 块内两行整体垂直居中 */
  align-self:center;        /* 与左侧 logo 绝对居中对齐 */
}
.hd-ad b{
  font-size:20px;
  font-weight:700;
  color:#1B3A5C;
  letter-spacing:1px;
  line-height:1.35;
}
.hd-ad span{
  font-size:16px;
  color:#555555;
  letter-spacing:.8px;
  line-height:1.4;
  margin-top:6px;
}
/* 必须补回：上面的 .hd-ad{display:flex} 写在文件末尾，选择器权重与 L551 的
   @media (max-width:900px){.hd-ad{display:none}} 相同但位置更靠后，会把隐藏规则覆盖掉，
   导致窄屏标语块强行显示、把电话区挤变形。此处重新声明一遍隐藏。 */
@media (max-width:900px){.hd-ad{display:none;}}
/* 901–1080px 过渡区：容器变窄，20px 会把第一行挤成两行；降一档字号保住单行 */
@media (min-width:901px) and (max-width:1080px){
  .hd-ad b{font-size:17.5px;letter-spacing:.6px;}
  .hd-ad span{font-size:14.5px;letter-spacing:.5px;}
}

/* ===== 2026-10-31 产品详情页：去掉「应用领域与包装储存」「供货与服务」两图上的文字覆盖层 =====
   ① HTML 侧：全站 63 页各 2 处 <figcaption> 已删除（共 126 处），此处的 display:none 是兜底，
      防止以后从旧页面复制模板时又把黑框带回来。
   ② 原 .pdp-figure 是 aspect-ratio:1/1 + img{object-fit:cover}，会把图裁成正方形：
      pdp-goods.jpg 1400×982（1.426）、pdp-truck.jpg 2000×1645（1.216），
      竖向上各被裁掉约 143px / 85px，以前这些被裁的部分正好被底部黑框盖着看不见。
      现在黑框去掉，若仍保持 1:1 会明显切掉画面内容，因此改为「容器高度跟随图片原始比例」：
      不裁切、不留白、也不再有底部渐变。 */
/* ===== 2026-10-31 11:52 产品详情页两模块「左右等高」重排 =====
   改前一版的问题：.pdp-feat 是 grid + align-items:center，图片按自身比例（337/395px）垂直居中，
   比右侧文字卡片矮一截，上下各留一块空白，左右不等高。
   现在的做法：
     ① 父容器改 flex + align-items:stretch（stretch 是 flex 默认值，此处显式写出，
        一旦有人手改成 flex-start 就会退回顶部对齐、高度不一）；
     ② 图片列 flex:0 0 480px（保持原 480 宽度），靠 stretch 拉到与文字列同高，
        图片绝对定位填满 + object-fit:cover，多出来的部分从两侧对称裁掉；
     ③ 小屏（≤980px）改上下排列，图片回到静态定位、按原始比例显示，不拉伸不裁切。 */
.pdp-feat{
  display:flex;
  align-items:stretch;          /* 关键：不可用 flex-start */
  gap:32px;
  margin:22px 0 0;
}
.pdp-figure{
  flex:0 0 480px;
  /* 等高由 align-self:stretch 完成。**不能写 height:100%**：
     flex 容器的 height 是 auto（由最高的文字列决定），百分比高度无法解析，
     实测会让图片列塌成 2px（只剩上下边框），而且 height 一旦不是 auto，
     stretch 就失效了。stretch 在效果上等同于 height:100%，且不依赖父级定高。 */
  align-self:stretch;
  height:auto;
  aspect-ratio:auto;            /* 必须解除原来的 1:1，否则高度被锁成 480px 无法拉伸 */
}
.pdp-figure img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
}
.pdp-feat-body{flex:1 1 auto;min-width:0;}
.pdp-feat--rev{flex-direction:row;}
.pdp-feat--rev .pdp-figure{order:2;}

/* 小屏：左右改上下，图片恢复原始比例，不强行拉伸 */
@media (max-width:980px){
  .pdp-feat,.pdp-feat--rev{
    flex-direction:column;
    align-items:stretch;
    gap:20px;
  }
  .pdp-feat--rev .pdp-figure{order:0;}
  .pdp-figure{
    flex:0 0 auto;
    align-self:center;          /* 居中而非拉伸，宽度受 max-width 限制 */
    width:100%;max-width:420px;
    height:auto;
  }
  .pdp-figure img{
    position:static;
    width:100%;height:auto;
    object-fit:contain;
  }
}
.pdp-figure figcaption{display:none;}

/* ===== 2026-11-02 GEO 内链：产品页「相关产品与替代方案」 =====
   目的：63 个产品页原本彼此零链接，全是孤岛；搜索引擎与 AI 只能通过产品中心
   一个入口进到产品页，无法建立品类关系。此模块补同分类与化学性质相近的互链。
   配色沿用深藏青 #1B3A5C + 行动橙 #E67E22，不改动任何现有模块样式。 */
.pdp-rel-lead{font-size:15.5px;color:#555555;line-height:1.75;margin:8px 0 24px;max-width:920px}
.pdp-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pdp-rel-grid a{display:block;border:1px solid #E5E9EF;border-radius:6px;padding:16px 16px 18px;background:#FFFFFF;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.pdp-rel-grid a:hover{border-color:#E67E22;box-shadow:0 8px 22px rgba(27,58,92,.09);transform:translateY(-2px)}
.pdp-rel-grid b{display:block;font-size:16px;font-weight:700;color:#1B3A5C;line-height:1.45;margin-bottom:6px}
.pdp-rel-grid span{display:block;font-size:12.5px;color:#9AA3AD;letter-spacing:.2px;margin-bottom:9px;line-height:1.45}
.pdp-rel-grid i{display:block;font-style:normal;font-size:13.5px;color:#555555;line-height:1.65}
.pdp-rel-more{margin:22px 0 0;font-size:14.5px}
.pdp-rel-more a{color:#E67E22;font-weight:600;text-decoration:none}
.pdp-rel-more a:hover{text-decoration:underline}
@media (max-width:1100px){.pdp-rel-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){
  .pdp-rel-grid{grid-template-columns:1fr;gap:12px}
  .pdp-rel-lead{font-size:14px}
  .pdp-rel-grid b{font-size:15px}
}
/* 卡片等高：说明文字 1 行与 2 行混排时底部对齐（2026-11-02） */
.pdp-rel-grid{align-items:stretch}
.pdp-rel-grid a{height:100%;min-height:136px;display:flex;flex-direction:column}
.pdp-rel-grid i{margin-top:auto}
.pdp-rel-grid i{margin-top:0}   /* 说明文字紧跟英文名，顶部对齐更利于扫读 */
@media (max-width:560px){
  .pdp-rel-grid a{min-height:0;padding:14px 14px 15px}   /* 单列时不必撑高，避免留白过多 */
}

/* ===== 2026-11-02 GEO 内链：内容页（新闻/行业）产品页回链 =====
   8 篇新闻 + 5 篇行业页原本 0 个指向产品详情页的链接，内容页积累的
   主题权重无法传递到产品页。此模块在正文末尾、询价 CTA 之前补回链。 */
.nart-rel{margin:28px 0 0;padding:20px 22px;background:#F8F9FA;border-left:3px solid #E67E22;border-radius:4px}
.nart-rel b{display:block;font-size:15px;font-weight:700;color:#1B3A5C;margin-bottom:10px;letter-spacing:.3px}
.nart-rel ul{list-style:none;padding:0;margin:0}
.nart-rel li{padding:8px 0;border-bottom:1px dashed #E5E9EF;font-size:14px;line-height:1.7}
.nart-rel li:last-child{border-bottom:0;padding-bottom:0}
.nart-rel a{color:#1B3A5C;font-weight:600;text-decoration:none}
.nart-rel a:hover{color:#E67E22}
.nart-rel li span{color:#555555;margin-left:6px}
@media (max-width:640px){
  .nart-rel{padding:16px 16px;margin-top:22px}
  .nart-rel li{font-size:13.5px}
  .nart-rel li span{display:block;margin-left:0;color:#666666}
}

/* ===== 产品中心分类导语（2026-11-03）===== */
.pcat-lead{padding:26px 28px;background:#FFFFFF;border:1px solid #E5E9EF;border-left:3px solid #E67E22;border-radius:6px;margin:0 0 28px;}
.pcat-lead p{font-size:15.5px;line-height:1.85;color:#555555;margin:0;}
.pcat-lead p + p{margin-top:12px;}
@media (max-width:640px){.pcat-lead{padding:18px 16px;margin-bottom:20px;}.pcat-lead p{font-size:14.5px;line-height:1.8;}}

/* ===== 产品中心：顶部精简导语 + 底部长版选型指南（2026-11-03）===== */
.pcat-lead.is-brief{padding:16px 22px;margin:0 0 24px;}
.pcat-lead.is-brief p{font-size:14.5px;line-height:1.75;}
.pcat-lead a{color:#E67E22;font-weight:600;text-decoration:none;white-space:nowrap;}
.pcat-lead a:hover{text-decoration:underline;}
.sel-guide{max-width:960px;margin:0 auto;background:#FFFFFF;border:1px solid #E5E9EF;border-radius:8px;padding:30px 34px;}
.sel-guide p{font-size:15.5px;line-height:1.9;color:#555555;margin:0;}
.sel-guide p + p{margin-top:14px;}
@media (max-width:640px){
  .pcat-lead.is-brief{padding:14px 16px;margin-bottom:18px;}
  .pcat-lead.is-brief p{font-size:13.5px;}
  .pcat-lead a{white-space:normal;}
  .sel-guide{padding:20px 18px;}
  .sel-guide p{font-size:14.5px;line-height:1.8;}
}

/* 吸顶导航下的锚点落点补偿 */
#sel-guide{scroll-margin-top:70px;}
@media (max-width:640px){#sel-guide{scroll-margin-top:60px;}}

/* 门牌号防断行（2026-11-03）*/
.nw{font-style:normal;white-space:nowrap;}

/* ===== 首页 GEO 可引用性改造（2026-11-03）===== */
/* 1. 三句话要点摘要 */
.lead-sum{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:10px;}
.lead-sum li{position:relative;padding-left:17px;font-size:15px;color:#555555;line-height:1.75;}
.lead-sum li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#E67E22;}
.lead-sum b{color:#1B3A5C;font-weight:700;margin-right:8px;}

/* 2. 常用溶剂参数对照表 */
.sol-tb-wrap{margin-top:34px;}
.sol-cap{font-size:15px;color:#1B3A5C;font-weight:700;margin:0 0 4px;}
.sol-cap small{display:block;font-size:12.5px;color:#9AA3AD;font-weight:400;letter-spacing:1px;margin-top:3px;}
.sol-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px;border:1px solid #E5E9EF;border-radius:8px;background:#FFFFFF;}
.sol-tb{width:100%;min-width:820px;border-collapse:collapse;font-size:14px;table-layout:fixed;}
.sol-tb th{background:#F1F4F8;color:#1B3A5C;font-weight:700;font-size:13.5px;padding:13px 14px;text-align:left;border-bottom:1px solid #E5E9EF;white-space:nowrap;}
.sol-tb td{padding:13px 14px;color:#555555;border-bottom:1px solid #EEF1F5;line-height:1.55;vertical-align:top;}
.sol-tb tr:last-child td{border-bottom:0;}
.sol-tb tbody tr:hover{background:#FAFBFC;}
.sol-tb td:first-child{color:#1B3A5C;font-weight:700;}
.sol-tb td:first-child em{display:block;font-style:normal;font-size:12px;color:#9AA3AD;font-weight:400;margin-top:2px;}
.sol-tb td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums;}
.sol-tb-note{font-size:12.5px;color:#9AA3AD;line-height:1.7;margin:12px 0 0;}
@media (max-width:980px){
  .lead-sum li{font-size:14.5px;}
  .sol-tb{font-size:13.5px;}
}
@media (max-width:640px){
  .lead-sum li{font-size:14px;line-height:1.7;}
  .sol-tb-wrap{margin-top:26px;}
  .sol-cap{font-size:14px;}
  .sol-tb{min-width:720px;font-size:13px;}
  .sol-tb th,.sol-tb td{padding:11px 12px;}
}

/* 参数表手机端：首列固定 + 滑动提示（2026-11-03） */
.sol-hint{display:none;font-size:12.5px;color:#E67E22;margin:9px 0 0;letter-spacing:.3px;}
@media (max-width:640px){
  .sol-scroll{position:relative;}
  .sol-tb th:first-child,.sol-tb td:first-child{position:sticky;left:0;z-index:2;background:#FFFFFF;box-shadow:1px 0 0 #EEF1F5;}
  .sol-tb th:first-child{background:#F1F4F8;}
  .sol-tb tbody tr:hover td:first-child{background:#FAFBFC;}
  .sol-hint{display:block;}
}

/* 摘要小标题（2026-11-03） */
.lead-sum-t{font-size:13.5px;color:#1B3A5C;font-weight:700;letter-spacing:.5px;margin:22px 0 0;padding-left:17px;position:relative;}
.lead-sum-t::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:2px;background:#E67E22;}

/* ===== 服务案例块（2026-11-03）===== */
.case{max-width:980px;margin:0 auto;background:#FFFFFF;border:1px solid #E5E9EF;border-radius:10px;padding:30px 34px;box-shadow:0 3px 16px rgba(27,58,92,.05);}
.case-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin:0 0 18px;}
.case-hd h3{font-size:20px;font-weight:800;color:#1B3A5C;line-height:1.5;margin:0;}
.case-tag{font-size:12px;color:#8A94A0;letter-spacing:.2px;border:1px solid #E5E9EF;border-radius:3px;padding:2px 8px;white-space:nowrap;}
.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#E5E9EF;border:1px solid #E5E9EF;border-radius:6px;overflow:hidden;margin:0 0 20px;padding:0;}
.case-meta>div{background:#FAFBFC;padding:14px 16px;}
.case-meta dt{font-size:12.5px;color:#8A94A0;margin:0 0 5px;line-height:1.4;}
.case-meta dd{font-size:15px;color:#1B3A5C;font-weight:700;margin:0;line-height:1.5;}
.case-body{font-size:15.5px;color:#555555;line-height:1.85;margin:0;}
.case-body+.case-body{margin-top:12px;}
.case-body b{color:#1B3A5C;font-weight:700;}
.case-more{margin:18px 0 0;font-size:14px;}
.case-more a{color:#E67E22;font-weight:700;}
@media (max-width:760px){
  .case-meta{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .case{padding:22px 18px;border-radius:8px;}
  .case-hd h3{font-size:17px;line-height:1.5;}
  .case-meta dd{font-size:14px;}
  .case-body{font-size:14.5px;line-height:1.8;}
}

/* ===== 询价表单结果提示（2026-11-03）===== */
/* 表单走 mailto 生成草稿，不能再假报"提交成功"，改为如实提示 + 复制兜底 */
.form-res{margin:16px 0 0;padding:16px 18px;border:1px solid #E8B27A;background:#FFF9F2;border-radius:6px;font-size:13.5px;color:#555555;line-height:1.75;}
.form-res[hidden]{display:none;}
.form-res .fr-t{display:block;font-size:14.5px;color:#1B3A5C;margin:0 0 9px;font-weight:700;line-height:1.6;}
.form-res p{margin:0 0 9px;}
.form-res p:last-child{margin-bottom:0;}
.form-res em{font-style:normal;color:#1B3A5C;font-weight:700;}
.form-res strong{color:#C2410C;font-weight:700;}
.fr-txt{display:block;width:100%;box-sizing:border-box;border:1px solid #E5E9EF;border-radius:4px;background:#FFFFFF;padding:10px 12px;font-size:12.5px;line-height:1.7;color:#555555;font-family:inherit;resize:vertical;margin:4px 0 11px;}
.fr-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;}
.fr-copy{background:#E67E22;color:#FFFFFF;border:0;border-radius:4px;padding:8px 18px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;line-height:1.5;}
.fr-copy:hover{background:#CF6F14;}
.fr-act a{color:#E67E22;font-weight:700;font-size:13.5px;}
@media (max-width:640px){
  .form-res{padding:14px 14px;font-size:13px;}
  .fr-txt{font-size:12px;}
}

/* ===== 走进我们·右侧双图（2026-11-03）===== */
/* 左右两列等高，右列两张图各占一半，与左侧长文案下沿对齐，去掉原先下半截空白 */
#about .about-wrap,#intro .about-wrap{align-items:start;}
#about .about-pic,#intro .about-pic{display:grid;grid-template-rows:1fr 1fr;gap:16px;}
#about .about-pic{height:700px;}      /* 首页：左列文案实测 708 */
#intro .about-pic{height:650px;}      /* 关于页：左列文案实测 650 */
#about .about-pic img,#intro .about-pic img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;display:block;}
@media (max-width:980px){
  #about .about-pic,#intro .about-pic{grid-template-rows:auto auto;gap:12px;height:auto;}
  #about .about-pic img,#intro .about-pic img{height:210px;}
}

/* ===== 2026-11-05 服务案例区支持多张场景卡片 ===== */
.case+.case{margin-top:20px;}
@media (max-width:640px){.case+.case{margin-top:14px;}}

/* ===== 2026-11-05 详情页分区标题条：深藏青斜角块 + 浅灰延伸带 ===== */
/* 参考客户提供的排版：左侧实色块内竖白条 + 标题，右缘斜切，色块后接浅灰条直至右边界，灰条下压一条细线 */
.pdp-sec--band{padding:46px 0 0;}
.pdp-sec--band .pdp-in{border-top:0;padding-top:0;}
.pdp-band{position:relative;display:flex;align-items:center;justify-content:space-between;height:48px;margin:0 0 22px;background:#F1F3F5;border-bottom:1px solid #DFE4EA;}
.pdp-band>span{position:relative;height:100%;display:inline-flex;align-items:center;gap:10px;padding:0 44px 0 16px;background:#1B3A5C;color:#FFFFFF;font-size:19px;font-weight:800;letter-spacing:1.5px;line-height:1;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);}
.pdp-band>span::before{content:"";width:4px;height:18px;background:#FFFFFF;border-radius:1px;flex:0 0 auto;}
.pdp-band small{font-size:12px;font-weight:600;color:#9AA3AD;letter-spacing:1.5px;padding-right:16px;line-height:1;}
.pdp-sub{font-size:17px;font-weight:800;color:#1B3A5C;letter-spacing:.5px;margin:26px 0 8px;line-height:1.5;}
.pdp-sub:first-of-type{margin-top:4px;}
.pdp-text--prose p{line-height:2;}
@media (max-width:640px){
  .pdp-sec--band{padding:34px 0 0;}
  .pdp-band{height:42px;margin:0 0 16px;}
  .pdp-band>span{font-size:16px;letter-spacing:1px;padding:0 34px 0 12px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);}
  .pdp-band>span::before{width:3px;height:15px;}
  .pdp-band small{display:none;}
  .pdp-sub{font-size:16px;margin:20px 0 6px;}
  .pdp-text--prose p{line-height:1.95;}
}

/* 2026-11-05 供货与服务改为散文排版后：正文与右侧图片顶对齐（去掉 .pdp-text 的 20px 上间距） */
.pdp-feat-body .pdp-text{margin:0;}
@media (max-width:980px){.pdp-feat-body .pdp-text{margin:0;}}

/* 2026-11-05 「相关产品」导语排成一行：原 max-width:920px 会把一句话挤成两行 */
.pdp-rel-lead{max-width:none;}
/* 2026-11-10 页脚备案号：L2404 已有 .ft-icp 基础样式（.42 偏淡），此处提亮到 72% 白并补 hover */
.ft-bottom .ft-icp{color:rgba(255,255,255,.72);display:inline-block;white-space:nowrap;}
.ft-bottom .ft-icp:hover{color:#F2A45C;text-decoration:underline;}

/* 2026-11-10 询价表单改为「复制/电话/邮件」三通道：补提示文案与按钮状态样式 */
.form-res .fr-hint{font-size:12.5px;color:#8A8F96;margin:10px 0 2px;line-height:1.7;}
.form-res .fr-copy.is-ok{background:#1F8A54;}
.form-res .fr-act .fr-tel,
.form-res .fr-act .fr-mail{display:inline-block;padding:7px 16px;border:1px solid #E67E22;border-radius:4px;line-height:1.5;}
.form-res .fr-act .fr-tel:hover,
.form-res .fr-act .fr-mail:hover{background:#FFF2E6;}
@media (max-width:768px){
  .form-res .fr-act{flex-direction:column;align-items:stretch;gap:9px;}
  .form-res .fr-act .fr-copy,
  .form-res .fr-act a{text-align:center;}
}

/* 2026-11-10 横幅：橙色副句另起一行，避免与 32px 主句连读成一句话 */
.green-bar span{display:block;font-size:18px;font-weight:400;letter-spacing:.5px;margin-top:10px;line-height:1.6;}
@media (max-width:980px){.green-bar span{font-size:16px;}}
@media (max-width:768px){.green-bar span{font-size:14px;letter-spacing:0;margin-top:8px;}}

/* ===== 2026-11-10 服务案例：结论前置 + 内链 + 免责脚注 ===== */
/* 一句话结论块：AI 引擎与快速浏览者最先抓取的可引用句 */
.case-tldr{margin:0 0 18px;padding:14px 18px;background:#FFF9F2;border-left:3px solid #E67E22;border-radius:0 6px 6px 0;font-size:15.5px;color:#33404F;line-height:1.8;}
.case-tldr b{color:#C2410C;font-weight:800;}
/* 正文内链：区分于普通正文，可点但不过度抢眼 */
.case-body a{color:#E67E22;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(230,126,34,.35);}
.case-body a:hover{color:#C2410C;border-bottom-color:#C2410C;}
/* 案例区免责脚注 */
.case-note{max-width:980px;margin:20px auto 0;font-size:12.5px;color:#8A94A0;line-height:1.75;padding:0 4px;}
@media (max-width:640px){
  .case-tldr{font-size:14.5px;padding:12px 14px;line-height:1.75;margin-bottom:14px;}
  .case-note{font-size:12px;margin-top:16px;}
}

/* ===== 2026-11-10 手机版优化：仅作用于窄屏，桌面端布局不变 ===== */

/* ① 首屏标语：按词组整体换行，避免「稳/定」「响/应」被拆开 */
.banner .slide .txt h2.b2 b>span{display:inline-block;white-space:nowrap;margin-left:0;}
.banner .slide .txt h2.b2 b>span+span{margin-left:.42em;}

/* ② 底部联系条沿用站内原有 .mbar（首页 / 电话 / 询价三条），此处不改动 */

@media (max-width:640px){
  .banner .slide .txt h2.b2{display:flex;flex-direction:column;align-items:flex-start;}
  .banner .slide .txt h2.b2 b{display:block;}
  .banner .slide .txt h2.b2 b>span{display:block;margin-left:0;}
  .banner .slide .txt h2.b2 b>span+span{margin-left:0;margin-top:2px;}
  .banner .slide .txt h2.b2>span{display:block;margin-left:0;margin-top:7px;}
}

/* ③ 首页热销榜：手机端由「自动滚动跑马灯」改为两列卡片，一屏看 4 个 */
@media (max-width:640px){
  .ts-marq{overflow:visible;margin:20px 0 8px;}
  .ts-track{display:block;width:auto;animation:none;}
  .ts-track>.ts-list~.ts-list{display:none;}
  .ts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  .ts-list li{flex:none;min-width:0;}
  .ts-list a{width:auto;}
  .ts-img{width:auto;height:auto;aspect-ratio:1/1;}
  .ts-w{font-size:14px;margin-top:8px;letter-spacing:.5px;}
}

/* ④ 产品分类：手机端由「折叠手风琴」改为 3 列按钮网格，9 个系列一眼看全；
      点开某一类时，该按钮占满整行并展开品种列表 */
@media (max-width:900px){
  .pc-cat-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#FBFCFD;}
  .pc-cat-group{border:1px solid var(--gr-line);border-radius:6px;background:#fff;overflow:hidden;}
  .pc-cat-group:last-child{border-bottom:1px solid var(--gr-line);}
  .pc-cat-l1{flex-direction:column;justify-content:center;gap:5px;text-align:center;
             padding:12px 6px;font-size:13.5px;height:100%;line-height:1.25;}
  .pc-cat-l1::before{flex:none;width:18px;height:18px;}
  .pc-cat-l1::after{display:none;}
  .pc-cat-l2{display:none;}
  .pc-cat-group:not(.collapsed){grid-column:1/-1;}
  .pc-cat-group:not(.collapsed) .pc-cat-l1{flex-direction:row;justify-content:flex-start;gap:9px;
                                           text-align:left;padding:12px 14px;font-size:14.5px;height:auto;}
  .pc-cat-group:not(.collapsed) .pc-cat-l2{display:block;}
}

/* ---------- 2026-11-10 首页版式微调 ---------- */
/* 1) 公司动态 / 行业资讯列表：圆点紧贴标题，日期靠右，不再把标题挤到中间 */
.news-col ul li a{justify-content:flex-start;align-items:baseline;}
.news-col ul li a span{margin-left:auto;}
/* 2) 故事区：置顶大图卡片与下方双栏之间加大留白 */
.story-feat{margin-bottom:42px;}

/* ============================================================
   2026-11-10 手机端专项优化（仅 ≤640px 生效，电脑版不受影响）
   ============================================================ */

/* 1) 参数对照表：横向滑动 → 卡片式（每品种一张卡，免横滑） */
@media (max-width:640px){
  .sol-hint{display:none;}
  .sol-scroll{overflow:visible;border:0;background:transparent;margin-top:12px;}
  .sol-tb{display:block;width:100%;min-width:0;font-size:14px;border-collapse:separate;}
  .sol-tb colgroup,.sol-tb thead{display:none;}
  .sol-tb tbody{display:block;}
  .sol-tb tbody tr{
    display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;align-items:start;
    padding:14px 16px;margin:0 0 10px;background:#FFFFFF;
    border:1px solid #E5E9EF;border-radius:8px;
  }
  .sol-tb tbody tr:last-child{margin-bottom:0;}
  .sol-tb tbody tr:hover{background:#FFFFFF;}
  .sol-tb td{
    display:block;padding:0;border:0;position:static;box-shadow:none;background:transparent;
    font-size:13.5px;line-height:1.55;white-space:normal;vertical-align:top;
  }
  .sol-tb td:first-child{
    grid-column:1/-1;font-size:16px;color:#1B3A5C;font-weight:700;line-height:1.4;
    padding-bottom:8px;border-bottom:1px dashed #EEF1F5;
    position:static;left:auto;z-index:auto;box-shadow:none;background:transparent;
  }
  .sol-tb td:first-child em{display:inline;font-size:12px;margin:0 0 0 6px;}
  .sol-tb td:nth-child(6){grid-column:1/-1;padding-top:2px;color:#5B6674;}
  .sol-tb td:nth-child(2)::before,
  .sol-tb td:nth-child(3)::before,
  .sol-tb td:nth-child(4)::before,
  .sol-tb td:nth-child(5)::before,
  .sol-tb td:nth-child(6)::before{
    display:block;font-size:11px;font-weight:400;color:#9AA3AD;letter-spacing:.2px;margin-bottom:2px;
  }
  .sol-tb td:nth-child(2)::before{content:"CAS 号";}
  .sol-tb td:nth-child(3)::before{content:"沸点 / 馏程";}
  .sol-tb td:nth-child(4)::before{content:"密度（20℃）";}
  .sol-tb td:nth-child(5)::before{content:"闪点（闭杯）";}
  .sol-tb td:nth-child(6)::before{content:"主要用途";}
}

/* 2) 首屏标语描述：取消 1.5px 字距 + 允许优化断行，避免末行只剩一个字 */
@media (max-width:640px){
  .banner .slide .txt p{
    font-size:14.5px;letter-spacing:.2px;line-height:1.72;
    margin-top:8px;max-width:100%;text-wrap:pretty;
  }
}

/* 3) 4 大优势英文副标题：手机上隐藏，只保留编号 + 中文标题 */
@media (max-width:640px){
  .adv-txt .adv-en{display:none;}
}

/* 2026-11-10 手机端页头：文字占满宽度，改用整体暗底保证可读性 */
@media (max-width:768px){
  .pg-banner .mask{background:linear-gradient(180deg,rgba(18,42,70,.74),rgba(18,42,70,.88))!important;}
}

/* 2026-11-10 页头副标题：两行时均衡断行，避免末行只剩一两个字 */
.pg-banner p{text-wrap:balance;}

/* 2026-11-10 页头副标题的语义换行点：桌面隐藏，手机端换行 */
.bn-br{display:none;}
@media (max-width:768px){.bn-br{display:inline;}}

/* ===== 2026-11-10 内容保护：禁止选中 / 长按菜单 / 图片拖拽 ===== */
html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default;}
img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}

/* ===== 行业方案页：正文内嵌对照表（2026-11-10）===== */
@media (min-width:901px){.nart .sol-tb{min-width:0;}.nart .sol-tb-wrap{margin-top:26px;}}
@media (max-width:900px){.nart .sol-tb{min-width:640px;}}

/* ===== 行业方案页正文内嵌对照表：手机端保留表格形态 + 首列固定 + 横滑（2026-11-10）===== */
.sol-tb--doc td::before{content:none!important;display:none!important;}
@media (max-width:900px){
  .nart .sol-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E5E9EF;background:#FFFFFF;margin-top:12px;}
  .nart .sol-hint{display:block;font-size:12.5px;color:#E67E22;margin:9px 0 0;}
}
@media (max-width:640px){
  .sol-tb--doc{display:table;width:100%;min-width:620px;font-size:13px;border-collapse:collapse;}
  .sol-tb--doc colgroup{display:table-column-group;}
  .sol-tb--doc thead{display:table-header-group;}
  .sol-tb--doc tbody{display:table-row-group;}
  .sol-tb--doc tbody tr{display:table-row;padding:0;margin:0;background:transparent;border:0;border-radius:0;}
  .sol-tb--doc tbody tr:hover{background:#FAFBFC;}
  .sol-tb--doc th,.sol-tb--doc td{display:table-cell;padding:11px 12px;border-bottom:1px solid #EEF1F5;white-space:normal;vertical-align:top;position:static;}
  .sol-tb--doc th{background:#F1F4F8;color:#1B3A5C;white-space:nowrap;font-size:12.5px;}
  .sol-tb--doc td:first-child{grid-column:auto;position:sticky;left:0;z-index:2;background:#FFFFFF;box-shadow:1px 0 0 #EEF1F5;font-size:13px;padding:11px 12px;border-bottom:1px solid #EEF1F5;}
  .sol-tb--doc th:first-child{position:sticky;left:0;z-index:3;}
}

/* ===== 修复：窄屏下正文被横向撑破（2026-11-10）=====
   grid 的 1fr 最小尺寸取内容 min-content，正文里的宽表格会把整页撑宽，
   导致手机上文字右侧被裁切。给 grid item 加 min-width:0 后可正常收缩。 */
.news-page{grid-template-columns:minmax(0,1fr) 280px;}
.news-page>*{min-width:0;}
.nart,.nart-body,.nart-in{min-width:0;}
@media (max-width:900px){.news-page{grid-template-columns:minmax(0,1fr);}}

/* ============================================================
   2026-11-11 东莞发货页：3 列简表专用
   目的：不套用六列参数卡的手机卡片化规则（那套 ::before 标签是硬编码的）
   手机端保持「表格 + 横向滑动」
   ============================================================ */
@media (max-width:640px){
  .dg-tb-wrap .sol-hint{display:block;}
  .dg-tb-wrap .sol-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;
    border:1px solid #E5E9EF;border-radius:8px;background:#FFFFFF;margin-top:12px;}
  .dg-tb{display:table;width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px;}
  .dg-tb colgroup{display:table-column-group;}
  .dg-tb thead{display:table-header-group;}
  .dg-tb tbody{display:table-row-group;}
  .dg-tb tbody tr{display:table-row;background:transparent;border:0;border-radius:0;
    padding:0;margin:0;gap:0;}
  .dg-tb tbody tr:hover{background:#FAFBFC;}
  .dg-tb th{display:table-cell;white-space:nowrap;}
  .dg-tb td{display:table-cell;padding:11px 12px;border-bottom:1px solid #EEF1F5;
    white-space:normal;vertical-align:top;}
  .dg-tb td:first-child{display:table-cell;position:static;left:auto;z-index:auto;
    box-shadow:none;font-size:13.5px;font-weight:700;padding:11px 12px;border-bottom:1px solid #EEF1F5;}
  .dg-tb td:nth-child(2)::before,.dg-tb td:nth-child(3)::before,
  .dg-tb td:nth-child(4)::before,.dg-tb td:nth-child(5)::before,
  .dg-tb td:nth-child(6)::before{content:none;display:none;}
}

/* 2026-11-11 通用区块内的 FAQ（关于/产品中心/专题页/东莞页）：限宽，避免长行 */
.sec .pdp-faq{max-width:1000px;margin-left:auto;margin-right:auto;}
@media (max-width:640px){.sec .pdp-faq{max-width:100%;}}

/* ============================================================
   2026-11-11b 文档型表格（.sol-tb--doc）修正
   ① 桌面态：第二列不再 nowrap
      —— 原规则 .sol-tb td:nth-child(2){white-space:nowrap} 是为参数表的
         CAS 号/数值列准备的；用在「典型工序」这类长中文上会撑出列宽，
         直接压到右侧一列（industries.html 电子与精密清洗行出现过重叠）
   ② 手机态：.sol-tb--doc 改回「表格 + 横滑」
      —— 参数表那套 640px 卡片的 ::before 会硬插 CAS 号/沸点/密度 标签，
         而文档表各列含义完全不同，会显示错误标签
   注：dongguan.html 的 .dg-tb 已有同款处理，用 :not(.dg-tb) 排除，互不干扰
   ============================================================ */
.sol-tb.sol-tb--doc td:nth-child(2){white-space:normal;font-variant-numeric:normal;}

@media (max-width:640px){
  /* 文档表的滑动容器：恢复横滑（参数表仍是卡片，不受影响） */
  .doc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;
    border:1px solid #E5E9EF;border-radius:8px;background:#FFFFFF;margin-top:12px;}
  .doc-scroll .sol-hint{display:block;}

  .sol-tb.sol-tb--doc:not(.dg-tb){
    display:table;width:100%;min-width:700px;font-size:13.5px;border-collapse:collapse;}
  .sol-tb.sol-tb--doc:not(.dg-tb) colgroup{display:table-column-group;}
  .sol-tb.sol-tb--doc:not(.dg-tb) thead{display:table-header-group;}
  .sol-tb.sol-tb--doc:not(.dg-tb) tbody{display:table-row-group;}
  .sol-tb.sol-tb--doc:not(.dg-tb) tbody tr{
    display:table-row;background:transparent;border:0;border-radius:0;padding:0;margin:0;gap:0;}
  .sol-tb.sol-tb--doc:not(.dg-tb) tbody tr:hover{background:#FAFBFC;}
  .sol-tb.sol-tb--doc:not(.dg-tb) th{display:table-cell;white-space:nowrap;}
  .sol-tb.sol-tb--doc:not(.dg-tb) td{
    display:table-cell;padding:11px 12px;border-bottom:1px solid #EEF1F5;
    white-space:normal;vertical-align:top;}
  .sol-tb.sol-tb--doc:not(.dg-tb) td:first-child{
    display:table-cell;position:static;left:auto;z-index:auto;box-shadow:none;
    font-size:13.5px;font-weight:700;padding:11px 12px;border-bottom:1px solid #EEF1F5;}
  .sol-tb.sol-tb--doc:not(.dg-tb) td::before{content:none!important;display:none!important;}
}