*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#107CFC;--blue-d:#0A63D2;--blue-l:#EAF3FF;
  --navy:#08111E;--navy2:#0B1626;--navy3:#12203A;
  --orange:#EF8200;
  --t1:#0E1726;--t2:#48586C;--t3:#6B7A8D;--t4:#8A98A9;
  --line:#E7EDF5;--bg-soft:#F4F7FB;
  --w:1240px;
}
html{-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--t1);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;border:0}
a{color:inherit;text-decoration:none}
a[href^="tel:"],a[href^="mailto:"]{cursor:pointer;transition:color .2s}
a[href^="tel:"]:hover,a[href^="mailto:"]:hover{color:var(--blue)}
li{list-style:none}
button,input,select,textarea{font-family:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
svg{flex:0 0 auto}

.topbar{background:#fff;color:var(--t3);font-size:12.5px;height:38px;display:flex;align-items:center;position:relative;z-index:95;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px}
.topbar .l,.topbar .r{display:flex;align-items:center;gap:12px}
.topbar .r{gap:16px}
.topbar b{color:var(--t1);font-weight:600;letter-spacing:.3px}
.topbar a:hover{color:var(--blue)}
.topbar .dot{width:1px;height:12px;background:var(--line)}

.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:90}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:30px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{height:46px;width:auto}
.hdr .brand .lg-b{display:block}
.hdr .brand .lg-w{display:none}
.hdr.over{position:absolute;left:0;right:0;top:38px;background:transparent;border-bottom:0;box-shadow:none}
.hdr.over .brand .lg-b{display:block}
.hdr.over .brand .lg-w{display:none}
.hdr.over .nav>li>a{color:#1B2735}
.hdr.over .nav>li>a:after{background:var(--blue)}
.hdr.over .nav>li>a:hover,.hdr.over .nav>li.on>a{color:var(--blue)}
.hdr.over .hdrtel{color:var(--t1)}
.hdr.over .hdrtel small{color:var(--t3)}
.hdr.over .btn-o2{color:var(--blue);border-color:rgba(16,124,252,.4)}
.hdr.over .btn-o2:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.hdr.over .mtoggle{background:transparent;border-color:var(--line)}
.hdr.over .mtoggle span,.hdr.over .mtoggle span:before,.hdr.over .mtoggle span:after{background:var(--t1)}
.hdr.solid{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 26px rgba(11,22,38,.07)}
.hdr.solid .brand .lg-b{display:block}
.hdr.solid .brand .lg-w{display:none}
.hdr.solid .nav>li>a{color:#1B2735}
.hdr.solid .nav>li>a:after{background:var(--blue)}
.hdr.solid .nav>li>a:hover,.hdr.solid .nav>li.on>a{color:var(--blue)}
.hdr.solid .hdrtel{color:var(--t1)}
.hdr.solid .hdrtel small{color:var(--t3)}
.hdr.solid .btn-o2{color:var(--blue);border-color:rgba(16,124,252,.4)}
.hdr.solid .mtoggle{background:#fff;border-color:var(--line)}
.hdr.solid .mtoggle span,.hdr.solid .mtoggle span:before,.hdr.solid .mtoggle span:after{background:var(--t1)}

.nav{display:flex;align-items:center;gap:2px}
.nav>li{position:relative}
.nav>li>a{display:block;padding:0 17px;line-height:80px;font-size:15.5px;font-weight:500;color:#1B2735;position:relative;transition:color .2s}
.nav>li>a:after{content:"";position:absolute;left:17px;right:17px;bottom:23px;height:2px;background:var(--blue);border-radius:2px;transform:scaleX(0);transition:transform .28s}
.nav>li>a:hover:after,.nav>li.on>a:after{transform:scaleX(1)}
.nav>li>a:hover,.nav>li.on>a{color:var(--blue)}
.drop{position:absolute;left:0;top:100%;min-width:212px;background:#fff;border:1px solid var(--line);border-top:0;box-shadow:0 20px 44px rgba(11,22,38,.11);border-radius:0 0 8px 8px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:.24s}
.nav>li:hover .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:block;padding:11px 20px;font-size:14.5px;color:#33445A;transition:.18s}
.drop a:hover{background:#F4F8FF;color:var(--blue);padding-left:24px}
.hdr .act{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.hdrtel{display:flex;align-items:center;gap:9px;color:var(--t1);font-weight:600;font-size:15px;transition:color .2s}
.hdrtel b{display:block;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:.2px}
.hdrtel small{display:block;font-size:11px;font-weight:400;color:var(--t3);letter-spacing:.5px}
.hdrtel span{display:block}
.btn-o2{display:inline-flex;align-items:center;height:42px;padding:0 22px;border:1px solid rgba(16,124,252,.4);color:var(--blue);border-radius:4px;font-size:14.5px;font-weight:600;transition:.25s;white-space:nowrap}
.btn-o2:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.mtoggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:4px;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.mtoggle span{display:block;width:18px;height:2px;background:var(--t1);position:relative}
.mtoggle span:before,.mtoggle span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--t1)}
.mtoggle span:before{top:-6px}.mtoggle span:after{top:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 30px;border-radius:4px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.26s}
.btn svg{transition:transform .26s}
.btn:hover svg{transform:translateX(3px)}
.btn-p{background:var(--blue);color:#fff}
.btn-p:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,124,252,.32)}
.btn-o{background:transparent;color:var(--blue);border-color:rgba(16,124,252,.45)}
.btn-o:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-g{background:var(--blue);color:#fff}
.btn-g:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,124,252,.32)}
.btn-sm{height:44px;padding:0 22px;font-size:14px}

.banner{position:relative;height:700px;overflow:hidden;background:#EEF3FA}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;background-size:cover;background-position:center}
.slide.on{opacity:1}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(255,255,255,.975) 0%,rgba(255,255,255,.93) 30%,rgba(255,255,255,.58) 60%,rgba(255,255,255,.22) 100%)}
.banner .inner{position:relative;z-index:3;height:100%;display:flex;align-items:center}
.banner .cwrap{padding-top:78px}
.btag{display:inline-flex;align-items:center;gap:9px;height:33px;padding:0 17px;border:1px solid rgba(16,124,252,.32);border-radius:100px;color:var(--blue);font-size:13px;letter-spacing:.6px;background:rgba(255,255,255,.72)}
.btag i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(16,124,252,.24)}
.banner h1{font-size:56px;line-height:1.16;color:var(--t1);font-weight:700;letter-spacing:-1px;margin-top:26px;max-width:860px}
.banner h1 em{font-style:normal;color:var(--blue)}
.banner .bp{color:var(--t2);font-size:16.5px;line-height:1.95;max-width:600px;margin-top:24px}
.bacts{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}
.dots{position:absolute;right:max(24px,calc((100% - 1240px)/2 + 24px));bottom:140px;display:flex;align-items:center;gap:9px;z-index:5;padding:9px 13px;border-radius:100px;background:#fff;border:1px solid #DCE7F5;box-shadow:0 10px 26px rgba(11,22,38,.09)}
.dots i{width:24px;height:3px;background:rgba(16,124,252,.3);border-radius:2px;cursor:pointer;transition:.35s}
.dots i.on{background:var(--blue);width:38px}

.statband{position:relative;z-index:6;margin-top:-56px}
.statband .box{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0;box-shadow:0 20px 50px rgba(11,22,38,.10)}
.statband .it{text-align:center;color:var(--t1);position:relative;padding:0 14px}
.statband .it+.it:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--line)}
.statband b{font-size:44px;font-weight:700;letter-spacing:-1.5px;line-height:1;color:var(--blue)}
.statband b sup{font-size:19px;font-weight:600;margin-left:3px;letter-spacing:0}
.statband span{display:block;font-size:13.5px;color:var(--t3);margin-top:11px}

.sec{padding:96px 0}
.sec.soft{background:var(--bg-soft)}
.sec.dark{background:var(--bg-soft);color:var(--t1)}
.sec.tight{padding:72px 0}
.hh{margin-bottom:48px}
.hh .en{font-size:12.5px;letter-spacing:3.4px;color:var(--blue);font-weight:700;text-transform:uppercase}
.hh h2{font-size:36px;line-height:1.32;font-weight:700;color:var(--t1);margin-top:15px;letter-spacing:-.6px}
.hh .line{width:46px;height:3px;background:var(--blue);border-radius:2px;margin-top:22px}
.hh p{color:var(--t3);font-size:15.5px;line-height:1.98;margin-top:20px;max-width:790px}
.hh.c{text-align:center}
.hh.c .line{margin-left:auto;margin-right:auto}
.hh.c p{margin-left:auto;margin-right:auto}
.hh.row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.hh.row .l{flex:1}
.hh.row .r{flex:0 0 auto;padding-bottom:4px}
.sec.dark .hh h2{color:var(--t1)}
.sec.dark .hh p{color:var(--t3)}

.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bcard{position:relative;height:372px;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:transform .45s cubic-bezier(.16,.84,.44,1)}
.bcard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 36%,rgba(255,255,255,.90) 72%,rgba(255,255,255,.975) 100%);transition:.45s}
.bcard:hover{transform:translateY(-6px)}
.bcard:hover:before{background:linear-gradient(180deg,rgba(233,243,255,.10) 0%,rgba(226,240,255,.72) 40%,rgba(218,234,255,.97) 100%)}
.bcard .tx{position:relative;z-index:2;padding:32px 30px;color:var(--t1);width:100%}
.bcard .tx .en{font-size:11.5px;letter-spacing:2.6px;color:var(--blue);font-weight:700}
.bcard .tx h3{font-size:23px;font-weight:700;margin-top:10px;letter-spacing:-.3px}
.bcard .tx p{font-size:13.8px;line-height:1.85;color:var(--t3);margin-top:12px}
.bcard .go{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--blue);font-weight:600;margin-top:18px;opacity:0;transform:translateY(8px);transition:.4s}
.bcard:hover .go{opacity:1;transform:none}

