/* =========================================================
   江苏全瑞新能源材料有限公司 — 官网全站样式
   主色 全瑞蓝 #145395  ·  辅助 品牌绿 #27B770
   延续宣传手册 VI，工业稳重 + 新能源科技
   ========================================================= */
:root{
  --blue:        #145395;   /* 全瑞蓝 主色 */
  --blue-deep:   #0b3c78;   /* Banner 遮罩深蓝 */
  --blue-dark:   #0F2A4D;   /* 页脚/顶条深蓝 */
  --green:       #27B770;   /* 品牌绿 CTA */
  --green-dark:  #1E9A5E;
  --amber:       #F0B429;   /* 防爆琥珀 数据高亮 */
  --ink:         #333333;   /* 正文 */
  --muted:       #66748A;   /* 次要文字 */
  --ice:         #EEF4FB;   /* 浅分区背景 */
  --line:        #E3E9F1;   /* 分隔线 */
  --card:        #ffffff;
  --shadow:      0 8px 26px rgba(20,83,149,.10);
  --radius:      10px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;}
body{
  font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--ink);line-height:1.8;font-size:16px;background:#fff;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ============ 顶部信息条 ============ */
.topbar{background:var(--blue-dark);color:#cfe0f2;font-size:13px;line-height:40px;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;}
.topbar .left span{margin-right:26px;color:#fff;}
.topbar .left svg{vertical-align:-2px;margin-right:6px;}
.topbar .right a{color:#fff;font-weight:600;}

/* ============ 导航 ============ */
.site-nav{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 14px rgba(15,42,77,.06);}
.site-nav .wrap{display:flex;align-items:center;height:78px;}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;}
.brand .logo{height:46px;width:auto;max-width:170px;display:block;object-fit:contain;}
.brand .name b{display:block;font-size:18.5px;color:#111111;letter-spacing:.3px;line-height:1.25;}
.brand .name span{display:block;font-size:11.5px;color:#444444;letter-spacing:.4px;line-height:1.3;}
.nav-list{display:flex;align-items:center;gap:6px;}
.nav-list a{
  position:relative;display:flex;align-items:center;height:78px;padding:0 18px;color:#344;font-size:16px;font-weight:500;
  transition:color .2s;
}
.nav-list a::after{content:'';position:absolute;left:18px;right:18px;bottom:10px;height:3px;background:var(--blue);border-radius:2px;opacity:0;transition:opacity .2s;}
.nav-list a:hover{color:var(--blue);}
.nav-list a.is-current{color:var(--blue);font-weight:700;}
.nav-list a.is-current::after{opacity:1;}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.burger span{display:block;width:24px;height:2px;background:var(--blue-deep);margin:5px 0;border-radius:2px;}

/* ============ 页面 Banner ============ */
.page-hero{
  position:relative;height:460px;overflow:hidden;
  background-color:var(--blue-deep);background-size:cover;background-position:center;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(100deg, rgba(11,60,120,.94) 0%, rgba(11,60,120,.72) 42%, rgba(11,60,120,.18) 100%);
}
.hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;}
.page-hero h1{color:#fff;font-size:44px;font-weight:800;line-height:1.25;letter-spacing:1px;max-width:760px;}
.page-hero .hero-sub{color:rgba(255,255,255,.9);font-size:18px;margin-top:16px;max-width:720px;line-height:1.8;}
.page-hero .hero-en{display:inline-block;color:rgba(255,255,255,.55);font-size:13px;letter-spacing:3px;margin-bottom:14px;font-weight:600;}

/* ============ 模块标题 ============ */
.section{padding:84px 0;}
.section.alt{background:var(--ice);}
.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:42px;}
.sec-head .bar{width:6px;height:30px;background:var(--blue);border-radius:3px;align-self:center;}
.sec-head h2{font-size:30px;color:var(--blue-deep);font-weight:800;}
.sec-head .en{color:var(--mute);font-size:13px;letter-spacing:2px;font-weight:600;margin-left:auto;}
.sec-sub{color:var(--mute);font-size:15.5px;max-width:860px;}

/* ---------- 通用卡片 ---------- */
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,83,149,.16);}

/* ============ 首页：企业介绍 ============ */
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center;}
.intro-grid .txt p{color:#444;margin-bottom:18px;}
.intro-grid .txt p b{color:var(--blue-deep);}
.intro-grid .fig{border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}
.intro-grid .fig img{width:100%;height:360px;object-fit:cover;}

/* ---------- 数据条 ---------- */
.data-bar{background:linear-gradient(120deg,var(--blue-dark) 0%,var(--blue-deep) 100%);color:#fff;padding:52px 0;}
.data-bar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.data-item .num{font-size:42px;font-weight:800;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums;}
.data-item .num i{font-style:normal;font-size:22px;}
.data-item .lbl{color:rgba(255,255,255,.82);font-size:14.5px;margin-top:8px;}

/* ---------- 产品宫格 ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.prod-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 22px;text-align:center;cursor:pointer;position:relative;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.prod-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--blue);}
.prod-card .no{font-size:40px;font-weight:800;color:var(--blue);line-height:1;}
.prod-card .nm{font-size:16px;color:#344;font-weight:600;margin-top:12px;}
.prod-card .pd-sub{font-size:13px;color:var(--mute);margin-top:4px;}
.prod-card .tag{
  display:inline-block;margin-top:14px;padding:3px 14px;border-radius:20px;
  background:#E8F5E9;color:#1E7A3A;font-size:12.5px;font-weight:600;
}

/* ---------- 理念卡 ---------- */
.idea-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:center;}
.idea-card .ic{
  width:58px;height:58px;margin:0 auto 16px;border-radius:14px;
  background:linear-gradient(135deg,var(--blue),#2a7fd0);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.idea-card h3{font-size:19px;color:var(--blue-deep);font-weight:700;}
.idea-card p{font-size:14px;color:var(--mute);margin-top:8px;line-height:1.7;}

/* ---------- 时间轴 ---------- */
.tl{position:relative;margin:10px 0 0;padding-left:0;}
.tl::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(var(--blue),rgba(41,127,208,.25));transform:translateX(-50%);}
.tl li{position:relative;width:50%;padding:0 44px 46px 0;text-align:right;}
.tl li:nth-child(odd){left:0;}
.tl li:nth-child(even){left:50%;padding:0 0 46px 44px;text-align:left;}
.tl li .dot{
  position:absolute;top:6px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:5px solid var(--blue);box-shadow:0 0 0 4px rgba(20,83,149,.14);
}
.tl li:nth-child(odd) .dot{right:-8px;}
.tl li:nth-child(even) .dot{left:-8px;}
.tl .y{font-size:18px;font-weight:800;color:var(--blue-deep);}
.tl .g{display:inline-block;margin:6px 0 0;padding:3px 14px;border-radius:20px;background:#E8F5EE;color:#1E7A3A;font-size:13px;font-weight:700;}
.tl li:nth-child(odd) .g{float:right;}
.tl li:nth-child(even) .g{float:left;}
.tl p{font-size:14.5px;color:var(--mute);margin-top:10px;clear:both;}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(120deg,var(--blue-dark),var(--blue-deep));color:#fff;padding:64px 0;text-align:center;}
.cta h3{font-size:28px;font-weight:800;color:#fff;}
.cta p{color:rgba(255,255,255,.82);font-size:16px;margin:12px auto 26px;max-width:680px;}
.btn{
  display:inline-block;padding:12px 34px;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;
  transition:background .2s,transform .2s;
}
.btn-green{background:var(--green);color:#fff;}
.btn-green:hover{background:var(--green-dark);transform:translateY(-2px);}
.btn-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7);}
.btn-line:hover{background:rgba(255,255,255,.14);}

/* ---------- 页脚 ---------- */
.footer{background:var(--blue-dark);color:#C3D1E2;padding:64px 0 0;font-size:14.5px;}
.footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px;padding-bottom:44px;}
.footer h4{color:#fff;font-size:16.5px;margin-bottom:18px;font-weight:700;}
.footer .brand .name b{color:#fff;}
.footer .brand .name span{color:rgba(255,255,255,.62);}
.footer .col p{line-height:1.9;color:#A9BAD0;}
.footer .links li{line-height:2.4;}
.footer .links a:hover{color:#fff;}
.footer .fcontact li{display:flex;gap:8px;align-items:flex-start;line-height:1.9;margin-bottom:8px;}
.footer .fcontact svg{flex:0 0 16px;margin-top:5px;}
.footer .qrcode{width:120px;height:120px;background:rgba(255,255,255,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:12px;}
.footer .qrcode small{text-align:center;line-height:1.4;}
.footer .copy{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:13px;color:#7E92AA;}
.footer .copy .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}

/* ============ 产品中心 ============ */
.part-flow{display:flex;flex-direction:column;gap:0;margin-top:8px;}
.part-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;}
.part-chip{flex:1;background:var(--ice);border:1px solid var(--line);border-radius:10px;padding:18px 14px;text-align:center;}
.part-chip b{display:block;font-size:16px;color:var(--blue-deep);}
.part-chip span{font-size:12.5px;color:var(--mute);}
.part-arrow{color:var(--blue);font-size:20px;font-weight:800;}

/* 防爆原理 */
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.p-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-align:center;position:relative;}
.p-card .p-ic{width:66px;height:66px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:800;}
.p-card h3{font-size:18px;color:var(--blue-deep);font-weight:700;}
.p-card p{font-size:14px;color:var(--mute);margin-top:10px;line-height:1.75;text-align:left;}
.ic-cid{background:linear-gradient(130deg,#2f7fd0,#145395);}
.ic-vent{background:linear-gradient(130deg,#F0B429,#e09b12);}
.ic-seal{background:linear-gradient(130deg,#27B770,#1E9A5E);}

/* 优势卡 */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.adv-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;}
.adv-card .ic{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;}
.adv-card h3{font-size:18px;color:var(--blue-deep);font-weight:700;}
.adv-card p{font-size:14.5px;color:var(--mute);margin-top:8px;line-height:1.8;}
.adv-card .hl{display:inline-block;margin-top:12px;padding:3px 12px;border-radius:20px;background:#FBF3DF;color:#B57A06;font-size:13px;font-weight:700;}

/* 核心能力 设备卡 */
.equip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.equip-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 18px;text-align:center;position:relative;}
.equip-card .pic{height:120px;margin-bottom:14px;border-radius:8px;background:var(--ice);display:flex;align-items:center;justify-content:center;color:var(--blue);}
.equip-card .pic svg{width:44px;height:44px;}
.equip-card h3{font-size:15px;color:var(--blue-deep);font-weight:700;}
.equip-card p{font-size:12.5px;color:var(--mute);margin-top:6px;line-height:1.7;}
.equip-card .flag{display:inline-block;margin-top:10px;padding:2px 10px;border-radius:16px;background:#EAF3FD;color:var(--blue);font-size:12px;font-weight:600;}

/* 流程宫格 */
.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.proc-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;display:flex;gap:14px;align-items:flex-start;}
.proc-card .n{flex:0 0 44px;height:44px;border-radius:10px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;}
.proc-card h3{font-size:16px;color:var(--blue-deep);font-weight:700;}
.proc-card p{font-size:13.5px;color:var(--mute);margin-top:6px;line-height:1.7;}

/* ============ 联系我们 ============ */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.c-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px 24px;text-align:center;transition:transform .25s,box-shadow .25s;}
.c-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.c-card .ic{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(130deg,var(--blue),#2F7FD0);color:#fff;display:flex;align-items:center;justify-content:center;}
.c-card h3{font-size:16px;color:var(--blue-deep);font-weight:700;margin-bottom:10px;}
.c-card p{font-size:14px;color:#344;line-height:1.9;word-break:break-all;}
.c-card .ph{color:var(--mute);}
.c-card .qrcode{width:120px;height:120px;margin:0 auto;background:var(--ice);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:12px;text-align:center;line-height:1.5;}

/* 滚动渐显（仅当 JS 可用时隐藏，避免无 JS 时内容不可见） */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;}
.js .reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;}.reveal.d2{transition-delay:.16s;}.reveal.d3{transition-delay:.24s;}.reveal.d4{transition-delay:.32s;}

/* 返回顶部 */
.toTop{position:fixed;right:26px;bottom:30px;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:99;box-shadow:var(--shadow);}
.toTop.show{display:flex;}

/* ============ 响应式 ============ */
@media (max-width:992px){
  .intro-grid{grid-template-columns:1fr;gap:28px;}
  .grid3,.adv-grid,.principle-grid,.proc-grid,.contact-grid{grid-template-columns:repeat(2,1fr);}
  .equip-grid{grid-template-columns:repeat(3,1fr);}
  .stat-bar .wrap{grid-template-columns:repeat(2,1fr);gap:30px;}
  .footer .cols{grid-template-columns:1fr 1fr;}
  .tl li,.tl li:nth-child(even){width:100%;left:0;padding:0 0 40px 40px;text-align:left;}
  .tl li:nth-child(odd) .dot,.tl li:nth-child(even) .dot{left:-8px;right:auto;}
  .tl li:nth-child(odd) .g,.tl li:nth-child(even) .g{float:none;display:inline-block;}
  .tl::before{left:8px;}
  /* 产品组成流程条：窄屏换行排列，隐藏箭头 */
  .part-row{flex-wrap:wrap;gap:10px;}
  .part-arrow{display:none;}
  .part-chip{flex:1 1 30%;}
}
@media (max-width:680px){
  .topbar .left span{display:none;}
  .page-hero{height:380px;}
  .page-hero h1{font-size:30px;}
  .section{padding:56px 0;}
  .sec-head{gap:10px;margin-bottom:30px;}
  .sec-head h2{font-size:23px;line-height:1.35;}
  .sec-head .en{display:none;}
  .grid3,.grid2,.adv-grid,.principle-grid,.contact-grid,.equip-grid,.proc-grid{grid-template-columns:1fr;}
  .part-chip{flex:1 1 44%;}
  .data-bar .wrap{grid-template-columns:repeat(2,1fr);}
  .footer .cols{grid-template-columns:1fr;}
  .nav-list{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:90px 30px 30px;box-shadow:-8px 0 30px rgba(0,0,0,.15);transition:right .3s;overflow-y:auto;}
  .nav-list.open{right:0;}
  .nav-list a{width:100%;height:auto;padding:14px 0;border-bottom:1px solid var(--line);}
  .nav-list a::after{display:none;}
  .burger{display:block;z-index:200;}
  .brand .name b{font-size:16px;}
  .brand .name span{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none;}
  .card:hover,.prod-card:hover,.c-card:hover{transform:none;}
  html{scroll-behavior:auto;}
}