@charset "UTF-8";
/* ==========================================================================
   石家庄载伦新材料科技股份有限公司 — 官网公共样式
   设计语言：新材料工业风 · 大气 / 简约 / 专业
   ========================================================================== */
:root{
  /* 石墨深蓝主色系 */
  --navy:#0F2942;
  --navy-2:#1B3A5C;
  --steel:#1B6AC9;
  --steel-l:#4A90E2;
  --cyan:#00A8B5;
  --blue:#1B6AC9;
  --ink:#233044;
  --gray:#6B7A8D;
  --gray-l:#9AA7B5;
  --line:#E4E9EF;
  --soft:#F6F8FA;
  --white:#fff;
  --font:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --hd:78px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink);line-height:1.8;background:var(--white);-webkit-font-smoothing:antialiased;letter-spacing:.2px;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;}

/* ================= HEADER ================= */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:.3s;background:rgba(15,41,66,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);}
.header.scrolled{background:rgba(15,41,66,.98);box-shadow:0 1px 20px rgba(0,0,0,.14);}
.header-inner{display:flex;align-items:center;height:var(--hd);}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0;margin-right:auto;}
.logo-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-mark img{width:40px;height:40px;display:block;border-radius:8px;}
.flogo{width:46px;height:46px;border-radius:9px;margin-bottom:14px;display:block;}
.logo-txt{flex-shrink:0;}
.logo-txt b{display:block;font-size:16.5px;color:#fff;letter-spacing:1px;line-height:1.3;font-weight:600;white-space:nowrap;}
.logo-txt span{display:block;font-size:9px;color:rgba(255,255,255,.5);letter-spacing:2.4px;white-space:nowrap;}
.nav{display:flex;gap:28px;align-items:center;}
.nav a{color:rgba(255,255,255,.82);font-size:14.5px;position:relative;padding:6px 0;transition:.25s;white-space:nowrap;letter-spacing:.5px;}
.nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--steel-l);transition:.3s;}
.nav a:hover,.nav a.active{color:#fff;}
.nav a:hover::after,.nav a.active::after{width:100%;}
.nav-cta{background:var(--steel)!important;color:#fff!important;padding:10px 26px!important;border-radius:5px;font-weight:500;font-size:14px!important;}
.nav-cta:hover{background:var(--steel-l)!important;}
.nav-cta::after{display:none!important;}
.header-tel{display:flex;align-items:center;gap:8px;color:var(--steel-l);font-weight:700;font-size:15.5px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;margin-left:22px;transition:.25s;line-height:1;}
.header-tel svg{flex-shrink:0;}
.header-tel:hover{color:#7FB8F2;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.burger span{width:24px;height:2px;background:#fff;transition:.3s;}

/* ================= PAGE HERO (内页) ================= */
.phero{position:relative;padding:158px 0 84px;background:var(--navy);overflow:hidden;text-align:center;}
.phero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;}
.phero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--steel),var(--cyan));}
.phero-in{position:relative;z-index:2;}
.phero h1{font-size:40px;color:#fff;font-weight:700;letter-spacing:1px;margin-bottom:14px;}
.phero .en{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:4px;margin-bottom:20px;font-weight:400;}
.phero p{font-size:15.5px;color:rgba(255,255,255,.68);max-width:760px;margin:0 auto;line-height:1.9;}
.crumb{display:flex;gap:9px;justify-content:center;align-items:center;font-size:12.5px;color:rgba(255,255,255,.45);margin-bottom:18px;}
.crumb a{color:rgba(255,255,255,.7);transition:.25s;}
.crumb a:hover{color:var(--steel-l);}

/* ================= SECTIONS ================= */
section{padding:100px 0;}
.sec-tag{color:var(--steel);font-size:11.5px;font-weight:600;letter-spacing:3.5px;margin-bottom:14px;text-transform:uppercase;}
.sec-title{font-size:34px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:18px;letter-spacing:.5px;}
.sec-desc{font-size:15.5px;color:var(--gray);max-width:800px;line-height:1.95;}
.sec-head{text-align:center;margin-bottom:60px;}
.sec-head .sec-desc{margin:0 auto;}
.sec-head-l{text-align:left;margin-bottom:48px;}
.sec-head-l .sec-desc{margin:0;}
.gray-bg{background:var(--soft);}
.navy-bg{background:var(--navy);position:relative;overflow:hidden;}
.navy-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;}
.navy-bg .container{position:relative;z-index:2;}
.navy-bg .sec-title{color:#fff;}
.navy-bg .sec-desc{color:rgba(255,255,255,.66);}
.navy-bg .sec-tag{color:var(--steel-l);}

/* ================= BUTTONS ================= */
.btn{display:inline-block;padding:14px 36px;border-radius:4px;font-size:15px;font-weight:500;transition:.28s;cursor:pointer;border:none;font-family:var(--font);letter-spacing:.5px;}
.btn-gold{background:var(--steel);color:#fff;}
.btn-gold:hover{background:var(--steel-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,106,201,.3);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,41,66,.24);}
.btn-out{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;}
.btn-out:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-line{border:1px solid var(--line);color:var(--navy);background:#fff;}
.btn-line:hover{border-color:var(--steel);color:var(--steel);}

/* ================= HOME HERO ================= */
.hero{position:relative;display:flex;align-items:center;background:var(--navy);overflow:hidden;}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;}
.hero-accent{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--steel),var(--cyan),var(--steel));}
.hero-inner{position:relative;z-index:2;padding:150px 0 90px;max-width:860px;}
.hero-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.8);padding:7px 18px;border-radius:3px;font-size:12.5px;margin-bottom:32px;letter-spacing:1.5px;}
.hero-tag i{width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;}
.hero-brand{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(350px,26vw);border-radius:28px;opacity:.16;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(0,0,0,.35);}
.hero h1{font-size:52px;line-height:1.28;color:#fff;font-weight:700;letter-spacing:1px;margin-bottom:22px;}
.hero h1 em{font-style:normal;color:var(--steel-l);}
.hero-sub{font-size:17px;color:rgba(255,255,255,.85);margin-bottom:16px;font-weight:500;letter-spacing:.5px;}
.hero-desc{font-size:15px;color:rgba(255,255,255,.6);margin-bottom:40px;max-width:700px;line-height:2;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:0;margin-top:52px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:34px;}
.hstat{padding-right:52px;margin-right:52px;border-right:1px solid rgba(255,255,255,.14);}
.hstat:last-child{border-right:none;margin-right:0;padding-right:0;}
.hstat b{display:block;font-size:34px;color:#fff;font-weight:700;line-height:1.15;letter-spacing:.5px;}
.hstat b small{font-size:17px;font-weight:500;color:rgba(255,255,255,.75);}
.hstat span{display:block;font-size:12.5px;color:rgba(255,255,255,.5);margin-top:6px;letter-spacing:1px;}

/* ================= ABOUT ================= */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;}
.about-txt p{font-size:15px;color:var(--gray);margin-bottom:16px;line-height:2;}
.about-txt p strong{color:var(--navy);font-weight:600;}
.acards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.acard{background:#fff;padding:32px 26px;transition:.3s;}
.acard:hover{background:var(--soft);}
.acard b{display:block;font-size:28px;color:var(--navy);font-weight:700;margin-bottom:6px;letter-spacing:.5px;}
.acard b small{font-size:15px;color:var(--gray);font-weight:500;}
.acard span{font-size:13px;color:var(--gray);letter-spacing:.5px;}

/* ================= 实力数据条 ================= */
.factband{background:var(--navy);padding:0;}
.factband .container{position:relative;z-index:2;}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.12);}
.fact{background:var(--navy);padding:44px 24px;text-align:center;transition:.3s;}
.fact:hover{background:var(--navy-2);}
.fact b{display:block;font-size:32px;color:#fff;font-weight:700;line-height:1.2;margin-bottom:8px;}
.fact b small{font-size:15px;font-weight:500;color:rgba(255,255,255,.7);}
.fact span{display:block;font-size:12.5px;color:rgba(255,255,255,.5);letter-spacing:1px;}

/* ================= INFO TABLE ================= */
.itab{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line);}
.itab th,.itab td{border:1px solid var(--line);padding:14px 20px;text-align:left;vertical-align:top;line-height:1.85;}
.itab th{background:var(--soft);color:var(--navy);font-weight:600;width:20%;white-space:nowrap;}
.itab td{color:var(--ink);}

