@charset "utf-8";
/* 东莞厚街入户网 首页样式 | 首屏变体 v1 */

/* ══════════ 首屏 ══════════ */
.hero{position:relative;overflow:hidden;padding:63px 0 71px;}
.hero-in{position:relative;z-index:2;max-width:var(--cw);margin:0 auto;padding:0 24px;}
.hero .eyebrow{background:var(--tint);
  color:var(--ink);}
.hero h1{font-size:clamp(27px,3.9vw,45px);line-height:1.26;margin:16px 0 0;letter-spacing:-.025em;}
.hero-desc{margin-top:16px;font-size:16.5px;line-height:1.85;max-width:560px;
  color:var(--tx2);}
.hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px;}
.hero-bd{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:13.5px;
  color:var(--tx3);}
.hero-bd span{display:inline-flex;align-items:center;gap:6px;}
.hero-bd span::before{content:"";width:14px;height:14px;border-radius:50%;flex:0 0 auto;
  background:var(--tint);
  box-shadow:inset 0 0 0 2px rgba(199,64,47,.9);}

/* 首屏两句高亮 */
.hero-hl{margin-top:22px;display:flex;flex-direction:column;gap:11px;}
.hero-hl p{margin:0;position:relative;padding:12px 17px 12px 19px;border-radius:calc(var(--r) * .8);
  font-size:17px;line-height:1.7;font-weight:600;
  background:#fff;
  color:var(--tx);
  box-shadow:var(--sh2);}
.hero-hl p::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:4px;
  border-radius:0 4px 4px 0;}