.split{display:grid;grid-template-columns:1fr 1.02fr;gap:66px;align-items:center}
.split.rev{grid-template-columns:1.02fr 1fr}
.split .pic{border-radius:8px;overflow:hidden;box-shadow:0 26px 60px rgba(11,22,38,.14)}
.split .pic img{width:100%;height:auto}
.split h2{font-size:34px;line-height:1.34;font-weight:700;letter-spacing:-.6px;margin-top:15px}
.split .lead{color:var(--t3);font-size:15.5px;line-height:2;margin-top:20px}
.split .lead+.lead{margin-top:16px}
.mlist{display:grid;gap:18px;margin-top:32px}
.mlist li{display:flex;gap:15px;align-items:flex-start}
.mlist .ic{width:40px;height:40px;flex:0 0 40px;border-radius:6px;background:var(--blue-l);color:var(--blue);display:flex;align-items:center;justify-content:center}
.mlist h4{font-size:15.5px;font-weight:600}
.mlist p{font-size:13.8px;color:var(--t3);line-height:1.8;margin-top:5px}

.nums{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.nums .it{padding:32px 18px;text-align:center;position:relative}
.nums .it+.it:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--line)}
.nums b{font-size:40px;font-weight:700;color:var(--blue);letter-spacing:-1.5px;line-height:1}
.nums b sup{font-size:17px;margin-left:2px}
.nums span{display:block;font-size:13.5px;color:var(--t3);margin-top:10px}