/* ================= PRODUCT CARDS ================= */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pcard{background:#fff;border:1px solid var(--line);transition:.34s;display:flex;flex-direction:column;overflow:hidden;}
.pcard:hover{border-color:var(--steel);transform:translateY(-4px);box-shadow:0 14px 40px rgba(15,41,66,.1);}
.pcard-img{height:8px;position:relative;}
.pcard-body{padding:32px 28px;flex:1;display:flex;flex-direction:column;}
.pcard-body .pidx{font-size:12px;color:var(--steel);font-weight:600;letter-spacing:2px;margin-bottom:12px;}
.pcard-body h3{font-size:19.5px;color:var(--navy);margin-bottom:6px;font-weight:600;letter-spacing:.5px;line-height:1.5;}
.pcard-body .pe{font-size:10.5px;color:var(--gray-l);letter-spacing:1.4px;margin-bottom:16px;min-height:15px;}
.pcard-body p{font-size:13.5px;color:var(--gray);line-height:1.9;margin-bottom:18px;flex:1;}
.pcard-body .pkv{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;}
.pcard-body .pkv span{background:var(--soft);font-size:11.5px;color:var(--navy);padding:5px 11px;border:1px solid var(--line);}
.pcard-link{color:var(--steel);font-size:14px;font-weight:500;display:flex;align-items:center;gap:7px;transition:.25s;}
.pcard:hover .pcard-link{gap:12px;}

/* ================= APPLICATIONS ================= */
.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.14);}
.app{background:var(--navy);border:0;padding:38px 24px;text-align:center;transition:.32s;}
.app:hover{background:var(--navy-2);}
.app-ico{width:48px;height:48px;margin:0 auto 18px;border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:22px;}
.app h4{color:#fff;font-size:16px;margin-bottom:10px;font-weight:600;letter-spacing:.5px;}
.app p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.8;}