.hero-hl .hl-1::before{background:#3FB8A0;}
.hero-hl .hl-2::before{background:#EE79B0;}
.hero-hl em{font-style:normal;font-weight:800;padding:1px 5px;border-radius:5px;
  background:rgba(23,127,110,.14);
  color:#13685A;}
.hero-hl .hl-2 em{background:rgba(198,59,132,.14);
  color:#A2306C;}
.hero-hl b{font-weight:900;padding:1px 7px;border-radius:6px;letter-spacing:.3px;
  background:linear-gradient(135deg,#3FB8A0,#E0B44A);color:#fff;
  box-shadow:0 3px 10px rgba(23,127,110,.34);}
.hero-hl .hl-2 b{background:linear-gradient(135deg,#C63B84,#F59A48);
  box-shadow:0 3px 10px rgba(198,59,132,.32);}

/* 首屏配图 */
.hero-fig{position:relative;}
.hero-fig img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:26px;max-width:420px;}
.hero-stat div{padding:14px 16px;border-radius:calc(var(--r) * .78);
  background:#fff;
  box-shadow:var(--sh1);}
.hero-stat b{display:block;font-size:25px;font-weight:900;letter-spacing:-.02em;
  color:var(--ink);}
.hero-stat span{font-size:12.5px;color:var(--tx3);}

/* ── 8 种首屏变体 ── */
.hero{background:linear-gradient(150deg,#FDF4F0 0%,#FFFFFF 46%,#FDF5F0 100%);text-align:center;}
.hero-g{display:block;max-width:900px;margin:0 auto;}
.hero h1{margin-left:auto;margin-right:auto;}
.hero-desc,.hero-hl{margin-left:auto;margin-right:auto;max-width:700px;text-align:left;}
.hero-cta,.hero-bd{justify-content:center;}
.hero-fig{margin-top:38px;border-radius:calc(var(--r) * 1.4);overflow:hidden;box-shadow:var(--sh3);}
.hero-fig img{height:330px;}
.hero-stat{margin-left:auto;margin-right:auto;grid-template-columns:repeat(4,1fr);max-width:none;}

/* ══════════ 模块底色 ══════════ */
.s-town{background:var(--c1-tt);}
.s-adv{background:var(--c2-tt);}
.s-case{background:#FFFFFF;}
.s-ben{background:var(--c4-tt);}
.s-way{background:#FFFFFF;}
.s-flow{background:var(--c6-tt);}
.s-faq{background:var(--c7-tt);}
.s-assess{background:var(--c8-tt);}
.s-about{background:#FFFFFF;}
.s-link{background:var(--c9-tt);}

/* ══════════ 镇街简介 ══════════ */
.town-g{display:grid;grid-template-columns:1fr 1.05fr;
  gap:calc(var(--gap) * 1.7);align-items:center;}
.town-g .fig{order:1;position:relative;}
.town-g .txt{order:2;}
.town-g .fig img{width:100%;height:330px;object-fit:cover;
  border-radius:calc(var(--r) * 1.25);box-shadow:var(--sh3);}
.town-g .fig::after{content:"";position:absolute;z-index:-1;
  left:-16px;bottom:-16px;width:62%;height:64%;
  border-radius:calc(var(--r) * 1.25);background:rgba(222,106,34,.16);}
.town-p{font-size:16px;line-height:1.95;color:var(--tx2);}
.town-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
.town-tags span{padding:6px 14px;border-radius:100px;font-size:13.5px;font-weight:600;background:#fff;
  box-shadow:var(--sh1);}
.town-tags span:nth-child(1) color:#C63B84
.town-tags span:nth-child(2) color:#177F6E
.town-tags span:nth-child(3) color:#2C8F52
.town-tags span:nth-child(4) color:#B4841A
.town-tags span:nth-child(5) color:#0E8E9E
.town-tags span:nth-child(6) color:#C63B84
.town-tags span:nth-child(1) background:rgba(198,59,132,.1)
.town-tags span:nth-child(2) background:rgba(23,127,110,.1)
.town-tags span:nth-child(3) background:rgba(44,143,82,.1)
.town-tags span:nth-child(4) background:rgba(180,132,26,.1)
.town-tags span:nth-child(5) background:rgba(14,142,158,.1)
.town-tags span:nth-child(6) background:rgba(198,59,132,.1)

/* ══════════ 核心优势条 ══════════ */
.adv-g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.adv-c{background:#fff;border-radius:var(--r);padding:var(--sp-sm) calc(var(--sp-sm) * .82);
  box-shadow:var(--sh2);position:relative;overflow:hidden;
  transition:transform .3s cubic-bezier(.34,.8,.36,1),box-shadow .3s;}
.adv-c:hover{transform:translateY(-7px);box-shadow:var(--sh3);}
.adv-c::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;}
.adv-c:nth-child(1) ::before{background:#C63B84;}
.adv-c:nth-child(2) ::before{background:#177F6E;}
.adv-c:nth-child(3) ::before{background:#2C8F52;}
.adv-c:nth-child(4) ::before{background:#B4841A;}
.adv-n{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;
  justify-content:center;font-size:17px;font-weight:900;margin-bottom:15px;}
.adv-c:nth-child(1) .adv-n{color:#C63B84;}
.adv-c:nth-child(2) .adv-n{color:#177F6E;}
.adv-c:nth-child(3) .adv-n{color:#2C8F52;}
.adv-c:nth-child(4) .adv-n{color:#B4841A;}
.adv-c:nth-child(1) .adv-n{background:rgba(198,59,132,.13);}
.adv-c:nth-child(2) .adv-n{background:rgba(23,127,110,.13);}
.adv-c:nth-child(3) .adv-n{background:rgba(44,143,82,.13);}
.adv-c:nth-child(4) .adv-n{background:rgba(180,132,26,.13);}
.adv-c h3{font-size:17.5px;}
.adv-c p{margin:9px 0 0;font-size:14.5px;line-height:1.78;color:var(--tx2);}

/* ══════════ 成功案例轮播 ══════════ */
.cs-wrap{position:relative;}
.cs-view{overflow:hidden;margin:0 -6px;}
.cs-track{display:flex;transition:transform .58s cubic-bezier(.3,.72,.28,1);}
.cs-item{flex:0 0 33.3333%;padding:0 6px;box-sizing:border-box;}
.cs-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2);height:100%;
  display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
.cs-card:hover{transform:translateY(-6px);box-shadow:var(--sh3);}
.cs-fig{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tint3);}
.cs-fig img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.cs-card:hover .cs-fig img{transform:scale(1.06);}
.cs-day{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:100px;
  font-size:13px;font-weight:800;color:#fff;background:#177F6E;
  box-shadow:0 4px 12px rgba(0,0,0,.2);}
.cs-town{position:absolute;bottom:12px;left:12px;padding:5px 12px;border-radius:100px;
  font-size:12.5px;font-weight:700;color:#fff;background:rgba(12,16,24,.56);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.cs-bd{padding:18px 19px 20px;flex:1 1 auto;display:flex;flex-direction:column;}
.cs-hd{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.cs-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:14.5px;font-weight:800;color:#fff;flex:0 0 auto;}
.cs-item:nth-child(1) .cs-av{background:#DE6A22;}
.cs-item:nth-child(2) .cs-av{background:#C7402F;}
.cs-item:nth-child(3) .cs-av{background:#1F6FD0;}
.cs-item:nth-child(4) .cs-av{background:#6B46C1;}
.cs-item:nth-child(5) .cs-av{background:#3A4CA8;}
.cs-item:nth-child(6) .cs-av{background:#DE6A22;}
.cs-item:nth-child(7) .cs-av{background:#C7402F;}
.cs-item:nth-child(8) .cs-av{background:#1F6FD0;}
.cs-who{font-size:16px;font-weight:800;}
.cs-cond{font-size:12.5px;color:var(--tx3);}
.cs-rv{font-size:14.5px;line-height:1.78;color:var(--tx2);flex:1 1 auto;}
.cs-more{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:14px;
  font-weight:700;color:var(--ink);}
.cs-more:hover{gap:9px;transition:gap .22s;}
.cs-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;
  border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(16,24,40,.16);z-index:3;
  display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:19px;
  transition:transform .24s,box-shadow .24s;}
.cs-nav:hover{transform:translateY(-50%) scale(1.09);box-shadow:0 10px 26px rgba(16,24,40,.22);}
.cs-prev{left:-20px;} .cs-next{right:-20px;}
.cs-dots{display:flex;justify-content:center;gap:8px;margin-top:26px;}
.cs-dots button{width:9px;height:9px;border-radius:50%;background:rgba(226,92,42,.26);
  transition:width .3s,background .3s;}
.cs-dots button.on{width:26px;border-radius:100px;background:var(--btn);}

/* ══════════ 入户好处 ══════════ */
.ben-g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.ben-c{background:#fff;border-radius:var(--r);padding:calc(var(--sp-sm) * .92);box-shadow:var(--sh1);
  transition:transform .3s cubic-bezier(.34,.8,.36,1),box-shadow .3s;position:relative;}
.ben-c:hover{transform:translateY(-7px);box-shadow:var(--sh3);}
.ben-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;margin-bottom:14px;font-size:19px;font-weight:900;}
.ben-c:nth-child(1) .ben-ic{background:#C63B84;color:#fff;}
.ben-c:nth-child(2) .ben-ic{background:#177F6E;color:#fff;}
.ben-c:nth-child(3) .ben-ic{background:#2C8F52;color:#fff;}
.ben-c:nth-child(4) .ben-ic{background:#B4841A;color:#fff;}
.ben-c:nth-child(5) .ben-ic{background:#0E8E9E;color:#fff;}
.ben-c:nth-child(6) .ben-ic{background:#C63B84;color:#fff;}
.ben-c:nth-child(7) .ben-ic{background:#177F6E;color:#fff;}
.ben-c:nth-child(8) .ben-ic{background:#2C8F52;color:#fff;}
.ben-c h3{font-size:16.5px;}
.ben-c p{margin:8px 0 0;font-size:14px;line-height:1.76;color:var(--tx2);}
.ben-c .no{position:absolute;top:16px;right:18px;font-size:30px;font-weight:900;
  color:rgba(226,92,42,.1);line-height:1;}

/* ══════════ 落户方式 ══════════ */
.way-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--gap);}
.way-c{border-radius:var(--r);padding:var(--sp-sm);position:relative;overflow:hidden;
  transition:transform .3s,box-shadow .3s;color:#fff;}
.way-c:hover{transform:translateY(-7px);box-shadow:var(--sh3);}
.way-c:nth-child(1) {background:#C63B84;}
.way-c:nth-child(2) {background:#177F6E;}
.way-c:nth-child(3) {background:#2C8F52;}
.way-c:nth-child(4) {background:#B4841A;}
.way-c:nth-child(5) {background:#0E8E9E;}
.way-c:nth-child(6) {background:#C63B84;}
.way-c::after{content:"";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;
  border-radius:50%;background:rgba(255,255,255,.12);}
.way-k{font-size:12.5px;font-weight:700;letter-spacing:1px;opacity:.82;}
.way-c h3{font-size:20px;margin:8px 0 0;position:relative;z-index:1;}
.way-c p{margin:11px 0 0;font-size:14.5px;line-height:1.76;color:rgba(255,255,255,.86);
  position:relative;z-index:1;}
.way-n{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:5px 13px;
  border-radius:100px;background:rgba(255,255,255,.2);font-size:13px;font-weight:700;
  position:relative;z-index:1;}

/* ══════════ 数据墙 ══════════ */
.s-data{background:linear-gradient(118deg,#843618 0%,#8C391A 52%,#0F5449 100%);color:#fff;position:relative;overflow:hidden;}
.s-data::before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.13),transparent 46%),
             radial-gradient(circle at 82% 78%,rgba(63,184,160,.2),transparent 52%);}
.dt-g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);position:relative;z-index:1;}
.dt-c{text-align:center;padding:calc(var(--sp-sm) * .9) 14px;border-radius:var(--r);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  transition:transform .3s,background .3s;}
.dt-c:hover{transform:translateY(-6px);background:rgba(255,255,255,.13);}
.dt-n{font-size:clamp(32px,4.4vw,48px);font-weight:900;line-height:1;letter-spacing:-.03em;
  display:flex;align-items:baseline;justify-content:center;gap:2px;}
.dt-n .u{font-size:.44em;font-weight:800;}
.dt-c:nth-child(1) .dt-n{color:#DE6A22;}
.dt-c:nth-child(2) .dt-n{color:#C7402F;}
.dt-c:nth-child(3) .dt-n{color:#1F6FD0;}
.dt-c:nth-child(4) .dt-n{color:#6B46C1;}
.dt-l{margin-top:11px;font-size:14.5px;color:rgba(255,255,255,.78);}

/* ══════════ 办理流程 ══════════ */
.fl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);}
.fl-c{background:#fff;border-radius:var(--r);padding:var(--sp-sm);box-shadow:var(--sh1);
  position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden;}
.fl-c:hover{transform:translateY(-6px);box-shadow:var(--sh3);}
.fl-n{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  border-radius:15px;font-size:19px;font-weight:900;color:#fff;margin-bottom:15px;}
.fl-c:nth-child(1) .fl-n{background:#177F6E;}
.fl-c:nth-child(2) .fl-n{background:#2C8F52;}
.fl-c:nth-child(3) .fl-n{background:#B4841A;}
.fl-c:nth-child(4) .fl-n{background:#0E8E9E;}
.fl-c:nth-child(5) .fl-n{background:#C63B84;}
.fl-c:nth-child(6) .fl-n{background:#177F6E;}
.fl-c h3{font-size:17.5px;}
.fl-c p{margin:9px 0 0;font-size:14.5px;line-height:1.78;color:var(--tx2);}
.fl-c .bg{position:absolute;right:14px;top:6px;font-size:62px;font-weight:900;line-height:1;
  color:rgba(226,92,42,.07);}

/* ══════════ 常见问题 ══════════ */
.fq-l{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--gap) * .72) var(--gap);}
.fq-i{background:#fff;border-radius:var(--r);box-shadow:var(--sh1);overflow:hidden;
  transition:box-shadow .28s;}
.fq-i:hover{box-shadow:var(--sh2);}
.fq-q{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;width:100%;text-align:left;
  font-size:16px;font-weight:700;color:var(--tx);line-height:1.6;}
.fq-q .qm{flex:0 0 auto;width:26px;height:26px;border-radius:8px;font-size:13px;font-weight:900;
  display:flex;align-items:center;justify-content:center;color:#fff;margin-top:1px;}
.fq-i:nth-child(1) .qm{background:#C7402F;}
.fq-i:nth-child(2) .qm{background:#1F6FD0;}
.fq-i:nth-child(3) .qm{background:#6B46C1;}
.fq-i:nth-child(4) .qm{background:#3A4CA8;}
.fq-i:nth-child(5) .qm{background:#DE6A22;}
.fq-i:nth-child(6) .qm{background:#C7402F;}
.fq-i:nth-child(7) .qm{background:#1F6FD0;}
.fq-i:nth-child(8) .qm{background:#DE6A22;}
.fq-q .ar{margin-left:auto;flex:0 0 auto;width:22px;height:22px;position:relative;margin-top:3px;}
.fq-q .ar::before,.fq-q .ar::after{content:"";position:absolute;background:var(--tx3);
  border-radius:2px;transition:transform .3s,opacity .3s;}
.fq-q .ar::before{left:4px;right:4px;top:10px;height:2px;}
.fq-q .ar::after{top:4px;bottom:4px;left:10px;width:2px;}
.fq-i.on .fq-q .ar::after{transform:rotate(90deg);opacity:0;}
.fq-a{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.3,.72,.28,1);}
.fq-a-in{padding:0 20px 19px 58px;font-size:14.5px;line-height:1.85;color:var(--tx2);}
.fq-i.on .fq-q{color:var(--ink);}

/* ══════════ 入户测评入口 ══════════ */
.as-g{display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--gap) * 1.6);align-items:center;}
.as-steps{display:flex;flex-direction:column;gap:13px;margin-top:22px;}
.as-steps div{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-radius:var(--r);
  background:#fff;box-shadow:var(--sh1);}
.as-steps b{flex:0 0 auto;width:28px;height:28px;border-radius:9px;color:#fff;font-size:13.5px;
  display:flex;align-items:center;justify-content:center;}
.as-steps div:nth-child(1) b{background:#2C8F52;}
.as-steps div:nth-child(2) b{background:#B4841A;}
.as-steps div:nth-child(3) b{background:#0E8E9E;}
.as-steps div:nth-child(4) b{background:#C63B84;}
.as-steps p{margin:0;font-size:14.5px;line-height:1.7;color:var(--tx2);}
.as-card{background:linear-gradient(135deg,#E25C2A 0%,#7B3217 100%);border-radius:calc(var(--r) * 1.2);padding:calc(var(--sp-sm) * 1.1);
  color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh3);}
.as-card::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;
  border-radius:50%;background:rgba(255,255,255,.11);}
.as-card h3{font-size:22px;position:relative;z-index:1;}
.as-card p{margin:12px 0 0;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.86);
  position:relative;z-index:1;}
.as-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;position:relative;z-index:1;}
.as-tags span{padding:5px 12px;border-radius:100px;background:rgba(255,255,255,.18);
  font-size:13px;font-weight:600;}
.as-safe{margin-top:18px;padding:11px 14px;border-radius:calc(var(--r) * .7);
  background:rgba(255,255,255,.12);font-size:13px;line-height:1.65;position:relative;z-index:1;}

/* ══════════ 关于我们 ══════════ */
.ab-g{display:grid;grid-template-columns:1.08fr 1fr;gap:calc(var(--gap) * 1.7);align-items:start;}
.ab-p{font-size:15.5px;line-height:1.95;color:var(--tx2);}
.ab-pr{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.ab-pr span{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:100px;
  font-size:13.5px;font-weight:700;background:#fff;box-shadow:var(--sh1);}
.ab-pr span:nth-child(1) {color:#177F6E;}
.ab-pr span:nth-child(2) {color:#2C8F52;}
.ab-pr span:nth-child(3) {color:#B4841A;}
.ab-pr span:nth-child(4) {color:#0E8E9E;}
.ab-pr span::before{content:"✓";font-weight:900;}
.ab-map{border-radius:calc(var(--r) * 1.15);overflow:hidden;box-shadow:var(--sh3);
  background:#fff;}
.ab-map img{width:100%;height:274px;object-fit:cover;display:block;}
.ab-ct{padding:calc(var(--sp-sm) * .78);}
.ab-ct li{display:flex;gap:11px;font-size:14.5px;line-height:1.72;padding:9px 0;}
.ab-ct li+li{border-top:1px dashed var(--line);}
.ab-ct .k{flex:0 0 52px;color:var(--tx3);}
.ab-ct .v{color:var(--tx);font-weight:600;}
.ab-ct .v b{color:var(--ink);font-weight:800;letter-spacing:.3px;}

/* ══════════ 友情链接 ══════════ */
.lk-g{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;}
.lk-g a{display:block;padding:10px 12px;border-radius:calc(var(--r-sm) + 3px);background:#fff;
  font-size:13.5px;color:var(--tx2);text-align:center;box-shadow:var(--sh1);
  transition:transform .22s,color .22s,box-shadow .22s;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;}
.lk-g a:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--sh2);}
.lk-g a.self{background:var(--btn);color:var(--btn-fg);font-weight:700;}
.lk-note{margin-top:16px;font-size:13px;color:var(--tx3);text-align:center;}

/* ══════════ 响应式 ══════════ */
@media (max-width:1100px){
  .adv-g,.ben-g{grid-template-columns:repeat(2,1fr);}
  .dt-g{grid-template-columns:repeat(4,1fr);}
  .fl-g{grid-template-columns:repeat(2,1fr);}
  .lk-g{grid-template-columns:repeat(4,1fr);}
  .cs-item{flex-basis:50%;}
  .cs-prev{left:4px;} .cs-next{right:4px;}
  .as-g,.ab-g,.town-g{grid-template-columns:1fr;gap:calc(var(--gap) * 1.2);}
  .town-g .fig,.town-g .txt{order:unset;}
  .hero-stat{max-width:none;}
}
@media (max-width:820px){
  .fq-l{grid-template-columns:1fr;}
  .lk-g{grid-template-columns:repeat(3,1fr);gap:7px;}
  .lk-g a{font-size:12.5px;padding:9px 6px;}
  .dt-g{grid-template-columns:repeat(2,1fr);}
  .cs-item{flex-basis:100%;}
  .cs-nav{width:40px;height:40px;font-size:17px;}
  .hero-hl p{font-size:15.5px;padding:11px 14px 11px 16px;}
  .town-g .fig img{height:238px;}
  .town-g .fig::after{display:none;}
  .fq-a-in{padding:0 18px 17px 18px;}
  .ab-map img{height:208px;}
}
@media (max-width:520px){
  .adv-g,.ben-g,.fl-g{grid-template-columns:1fr;}
  .hero-stat{grid-template-columns:repeat(2,1fr);gap:9px;}
  .hero-stat b{font-size:21px;}
  .lk-g{grid-template-columns:repeat(2,1fr);}
}