@charset "UTF-8";
/* ===== 首页换肤样式（D-橙金，2026-10-12；源自改版提案 index.html，作用域 .lh，不溅伤页眉页脚） ===== */ :root{ --navy:#0A2540; --navy2:#123A5E; --blue:#E9A23B; --blue-d:#C9862A; --blue-ink:#8F5C15; --bg:#F5F7FA; --card:#fff; --text:#1B2733; --muted:#5B6B7C; --line:#E3E8EF; --max:1200px; } .lh *{box-sizing:border-box;margin:0;padding:0} .lh{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased} .lh img{display:block;max-width:100%} .lh a{color:inherit;text-decoration:none} .wrap{max-width:var(--max);margin:0 auto;padding:0 24px} /* 顶部信息条 */ .topbar{background:var(--navy);color:#B9C7D6;font-size:13px} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px;flex-wrap:wrap} .topbar a{color:#D8E4F0} .topbar a:hover{color:#fff} /* Hero */ .hero{position:relative;background:var(--navy);color:#fff;overflow:hidden} .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30} .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,64,.94) 0%,rgba(10,37,64,.72) 55%,rgba(10,37,64,.45) 100%)} .hero .wrap{position:relative;z-index:2;padding:88px 24px 78px} .hero h1{color:#fff;font-size:40px;line-height:1.28;font-weight:600;margin-bottom:18px;max-width:660px} .hero p.lead{font-size:17px;color:#C8D8E8;max-width:600px;margin-bottom:30px} .hero .btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px} .btn{display:inline-block;padding:13px 28px;border-radius:6px;font-size:15px;font-weight:500;transition:.2s} .btn-p{background:var(--blue);color:var(--navy);font-weight:600} .btn-p:hover{background:var(--blue-d)} .btn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)} .btn-o:hover{border-color:#fff;background:rgba(255,255,255,.08)} .hero .tags{display:flex;gap:10px;flex-wrap:wrap} .hero .tags span{font-size:13px;color:#A9BDD1;border:1px solid rgba(255,255,255,.22);padding:5px 12px;border-radius:20px} .band{margin:0 0 30px;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(10,37,64,.10)} .band img{display:block;width:100%;height:auto} /* 数据条 */ .stats{background:#fff;border-bottom:1px solid var(--line)} .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 24px} .stat{text-align:center;border-right:1px solid var(--line)} .stat:last-child{border-right:0} .stat b{display:block;font-size:24px;color:var(--navy);font-weight:600;line-height:1.3} .stat span{font-size:13px;color:var(--muted)} /* 通用区块 */ .lh section{padding:64px 0} .sec-head{text-align:center;margin-bottom:38px} .sec-head h2{font-size:28px;font-weight:600;color:var(--navy);margin-bottom:10px} .sec-head p{color:var(--muted);font-size:15px;max-width:640px;margin:0 auto} .bg-w{background:#fff} /* 产品卡（分类入口卡 + 页尾最新产品行共用） */ .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .pcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.22s;display:flex;flex-direction:column} .pcard:hover{border-color:var(--blue);box-shadow:0 8px 22px rgba(10,37,64,.10);transform:translateY(-3px)} .pcard .ph{height:150px;background:#F7F9FC;display:flex;align-items:center;justify-content:center;padding:14px} .pcard .ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .pcard .pb{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column} .pcard h3{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:6px} .pcard p{font-size:13px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:10px} .pcard .more{font-size:13px;color:var(--blue-ink)} .pcard .pdate{font-size:12px;color:var(--muted);margin-bottom:8px} /* 优势 */ .adv{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .acard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 22px;border-top:3px solid var(--blue)} .acard h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:8px} .acard p{font-size:13.5px;color:var(--muted);line-height:1.7} /* 代理品牌 */ .brands{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:860px;margin:0 auto} .bcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px 26px;display:flex;flex-direction:column;transition:.22s} .bcard:hover{border-color:var(--blue);box-shadow:0 8px 22px rgba(10,37,64,.10);transform:translateY(-3px)} .bcard .bn{font-size:21px;font-weight:600;color:var(--navy);letter-spacing:1px;margin-bottom:4px} .bcard .btag{font-size:12px;color:var(--muted);margin-bottom:12px} .bcard p{font-size:13.5px;color:var(--muted);line-height:1.7;flex:1;margin-bottom:12px} .bcard .more{font-size:13px;color:var(--blue-ink)} .bcard .bm{font-size:12.5px;color:var(--blue-ink);font-weight:600;letter-spacing:.5px;margin-bottom:12px} /* 场景 */ .sgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .sitem{position:relative;border-radius:10px;overflow:hidden;height:190px} .sitem img{width:100%;height:100%;object-fit:cover;transition:.4s} .sitem:hover img{transform:scale(1.06)} .sitem .lb{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,37,64,0) 40%,rgba(10,37,64,.82) 100%);display:flex;align-items:flex-end;padding:14px;color:#fff;font-size:15px;font-weight:500} /* 资质 */ .certs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:820px;margin:0 auto} .cert{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center} .cert img{width:100%;height:210px;object-fit:contain;background:#FAFBFD;border-radius:6px} .cert p{font-size:13.5px;color:var(--muted);margin-top:10px} .cert p small{display:block;margin-top:4px;font-size:12px;color:#9aa4b2} .cert .badge{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:10px;font-size:11.5px;color:#8a6d3b;background:#FFF7E6;border:1px solid #F0DFB8} .sub-head{text-align:center;margin:38px 0 22px} .sub-head h3{font-size:20px;font-weight:600;color:var(--navy)} .sub-head p{color:var(--muted);font-size:14px;max-width:680px;margin:8px auto 0} .certs.sw{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px} .certs.sw .cert{padding:12px} .certs.sw .cert img{height:230px} .certs.sw .cert p{font-size:12px;margin-top:8px;line-height:1.4} /* CTA */ .cta{background:var(--navy);color:#fff;text-align:center;padding:60px 0} .cta h2{font-size:26px;font-weight:600;margin-bottom:10px} .cta p{color:#B9C7D6;margin-bottom:26px;font-size:15px} .cta .btn-o{padding:14px 34px} @media(max-width:1000px){ .pgrid{grid-template-columns:repeat(2,1fr)} .adv{grid-template-columns:repeat(2,1fr)} .sgrid{grid-template-columns:repeat(2,1fr)} .hero h1{font-size:31px} } @media(max-width:768px){ .certs.sw{grid-template-columns:repeat(3,1fr)} } @media(max-width:640px){ .stats .wrap{grid-template-columns:1fr 1fr;gap:14px} .stat{border-right:0} .pgrid,.adv,.certs,.brands{grid-template-columns:1fr} .sgrid{grid-template-columns:1fr} .hero .wrap{padding:56px 24px 48px} .hero h1{font-size:26px} .lh section{padding:46px 0} } @media(max-width:520px){ .certs.sw{grid-template-columns:repeat(2,1fr)} }

/* 首页「最新产品」行：只显示最新 8 款（第 9 个起隐藏） */
.lh .pgnew > *:nth-child(n+9){display:none}

/* 证书卡悬停动效：上浮 + 放大 + 阴影（2026-10-14 加，作用于资质与荣誉/软件著作权两区） */
.cert{transition:transform .28s ease, box-shadow .28s ease; overflow:hidden}
.cert img{transition:transform .35s ease}
@media (hover:hover){ .cert:hover{transform:translateY(-6px); box-shadow:0 14px 30px rgba(10,37,64,.16)} .cert:hover img{transform:scale(1.04)} }

/* CTA 区修版（2026-10-14）：标题补白 + 白描边按钮 + 左侧金色竖条 + 悬停描边转金 */
.cta h2{color:#fff}
.cta .btn-o{position:relative;padding:16px 38px 16px 54px;border-radius:8px;font-size:17px;font-weight:600;letter-spacing:.5px;transition:.25s}
.cta .btn-o::before{content:"";position:absolute;left:22px;top:50%;margin-top:-9px;width:3px;height:18px;background:#E9A23B;border-radius:2px}
.cta .btn-o:hover{border-color:#E9A23B}

/* 2026-10-14 修复：覆盖主题 style.css 遗留的 a.btn 规则（height:50px / line-height:52px / hover 深灰 #252525） */
.cta .btn.btn-o{height:auto;line-height:1;margin-top:0}
.cta .btn.btn-o:hover,.cta .btn.btn-o:focus{background:transparent;border-color:#E9A23B}
a.btn.btn-p:hover,a.btn.btn-p:focus{background:var(--blue-d)}
a.btn.btn-o:hover,a.btn.btn-o:focus{background:rgba(255,255,255,.08)}

/* 2026-10-14 首屏按钮改版（方案A）：覆盖主题 a.btn 的字号/字重/内边距/高度/白字 */
.hero .btn.btn-p,.hero .btn.btn-o{height:auto;line-height:1;min-width:164px;padding:15px 38px;font-size:17px;letter-spacing:.5px}
.hero .btn.btn-p{color:var(--navy);font-weight:600}
.hero .btn.btn-o{font-weight:600}
.hero .btn.btn-p:hover,.hero .btn.btn-p:focus{background:var(--blue-d);transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.28)}
.hero .btn.btn-o:hover,.hero .btn.btn-o:focus{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.28)}