/* ================= ADVANTAGES ================= */
.advs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.adv{background:#fff;padding:38px 30px;transition:.32s;position:relative;}
.adv:hover{background:var(--soft);}
.adv-n{font-size:11.5px;color:var(--steel);font-weight:600;letter-spacing:2.5px;margin-bottom:14px;}
.adv h4{font-size:18.5px;color:var(--navy);margin-bottom:12px;font-weight:600;letter-spacing:.5px;}
.adv p{font-size:14px;color:var(--gray);line-height:1.95;}

/* ================= QUALITY FLOW ================= */
.qflow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px;}
.qstep{background:#fff;padding:38px 26px;text-align:center;transition:.3s;}
.qstep:hover{background:var(--soft);}
.qdot{width:52px;height:52px;margin:0 auto 20px;border:1px solid var(--steel);color:var(--steel);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;}
.qstep h4{font-size:16px;color:var(--navy);margin-bottom:10px;font-weight:600;}
.qstep p{font-size:13px;color:var(--gray);line-height:1.85;}

/* ================= TIMELINE ================= */
.tl{position:relative;padding-left:40px;}
.tl::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:var(--line);}
.tl-item{position:relative;padding-bottom:36px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{content:"";position:absolute;left:-39px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--steel);border:2px solid #fff;box-shadow:0 0 0 1px var(--steel);}
.tl-y{font-size:20px;color:var(--navy);font-weight:700;margin-bottom:8px;letter-spacing:1px;}
.tl-item p{font-size:14.5px;color:var(--gray);line-height:1.95;}

/* ================= PRODUCT DETAIL ================= */
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.pd-visual{background:var(--navy);padding:60px 48px;position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:center;}
.pd-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;}
.pd-visual>*{position:relative;z-index:2;}
.pd-visual .pn{font-size:13px;font-weight:600;color:var(--steel-l);letter-spacing:3px;margin-bottom:20px;}
.pd-visual h2{font-size:30px;color:#fff;font-weight:700;margin-bottom:10px;letter-spacing:1px;}
.pd-visual .pen{font-size:10.5px;color:rgba(255,255,255,.42);letter-spacing:2.5px;margin-bottom:24px;}
.pd-visual p{font-size:14.5px;color:rgba(255,255,255,.7);line-height:2;}
.spec-tab{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line);}
.spec-tab th,.spec-tab td{border:1px solid var(--line);padding:13px 19px;text-align:left;line-height:1.85;}
.spec-tab th{background:var(--soft);color:var(--navy);font-weight:600;width:22%;white-space:nowrap;}
.spec-tab td{color:var(--ink);}

