*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1c5faa;--blue-d:#12457d;--orange:#e8730c;--ink:#1f2328;--gray:#5d6570;--line:#e3e7ed;--bg:#f5f7fa}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;line-height:1.7;font-size:16px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.hd{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.logo{font-size:19px;font-weight:700;color:var(--blue);letter-spacing:.5px}
.logo span{color:var(--orange)}
.nav{display:flex;gap:20px;font-size:15px;color:var(--gray)}
.nav a:hover{color:var(--blue)}
.nav a.on{color:var(--blue);font-weight:600}
.telbtn{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:#fff!important;padding:9px 16px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap}
.telbtn:hover{background:#cf6408}
.hero{background:linear-gradient(160deg,#1c5faa,#12457d);color:#fff;padding:52px 0 46px}
.hero h1{font-size:30px;line-height:1.35;font-weight:700;margin-bottom:14px}
.hero p{font-size:16px;opacity:.92;max-width:620px;margin-bottom:22px}
.hero .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue)!important;padding:13px 24px;border-radius:999px;font-weight:700;font-size:17px}
.btn-g{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.6);color:#fff;padding:12px 22px;border-radius:999px;font-size:16px}
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-top:30px}
.point{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:14px}
.point b{display:block;font-size:16px;margin-bottom:3px}
.point i{font-style:normal;font-size:13px;opacity:.85}
.sec{padding:44px 0}
.sec.alt{background:var(--bg)}
h2.st{font-size:23px;font-weight:700;margin-bottom:8px}
p.sub{color:var(--gray);font-size:15px;margin-bottom:26px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.card b{display:block;font-size:17px;margin-bottom:7px;color:var(--blue-d)}
.card p{color:var(--gray);font-size:14.5px}
.alist{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
.alist a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 16px;display:block}
.alist a:hover{border-color:var(--blue);color:var(--blue)}
.alist b{display:block;font-size:16px;margin-bottom:2px}
.alist i{font-style:normal;color:var(--gray);font-size:13px}
.faq{max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:16px;list-style:none;position:relative;padding-right:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:18px;top:13px;font-size:20px;color:var(--blue);font-weight:400}
.faq details[open] summary:after{content:"\2212"}
.faq .a{padding:0 18px 16px;color:var(--gray);font-size:15px}
.cta{background:var(--blue);color:#fff;text-align:center;padding:40px 0}
.cta h2{font-size:22px;margin-bottom:8px}
.cta p{opacity:.9;margin-bottom:20px;font-size:15px}
.ft{background:#101a26;color:#9fb0c2;font-size:13.5px;padding:30px 0 26px}
.ft .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}
.ft b{color:#fff;display:block;margin-bottom:9px;font-size:14.5px}
.ft a{display:block;line-height:2}
.ft .cp{border-top:1px solid #22303f;margin-top:22px;padding-top:16px;font-size:12.5px;color:#6c7d8f;grid-column:1/-1}
.crumb{font-size:13.5px;color:var(--gray);padding:14px 0 0}
.crumb a:hover{color:var(--blue)}
.art{padding:34px 0 44px}
.art h1{font-size:26px;margin-bottom:12px}
.art h2{font-size:20px;margin:26px 0 10px}
.art p{color:#3a4149;margin-bottom:12px}
.art ul{margin:0 0 14px 20px;color:#3a4149}
.art li{margin-bottom:6px}
.note{background:#fff8ef;border:1px solid #f3ddc0;border-radius:10px;padding:14px 16px;font-size:14.5px;color:#8a5a17;margin:16px 0}
@media(max-width:760px){
 .nav{display:none}
 .hero h1{font-size:23px}
 .hero{padding:36px 0 32px}
 .sec{padding:32px 0}
 h2.st{font-size:20px}
 .hd .wrap{height:56px}
 .logo{font-size:17px}
}