:root{--b:#1e6fff;--bd:#1962db;--o:#ff5e18;--r:#f50;--bg:#f8f9ff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:14px/1.6 Arial,'PingFang SC',-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#333;background:#fff;min-width:320px}
a{color:inherit;text-decoration:none}ul{list-style:none}
.w{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}
a:focus-visible,button:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.hd{position:fixed;top:0;left:0;right:0;height:80px;z-index:50;transition:background .3s,box-shadow .3s}
.hd.on,.hd:hover{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.04)}
.hd .w{display:flex;align-items:center;height:80px}
.logo{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:700;color:#222;letter-spacing:1px}
.hd nav{margin-left:auto;display:flex;align-items:center}
.hd nav a{margin-left:26px;font-size:15px;line-height:80px;color:#333}
.hd nav a:hover{color:var(--bd)}
.hd nav a.lg{line-height:36px;padding:0 18px;border-radius:6px;background:var(--b);color:#fff}
.hd nav a.lg:hover{color:#fff;opacity:.85}
.bn{position:relative;height:520px;overflow:hidden;background:linear-gradient(115deg,#f3f7ff 0%,#dce9ff 55%,#c6dbff 100%)}
.bn:before,.bn:after{content:'';position:absolute;border-radius:50%}
.bn:before{width:620px;height:620px;right:-120px;top:-180px;background:radial-gradient(circle at 40% 40%,rgba(30,111,255,.18),rgba(30,111,255,0) 70%)}
.bn:after{width:360px;height:360px;left:38%;bottom:-200px;background:rgba(30,111,255,.08)}
.bn .w{height:100%}
.bt{position:absolute;top:130px;left:20px;z-index:2}
.bt h1{font-size:48px;font-weight:600;color:#222;line-height:1.3}
.bt p{font-size:20px;color:#666;margin:10px 0 30px;max-width:560px}
.bt p b{color:#000}
.bs{display:flex;gap:16px}
.btn{width:119px;height:44px;background:var(--b);border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;color:#fff}
.btn:hover{opacity:.85}
.btn.o{background:#fff;color:var(--b);border:1px solid var(--b)}
.mc{position:absolute;right:20px;top:120px;width:380px;background:#eee;border-radius:4px;z-index:3;box-shadow:0 8px 24px rgba(30,111,255,.12)}
.mc .tp{padding:18px;background:#fff;border-radius:4px;height:194px}
.mc .lc{height:36px;border-bottom:1px solid #dcdee2;line-height:20px;font-size:16px;font-weight:700;color:#333}
.mc .lc a{color:var(--bd)}.mc .lc span{font-size:12px;font-weight:400}
.mc .dc p{margin:13px 0 10px;font-weight:700;font-size:14px;color:#333}
.mc .dc li{line-height:22px;font-size:14px}
.mc .dc li a{color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mc .dc li a:hover{color:var(--bd)}
.mc .dc .new{background:var(--bd);color:#fff;font-size:12px;padding:0 3px;margin-right:6px}
.mc .nb{line-height:40px;height:40px;padding:0 13px;font-size:14px;color:var(--bd);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mc .nb span{color:#333;margin-left:8px}
.nt{position:absolute;left:0;right:0;bottom:0;height:72px;background:rgba(255,255,255,.6);backdrop-filter:blur(6px);z-index:2}
.nt ul{display:flex;align-items:center;height:72px;gap:50px}
.nt li{flex:1;text-align:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt li a:hover{color:#396ae9}
.tt{text-align:center}
.tt h2{font-size:32px;font-weight:500;color:#222;margin-bottom:12px}
.tt p{font-size:18px;color:#666}
.s6{padding:60px 0;background:var(--bg)}
.s6 .wrap{display:flex;justify-content:space-between;gap:20px;margin-top:40px}
.it{flex:1;max-width:272px;height:276px;background:#fff;border-radius:2px;position:relative;overflow:hidden;text-align:center;padding-top:28px;transition:background .3s}
.it svg{display:block;width:120px;height:120px;margin:0 auto;transition:transform .5s}
.it .sh{padding:0 16px;transition:opacity .3s}
.it h3{color:#53555e;font-size:18px;margin:12px 0}
.it p{color:#666;font-size:14px;line-height:24px}
.it .hv{position:absolute;left:0;right:0;top:130px;opacity:0;color:#fff;font-size:18px;line-height:24px;transition:all .5s;padding:0 16px}
.it .hv p{color:#fff;font-size:18px}
.it .hv a{width:119px;height:44px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--b);font-size:16px;margin:30px auto 0}
.it:hover{background:linear-gradient(180deg,#5797ff 0,#3c6afc 93%)}
.it:hover svg{transform:translateY(-16px) scale(.7)}
.it:hover .sh{opacity:0}
.it:hover .hv{opacity:1;top:100px}
.p1{padding:70px 0 60px}
.nums{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px}
.nums li{font-size:18px;color:#666;margin:0 20px;display:flex;align-items:center}
.nums b{font-size:30px;color:var(--r);font-weight:700;margin:0 4px}
.gl{display:flex;gap:20px;justify-content:center;padding:40px 4px 20px}
.gl li{width:224px;background:#fff;border-radius:8px;overflow:hidden;transition:transform .4s,box-shadow .4s;box-shadow:0 2px 12px rgba(0,34,68,.06)}
.gl li:hover{transform:translateY(-6px);box-shadow:0 6px 12px rgba(0,0,0,.08)}
.gl .pic{display:flex;align-items:center;justify-content:center;width:100%;height:224px;position:relative;background:linear-gradient(135deg,var(--a),var(--c))}
.gl .pic em{font-style:normal;font-size:44px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:4px}
.gl .lb{position:absolute;left:0;top:0;height:20px;line-height:20px;padding:0 6px;color:#fff;font-size:12px;border-radius:8px 8px 8px 0;background:linear-gradient(90deg,#ff8718,#ff5e18)}
.gl .tg{position:absolute;left:0;right:0;bottom:0;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#555;background:#fff2ea}
.gl .tg b{color:var(--r);margin:0 2px}
.gl .info{margin:0 12px;padding-bottom:10px;text-align:left}
.gl .ti{color:#555;font-size:14px;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl .mn{display:flex;align-items:center;height:35px}
.gl .my{color:var(--o);font-size:16px;font-weight:600;width:5em}
.gl .yj{color:#999;font-size:12px}.gl .yj b{color:var(--b);font-size:14px;font-weight:600;margin-right:4px}
.mr{text-align:center;padding-top:10px}
.mr a{color:#666;font-size:16px}.mr a:hover{color:var(--b)}
.ex{text-align:center;color:#999;font-size:12px;margin-top:10px}
.p2{padding:70px 0 60px;background:linear-gradient(180deg,#f3f7ff,#e9f1ff)}
.gg{display:flex;justify-content:space-between;gap:20px;padding-top:40px}
.gg>li{flex:1;max-width:390px;background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,34,68,.102);transition:transform .4s,box-shadow .4s;overflow:hidden}
.gg>li:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(0,34,68,.2)}
.gi{display:flex;padding:16px}
.gi .av{width:68px;height:68px;border-radius:4px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--a),var(--c))}
.gi .nm{font-size:15px;color:#111217;display:flex;align-items:center;gap:4px;height:24px}
.gi .nt2{height:20px;line-height:18px;padding:0 6px;font-size:12px;border-radius:2px;background:#e6efff;border:1px solid #a8c5ff;color:#296afd}
.gi .lbs{display:flex;padding-top:14px;gap:4px}
.gi .lbs span{height:20px;line-height:20px;padding:0 6px;font-size:12px;border-radius:2px;background:#ffefe3;color:var(--o)}
.gi .lbs span.g{background:#00b686;color:#fff}
.gd{color:#888e9e;font-size:12px;line-height:20px;padding:0 16px 8px;height:60px}
.gv{padding:0 16px 16px;border-top:1px solid #e8e9eb;margin-top:5px}
.gv .bt2{display:flex;justify-content:space-between;line-height:38px;font-size:14px;color:#111217}
.gv .bt2 span{color:#888e9e;font-size:12px}
.gv .ls{display:flex;justify-content:space-between;gap:8px}
.gv .gr{flex:1;min-width:0}
.gv .gp{aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,var(--a),var(--c))}
.gv .pr{display:flex;padding-top:8px;font-size:12px;gap:6px;flex-wrap:wrap}
.gv .pr .my{color:var(--r)}.gv .pr .yj{color:#888e9e}.gv .pr .yj b{color:var(--b);font-weight:400;margin-left:2px}
.p3{padding:70px 0 80px;background:linear-gradient(180deg,#0f2f78,#0a1c4d);color:#fff}
.p3 .tt h2{color:#fff}.p3 .tt p{color:#d0d0d0}
.st{display:flex;gap:24px;margin-top:56px}
.st li{flex:1;padding:32px 28px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.st b{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--b);font-size:20px;margin-bottom:16px}
.st h3{font-size:20px;font-weight:500;margin-bottom:8px}
.st p{color:#d4d4d4;font-size:14px;line-height:24px}
.p3 .cta{display:flex;justify-content:center;margin-top:48px}
.p4{padding:70px 0 80px}
.sl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.sl li{padding:28px 24px;border-radius:8px;background:var(--bg);border:1px solid #eaeefb;transition:transform .4s,box-shadow .4s}
.sl li:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(0,34,68,.1)}
.sl small{color:var(--b);font-size:12px}
.sl h3{font-size:20px;color:#222;margin:4px 0 12px}
.sl p{color:#666;font-size:14px;line-height:26px;padding-left:16px;position:relative}
.sl p:before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--b)}
.cb{min-height:202px;padding:32px 20px;text-align:center;color:#fff;background:linear-gradient(90deg,#1e6fff,#3c6afc 55%,#5797ff)}
.cb p{font-size:20px}.cb h3{font-size:26px;margin:14px 0 18px;font-weight:500}
.cb a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:40px;border-radius:8px;background:#fff;color:var(--b);font-size:18px}
.cb a:hover{opacity:.9}
footer{background:#111217;color:#888e9e;padding:48px 0 28px;font-size:14px}
.fc{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.fc .lg2{color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}
.fc .ds{max-width:340px;margin-top:12px;line-height:24px}
.fc h4{color:#fff;font-size:16px;font-weight:500;margin-bottom:12px}
.fc li{line-height:30px}.fc li a:hover{color:#fff}
.fb{border-top:1px solid #2a2d38;margin-top:32px;padding-top:20px;text-align:center;line-height:26px;font-size:13px}
.fb a:hover{color:#fff}
@media(max-width:1100px){.hd nav a:not(.lg){display:none}.mc{display:none}.bt h1{font-size:38px}.s6 .wrap,.gg,.st{flex-wrap:wrap}.it{flex:1 1 40%;max-width:none}.gg>li{flex:1 1 100%;max-width:none}.st li{flex:1 1 100%}.sl{grid-template-columns:repeat(2,1fr)}.gl{overflow-x:auto;justify-content:flex-start}.gl li{flex-shrink:0}.nt li:nth-child(n+3){display:none}}
@media(max-width:560px){.hd,.hd .w{height:64px}.bt{top:104px}.bt h1{font-size:30px}.bt p{font-size:16px}.sl{grid-template-columns:1fr}.it{flex-basis:100%}.tt h2{font-size:26px}.tt p{font-size:15px}.nums li{font-size:15px;margin:0 10px}.nums b{font-size:24px}.nt{display:none}}