.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:42px}
.tabs button{height:42px;padding:0 25px;border-radius:100px;border:1px solid #DDE5EF;background:#fff;font-size:14.5px;color:#48586C;cursor:pointer;transition:.25s}
.tabs button:hover{border-color:var(--blue);color:var(--blue)}
.tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(16,124,252,.28)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.38s cubic-bezier(.16,.84,.44,1)}
.pcard:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(11,22,38,.13);border-color:#CBE0FA}
.pcard .ph{height:232px;overflow:hidden;background:#EEF3F9}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,.84,.44,1)}
.pcard:hover .ph img{transform:scale(1.07)}
.pcard .bd{padding:25px 24px 26px;flex:1;display:flex;flex-direction:column}
.pcard .en{font-size:11px;letter-spacing:2.1px;color:var(--blue);font-weight:700}
.pcard h3{font-size:19.5px;font-weight:600;margin-top:9px;letter-spacing:-.2px}
.pcard p{font-size:13.8px;line-height:1.92;color:var(--t3);margin-top:12px;flex:1}
.pcard .go{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--blue);font-weight:600;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}
.pcard.cta{background:linear-gradient(150deg,#F4F9FF,#E6F1FF 55%,#DCEBFF);border:1px solid #CBE0FA;justify-content:center;padding:36px 30px;color:var(--t1)}
.pcard.cta .k{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--blue)}
.pcard.cta h3{font-size:23px;color:var(--t1);margin-top:14px}
.pcard.cta p{color:var(--t2);font-size:13.8px;margin-top:14px;flex:0 0 auto}
.pcard.cta .btn{margin-top:26px;align-self:flex-start}

.adv4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adv{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px 26px;transition:.32s}
.adv:hover{border-color:#CBE0FA;box-shadow:0 20px 42px rgba(11,22,38,.09);transform:translateY(-5px)}
.adv .ic{width:52px;height:52px;border-radius:8px;background:var(--blue-l);color:var(--blue);display:flex;align-items:center;justify-content:center}
.adv h3{font-size:17.5px;font-weight:600;margin-top:20px}
.adv p{font-size:13.6px;line-height:1.9;color:var(--t3);margin-top:11px}

.casegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ccard{display:flex;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.35s}
.ccard:hover{box-shadow:0 22px 48px rgba(11,22,38,.12);border-color:#CBE0FA;transform:translateY(-5px)}
.ccard .pic{width:45%;flex:0 0 45%;background-size:cover;background-position:center;min-height:262px}
.ccard .bd{padding:30px 28px;display:flex;flex-direction:column;flex:1}
.ccard .tag{display:inline-flex;align-self:flex-start;height:25px;align-items:center;padding:0 11px;border-radius:3px;background:var(--blue-l);color:var(--blue);font-size:12px;font-weight:600}
.ccard h3{font-size:19px;font-weight:600;margin-top:15px}
.ccard p{font-size:13.6px;line-height:1.9;color:var(--t3);margin-top:12px;flex:1}
.ccard .go{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--blue);font-weight:600;margin-top:18px}

.clgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.clcard{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 22px;transition:.32s}
.clcard:hover{border-color:#CBE0FA;box-shadow:0 18px 38px rgba(11,22,38,.08);transform:translateY(-4px)}
.clmark{width:54px;height:54px;flex:0 0 54px;border-radius:7px;background:linear-gradient(140deg,#EAF3FF,#D6E9FF);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:21px}
.clcard h3{font-size:15.5px;font-weight:600;line-height:1.5}
.clcard span{display:block;font-size:12.5px;color:var(--t4);margin-top:6px}

.phero{position:relative;height:352px;background:#EEF3FA center/cover;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.phero:after{content:"";position:absolute;inset:0;background:linear-gradient(92deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.55) 70%,rgba(255,255,255,.28) 100%)}
.phero .inner{position:relative;z-index:2;color:var(--t1);width:100%}
.phero .en{font-size:12.5px;letter-spacing:3.2px;color:var(--blue);font-weight:700}
.phero h1{font-size:42px;font-weight:700;letter-spacing:-.8px;margin-top:15px}
.phero .sub{color:var(--t2);font-size:15.5px;line-height:1.9;margin-top:16px;max-width:700px}
.crumb{margin-top:22px;font-size:13.5px;color:var(--t3);display:flex;align-items:center;gap:9px}
.crumb a:hover{color:var(--blue)}
.crumb .sp{opacity:.45}

.dgrid{display:grid;grid-template-columns:1.06fr 1fr;gap:60px;align-items:start}
.dhero{border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#EEF3F9}
.dhero img{width:100%;height:auto}
.ptxt .en{font-size:12.5px;letter-spacing:3.2px;color:var(--blue);font-weight:700}
.ptxt h2{font-size:30px;font-weight:700;letter-spacing:-.5px;margin-top:14px}
.ptxt .lead{color:var(--t3);font-size:15.5px;line-height:2;margin-top:20px}
.ptxt .ptlist{display:grid;gap:13px;margin-top:26px}
.ptxt .ptlist li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.75;color:var(--t2)}
.ptxt .ptlist .ck{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--blue-l);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-top:2px}
.mspec{margin-top:36px;border-top:1px solid var(--line);padding-top:26px;display:grid;gap:13px}
.mspec .row{display:flex;gap:16px;font-size:14px;line-height:1.75}
.mspec .row b{flex:0 0 96px;font-weight:500;color:var(--t4)}
.mspec .row span{color:var(--t2);flex:1}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gal figure{border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#EEF3F9}
.gal img{width:100%;height:250px;object-fit:cover;transition:transform .7s cubic-bezier(.16,.84,.44,1)}
.gal figure:hover img{transform:scale(1.06)}
.spec{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.spec .r{display:grid;grid-template-columns:190px 1fr}
.spec .r+.r{border-top:1px solid var(--line)}
.spec .k{background:#F7FAFD;padding:19px 24px;font-size:14.5px;font-weight:600;color:var(--t2)}
.spec .v{padding:19px 24px;font-size:14.5px;color:var(--t3);line-height:1.8}

.cgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.cinfo{display:grid;gap:14px}
.cinfo .it{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;transition:.3s}
.cinfo .it:hover{border-color:#CBE0FA;box-shadow:0 16px 36px rgba(11,22,38,.07)}
.cinfo .ic{width:46px;height:46px;flex:0 0 46px;border-radius:7px;background:var(--blue-l);color:var(--blue);display:flex;align-items:center;justify-content:center}
.cinfo h4{font-size:13.5px;color:var(--t4);font-weight:500}
.cinfo b{display:block;font-size:17.5px;font-weight:600;margin-top:5px;letter-spacing:.2px;word-break:break-all}
.form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px 32px;box-shadow:0 20px 50px rgba(11,22,38,.07)}
.form h3{font-size:22px;font-weight:700}
.form .fh{font-size:13.5px;color:var(--t3);margin-top:10px;margin-bottom:26px;line-height:1.8}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:8px;margin-bottom:16px}
.field label{font-size:13.5px;color:var(--t2);font-weight:500}
.field label i{color:#E5493A;font-style:normal}
.field input,.field select,.field textarea{height:48px;border:1px solid #DDE5EF;border-radius:4px;padding:0 16px;font-size:14.5px;color:var(--t1);background:#fff;outline:none;transition:.2s;width:100%}
.field textarea{height:132px;padding:14px 16px;resize:vertical;line-height:1.7}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,124,252,.12)}
.form .btn{width:100%;margin-top:8px}
.fmsg{display:none;margin-top:16px;padding:14px 18px;border-radius:6px;background:#EAF9F0;border:1px solid #BFE9D1;color:#1D7A48;font-size:14px}
.fmsg.ok{display:block;background:#EAF9F0;border-color:#BFE9D1;color:#1D7A48}
.fmsg.err{display:block;background:#FDEDEC;border-color:#F5C6C2;color:#B4342A}
.fmsg.wait{display:block;background:#F1F5FA;border-color:#DCE4EE;color:var(--t3)}
.hpwrap{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.fnote{margin-top:14px;font-size:12.5px;color:var(--t4);line-height:1.7}

.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.flow .st{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 22px;position:relative;transition:.3s}
.flow .st:hover{border-color:#CBE0FA;transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,22,38,.08)}
.flow .no{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--blue)}
.flow h4{font-size:16.5px;font-weight:600;margin-top:14px}
.flow p{font-size:13.2px;line-height:1.85;color:var(--t3);margin-top:10px}
.flow .st:after{content:"";position:absolute;right:-11px;top:50%;width:14px;height:1px;background:#D6E2EF}
.flow .st:last-child:after{display:none}

.ctaband{background:linear-gradient(100deg,#F5F9FF,#EAF3FF 52%,#E2EEFF);border:1px solid #D7E7FB;border-radius:10px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;color:var(--t1);box-shadow:0 22px 54px rgba(11,22,38,.08)}
.ctaband h2{font-size:30px;font-weight:700;letter-spacing:-.6px}
.ctaband p{font-size:14.5px;color:var(--t2);margin-top:14px;line-height:1.85;max-width:620px}
.ctaband .acts{display:flex;gap:14px;flex-wrap:wrap}

.ft{background:#F7FAFD;color:var(--t3);padding-top:72px;font-size:14px;border-top:1px solid var(--line)}
.ft .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.25fr;gap:40px;padding-bottom:54px}
.ft .brand img{height:48px;margin-bottom:24px}
.ft .desc{font-size:13.8px;line-height:2;color:var(--t3);max-width:330px}
.ft h4{color:var(--t1);font-size:15.5px;font-weight:600;margin-bottom:20px}
.ft .lnk a{display:block;padding:6px 0;font-size:13.8px;color:var(--t3);transition:.2s}
.ft .lnk a:hover{color:var(--blue);transform:translateX(3px)}
.ft .ct li{display:flex;gap:11px;padding:7px 0;font-size:13.8px;line-height:1.75;color:var(--t2)}
.ft .ct svg{color:var(--blue);margin-top:3px}
.ft .bt{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--t4)}
.ft .bt a:hover{color:var(--blue)}
.ft .bt .links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}

.fbar{position:fixed;right:20px;bottom:72px;z-index:80;display:flex;flex-direction:column;gap:8px}
.fbar a{width:58px;height:58px;border-radius:6px;background:#fff;border:1px solid #E2E9F2;box-shadow:0 8px 24px rgba(11,22,38,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#5C6C80;transition:.26s;cursor:pointer}
.fbar a:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateX(-4px)}
.fbar a.totop{opacity:0;pointer-events:none}
.fbar a.totop.show{opacity:1;pointer-events:auto}

.rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,.84,.44,1),transform .85s cubic-bezier(.16,.84,.44,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

@media(max-width:1180px){
  .banner h1{font-size:46px}
  .split{gap:44px}
  .ft .cols{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
  .ft .cols .c4{display:none}
}
@media(max-width:1000px){
  .nav{position:fixed;top:0;right:-100%;width:322px;height:100vh;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:88px 0 40px;transition:right .34s cubic-bezier(.16,.84,.44,1);box-shadow:-18px 0 46px rgba(11,22,38,.16);overflow-y:auto;z-index:96}
  body.mopen .nav{right:0}
  .nav>li>a{line-height:56px;padding:0 26px;font-size:16px;border-bottom:1px solid var(--line);color:#1B2735!important}
  .nav>li>a:after{display:none}
  .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0;min-width:0;background:#F7FAFD}
  .drop a{padding:12px 40px;font-size:14.5px}
  .mtoggle{display:flex;position:relative;z-index:97}
  .hdrtel{display:none}
  .adv4,.pgrid,.clgrid,.bcards{grid-template-columns:repeat(2,1fr)}
  .casegrid{grid-template-columns:1fr}
  .cgrid,.split,.split.rev,.dgrid{grid-template-columns:1fr;gap:36px}
  .split .pic{order:-1}
  .flow{grid-template-columns:repeat(3,1fr)}
  .flow .st:after{display:none}
  .gal{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .topbar .r .hidesm,.topbar .l .hidesm{display:none}
  .sec{padding:66px 0}
  .banner{height:600px}
  .banner h1{font-size:29px;letter-spacing:-.3px}
  .banner .bp{font-size:14.6px;line-height:1.9}
  .dots{right:20px;bottom:86px;padding:7px 10px;gap:7px}
  .dots i{width:18px}
  .dots i.on{width:26px}
  .btag{font-size:12px}
  .phero{height:290px}
  .phero h1{font-size:29px}
  .hh h2,.split h2,.ptxt h2{font-size:25px}
  .hh.row{flex-direction:column;align-items:flex-start;gap:20px}
  .statband .box{grid-template-columns:repeat(2,1fr);gap:26px 0;padding:28px 0}
  .statband .it:nth-child(3):before{display:none}
  .statband b{font-size:34px}
  .nums{grid-template-columns:repeat(2,1fr)}
  .nums .it:nth-child(3):before{display:none}
  .nums .it:nth-child(odd):before{display:none}
  .adv4,.pgrid,.clgrid,.bcards,.gal,.flow{grid-template-columns:1fr}
  .ccard{flex-direction:column}
  .ccard .pic{width:100%;flex:0 0 auto;height:210px;min-height:0}
  .ctaband{padding:36px 28px}
  .ctaband h2{font-size:23px}
  .form{padding:26px 22px}
  .frow{grid-template-columns:1fr}
  .spec .r{grid-template-columns:110px 1fr}
  .spec .k,.spec .v{padding:15px 16px;font-size:13.5px}
  .fbar{right:12px;bottom:16px}
  .fbar a{width:48px;height:48px;font-size:10px}
  .fbar a svg{width:18px;height:18px}
  .ft .cols{grid-template-columns:1fr 1fr;gap:28px}
  .ft .cols .c5{grid-column:1/-1}
  .brand img{height:38px}
}
@media(max-width:420px){
  .ft .cols{grid-template-columns:1fr}
  .ft .cols .c4{display:block}
}