/* ================= FEATURE LIST ================= */
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.feat{display:flex;gap:16px;background:#fff;padding:24px 26px;transition:.3s;}
.feat:hover{background:var(--soft);}
.feat-ico{width:34px;height:34px;border:1px solid var(--steel);color:var(--steel);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.feat b{display:block;font-size:15.5px;color:var(--navy);margin-bottom:5px;font-weight:600;}
.feat p{font-size:13.5px;color:var(--gray);line-height:1.85;}

/* ================= NEWS ================= */
.nfilter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:44px;}
.nfbtn{padding:9px 26px;border:1px solid var(--line);background:#fff;font-size:14px;cursor:pointer;transition:.28s;color:var(--ink);border-radius:2px;font-family:var(--font);}
.nfbtn:hover{border-color:var(--steel);color:var(--steel);}
.nfbtn.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.nlist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);}
.nitem{display:grid;grid-template-columns:140px 1fr;gap:0;background:#fff;transition:.3s;align-items:center;}
.nitem.hide{display:none;}
.nitem:hover{background:var(--soft);}
.ndate{background:var(--soft);color:var(--navy);padding:32px 18px;text-align:center;border-right:1px solid var(--line);}
.ndate b{display:block;font-size:28px;font-weight:700;line-height:1.1;}
.ndate span{display:block;font-size:11.5px;color:var(--gray);margin-top:4px;letter-spacing:1px;}
.nbody{padding:26px 30px;}
.ncat{display:inline-block;font-size:11.5px;color:var(--steel);border:1px solid var(--steel);padding:2px 10px;margin-bottom:11px;letter-spacing:.5px;}
.nbody h3{font-size:18px;color:var(--navy);margin-bottom:9px;font-weight:600;line-height:1.6;letter-spacing:.5px;}
.nbody p{font-size:13.5px;color:var(--gray);line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nbody .more{font-size:13.5px;color:var(--steel);margin-top:11px;display:inline-block;font-weight:500;}

/* ================= NEWS DETAIL ================= */
.article{max-width:840px;margin:0 auto;}
.art-head{text-align:center;margin-bottom:44px;}
.art-head h1{font-size:32px;color:var(--navy);line-height:1.5;margin-bottom:18px;font-weight:700;letter-spacing:.5px;}
.art-meta{font-size:12.5px;color:var(--gray-l);display:flex;gap:22px;justify-content:center;flex-wrap:wrap;letter-spacing:.5px;}
.art-cover{height:220px;margin-bottom:44px;background:var(--navy);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.art-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;}
.art-cover .pn{font-size:44px;font-weight:700;color:rgba(255,255,255,.14);letter-spacing:8px;position:relative;z-index:2;}
.art-body{font-size:15.5px;color:var(--ink);line-height:2.1;}
.art-body p{margin-bottom:20px;}
.art-body h2{font-size:21px;color:var(--navy);margin:40px 0 16px;font-weight:600;letter-spacing:.5px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.art-body h3{font-size:17.5px;color:var(--navy);margin:30px 0 12px;font-weight:600;}
.art-body ul{margin:0 0 20px;padding-left:22px;list-style:disc;}
.art-body li{margin-bottom:10px;line-height:1.95;}
.art-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;background:#fff;border:1px solid var(--line);}
.art-body th,.art-body td{border:1px solid var(--line);padding:12px 16px;text-align:left;line-height:1.8;}
.art-body th{background:var(--soft);color:var(--navy);font-weight:600;}
.art-quote{background:var(--soft);border-left:3px solid var(--steel);padding:20px 26px;margin:30px 0;font-size:15px;color:var(--navy);line-height:1.95;}
.art-nav{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap;}
.art-nav a{font-size:14px;color:var(--gray);transition:.25s;max-width:46%;line-height:1.7;}
.art-nav a:hover{color:var(--steel);}
.art-nav b{display:block;font-size:11.5px;color:var(--gray-l);margin-bottom:4px;letter-spacing:1px;}

/* ================= CONTACT ================= */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
.cinfo h3{font-size:25px;color:var(--navy);margin-bottom:18px;font-weight:700;letter-spacing:.5px;}
.cinfo>p{font-size:14.5px;color:var(--gray);margin-bottom:30px;line-height:1.95;}
.citems{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);}
.citem{display:flex;gap:16px;align-items:flex-start;background:#fff;padding:18px 22px;transition:.3s;}
.citem:hover{background:var(--soft);}
.cico{width:36px;height:36px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--soft);}
.citem b{display:block;font-size:12px;color:var(--gray);font-weight:400;margin-bottom:3px;letter-spacing:.5px;}
.citem span{font-size:15px;color:var(--navy);font-weight:500;}
.citem a span{color:var(--steel);}
.citem a:hover span{color:var(--steel-l);text-decoration:underline;}
.cqr{background:var(--soft);padding:40px 36px;border:1px solid var(--line);text-align:center;}
.cqr h4{font-size:19px;color:var(--navy);margin-bottom:22px;font-weight:600;letter-spacing:1px;}
.cqr img{width:232px;height:232px;display:block;margin:0 auto 18px;background:#fff;border:1px solid var(--line);padding:8px;}
.cqr-tip{font-size:13.5px;color:var(--gray);line-height:1.9;margin-bottom:16px;}
.cqr-tel{display:block;font-size:25px;font-weight:700;color:var(--steel);letter-spacing:1.5px;margin-bottom:6px;}
.cqr-time{font-size:12.5px;color:var(--gray-l);}
.cta-row{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:6px;}
.cta-qr{display:inline-flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:12px 22px 12px 12px;border-radius:8px;text-align:left;}
.cta-qr img{width:96px;height:96px;display:block;background:#fff;padding:5px;border-radius:4px;}
.cta-qr b{display:block;color:#fff;font-size:15px;margin-bottom:5px;letter-spacing:.5px;}
.cta-qr span{color:rgba(255,255,255,.6);font-size:12.5px;letter-spacing:.5px;}

/* ================= CTA BAND ================= */
.ctaband{background:var(--navy);padding:72px 0;text-align:center;position:relative;overflow:hidden;}
.ctaband::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;}
.ctaband .container{position:relative;z-index:2;}
.ctaband h2{font-size:30px;color:#fff;font-weight:700;margin-bottom:14px;letter-spacing:1px;}
.ctaband p{font-size:15px;color:rgba(255,255,255,.62);margin-bottom:30px;}

/* ================= FOOTER ================= */
.footer{background:#0A1E33;color:rgba(255,255,255,.55);padding:72px 0 0;}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:48px;padding-bottom:48px;}
.fcol h5{color:#fff;font-size:15px;margin-bottom:20px;font-weight:600;letter-spacing:1px;}
.fcol p{font-size:13.5px;line-height:1.95;margin-bottom:12px;}
.fcol li{font-size:13.5px;padding:6px 0;transition:.25s;}
.fcol li:hover{color:var(--steel-l);}
.fcol a:hover{color:var(--steel-l);}
.fcontact{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.fcontact a{color:rgba(255,255,255,.8);font-size:14px;transition:.25s;}
.fcontact a:hover{color:var(--steel-l);}
.fcontact strong{color:#fff;font-size:19px;font-weight:700;letter-spacing:1px;}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;text-align:center;font-size:12.5px;color:rgba(255,255,255,.4);}
.fbot span{display:block;margin-top:6px;}
.flinks{display:flex;gap:20px;justify-content:center;margin-bottom:12px;flex-wrap:wrap;}
.flinks a{color:rgba(255,255,255,.5);transition:.25s;}
.flinks a:hover{color:var(--steel-l);}

/* ================= ANIMATION ================= */
html.js .reveal{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.22,.61,.36,1);}
html.js .reveal.in{opacity:1;transform:none;}
/* 无 JS / 打印 / 兜底：内容始终可见 */
html:not(.js) .reveal{opacity:1;transform:none;}
@media print{.reveal{opacity:1!important;transform:none!important;}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}}

/* ================= A11Y ================= */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--steel);color:#fff;padding:12px 24px;z-index:9999;}
.skip-link:focus{left:0;}
:focus-visible{outline:2px solid var(--steel);outline-offset:3px;}

/* ================= RESPONSIVE ================= */
@media(max-width:1100px){
  .container{padding:0 32px;}
  .nav{gap:24px;}
  .nav a{font-size:13.5px;}
  .pgrid{grid-template-columns:repeat(2,1fr);}
  .apps{grid-template-columns:repeat(3,1fr);}
  .facts{grid-template-columns:repeat(3,1fr);}
  .fgrid{grid-template-columns:1fr 1fr;gap:36px;}
  .hero h1{font-size:42px;}
}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr;gap:44px;}
  .advs{grid-template-columns:repeat(2,1fr);}
  .qflow{grid-template-columns:repeat(2,1fr);}
  .pd-grid{grid-template-columns:1fr;gap:36px;}
  .feats{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:820px){
  .container{padding:0 22px;}
  .nav{position:fixed;top:var(--hd);left:0;right:0;background:var(--navy);flex-direction:column;gap:0;padding:10px 22px 22px;transform:translateY(-130%);transition:.35s;box-shadow:0 16px 34px rgba(0,0,0,.3);max-height:calc(100vh - var(--hd));overflow-y:auto;}
  .nav.open{transform:none;}
  .nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);width:100%;font-size:15px;}
  .nav-cta{margin-top:14px;text-align:center;}
  .burger{display:flex;}
  .hero{min-height:auto;padding:120px 0 70px;}
  .hero h1{font-size:30px;letter-spacing:.5px;}
  .hero-sub{font-size:15.5px;}
  .hero-inner{padding:0 22px;}
  .hero-brand{display:none;}
  .cta-row{flex-direction:column;gap:20px;}
  .hero-stats{gap:0;margin-top:46px;padding-top:26px;}
  .hstat{padding:0 20px;margin:0 0 14px;border-right:1px solid rgba(255,255,255,.14);flex:1 1 44%;}
  .hstat:nth-child(2n){border-right:none;}
  .hstat b{font-size:26px;}
  .phero{padding:130px 0 56px;}
  .phero h1{font-size:27px;}
  section{padding:64px 0;}
  .sec-title{font-size:26px;}
  .pgrid{grid-template-columns:1fr;}
  .apps{grid-template-columns:repeat(2,1fr);}
  .advs{grid-template-columns:1fr;}
  .qflow{grid-template-columns:1fr;}
  .acards{grid-template-columns:1fr 1fr;}
  .itab th{width:32%;}
  .facts{grid-template-columns:repeat(2,1fr);}
  .fact{padding:30px 18px;}
  .fact b{font-size:26px;}
  .nitem{grid-template-columns:1fr;}
  .ndate{padding:18px;display:flex;gap:10px;align-items:baseline;justify-content:center;border-right:none;border-bottom:1px solid var(--line);}
  .ndate b{font-size:22px;}
  .nbody{padding:22px;}
  .art-head h1{font-size:23px;}
  .art-body{font-size:15px;}
  .cqr{padding:28px 22px;}
  .cqr img{width:200px;height:200px;}
  .fgrid{grid-template-columns:1fr;gap:32px;}
  .pd-visual{padding:40px 28px;min-height:auto;}
  .ctaband h2{font-size:23px;}
}

/* ================= ROUND 11 =================
   行业实景背景图 · 产品实拍图 · 生产与检测能力
   ========================================== */

/* ---------- 首屏实景背景 ---------- */
.hero-photo{position:absolute;inset:0;background:url("../img/bg-plant.jpg") center/cover no-repeat;opacity:.34;}
.hero-veil{position:absolute;inset:0;background:linear-gradient(102deg,rgba(15,41,66,.96) 0%,rgba(15,41,66,.90) 40%,rgba(15,41,66,.72) 72%,rgba(15,41,66,.60) 100%);}
.hero .hero-bg-grid,.hero .hero-accent,.hero .hero-brand{z-index:2;}

/* ---------- 内页头图 ---------- */
.phero-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.30;z-index:1;}
.phero-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,41,66,.90),rgba(15,41,66,.80));z-index:1;}
.phero .phero-in{z-index:3;}

