:root{--navy:#04367D;--orange:#F87805;--dark:#0B1F3E;--ink:#1b2537;--mut:#6b7690;--line:#e5e9f2;--bg:#f6f8fc}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.75}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
/* 顶栏 */
.top{background:var(--dark);color:#9db1d4;font-size:13px;padding:7px 0}
.top .wrap{display:flex;justify-content:space-between}
.top b{color:#fff;font-family:Consolas,monospace;letter-spacing:1px}
header{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(10,30,70,.06)}
.nav{display:flex;align-items:center;height:72px;gap:8px}
.nav img.logo{height:38px}
.nav .menu{display:flex;margin-left:auto}
.nav .menu a{padding:0 18px;line-height:72px;font-size:15px;color:#33405c;display:block;border-bottom:3px solid transparent}
.nav .menu a.on,.nav .menu a:hover{color:var(--navy);border-bottom-color:var(--orange);font-weight:600}
.phone{margin-left:22px;padding-left:22px;border-left:1px solid var(--line);color:var(--navy);font-family:Consolas,monospace;font-size:16px;font-weight:700}
/* hero */
.hero{background:linear-gradient(118deg,#062347 0%,#04367D 58%,#0A54A8 100%);color:#fff;position:relative;overflow:hidden}
.hero .pat{position:absolute;inset:0;opacity:.5}
.hero .wrap{position:relative;padding:92px 24px 104px;max-width:1180px}
.hero .kick{display:inline-block;border:1px solid rgba(255,255,255,.4);padding:5px 16px;border-radius:20px;font-size:13px;letter-spacing:2px;margin-bottom:22px;color:#cfe0f8}
.hero h1{font-size:44px;line-height:1.3;letter-spacing:2px;font-weight:700}
.hero h1 .accent{color:#ffb25e}
.hero .wrap{position:relative;z-index:3}
.hero .sub{margin-top:18px;font-size:17px;color:#d7e5fa;max-width:720px}
.hero .en{margin-top:10px;font-size:13px;color:#8fadd9;max-width:720px}
.hero .chips{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.hero .chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:6px 18px;border-radius:6px;font-family:Consolas,monospace;font-size:14px;letter-spacing:1px}
.hero .btns{margin-top:36px;display:flex;gap:16px}
.btn{display:inline-block;padding:13px 34px;border-radius:6px;font-size:15px;font-weight:600;letter-spacing:1px}
.btn.o{background:var(--orange);color:#fff}
.btn.o:hover{background:#e06b00}
.btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.btn.n{background:var(--navy);color:#fff}
/* 通用区块 */
section{padding:72px 0}
section.alt{background:var(--bg)}
.sec-h{text-align:center;margin-bottom:44px}
.sec-h .cn{font-size:30px;font-weight:700;color:var(--dark);letter-spacing:2px}
.sec-h .cn em{font-style:normal;color:var(--orange)}
.sec-h .en{font-size:13px;color:var(--mut);letter-spacing:3px;margin-top:6px;text-transform:uppercase}
.sec-h .bar{width:56px;height:4px;background:var(--orange);margin:16px auto 0;border-radius:2px}
/* 卡片 */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s;display:block}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(8,35,80,.13)}
.card .bimg{background:#e9edf4;padding:0}
.card .bimg img{width:100%;display:block}
.card .bd{padding:20px 22px 24px}
.card .bd .m{font-family:Consolas,monospace;color:var(--orange);font-size:13px;letter-spacing:1px}
.card .bd h3{font-size:18px;color:var(--dark);margin:6px 0 8px}
.card .bd p{font-size:13.5px;color:var(--mut)}
.card .bd .go{margin-top:14px;color:var(--navy);font-size:13px;font-weight:600}
/* 业务卡 */
.biz{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 26px;position:relative;transition:.25s}
.biz:hover{box-shadow:0 14px 32px rgba(8,35,80,.13);transform:translateY(-4px)}
.biz .no{font-family:Consolas,monospace;font-size:13px;color:var(--orange);letter-spacing:2px}
.biz .ic{position:absolute;top:26px;right:24px;font-family:Consolas,monospace;font-weight:700;font-size:20px;color:#dfe7f5}
.biz h3{font-size:17.5px;color:var(--dark);margin:10px 0 3px}
.biz .en2{font-size:11.5px;color:var(--mut);letter-spacing:.5px}
.biz p{font-size:13.5px;color:#4a566f;margin-top:12px}
/* 技术能力条 */
.tech{background:var(--dark);color:#fff}
.tech .plat{display:flex;justify-content:center;gap:56px;margin-top:30px;flex-wrap:wrap}
.tech .plat span{font-family:Consolas,monospace;font-size:19px;letter-spacing:2px;color:#9fc0ec}
.tech .plat span b{color:var(--orange)}
.tech .txt{text-align:center;max-width:860px;margin:0 auto;font-size:15.5px;color:#d5e3f8}
.tech .en3{text-align:center;font-size:12.5px;color:#7f9cc9;margin-top:12px;max-width:820px;margin-left:auto;margin-right:auto}
/* 品质 */
.q{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:0 0 12px 12px;padding:26px 22px}
.q h4{color:var(--dark);font-size:16.5px;margin-bottom:8px}
.q h4 i{font-style:normal;color:var(--orange);margin-right:8px;font-family:Consolas,monospace}
.q p{font-size:13px;color:var(--mut)}
/* 关于 */
.about p{font-size:15px;color:#3c4964;margin-bottom:14px}
.about .flag{background:#fff7ee;border:1px solid #f5d9b8;border-left:4px solid var(--orange);padding:16px 20px;border-radius:6px;font-size:13.5px;color:#7a5220;margin-top:10px}
/* 页脚 */
footer{background:var(--dark);color:#93a8cc;padding:56px 0 0;font-size:13.5px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:36px;padding-bottom:40px}
footer h5{color:#fff;font-size:15px;margin-bottom:16px;letter-spacing:1px}
footer a{display:block;padding:3.5px 0;color:#93a8cc}
footer a:hover{color:var(--orange)}
footer .logo2{height:34px;margin-bottom:16px}
footer .fin{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;text-align:center;font-size:12px;color:#63779c}
/* 详情页头 */
.pgh{background:linear-gradient(118deg,#062347,#04367D 60%,#0A54A8);color:#fff;padding:64px 0;position:relative;overflow:hidden}
.pgh .pat{position:absolute;inset:0;opacity:.4}
.pgh .wrap{position:relative}
.pgh h1{font-size:34px;letter-spacing:2px}
.pgh .en{color:#9db8e2;font-size:13px;letter-spacing:3px;margin-top:8px;text-transform:uppercase}
/* 产品详情 */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start;padding:44px 0;border-bottom:1px solid var(--line)}
.pd .bimg{background:#e9edf4;border-radius:12px;padding:0;overflow:hidden}
.pd .bimg img{width:100%}
.pd h3{font-size:24px;color:var(--dark)}
.pd .m{font-family:Consolas,monospace;color:var(--orange);font-size:14px;margin:4px 0 14px}
.pd .cn2{font-size:14.5px;color:#3c4964;margin-bottom:8px}
.pd .en2{font-size:12.5px;color:var(--mut);margin-bottom:18px}
table.spec{width:100%;border-collapse:collapse;font-size:13.5px}
table.spec td{border:1px solid var(--line);padding:9px 14px}
table.spec td:first-child{background:#f3f6fb;color:var(--navy);font-weight:600;width:120px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tags span{background:#eef3fb;color:var(--navy);font-size:12.5px;padding:4px 12px;border-radius:14px}
/* 步骤 */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 14px}
.step .n{width:44px;height:44px;line-height:44px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;margin:0 auto 12px;font-family:Consolas,monospace}
.step p{font-size:13px;color:var(--mut)}
.step h4{color:var(--dark);font-size:15px;margin-bottom:6px}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
/* 数据指标条 */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 16px;text-align:center}
.kpi b{display:block;font-size:34px;line-height:1.15;color:var(--navy);font-family:Consolas,monospace}
.kpi b em{font-style:normal;font-size:15px;margin-left:2px}
.kpi span{display:block;margin-top:7px;font-size:13.5px;font-weight:600;color:var(--dark)}
.kpi i{display:block;margin-top:3px;font-style:normal;font-size:11px;letter-spacing:.5px;color:var(--mut)}
/* 前台照片品牌叠加 */
.lobby{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);container-type:inline-size}
.lobby>img{width:100%;display:block}
/* 前台 LOGO 墙 · 广告发光字（墙面实测:宽约50%、垂直中心43%）
   注：中英文两行的两端严格对齐由 motion.js 实测宽度后精确设定，CSS 值是无 JS 时的兜底 */
.lbrand{position:absolute;left:0;right:0;top:32%;text-align:center;pointer-events:none}
.lbrand .lb-logo{width:23cqw;display:block;margin:0 auto;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.75)) drop-shadow(0 0 5px rgba(200,222,255,.65)) drop-shadow(0 0 13px rgba(120,172,255,.42)) drop-shadow(0 0 26px rgba(60,120,255,.26)) drop-shadow(0 2px 3px rgba(0,15,50,.5))}
.lbrand .lb-cn{margin-top:2.2cqw;color:rgba(245,249,255,.95);font-weight:600;line-height:1.35;
  font-size:2.8cqw;letter-spacing:.06em;text-indent:.06em;white-space:nowrap;
  text-shadow:0 0 1px rgba(255,255,255,.7),0 0 5px rgba(200,222,255,.6),0 0 12px rgba(120,172,255,.42),0 0 26px rgba(60,120,255,.26),0 2px 4px rgba(0,15,50,.5)}
.lbrand .lb-en{margin-top:.9cqw;color:rgba(233,241,255,.86);font-weight:400;line-height:1.2;
  font-size:1.73cqw;letter-spacing:.02em;text-indent:.02em;white-space:nowrap;
  text-shadow:0 0 1px rgba(255,255,255,.75),0 0 4px rgba(205,226,255,.65),0 0 10px rgba(130,180,255,.5),0 0 20px rgba(70,130,255,.32),0 1px 3px rgba(0,15,50,.45)}
/* 容器查询不支持时按 530px 列宽兜底 */
@supports not (width:1cqw){
  .lbrand .lb-logo{width:122px}
  .lbrand .lb-cn{font-size:15px;margin-top:12px}
  .lbrand .lb-en{font-size:9.2px;margin-top:5px}
}
/* 企业文化三栏 */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.val{background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:12px;padding:26px 22px}
.val h4{color:var(--navy);font-size:15px;letter-spacing:1px}
.val .en2{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);margin:4px 0 12px}
.val p{font-size:13.5px;color:#4a566f;line-height:1.8}
/* FAQ */
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 22px;margin-bottom:12px}
details summary{cursor:pointer;font-weight:600;color:var(--dark);font-size:15px}
details p{margin-top:10px;color:#4a566f;font-size:14px}
/* 联系 */
.ct{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.ct .item{display:flex;gap:16px;margin-bottom:26px}
.ct .item .k{width:52px;height:52px;border-radius:12px;background:#eef3fb;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 52px}
.ct .item h4{color:var(--dark);font-size:16px}
.ct .item p{color:#4a566f;font-size:14.5px}
/* 响应式 */
@media(max-width:960px){
 .grid3,.grid4,.steps,.steps4,.kpis,.vals,.ct{grid-template-columns:1fr 1fr}
 .grid2,.pd{grid-template-columns:1fr}
 .nav .menu{display:none}
 footer .cols{grid-template-columns:1fr 1fr}
 .hero h1{font-size:32px}
}
@media(max-width:620px){.grid3,.grid4,.steps,.steps4,.kpis,.vals,.ct,footer .cols{grid-template-columns:1fr}}