*{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;height:auto;}
html{margin:0 auto;background:#ffffff;overflow-x:hidden;}
body{margin:0 auto;}
body{font-family:"Source Han Sans SC VF","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
     color:#5a7184;background:#fff;-webkit-font-smoothing:antialiased;}
#root{width:100%;height:auto;position:relative;overflow:hidden;background:#fff;
      --navy:#17364f;--ink:#1f3b57;--blue:#2f6fa8;--blue-d:#22587f;--line:#e6edf5;--bg:#f6fafd;--muted:#8698ab;}
.wrap{width:1240px;margin:0 auto;padding:0 24px;position:relative;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{font-weight:700;color:var(--navy);}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;}
.ic{display:flex;align-items:center;justify-content:center;}

@keyframes kb{from{transform:scale(1.03) translate3d(0,0,0);}to{transform:scale(1.1) translate3d(-18px,-8px,0);}}
@keyframes kb2{from{transform:scale(1.01);}to{transform:scale(1.08);}}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
@keyframes drift{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes marq{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@keyframes sheen{0%{background-position:-140% 0;}100%{background-position:240% 0;}}
@keyframes logoShine{0%{background-position:150% 0;}100%{background-position:-50% 0;}}
@keyframes barFlow{0%{background-position:50% 0%;}100%{background-position:50% 100%;}}
@keyframes pulseRing{0%{transform:scale(.86);opacity:.55;}70%{transform:scale(1.45);opacity:0;}100%{transform:scale(1.45);opacity:0;}}
@keyframes barGrow{0%{transform:scaleY(.08);opacity:.2;}16%{transform:scaleY(1);opacity:1;}62%{transform:scaleY(1);opacity:1;}84%{transform:scaleY(.08);opacity:.2;}100%{transform:scaleY(.08);opacity:.2;}}
@keyframes chIn{0%{opacity:0;transform:translateY(2px);}3%{opacity:1;transform:translateY(0);}92%{opacity:1;transform:translateY(0);}97%{opacity:0;transform:translateY(0);}100%{opacity:0;}}
@keyframes heroSheen{0%{background-position:160% 50%;}100%{background-position:-70% 50%;}}
@keyframes lineGrow{0%,100%{width:26px;}50%{width:44px;}}
@keyframes btnBreath{0%,100%{box-shadow:0 14px 28px rgba(47,111,168,.24);}50%{box-shadow:0 20px 38px rgba(47,111,168,.34);}}
@keyframes heroPan{from{transform:scale(1.02) translate3d(0,0,0);}to{transform:scale(1.06) translate3d(-16px,-8px,0);}}
@keyframes borderFlow{0%{background-position:0% 50%;}100%{background-position:300% 50%;}}
@keyframes softGlow{0%,100%{box-shadow:0 24px 50px rgba(23,54,79,.12);}50%{box-shadow:0 26px 56px rgba(47,111,168,.16);}}
@keyframes pkgSweep{0%{left:-42%;opacity:0;}10%{opacity:.85;}52%{left:112%;opacity:.85;}66%{opacity:0;}100%{left:112%;opacity:0;}}

/* header */
.hd{height:108px;background:#fff;border-bottom:1px solid #eef3f8;position:relative;z-index:30;}
.hd-in{height:108px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:7px;position:relative;}
.logo .seg{display:flex;flex-direction:column;justify-content:center;font-size:24px;height:2.18em;line-height:1;}
.logo .seg.grid{display:grid;grid-template-columns:1em 1em;grid-auto-rows:1em;gap:.10em;align-content:center;}
.logo .seg.grid b{font-size:1em;line-height:1em;text-align:center;letter-spacing:0;font-weight:700;}
.logo .seg b{font-weight:700;color:var(--ink);letter-spacing:.02em;background-image:linear-gradient(100deg,#17364f 0%,#17364f 42%,#7fa9c9 50%,#17364f 58%,#17364f 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoShine 9s linear infinite;}
.logo .seg i{font-style:normal;font-size:1em;color:var(--ink);letter-spacing:.02em;background-image:linear-gradient(100deg,#2a4f6d 0%,#2a4f6d 42%,#8fb6d2 50%,#2a4f6d 58%,#2a4f6d 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoShine 9s linear infinite;}
.logo .seg.grid b:nth-child(2){animation-delay:.45s;}
.logo .seg.grid b:nth-child(3){animation-delay:.9s;}
.logo .seg.grid b:nth-child(4){animation-delay:1.35s;}
.logo .bar{width:1px;height:44px;margin:0 2px;background:linear-gradient(180deg,rgba(219,231,242,0) 0%,#8fb9d6 32%,#8fb9d6 68%,rgba(219,231,242,0) 100%);
     transform:scaleY(.08);transform-origin:center center;animation:barGrow 5.2s ease-in-out infinite;}
.logo .s2{font-size:24px;justify-content:flex-end;gap:.10em;}
.logo .s2 b{font-size:.66em;letter-spacing:.08em;}
.logo .s2 i{font-size:.42em;letter-spacing:.02em;margin-top:0;display:inline-block;white-space:nowrap;background:none;color:#2a4f6d;-webkit-text-fill-color:#2a4f6d;animation:none;}
.logo .s2 i span{display:inline-block;opacity:0;color:#2a4f6d;-webkit-text-fill-color:#2a4f6d;background:none;transform:translateY(2px);animation:chIn 8.4s linear infinite;}
.logo .s2 i span:nth-child(1){animation-delay:-2.00s;}
.logo .s2 i span:nth-child(2){animation-delay:-1.94s;}
.logo .s2 i span:nth-child(3){animation-delay:-1.88s;}
.logo .s2 i span:nth-child(4){animation-delay:-1.82s;}
.logo .s2 i span:nth-child(5){animation-delay:-1.76s;}
.logo .s2 i span:nth-child(6){animation-delay:-1.70s;}
.logo .s2 i span:nth-child(7){animation-delay:-1.64s;}
.logo .s2 i span:nth-child(8){animation-delay:-1.58s;}
.logo .s2 i span:nth-child(9){animation-delay:-1.52s;}
.logo .s2 i span:nth-child(10){animation-delay:-1.46s;}
.logo .s2 i span:nth-child(11){animation-delay:-1.40s;}
.logo .s2 i span:nth-child(12){animation-delay:-1.34s;}
.logo .s2 i span:nth-child(13){animation-delay:-1.28s;}
.logo .s2 i span:nth-child(14){animation-delay:-1.22s;}
.logo .s2 i span:nth-child(15){animation-delay:-1.16s;}
.logo .s2 i span:nth-child(16){animation-delay:-1.10s;}
.logo .s2 i span:nth-child(17){animation-delay:-1.04s;}
.nav{display:flex;gap:26px;font-size:14.5px;color:#48627a;letter-spacing:.01em;}
.nav a{position:relative;padding:8px 0;transition:color .35s;}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--blue);transition:right .38s ease;}
.nav a:hover{color:var(--blue);}
.nav a:hover:after{right:0;}
.tel{display:flex;align-items:center;gap:13px;}
.tel .ph{position:relative;width:34px;height:34px;border-radius:50%;background:#eff6fc;color:var(--blue);font-size:16px;}
.tel .ph:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(47,111,168,.4);animation:pulseRing 3.4s ease-out infinite;}
.tel b{display:block;font-size:19px;letter-spacing:.02em;color:var(--ink);font-weight:700;}
.tel i{display:block;font-style:normal;font-size:10.5px;letter-spacing:.1em;color:var(--muted);margin-top:3px;}

/* hero */
.hero{position:relative;height:636px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:url("/template/jia/images/home01-hero-wide.jpg") center center / cover no-repeat;animation:heroPan 30s ease-in-out infinite alternate;will-change:transform;}
.hero-veil{position:absolute;inset:0;background:linear-gradient(96deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 28%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.16) 74%,rgba(255,255,255,.02) 100%);}
.hero-in{height:636px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.hero-left{flex:1;min-width:0;position:relative;z-index:3;}
.eb{display:flex;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.2em;color:#6d8ba4;margin-bottom:18px;}
.eb:before{content:"";width:32px;height:1px;background:#a2b9cc;animation:lineGrow 5s ease-in-out infinite;}
h1.hero-t{font-size:60px;line-height:1.18;letter-spacing:-.02em;
     background-image:linear-gradient(104deg,#17364f 0%,#17364f 36%,#3d779f 47%,#17364f 58%,#17364f 100%);
     background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
     animation:heroSheen 9s linear infinite;}
h1.hero-t em{font-style:normal;color:var(--blue-d);-webkit-text-fill-color:var(--blue-d);}
.hero-act .btn{animation:btnBreath 6s ease-in-out infinite;}
.lead{margin-top:20px;font-size:16.5px;line-height:1.75;color:#4f6a82;letter-spacing:.02em;max-width:520px;}
.hero-act{margin-top:32px;display:flex;align-items:center;gap:14px;}
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:8px;font-size:15.5px;
     background:var(--blue);color:#fff;box-shadow:0 14px 28px rgba(47,111,168,.26);letter-spacing:.02em;
     transition:transform .35s ease,box-shadow .35s ease;}
.btn .ar{font-size:17px;color:#e8f2fa;}
.btn.ghost{background:rgba(255,255,255,.9);border:1px solid #c9d9e6;color:var(--ink);box-shadow:none;}
.hero-meta{margin-top:26px;display:flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.03em;color:#6b8398;}

.panel{width:512px;flex:none;background:#fff;border:1px solid #e9f1f8;border-radius:16px;padding:26px 26px 16px;position:relative;z-index:3;
       box-shadow:0 30px 66px rgba(23,54,79,.13);}
.panel-h{text-align:center;}
.panel-h h3{font-size:23px;letter-spacing:.02em;}
.panel-h .ln{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;font-size:11.5px;color:#8499ad;letter-spacing:.04em;}
.panel-h .ln span{width:68px;height:1px;background:#e4edf6;}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}
.tile{position:relative;height:124px;background:#fdfeff;border:1px solid #edf3fa;border-radius:11px;padding:16px 18px;transition:transform .4s ease,border-color .4s;}
.tile .ic{width:28px;height:28px;justify-content:flex-start;color:var(--blue);font-size:22px;}
.tile h4{font-size:16.5px;color:var(--ink);margin-top:5px;letter-spacing:.02em;}
.tile p{font-size:11.5px;color:#7b8fa3;margin-top:6px;letter-spacing:.02em;}
.tile .ar{position:absolute;right:16px;bottom:12px;color:#a0b6c9;font-size:14px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #eef4fa;}
.stat{display:flex;gap:7px;align-items:flex-start;}
.stat .ic{width:20px;color:var(--blue);font-size:19px;justify-content:flex-start;padding-top:2px;}
.stat b{display:block;font-size:12.5px;color:var(--ink);letter-spacing:.01em;}
.stat span{display:block;font-size:10.5px;color:#8a9cae;margin-top:4px;letter-spacing:.03em;}

/* strip */
.strip{background:var(--bg);border-top:1px solid #ecf3fa;border-bottom:1px solid #ecf3fa;}
.strip-in{display:grid;grid-template-columns:repeat(6,1fr);}
.svc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:22px 16px;position:relative;transition:background .4s;}
.svc .ic{width:44px;height:44px;border-radius:0;background:none;border:0;color:var(--blue);font-size:27px;display:flex;align-items:center;justify-content:center;animation:floaty 6.5s ease-in-out infinite;}
.svc .ic svg{width:1em;height:1em;}
.svc b{display:block;font-size:15.5px;color:var(--ink);letter-spacing:.02em;}
.svc span{display:block;font-size:11.5px;color:#8b9daf;margin-top:4px;}
.svc .ch{display:none;}

/* section head */
.sec{padding:72px 0;position:relative;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px;}
.sec-head .eb{margin-bottom:12px;}
.sec-head h2{font-size:34px;line-height:1.28;letter-spacing:-.01em;}
.sec-head .more{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--blue);letter-spacing:.03em;padding-bottom:5px;}

/* advantage cards */
.card3{display:flex;gap:22px;}
.pcard{flex:1;background:#fff;border:1px solid #e7eff8;border-radius:14px;overflow:hidden;box-shadow:0 22px 46px rgba(23,54,79,.07);display:flex;flex-direction:column;}
.pcard .img{height:148px;overflow:hidden;position:relative;background:#f4f8fc;flex:none;}
.pcard .img i{position:absolute;inset:0;background-size:cover;background-position:center;animation:kb2 22s ease-in-out infinite alternate;}
.pcard .bd{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;}
.pcard h3{font-size:21px;letter-spacing:.02em;}
.pcard p{font-size:13px;line-height:1.75;color:#65798d;margin-top:10px;}
.pcard a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:13px;color:var(--blue);letter-spacing:.03em;}

/* matrix */
.matrix{background:#fbfdff;border-top:1px solid #eff5fb;overflow:hidden;}
.matrix .ring1{position:absolute;right:-220px;top:-180px;width:520px;height:520px;border:1px solid #e6f0fa;border-radius:50%;animation:drift 90s linear infinite;}
.matrix .ring2{position:absolute;right:-120px;top:-80px;width:320px;height:320px;border:1px dashed #e1edf8;border-radius:50%;animation:drift 70s linear infinite reverse;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2;}
.mcell{background:#fff;border:1px solid #eaf1f9;border-radius:13px;padding:22px 22px 18px;transition:transform .4s ease,box-shadow .4s;}
.mcell .ic{width:42px;height:42px;border-radius:10px;background:#f2f8fd;color:var(--blue);font-size:23px;}
.mcell h3{font-size:17px;margin-top:14px;letter-spacing:.02em;}
.mcell p{font-size:12px;line-height:1.7;color:#7c8fa3;margin-top:8px;min-height:42px;}
.mcell .lk{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#8aa2b8;letter-spacing:.03em;}

/* region */
.region{background:var(--bg);border-top:1px solid #ecf3fa;border-bottom:1px solid #ecf3fa;overflow:hidden;}
.region .ring1{position:absolute;left:-200px;bottom:20px;width:480px;height:480px;border:1px solid #e4eff9;border-radius:50%;animation:drift 100s linear infinite;}
.region-in{display:flex;gap:40px;position:relative;z-index:2;}
.region-l{width:430px;flex:none;}
.region-l .eb{margin-bottom:12px;}
.region-l h2{font-size:32px;line-height:1.3;letter-spacing:-.01em;}
.region-l p{font-size:13.5px;line-height:1.85;color:#5f778d;margin-top:16px;}
.addr{margin-top:22px;background:#fff;border:1px solid #e4edf6;border-radius:12px;padding:20px;display:flex;gap:14px;}
.addr .ic{width:26px;color:var(--blue);font-size:22px;justify-content:flex-start;padding-top:2px;}
.addr b{font-size:14px;color:var(--ink);letter-spacing:.02em;}
.addr p{font-size:12px;line-height:1.9;color:#6b7f93;margin-top:6px;}
.region-r{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.chip{height:44px;background:#fff;border:1px solid #dfeaf5;border-radius:8px;display:flex;align-items:center;justify-content:center;
      font-size:13.5px;color:#3d5d79;letter-spacing:.02em;transition:border-color .35s,color .35s,transform .35s;}
.chip:hover{border-color:#b9d2e6;color:var(--blue-d);transform:translateY(-2px);}
.region-note{margin-top:16px;font-size:12px;color:#8ba0b3;letter-spacing:.03em;display:flex;align-items:center;gap:8px;}

/* industry */
.industry{background:#fff;}
.mq{position:relative;overflow:hidden;margin-top:24px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);}
.mq-track{display:flex;gap:14px;width:max-content;animation:marq 56s linear infinite;}
.mq-track.rev{animation-direction:reverse;animation-duration:70s;}
.tagp{height:48px;padding:0 24px;border-radius:999px;background:#fff;border:1px solid #e3edf7;display:flex;align-items:center;gap:10px;
      font-size:14px;color:#3f5e79;white-space:nowrap;letter-spacing:.03em;}
.tagp i{width:6px;height:6px;border-radius:50%;background:#b9cfe1;}

/* qa */
.qa{background:#fff;border-top:1px solid #eff4f9;}
.qa-in{display:flex;gap:40px;}
.qlist{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.qrow{display:flex;align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid #eff4f9;}
.qnum{font-size:12px;color:#a7bccd;letter-spacing:.1em;width:28px;flex:none;}
.qrow h4{flex:1;font-size:16px;font-weight:500;color:var(--ink);letter-spacing:.02em;}
.qtip{height:24px;padding:0 10px;border-radius:4px;background:#f2f8fd;color:#5b84a6;font-size:11.5px;display:flex;align-items:center;flex:none;}
.qrow .ch{color:#acc1d3;font-size:14px;flex:none;}
.qcard{width:322px;flex:none;background:linear-gradient(158deg,#f7fbff 0%,#eef5fb 100%);border:1px solid #e2edf7;border-radius:16px;padding:30px 28px;position:relative;overflow:hidden;}
.qcard .ring{position:absolute;right:-90px;top:-90px;width:230px;height:230px;border:1px solid #e2eef9;border-radius:50%;animation:drift 60s linear infinite;}
.qcard h3{font-size:22px;line-height:1.4;}
.qcard .telb{font-size:27px;color:var(--blue-d);font-weight:700;margin-top:14px;letter-spacing:.01em;}
.qcard .ln{height:1px;background:#dde9f4;margin:20px 0;}
.qcard p{font-size:12.5px;line-height:1.95;color:#6a7f93;}
.qcard p b{color:var(--ink);font-weight:600;}

/* cta */
.cta{padding:6px 0 78px;}
.cta-in{position:relative;overflow:hidden;border:1px solid #e0ecf7;border-radius:18px;padding:38px 46px;
        background:linear-gradient(100deg,#f5fbfe 0%,#eaf3fb 62%,#e5f0fa 100%);
        display:flex;align-items:center;justify-content:space-between;}
.cta-in:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);background-size:230% 100%;animation:sheen 10s linear infinite;}
.cta-l{position:relative;z-index:3;}
.cta-l h3{font-size:29px;letter-spacing:-.01em;}
.cta-l p{font-size:13px;color:#68809a;margin-top:10px;letter-spacing:.02em;}
.cta-r{display:flex;align-items:center;gap:24px;position:relative;z-index:2;}
.cta-tel b{display:block;font-size:26px;color:var(--ink);letter-spacing:.01em;}
.cta-tel span{display:block;font-size:10.5px;color:#8497aa;letter-spacing:.12em;margin-top:5px;}
.btn.sm{height:48px;padding:0 26px;font-size:14.5px;}

/* slogan + footer */
.slogan{height:84px;background:#fff;display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid #f1f6fa;}
.slogan span{font-size:12px;letter-spacing:.26em;color:#9aadbe;}
.slogan b{font-size:17px;font-weight:500;color:#3f5d78;letter-spacing:.14em;}
.ft{background:#f4f8fc;border-top:1px solid #e8f0f8;padding:50px 0 26px;}
.ft-in{display:flex;gap:24px;}
.ft-brand{width:318px;flex:none;}
.ft-brand .logo .seg{font-size:19px;}
.ft-brand .logo .bar{height:34px;}
.ft-brand p{font-size:11.5px;line-height:1.9;color:#7a8ea2;margin-top:16px;}
.ft-brand .ft-intro{font-size:11.8px;line-height:1.95;}
.ft-brand .ft-intro b{display:block;font-weight:600;color:#4e6b84;letter-spacing:.02em;margin-bottom:6px;}
.ft-col{flex:1;min-width:0;}
.ft-col b{display:block;font-size:11.5px;letter-spacing:.14em;color:#7b91a5;margin-bottom:15px;}
.ft-col a{display:block;font-size:12.5px;color:#4e6b84;margin-bottom:10px;transition:color .3s;}
.ft-col a:hover{color:var(--blue);}
.ft-contact{width:252px;flex:none;}
.ft-contact b{display:block;font-size:11.5px;letter-spacing:.14em;color:#7b91a5;margin-bottom:15px;font-weight:600;}
.ft-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;}
.ft-row svg{font-size:14px;color:#7fa8c6;margin-top:2px;}
.ft-row .v{font-size:12px;color:#4e6b84;line-height:1.65;}
.ft-row .v i{display:block;font-style:normal;font-size:10.5px;color:#8fa2b4;letter-spacing:.04em;margin-top:2px;}
.qrbox{display:flex;gap:11px;align-items:center;margin-top:14px;}
.qrbox img{width:84px;height:84px;display:block;background:#fff;border:1px solid #e3ebf4;border-radius:8px;padding:4px;}
.qrbox span{font-size:11px;color:#7b91a5;line-height:1.8;}
.qrbox span b{display:block;font-size:11.5px;color:#4e6b84;letter-spacing:.01em;margin:0 0 3px;}
.ft-btm{margin-top:28px;padding-top:20px;border-top:1px solid #e2ebf4;display:flex;justify-content:space-between;font-size:11.5px;color:#93a5b6;}
.ft-links{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid #e2ebf4;font-size:11.5px;color:#8da1b3;}
.ft-links b{font-size:11px;letter-spacing:.14em;color:#7b91a5;font-weight:600;margin-right:4px;}
.ft-links a{color:#6d869c;transition:color .3s;}
.ft-links a:hover{color:var(--blue);}

/* lifecycle */
.life{background:#fff;border-top:1px solid #f1f6fa;}
.life-in{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;}
.stage{position:relative;background:#fff;border:1px solid #e9f1f9;border-radius:13px;padding:20px 20px 18px;transition:transform .4s ease,box-shadow .4s;}
.stage:after{content:"";position:absolute;right:-17px;top:46px;width:16px;height:1px;background:#dfeaf4;}
.stage:last-child:after{display:none;}
.stage .no{font-size:11px;letter-spacing:.14em;color:#9bb0c1;}
.stage h3{font-size:17px;margin-top:9px;letter-spacing:.01em;}
.stage p{font-size:12px;line-height:1.7;color:#7b8fa3;margin-top:7px;min-height:41px;}
.stage ul{margin-top:12px;padding-top:12px;border-top:1px dashed #e7eff7;display:flex;flex-direction:column;gap:8px;}
.stage li{display:flex;align-items:center;gap:7px;font-size:12px;color:#4e6d87;}
.stage li:before{content:"";width:4px;height:4px;border-radius:50%;background:#bfd4e6;}

/* package */
.pkg{background:linear-gradient(150deg,#f8fcff 0%,#edf5fc 100%);border-top:1px solid #e9f2f9;border-bottom:1px solid #e9f2f9;position:relative;overflow:hidden;}
.pkg .ring1{position:absolute;right:-160px;top:-140px;width:420px;height:420px;border:1px solid #e2eef9;border-radius:50%;animation:drift 80s linear infinite;}
.pkg-in{display:flex;gap:36px;position:relative;z-index:2;}
.pkg-l{flex:1;min-width:0;}
.pkg-l h2{font-size:32px;line-height:1.3;letter-spacing:-.01em;}
.pkg-l p{font-size:13px;line-height:1.85;color:#5f778d;margin-top:14px;}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin-top:22px;}
.dl div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#456780;}
.dl svg{font-size:14px;color:#5da0cf;}
.pkg-note{margin-top:20px;font-size:11.5px;color:#8195a8;letter-spacing:.02em;display:flex;align-items:center;gap:8px;}
.pkg-r{width:300px;flex:none;display:flex;flex-direction:column;gap:14px;}
.price{position:relative;background:#fff;border:1px solid #e3edf7;border-radius:13px;padding:18px 22px 18px;box-shadow:0 16px 34px rgba(23,54,79,.07);}
.price .tag{position:absolute;right:16px;top:14px;font-size:10.5px;letter-spacing:.08em;color:#5b8fb6;background:#eef6fc;border-radius:4px;height:22px;padding:0 8px;display:flex;align-items:center;}
.price .cap{font-size:12px;color:#7a8fa3;letter-spacing:.03em;}
.price .num{font-size:28px;font-weight:700;color:var(--blue-d);letter-spacing:-.01em;margin-top:7px;}
.price .num small{font-size:11.5px;font-weight:400;color:#8a9daf;margin-left:3px;}
.price p{font-size:11.5px;color:#8799aa;margin-top:7px;}
.price.hot{border-color:#c3dcee;background:linear-gradient(165deg,#ffffff 0%,#f3f9fe 100%);}
.price.hot .tag{background:#e4f1fa;color:#437fa4;}
.pkg-bar{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e3edf7;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px rgba(23,54,79,.05);}
.gitem{display:flex;align-items:center;gap:11px;padding:18px 20px;border-right:1px solid #eef4fa;}
.gitem:last-child{border-right:none;}
.gitem svg{font-size:20px;color:#6ea6cb;}
.gitem b{display:block;font-size:12.5px;color:var(--ink);letter-spacing:.01em;}
.gitem span{display:block;font-size:11px;color:#8b9daf;margin-top:3px;}

/* about */
.about{background:#fff;}
.about-top{display:flex;gap:38px;align-items:flex-start;}
.about-l{flex:1;min-width:0;}
.about-l h2{font-size:32px;line-height:1.32;letter-spacing:-.01em;}
.about-l p{font-size:13.5px;line-height:1.95;color:#5b738a;margin-top:15px;}
.qual{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.qual span{height:34px;padding:0 12px;border:1px solid #e2ecf6;background:#f8fbfe;border-radius:6px;display:flex;align-items:center;font-size:12px;color:#4c6b85;letter-spacing:.01em;}
.about-r{width:430px;flex:none;height:358px;border-radius:14px;overflow:visible;position:relative;box-shadow:0 24px 50px rgba(23,54,79,.12);}
.about-r i{position:absolute;inset:0;border-radius:14px;background:url("/template/jia/images/home01-about.jpg") center 42% / cover no-repeat;animation:kb2 30s ease-in-out infinite alternate;}
.about-r .bd{position:absolute;left:18px;bottom:18px;right:auto;width:fit-content;background:rgba(255,255,255,.93);border:1px solid #e6eef7;border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:10px;}
.about-r .bd b{font-size:12px;color:var(--ink);letter-spacing:.01em;}
.about-r .bd span{display:block;font-size:10.5px;color:#7e91a4;margin-top:3px;}
.about-stats{margin-top:38px;padding-top:32px;border-top:1px solid #eef4fa;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.st .n{font-size:34px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1;}
.st .n em{font-style:normal;font-size:15px;color:var(--blue-d);margin-left:3px;font-weight:600;}
.st .t{font-size:11.5px;color:#8498ab;margin-top:10px;letter-spacing:.03em;}

/* knowledge */
.kb{background:#fbfdff;border-top:1px solid #eff5fb;}
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.kcard{background:#fff;border:1px solid #e9f1f9;border-radius:13px;overflow:hidden;box-shadow:0 16px 34px rgba(23,54,79,.06);display:flex;flex-direction:column;transition:transform .4s ease,box-shadow .4s;}
.kcard .th{height:168px;overflow:hidden;position:relative;background:#f3f8fc;flex:none;}
.kcard .th i{position:absolute;inset:0;background-size:cover;background-position:center;animation:kb2 24s ease-in-out infinite alternate;}
.kcard .bd{padding:18px 20px 18px;flex:1;display:flex;flex-direction:column;}
.kcard h3{font-size:15px;line-height:1.55;letter-spacing:.01em;}
.kcard p{font-size:11.5px;line-height:1.75;color:#7a8ea2;margin-top:8px;}
.kmeta{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid #f0f5fa;font-size:11px;color:#9aadbe;}
.kmeta time{font-size:11px;color:#9aadbe;}
.kmeta .lk{margin-left:auto;color:var(--blue);display:flex;align-items:center;gap:4px;letter-spacing:.02em;}

/* ================= v2 美化：全幅自适应底色 + 层次 + 悬浮 ================= */
/* 板块底色：横向铺满视口，随窗口宽度自适应；内容仍由 1240 容器居中 */
.strip{background:linear-gradient(180deg,#f9fcff 0%,#edf5fc 100%);border-top:1px solid #e4eff8;border-bottom:1px solid #e4eff8;box-shadow:inset 0 1px 0 #ffffff;}
#sec-strength{background:radial-gradient(1100px 430px at 84% -10%,#eff9ff 0%,rgba(255,255,255,0) 68%),#ffffff;}
.life{background:linear-gradient(180deg,#ffffff 0%,#fafdff 100%);border-top:1px solid #f2f7fc;}
.matrix{background:radial-gradient(920px 400px at 12% 0%,#eff8ff 0%,rgba(248,252,255,0) 66%),linear-gradient(180deg,#f8fcff 0%,#f4f9fe 100%);}
.region{background:linear-gradient(180deg,#f4faff 0%,#edf6fd 100%);}
.industry{background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);}
.pkg{background:radial-gradient(820px 380px at 90% 10%,#e4f1fd 0%,rgba(238,246,253,0) 60%),linear-gradient(140deg,#f6fbff 0%,#eaf4fd 58%,#e5f1fb 100%);}
.about{background:#ffffff;}
.kb{background:linear-gradient(180deg,#fbfdff 0%,#f1f8fe 100%);border-top:1px solid #ecf3fa;}
.qa{background:#ffffff;}
.cta{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);}
.slogan{background:linear-gradient(180deg,#fbfdff 0%,#f3f9fd 100%);border-top:1px solid #edf4fa;}
.ft{background:linear-gradient(180deg,#f1f7fd 0%,#edf4fa 100%);border-top:1px solid #e1ebf5;}

/* Hero 收口渐隐 */
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 72%,#ffffff 100%);pointer-events:none;}
.panel{box-shadow:0 2px 6px rgba(23,54,79,.05),0 30px 70px rgba(23,54,79,.14);}
.tile:hover{transform:translateY(-3px);border-color:#d4e5f3;background:#fcfdff;}

/* 卡片层次与悬浮 */
.pcard,.mcell,.kcard,.stage,.price{transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .45s ease;}
.pcard{box-shadow:0 1px 2px rgba(23,54,79,.04),0 22px 46px rgba(23,54,79,.08);}
.mcell{box-shadow:0 1px 2px rgba(23,54,79,.03),0 14px 30px rgba(23,54,79,.05);}
.kcard{box-shadow:0 1px 2px rgba(23,54,79,.03),0 16px 34px rgba(23,54,79,.07);}
.mcell:hover,.stage:hover,.pcard:hover,.kcard:hover{transform:translateY(-5px);border-color:#cddeee;box-shadow:0 2px 6px rgba(23,54,79,.05),0 26px 54px rgba(23,54,79,.12);}
.price:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(23,54,79,.05),0 24px 46px rgba(23,54,79,.12);}

/* 知识库缩略图压暗层 */
.kcard .th:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,54,79,0) 52%,rgba(23,54,79,.16) 100%);opacity:.55;transition:opacity .5s ease;}
.kcard:hover .th:after{opacity:.85;}

/* 关于加喜服务数据：改浅面板 */
.about-stats{margin-top:36px;padding:30px 34px;border:1px solid #eaf2fa;border-radius:16px;background:linear-gradient(165deg,#fcfdff 0%,#f3faff 100%);box-shadow:0 14px 30px rgba(23,54,79,.05);}

/* 按钮与箭头动效 */
.btn{background:linear-gradient(135deg,#3579b2 0%,#245b83 100%);}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(47,111,168,.3);}
.btn.ghost:hover{background:#f5fafe;border-color:#bed4e7;transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,54,79,.08);}
.more svg,.pcard a svg,.kmeta .lk svg,.qrow .ch svg,.tile .ar svg,.mcell .lk svg{transition:transform .35s ease;}
.more:hover svg,.pcard a:hover svg,.kmeta .lk:hover svg,.mcell:hover .lk svg,.tile:hover .ar svg{transform:translateX(4px);}
.chip:hover{background:#fff;border-color:#b7d1e6;box-shadow:0 10px 22px rgba(47,111,168,.12);}
.qrow{transition:background .35s ease;border-radius:8px;}
.qrow:hover{background:#f8fcff;}

/* 细节 */
.sec-head h2{letter-spacing:-.015em;}
.mcell .ic,.svc .ic{box-shadow:inset 0 0 0 1px rgba(47,111,168,.06),0 6px 14px rgba(47,111,168,.06);}
.qrbox img{box-shadow:0 10px 22px rgba(23,54,79,.1);border-radius:10px;}

/* 服务条：竖向分隔线 + 悬浮底色 */
.svc:not(:last-child):after{content:"";position:absolute;right:0;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,rgba(203,221,236,0),rgba(203,221,236,.95),rgba(203,221,236,0));}
.svc:hover{background:rgba(255,255,255,.62);}

/* 行业专题跑马灯：可点击 chip */
.tagp{transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .3s;}
.tagp:hover{color:var(--blue-d);background:#fff;border-color:#b7d1e6;box-shadow:0 10px 22px rgba(47,111,168,.14);transform:translateY(-2px);}

/* 关于加喜展示图：环形流光描边 + 呼吸光晕 */
.about-r{animation:softGlow 7s ease-in-out infinite;isolation:isolate;}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
@property --ang2{syntax:'<angle>';inherits:false;initial-value:0deg;}
@keyframes spinAng{to{--ang:360deg;}}
@keyframes spinAng2{to{--ang2:-360deg;}}
@keyframes qrPulse{0%,100%{box-shadow:0 0 0 0 rgba(47,111,168,.26),0 8px 18px rgba(23,54,79,.10);}50%{box-shadow:0 0 0 7px rgba(47,111,168,0),0 12px 24px rgba(23,54,79,.14);}}
@keyframes ctaPulse{0%,100%{box-shadow:0 12px 26px rgba(47,111,168,.24),0 0 0 0 rgba(47,111,168,.30);}50%{box-shadow:0 16px 32px rgba(47,111,168,.32),0 0 0 9px rgba(47,111,168,0);}}
.about-r:before{content:"";position:absolute;inset:-8px;border-radius:22px;z-index:-1;filter:none;opacity:1;
  background:conic-gradient(from var(--ang),#1f5d90 0deg,#2f6fa8 70deg,#4b87b6 190deg,#8fc3e2 248deg,#ffffff 266deg,#a9d2ea 284deg,#4b87b6 330deg,#1f5d90 360deg);
  animation:spinAng 9s linear infinite;}
.about-r .bd{box-shadow:0 10px 22px rgba(23,54,79,.12);}
.about-r:after{content:"";position:absolute;inset:-14px;border-radius:28px;z-index:-2;padding:2px;opacity:.9;
  background:conic-gradient(from var(--ang2),rgba(47,111,168,0) 0deg,#7fb3d8 40deg,#ffffff 75deg,rgba(47,111,168,0) 130deg,rgba(47,111,168,0) 350deg,rgba(47,111,168,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:spinAng2 16s linear infinite;}

/* FAQ 侧栏微信二维码：环形流光 + 呼吸光圈 */
.q-qr{position:relative;isolation:isolate;width:118px;margin:20px auto 22px;text-align:center;}
.q-qr:before{content:"";position:absolute;inset:-5px -5px auto -5px;height:120px;border-radius:16px;z-index:-1;
  background:conic-gradient(from var(--ang),rgba(47,111,168,0) 0deg,#2f6fa8 50deg,#f0f8fe 110deg,#25597f 185deg,rgba(47,111,168,.45) 262deg,rgba(47,111,168,0) 330deg,rgba(47,111,168,0) 360deg);
  animation:spinAng 8s linear infinite;}
.q-qr img{width:110px;height:110px;display:block;margin:0 auto;background:#fff;border-radius:11px;padding:5px;animation:qrPulse 4.2s ease-in-out infinite;}
.q-qr span{display:block;font-size:10.5px;color:#7b91a5;margin-top:9px;letter-spacing:.04em;}

/* 备案号链接 */
.ft-btm .icp{color:#93a5b6;text-decoration:none;border-bottom:1px solid rgba(147,165,182,.45);transition:color .3s,border-color .3s;}
.ft-btm .icp:hover{color:var(--blue-d);border-bottom-color:var(--blue-d);}

/* CTA 联系我们按钮：呼吸光圈 */
.cta .btn.sm{animation:ctaPulse 3.8s ease-in-out infinite;}

/* 页脚二维码：环形流光 + 呼吸光圈 */
.qr-frame{position:relative;isolation:isolate;flex:none;line-height:0;}
.qr-frame:before{content:"";position:absolute;inset:-3px;border-radius:11px;z-index:-1;
  background:conic-gradient(from var(--ang),rgba(47,111,168,0) 0deg,#3d7cb4 55deg,#eaf5fd 115deg,#25597f 190deg,rgba(47,111,168,.5) 265deg,rgba(47,111,168,0) 335deg,rgba(47,111,168,0) 360deg);
  animation:spinAng 7s linear infinite;}
.qrbox img{animation:qrPulse 4.6s ease-in-out infinite;}

/* 创业一站式套餐：环境柔光呼吸 + 顶部流光 + 常用方案标签扫光 */
.pkg:before{content:"";position:absolute;right:-80px;top:-90px;width:560px;height:560px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(47,111,168,.16),rgba(47,111,168,0));animation:floaty 13s ease-in-out infinite;}
.pkg-sweep{position:absolute;top:-10%;left:-42%;width:32%;height:120%;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-14deg);animation:pkgSweep 11s ease-in-out infinite;}
.pkg:after{content:"";position:absolute;left:0;top:0;height:1px;width:100%;pointer-events:none;
  background:linear-gradient(90deg,transparent,#93c2e2,transparent);background-size:38% 100%;background-repeat:no-repeat;animation:sheen 8s linear infinite;}
.price.hot .tag{background-image:linear-gradient(100deg,#e4f1fa 0%,#e4f1fa 40%,#c9e5f7 50%,#e4f1fa 60%,#e4f1fa 100%);background-size:240% 100%;animation:logoShine 6s linear infinite;}

/* 页脚：四区均分 + 免责申明 */
.ft-in{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start;}
.ft-brand{width:auto;}
.ft-col{flex:none;}
.ft-contact{width:auto;}
.ft-disc{margin-top:30px;padding:26px 4px 24px;border-top:1px solid #dfeaf4;border-bottom:1px solid #dfeaf4;
  display:flex;align-items:center;gap:48px;background:none;box-shadow:none;border-radius:0;}
.ft-disc .tt{flex:none;display:flex;flex-direction:column;gap:4px;}
.ft-disc .tt b{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.16em;line-height:1;}
.ft-disc .tt em{font-style:normal;font-size:9.5px;letter-spacing:.24em;color:#a7bccd;text-transform:uppercase;}
.ft-disc .dc{display:flex;align-items:center;gap:0;flex:1;}
.ft-disc .dc p{flex:1;font-size:12.5px;color:#7b90a4;letter-spacing:.01em;padding:0 30px;position:relative;line-height:1.5;}
.ft-disc .dc p:not(:first-child):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:13px;background:#dbe7f1;}
.ft-disc .dc p:first-child{padding-left:0;}

/* ==================================================================
   全浏览器 / 全终端适配层（桌面 1920 主稿不变，向下逐级降级重排）
   ================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
img,svg{max-width:100%;}
a{-webkit-tap-highlight-color:transparent;}

/* ---- 老内核降级：不支持 conic-gradient 时用线性渐变静态边框 ---- */
@supports not (background:conic-gradient(#000,#fff)){
  .about-r:before,.about-r:after,.q-qr:before,.qr-frame:before{
    background:linear-gradient(135deg,#2f6fa8 0%,#8fc3e2 55%,#25597f 100%)!important;animation:none!important;}
  .q-qr:before,.qr-frame:before{border-radius:inherit;}
}
/* ---- 老内核降级：不支持渐变裁字时不透明、不外发光，避免文字隐身 ---- */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  h1.hero-t,.logo .seg b,.logo .seg i,.logo .seg.grid b{
    background:none!important;animation:none!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;}
  h1.hero-t em{color:var(--blue-d)!important;-webkit-text-fill-color:var(--blue-d)!important;}
}
/* ---- 不支持 mask 时，外环退回 1px 描边 ---- */
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
  .about-r:after{background:none!important;border:1px solid rgba(47,111,168,.35);padding:0;}
}
/* ---- 无动画偏好（系统级减少动效）时全静止 ---- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .logo .s2 i span{opacity:1!important;transform:none!important;}
}

/* ---- ≤1240：小笔记本 / 平板横屏，改为流式重排 ---- */
@media (max-width:1240px){
  :root{--gx:28px;}
  html,body,#root{height:auto!important;min-height:100%!important;overflow:visible!important;width:100%!important;}
  .wrap{width:100%!important;max-width:1240px;padding:0 var(--gx);}
  .hd,.hd-in{height:auto!important;}
  .hd-in{padding:16px var(--gx);gap:20px;flex-wrap:wrap;}
  .tel{display:none;}
  .nav{gap:18px;font-size:13.5px;flex-wrap:wrap;}
  .hero{height:auto!important;}
  .hero-in{height:auto!important;padding:64px var(--gx) 60px;gap:34px;}
  .hero-left{flex:1 1 46%;}
  .panel{width:100%;max-width:520px;flex:0 1 46%;}
  .strip-in{grid-template-columns:repeat(3,1fr);}
  .grid4{grid-template-columns:repeat(2,1fr);}
  .life-in{grid-template-columns:repeat(3,1fr);}
  .chips{grid-template-columns:repeat(3,1fr);}
  .kb-grid{grid-template-columns:repeat(2,1fr);}
  .about-stats{grid-template-columns:repeat(3,1fr);}
  .pkg-in{flex-direction:column;gap:26px;}
  .pkg-r{width:100%;flex-direction:row;flex-wrap:wrap;}
  .price{flex:1 1 240px;}
  .pkg-bar{grid-template-columns:repeat(2,1fr);}
  .gitem:nth-child(2){border-right:none;}
  .about-top{flex-direction:column;gap:30px;}
  .about-r{width:100%;height:320px;}
  .region-in{flex-direction:column;gap:28px;}
  .region-l{width:100%;}
  .qa-in{flex-direction:column;gap:30px;}
  .qcard{width:100%;}
  .cta-in{padding:32px 34px;gap:24px;flex-wrap:wrap;}
  .slogan{height:auto;padding:24px 0;flex-wrap:wrap;gap:8px 16px;text-align:center;}
  .ft-in{grid-template-columns:repeat(2,1fr)!important;gap:24px;}
  .ft-brand,.ft-contact{width:auto;}
}

/* ---- ≤1100：首屏服务面板统计行改两列，避免窄栏折字 ---- */
@media (max-width:1100px){
  .stats{grid-template-columns:repeat(2,1fr);gap:12px;}
  .panel{max-width:560px;}
}

/* ---- ≤900：平板竖屏 ---- */
@media (max-width:900px){
  .sec{padding:54px 0;}
  .sec-head{margin-bottom:26px;}
  .sec-head h2{font-size:27px;}
  .eb{font-size:11.5px;letter-spacing:.16em;}
  h1.hero-t{font-size:42px;}
  .lead{font-size:15px;max-width:none;}
  .hero-in{flex-direction:column;align-items:stretch;padding:48px var(--gx) 44px;gap:28px;}
  .hero-left,.panel{flex:1 1 auto;max-width:none;}
  .strip-in{grid-template-columns:repeat(3,1fr);}
  .svc{padding:18px 12px;}
  .svc b{font-size:14px;}
  .svc span{font-size:11px;}
  .card3{flex-direction:column;}
  .pcard .img{height:180px;}
  .life-in{grid-template-columns:repeat(2,1fr);}
  .stage:after{display:none;}
  .region-l h2,.pkg-l h2,.about-l h2{font-size:27px;}
  .pkg-bar{grid-template-columns:repeat(2,1fr);}
  .cta-in{flex-direction:column;align-items:flex-start;padding:28px 26px;}
  .cta-l h3{font-size:23px;}
  .cta-r{width:100%;justify-content:space-between;gap:16px;}
  .qa-in{gap:24px;}
  .qrow{padding:17px 0;gap:12px;}
  .qrow h4{font-size:15px;}
  .qcard{padding:26px 22px;}
  .qcard h3{font-size:19px;}
  .qcard .telb{font-size:24px;}
  .about-r{height:280px;}
  .ft-in{grid-template-columns:repeat(2,1fr)!important;}
  .ft-disc{flex-direction:column;align-items:flex-start;gap:16px;}
  .ft-disc .dc{width:100%;}
  .ft-btm{flex-direction:column;gap:8px;}
  .mq-track{gap:10px;}
  .tagp{height:42px;padding:0 18px;font-size:13px;}
}

/* ---- ≤640：手机 ---- */
@media (max-width:640px){
  :root{--gx:18px;}
  .wrap{padding:0 var(--gx);}
  .hd-in{padding:12px var(--gx);gap:12px;}
  .hero-in{padding:38px var(--gx) 32px;}
  .logo .seg{font-size:19px;height:2.1em;}
  .logo .bar{height:34px;}
  .logo .s2 b{font-size:.70em;}
  .logo .s2 i{font-size:.50em;}
  .nav{gap:16px;font-size:13px;width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;
       -ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .nav::-webkit-scrollbar{display:none;}
  .nav a{white-space:nowrap;flex:none;}
  .nav a{padding:6px 0;}
  .sec{padding:42px 0;}
  .sec-head{margin-bottom:20px;flex-direction:column;align-items:flex-start;gap:10px;}
  .sec-head h2{font-size:23px;}
  h1.hero-t{font-size:30px;line-height:1.28;}
  .lead{font-size:14px;line-height:1.8;}
  .hero-act{margin-top:24px;flex-wrap:wrap;gap:10px;}
  .btn{height:46px;padding:0 20px;font-size:14px;}
  .hero-meta{flex-wrap:wrap;font-size:11.5px;}
  .panel{padding:20px 18px 14px;}
  .panel-h h3{font-size:19px;}
  .panel-h .ln{font-size:10.5px;gap:8px;}
  .panel-h .ln span{width:28px;}
  .tile{height:auto;padding:14px 14px 16px;}
  .tile h4{font-size:15px;}
  .stats{grid-template-columns:repeat(2,1fr);gap:10px;}
  .strip-in{grid-template-columns:repeat(2,1fr);}
  .svc{padding:16px 10px;gap:7px;}
  .svc .ic{font-size:24px;width:38px;height:38px;}
  .grid4{grid-template-columns:1fr;}
  .life-in{grid-template-columns:1fr;}
  .chips{grid-template-columns:repeat(2,1fr);gap:8px;}
  .chip{height:40px;font-size:12.5px;}
  .kb-grid{grid-template-columns:1fr;}
  .kcard .th{height:190px;}
  .about-stats{grid-template-columns:repeat(2,1fr);gap:14px 10px;}
  .st .n{font-size:28px;}
  .dl{grid-template-columns:1fr;gap:9px;}
  .pkg-r{flex-direction:column;}
  .price{flex:1 1 auto;}
  .pkg-bar{grid-template-columns:1fr;}
  .gitem{border-right:none;border-bottom:1px solid #eef4fa;}
  .gitem:last-child{border-bottom:none;}
  .about-r{height:230px;}
  .about-r .bd{left:12px;bottom:12px;right:12px;width:auto;padding:10px 12px;}
  .qnum{width:22px;font-size:11px;}
  .qrow h4{font-size:14px;line-height:1.5;}
  .qtip{display:none;}
  .qcard{padding:24px 18px;border-radius:12px;}
  .q-qr{margin:16px auto 18px;}
  .cta-in{padding:24px 20px;border-radius:14px;}
  .cta-l h3{font-size:20px;line-height:1.4;}
  .cta-l p{font-size:12.5px;}
  .cta-tel b{font-size:22px;}
  .cta-r .btn{width:100%;justify-content:center;}
  .slogan span{font-size:10.5px;letter-spacing:.14em;}
  .slogan b{font-size:15px;}
  .ft{padding:34px 0 20px;}
  .ft-in{grid-template-columns:1fr!important;gap:22px;}
  .ft-disc{padding:20px 0 18px;}
  .ft-disc .tt b{font-size:17px;}
  .ft-disc .dc{flex-direction:column;align-items:flex-start;gap:8px;}
  .ft-disc .dc p{padding:0;font-size:12px;}
  .ft-disc .dc p:not(:first-child):before{display:none;}
  .ft-links{font-size:11px;gap:6px 12px;}
  .ft-btm{font-size:10.5px;line-height:1.7;}
  .mq{margin-top:18px;}
}

/* ---- ≤380：小屏手机 ---- */
@media (max-width:380px){
  :root{--gx:14px;}
  .wrap{padding:0 var(--gx);}
  h1.hero-t{font-size:26px;}
  .nav{gap:9px;font-size:11.5px;}
  .logo .seg{font-size:17px;}
  .logo .bar{height:30px;}
  .chips{grid-template-columns:1fr;}
  .strip-in{grid-template-columns:1fr;}
  .svc .ch{display:block;}
}