/* ---------- 带实景底图的通栏 ---------- */
.band{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}
.band::before{content:"";position:absolute;inset:0;background:rgba(15,41,66,.90);z-index:1;}
.band::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;z-index:1;}
.band>.container{position:relative;z-index:2;}
.band .sec-title{color:#fff;}
.band .sec-desc{color:rgba(255,255,255,.68);}
.band .sec-tag{color:var(--steel-l);}

/* ---------- 能力卡片 ---------- */
.facgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.fac{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;overflow:hidden;transition:.34s;}
.fac:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3);transform:translateY(-4px);}
.fac-img{height:196px;overflow:hidden;background:var(--navy);}
.fac-img img{width:100%;height:100%;object-fit:cover;transition:.6s;}
.fac:hover .fac-img img{transform:scale(1.06);}
.fac-body{padding:26px 26px 30px;}
.fac-body>span{display:block;font-size:11.5px;color:var(--steel-l);font-weight:600;letter-spacing:2.5px;}
.fac-body h3{font-size:18px;color:#fff;margin:10px 0 12px;font-weight:600;letter-spacing:.5px;}
.fac-body p{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.92;}

/* ---------- 产品卡片真实图片 ---------- */
.pcard-img{height:188px;position:relative;overflow:hidden;background:var(--navy);}
.pcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.pcard:hover .pcard-img img{transform:scale(1.07);}
.pcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,41,66,0) 52%,rgba(15,41,66,.22) 100%);}

/* ---------- 产品详情页视觉区实景底图 ---------- */
.pd-visual .pd-photo{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;}
.pd-visual .pd-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(150deg,rgba(15,41,66,.94) 0%,rgba(15,41,66,.80) 52%,rgba(15,41,66,.92) 100%);}

/* ---------- 设备清单表格 ---------- */
.eqblock{margin-bottom:44px;}
.eqblock:last-of-type{margin-bottom:0;}
.eqh{display:flex;align-items:center;gap:14px;font-size:19px;color:var(--navy);font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.eqh>span{flex:none;width:34px;height:34px;border:1px solid var(--steel);color:var(--steel);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;letter-spacing:0;}
.eqh em{font-style:normal;font-size:12.5px;font-weight:400;color:var(--gray);letter-spacing:0;}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tw table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--line);}
.tw th,.tw td{border:1px solid var(--line);padding:13px 18px;text-align:left;line-height:1.85;vertical-align:top;}
.tw thead th{background:var(--navy);color:#fff;font-weight:600;white-space:nowrap;}
.tw tbody th{background:var(--soft);color:var(--navy);font-weight:600;}
.tw tbody tr:nth-child(even) td{background:#FBFCFD;}
.tw .tw-name{color:var(--navy);font-weight:600;}
/* 深底通栏内的表格 */
.band .tw table{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);}
.band .tw th,.band .tw td{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.82);}
.band .tw thead th{background:rgba(255,255,255,.09);color:#fff;}
.band .tw tbody tr:nth-child(even) td{background:rgba(255,255,255,.03);}
.band .tw .tw-name{color:#fff;}

/* ---------- 工艺路径 ---------- */
.pf{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.pf-step{background:#fff;padding:30px 24px;transition:.3s;}
.pf-step:hover{background:var(--soft);}
.pf-step b{display:block;font-size:12px;color:var(--steel);font-weight:600;letter-spacing:2.5px;margin-bottom:10px;}
.pf-step h4{font-size:16px;color:var(--navy);margin-bottom:8px;font-weight:600;}
.pf-step p{font-size:13px;color:var(--gray);line-height:1.85;}
.eqnote{margin-top:44px;border-left:3px solid var(--steel);background:var(--soft);padding:22px 26px;}
.eqnote b{display:block;font-size:14.5px;color:var(--navy);margin-bottom:6px;}
.eqnote p{font-size:14px;color:var(--gray);line-height:1.95;}

/* ---------- 响应式补充 ---------- */
@media(max-width:1100px){
  .nav{gap:22px;}
  .nav a{font-size:13.5px;}
  .facgrid{grid-template-columns:repeat(2,1fr);}
  .pf{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .pd-grid{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .hero-photo{opacity:.26;}
  .hero-veil{background:linear-gradient(180deg,rgba(15,41,66,.93),rgba(15,41,66,.86));}
  .phero-photo{opacity:.22;}
  .band{background-attachment:scroll;}
  .facgrid{grid-template-columns:1fr;}
  .fac-img{height:200px;}
  .pf{grid-template-columns:1fr;}
  .eqh{font-size:17px;flex-wrap:wrap;gap:10px;}
  .tw table{font-size:13.5px;min-width:560px;}
  .tw th,.tw td{padding:11px 14px;}
}

/* ---------- CTA 通栏实景底图 ---------- */
.ctaband .cb-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.26;}
.ctaband .cb-veil{position:absolute;inset:0;background:rgba(15,41,66,.74);}
.ctaband .container{position:relative;z-index:3;}

/* ================= ROUND 12 =================
   页脚联系人强调 · 对比表列宽
   ========================================== */
.fcontact{gap:12px;}
.fperson{color:rgba(255,255,255,.86);font-size:14.5px;letter-spacing:1.5px;}
.fcontact .fperson + strong{margin-top:2px;}
.fcontact strong{color:var(--steel-l);font-size:27px;font-weight:700;letter-spacing:1.5px;line-height:1.35;display:block;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.fcontact strong a{color:inherit;}
.fcontact strong a:hover{color:#7FB8F2;}
/* 产品对比表：首列产品名不折行、末列放宽 */
.itab.ctab th{white-space:nowrap;}
.itab.ctab td:first-child{white-space:nowrap;}
.itab.ctab td:first-child a{font-size:14px;}
.itab.ctab td:last-child{min-width:220px;}
@media(max-width:820px){
  .fcontact strong{font-size:23px;}
  .itab.ctab td:first-child{white-space:normal;}
  .itab.ctab td:last-child{min-width:180px;}
}

/* ================= ROUND 14 =================
   页头自适应修正：logo 永不变形，导航提前收成汉堡
   实测：logo 207px + 导航 720px + 内边距 64px ≈ 991px，
   原汉堡断点 820px 太晚，821~991px 之间会把 logo 挤换行。
   ========================================== */
@media(max-width:1000px){
  .nav{position:fixed;top:var(--hd);left:0;right:0;background:var(--navy);flex-direction:column;gap:0;padding:10px 22px 22px;transform:translateY(-130%);transition:.35s;box-shadow:0 16px 34px rgba(0,0,0,.3);max-height:calc(100vh - var(--hd));overflow-y:auto;}
  .nav.open{transform:none;}
  .nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);width:100%;font-size:15px;}
  .nav-cta{margin-top:14px;text-align:center;}
  .burger{display:flex;}
}

/* ================= ROUND 15 =================
   页头电话号码直显：桌面在导航右侧、移动端收在 logo 与汉堡之间
   ========================================== */
@media(max-width:1000px){
  .header-tel{margin-left:0;margin-right:16px;font-size:14.5px;}
}
@media(max-width:820px){
  .header-tel{font-size:14px;gap:6px;}
  .header-tel svg{width:15px;height:15px;}
}


/* ---------- ROUND 16：新闻分页 ---------- */
.npager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap;}
.pbtn{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:14px;cursor:pointer;border-radius:5px;transition:.2s;}
.pbtn:hover{border-color:var(--steel);color:var(--steel);}
.pbtn.active{background:var(--steel);border-color:var(--steel);color:#fff;font-weight:600;}
.pbtn[disabled]{opacity:.4;cursor:not-allowed;}