:root {
  --jz-qing: #28c7df;
  --jz-lan: #278fd6;
  --jz-lv: #67c85e;
  --jz-huang: #f0d65a;
  --jz-shanhu: #f27568;
  --jz-hei: #222a30;
  --jz-bai: #fbfeff;
  --jz-hui: #70787b;
  --jz-xian: #d8dfe1;
}
* { box-sizing: border-box; }
html {  }
body { margin: 0; color: var(--jz-hei); background: var(--jz-bai); font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
p, figure { margin: 0; }
.jz-kuang { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.jz-toubu { position: sticky; z-index: 80; top: 0; border-bottom: 1px solid rgba(34,42,48,.12); background: rgba(251,254,255,.95); backdrop-filter: blur(14px); }.jz-daohang { min-height: 72px; display: flex; align-items: center; gap: 30px; }.jz-pinpai { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; font-size: 16px; font-weight: 900; }.jz-pinpai img { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; }.jz-daohang-lianjie { display: flex; justify-content: center; gap: 25px; flex: 1; color: #626c70; font-size: 14px; }.jz-daohang-lianjie a:hover { color: var(--jz-lan); }.jz-toubu-anniu { min-height: 42px; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; border-radius: 4px; color: #fff; background: var(--jz-hei); font-size: 14px; font-weight: 900; }

.jz-yingxiong { position: relative; overflow: hidden; min-height: 710px; background: #eaf8fb; }.jz-yingxiong::after { content: "JIEZI  /  MINI CITY  /  RESOURCE SPACE"; position: absolute; right: -210px; bottom: 28px; color: rgba(34,42,48,.045); font-size: 64px; font-weight: 900; white-space: nowrap; }.jz-yingxiong-buju { position: relative; z-index: 2; min-height: 710px; display: grid; grid-template-columns: minmax(0,.9fr) minmax(535px,1.1fr); align-items: center; gap: 58px; padding-top: 58px; padding-bottom: 65px; }.jz-yingxiong-qianyan { margin-bottom: 24px; display: flex; align-items: center; gap: 9px; color: #217d8e; font-size: 9px; font-weight: 900; }.jz-yingxiong-qianyan i { color: var(--jz-lan); font-size: 18px; }.jz-yingxiong-qianyan b { padding: 5px 7px; color: var(--jz-hei); background: var(--jz-huang); }.jz-yingxiong h1 { margin: 0 0 24px; font-size: clamp(47px,5.05vw,69px); line-height: 1.09; letter-spacing: 0; }.jz-yingxiong h1 em { color: var(--jz-lan); font-style: normal; }.jz-yingxiong-wenan > p { max-width: 515px; color: var(--jz-hui); font-size: 16px; line-height: 1.9; }.jz-yingxiong-anniu { margin-top: 31px; display: flex; gap: 12px; }.jz-yingxiong-anniu a { min-height: 55px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 2px solid var(--jz-hei); border-radius: 4px; font-size: 15px; font-weight: 900;  }.jz-yingxiong-anniu a:hover { transform: translate(-2px,-2px); box-shadow: 5px 5px 0 var(--jz-hei); }.jz-zhuanniu { color: #fff; border-color: var(--jz-lan) !important; background: var(--jz-lan); box-shadow: 4px 4px 0 var(--jz-hei); }.jz-cianniu { background: #fff; }.jz-yingxiong-zhuangtai { margin-top: 30px; display: flex; align-items: center; gap: 12px; color: #708287; font-size: 9px; font-weight: 900; }.jz-yingxiong-zhuangtai span { display: flex; align-items: center; gap: 7px; }.jz-yingxiong-zhuangtai span i { width: 8px; height: 8px; border-radius: 50%; background: var(--jz-lv); box-shadow: 0 0 0 4px rgba(103,200,94,.18); }.jz-yingxiong-zhuangtai b { padding-left: 12px; border-left: 1px solid #b6c8cc; color: #728287; font-size: 8px; }

.jz-chengshi { position: relative; justify-self: center; width: 530px; height: 530px; overflow: hidden; }.jz-chengshi-diban { position: absolute; right: 8px; bottom: 46px; left: 8px; height: 305px; border: 2px solid var(--jz-hei); background: #c8e6e9; transform: skewY(-9deg); box-shadow: 13px 15px 0 rgba(34,42,48,.18); }.jz-chengshi-diban i { position: absolute; display: block; background: rgba(34,42,48,.15); }.jz-chengshi-diban i:nth-child(1),.jz-chengshi-diban i:nth-child(2),.jz-chengshi-diban i:nth-child(3) { top: 0; bottom: 0; width: 1px; }.jz-chengshi-diban i:nth-child(1) { left: 25%; }.jz-chengshi-diban i:nth-child(2) { left: 50%; }.jz-chengshi-diban i:nth-child(3) { left: 75%; }.jz-chengshi-diban i:nth-child(4),.jz-chengshi-diban i:nth-child(5) { right: 0; left: 0; height: 1px; }.jz-chengshi-diban i:nth-child(4) { top: 34%; }.jz-chengshi-diban i:nth-child(5) { top: 67%; }.jz-jianzhu { position: absolute; z-index: 4; border: 2px solid var(--jz-hei); background: #fff; box-shadow: 8px 9px 0 var(--jz-hei); }.jz-jianzhu > div { padding: 11px; }.jz-jianzhu > div span,.jz-jianzhu > div b { display: block; }.jz-jianzhu > div span { margin-bottom: 5px; color: rgba(34,42,48,.65); font-size: 7px; font-weight: 900; }.jz-jianzhu > div b { font-size: 14px; }.jz-jianzhu > i { position: absolute; width: 18px; height: 30px; border: 2px solid var(--jz-hei); background: #fff; }.jz-jianzhu-yi { top: 88px; left: 37px; width: 145px; height: 220px; background: var(--jz-shanhu); }.jz-jianzhu-yi i:nth-of-type(1) { top: 91px; left: 21px; }.jz-jianzhu-yi i:nth-of-type(2) { top: 91px; left: 56px; }.jz-jianzhu-yi i:nth-of-type(3) { top: 91px; left: 91px; }.jz-jianzhu-er { top: 183px; left: 204px; width: 126px; height: 151px; background: var(--jz-huang); }.jz-jianzhu-er i:nth-of-type(1) { top: 75px; left: 25px; }.jz-jianzhu-er i:nth-of-type(2) { top: 75px; right: 25px; }.jz-jianzhu-san { top: 48px; right: 35px; width: 142px; height: 256px; background: var(--jz-lv); }.jz-jianzhu-san i:nth-of-type(1) { top: 90px; left: 20px; }.jz-jianzhu-san i:nth-of-type(2) { top: 90px; left: 57px; }.jz-jianzhu-san i:nth-of-type(3) { top: 90px; right: 20px; }.jz-guanggao { position: absolute; z-index: 8; top: 93px; right: 55px; width: 102px; height: 190px; padding: 5px; border: 2px solid var(--jz-hei); background: #fff; }.jz-guanggao > div { height: 21px; display: flex; align-items: center; justify-content: space-between; color: #868d8f; font-size: 5px; font-weight: 900; }.jz-guanggao > div i { color: var(--jz-lv); }.jz-guanggao img { width: 100%; height: calc(100% - 21px); object-fit: cover; object-position: top center; }.jz-shuniu { position: absolute; z-index: 10; bottom: 93px; left: 50%; width: 108px; height: 108px; padding: 8px; border: 3px solid var(--jz-hei); border-radius: 50%; background: #fff; box-shadow: 6px 7px 0 var(--jz-qing); transform: translateX(-50%); }.jz-shuniu img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }.jz-shuniu span { position: absolute; right: -21px; bottom: 4px; padding: 4px 6px; color: #fff; background: var(--jz-lan); font-size: 7px; font-weight: 900; }.jz-guangchang { position: absolute; z-index: 7; right: 37px; bottom: 62px; width: 135px; min-height: 91px; padding: 12px; border: 2px solid var(--jz-hei); border-radius: 50%; background: #f7e3ea; text-align: center; }.jz-guangchang i { color: var(--jz-lan); font-size: 20px; }.jz-guangchang b,.jz-guangchang span { display: block; }.jz-guangchang b { margin: 4px 0; font-size: 11px; }.jz-guangchang span { color: #8b777e; font-size: 6px; }.jz-chengshi-dibu { position: absolute; right: 27px; bottom: 12px; left: 27px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 8px; color: #718084; font-size: 7px; font-weight: 900; }.jz-chengshi-dibu i { height: 1px; background: #819195; }.jz-chengshi-dibu b { color: var(--jz-hei); }

.jz-biaoti { margin-bottom: 45px; display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }.jz-biaoti > div > span,.jz-liucheng-yinru > span,.jz-wenti-yinru > span { display: block; margin-bottom: 11px; color: var(--jz-lan); font-size: 10px; font-weight: 900; }.jz-dabiaoti { font-size: clamp(29px,3vw,41px); line-height: 1.25; font-weight: 900; }.jz-biaoti > p { max-width: 410px; color: var(--jz-hui); font-size: 14px; line-height: 1.75; text-align: right; }.jz-zhanshi,.jz-youshi,.jz-liucheng,.jz-wenti,.jz-pingjia { padding: 100px 0; }

.jz-zhanshi { overflow: hidden; background: #fff; }.jz-zhanshi-huakuai { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }.jz-zhanshi-huakuai figure { min-width: 0; padding: 8px; border: 2px solid var(--jz-hei); border-radius: 4px; background: #f3fafb; box-shadow: 5px 5px 0 #beeaf0; }.jz-zhanshi-huakuai figure:nth-child(even) { box-shadow-color: #d4edcf; }.jz-zhanshi-huakuai figure > div { overflow: hidden; aspect-ratio: 3 / 4; background: #ddd; }.jz-zhanshi-huakuai img { width: 100%; height: 100%; object-fit: cover; object-position: top center;  }.jz-zhanshi-huakuai figure:hover img { transform: scale(1.025); }.jz-zhanshi-huakuai figcaption { min-height: 61px; display: grid; grid-template-columns: auto 1fr 20px; align-items: center; gap: 9px; }.jz-zhanshi-huakuai figcaption b { color: var(--jz-lan); font-size: 7px; }.jz-zhanshi-huakuai figcaption span { font-size: 14px; font-weight: 900; }.jz-zhanshi-huakuai figcaption i { color: var(--jz-shanhu); font-size: 18px; }

.jz-youshi { color: #fff; background: var(--jz-hei); }.jz-biaoti-bai > div > span { color: var(--jz-qing); }.jz-biaoti-bai > p { color: #9aa2a5; }.jz-youshi-wangge { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.jz-youshi-wangge article { min-height: 208px; padding: 25px; border: 1px solid #515b61; border-radius: 4px; background: #2c353b; }.jz-youshi-wangge article > b { float: right; color: #758087; font-size: 8px; }.jz-youshi-wangge article > i { margin: 18px 0 27px; display: block; color: var(--jz-qing); font-size: 29px; }.jz-youshi-wangge article:nth-child(3n+2) > i { color: var(--jz-lv); }.jz-youshi-wangge article > span { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 900; }.jz-youshi-wangge article > p { color: #a7b0b3; font-size: 13px; line-height: 1.7; }

.jz-liucheng { background: var(--jz-huang); }.jz-liucheng-buju { display: grid; grid-template-columns: 320px 1fr; gap: 75px; align-items: center; }.jz-liucheng-yinru > span { color: var(--jz-hei); }.jz-liucheng-yinru > p { margin-top: 20px; color: #6b6636; font-size: 14px; line-height: 1.8; }.jz-liucheng-yinru > a { width: max-content; margin-top: 26px; display: flex; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 2px solid var(--jz-hei); font-size: 12px; font-weight: 900; }.jz-liucheng-xian { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.jz-liucheng-xian article { min-height: 185px; padding: 21px; border: 2px solid var(--jz-hei); border-radius: 4px; background: #fffdeb; box-shadow: 5px 5px 0 rgba(34,42,48,.2); }.jz-liucheng-xian article > b { color: var(--jz-lan); font-size: 8px; }.jz-liucheng-xian article > i { margin: 24px 0 25px; display: block; color: var(--jz-shanhu); font-size: 28px; }.jz-liucheng-xian article > span { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 900; }.jz-liucheng-xian article > p { color: #6f6c45; font-size: 13px; line-height: 1.65; }

.jz-wenti { background: #eaf8fb; }.jz-wenti-buju { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 70px; }.jz-wenti-yinru > p { margin-top: 20px; color: var(--jz-hui); font-size: 14px; line-height: 1.8; }.jz-wenti-yinru > i { margin-top: 31px; display: block; color: var(--jz-lan); font-size: 58px; }.jz-wenti-liebiao { border-top: 2px solid var(--jz-hei); }.jz-wenti-liebiao details { border-bottom: 1px solid #c9dde0; }.jz-wenti-liebiao summary { min-height: 74px; display: grid; grid-template-columns: 43px 1fr 27px; align-items: center; cursor: pointer; list-style: none; }.jz-wenti-liebiao summary::-webkit-details-marker { display: none; }.jz-wenti-liebiao summary b { color: var(--jz-lan); font-size: 9px; }.jz-wenti-liebiao summary span { font-size: 15px; font-weight: 900; }.jz-wenti-liebiao summary i { color: var(--jz-shanhu); font-size: 21px;  }.jz-wenti-liebiao details[open] summary i { transform: rotate(45deg); }.jz-wenti-liebiao details > p { padding: 0 28px 23px 43px; color: var(--jz-hui); font-size: 13px; line-height: 1.8; }.jz-wenti-liebiao details > p a { color: var(--jz-lan); font-weight: 900; }

.jz-pingjia { background: #fff; }.jz-pingjia-pubu { columns: 3; column-gap: 17px; }.jz-pingjia-pubu article { width: 100%; margin: 0 0 17px; padding: 24px; display: inline-block; break-inside: avoid; border: 2px solid var(--jz-hei); border-radius: 4px; background: #fff; box-shadow: 5px 5px 0 #beeaf0; }.jz-pingjia-pubu article:nth-child(2),.jz-pingjia-pubu article:nth-child(5) { padding-bottom: 39px; box-shadow-color: #cde8c8; }.jz-pingjia-pubu article > b { color: var(--jz-lan); font-size: 8px; }.jz-pingjia-pubu article > p { margin: 17px 0 24px; font-size: 14px; line-height: 1.85; }.jz-pingjia-pubu footer { display: flex; align-items: center; gap: 10px; }.jz-pingjia-pubu footer > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--jz-shanhu); font-size: 11px; font-style: normal; font-weight: 900; }.jz-pingjia-pubu footer span,.jz-pingjia-pubu footer time { display: block; }.jz-pingjia-pubu footer span { margin-bottom: 3px; font-size: 12px; font-weight: 900; }.jz-pingjia-pubu footer time { color: #899194; font-size: 9px; }

.jz-dibu { padding: 55px 0; color: #fff; background: var(--jz-hei); }.jz-dibu-neirong { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 25px 45px; }.jz-dibu-neirong > p { color: #8b9599; font-size: 12px; }.jz-dibu nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; color: #b5bdc0; font-size: 12px; }.jz-dibu nav a:hover { color: var(--jz-qing); }.jz-dibu-neirong > small { grid-column: 1 / -1; padding-top: 21px; border-top: 1px solid #485258; color: #7d878c; }

@media (max-width: 1050px) { .jz-daohang-lianjie { display: none; }.jz-daohang { justify-content: space-between; }.jz-yingxiong-buju { grid-template-columns: minmax(0,.88fr) minmax(485px,1.12fr); gap: 28px; }.jz-chengshi { transform: scale(.91); transform-origin: center right; } }
@media (max-width: 820px) { .jz-kuang { width: min(100% - 34px,680px); }.jz-yingxiong-buju { grid-template-columns: 1fr; gap: 44px; padding-top: 58px; padding-bottom: 75px; }.jz-yingxiong h1 { font-size: 48px; }.jz-yingxiong-wenan > p { max-width: 590px; }.jz-chengshi { justify-self: center; width: min(100%,530px); transform: none; }.jz-biaoti { align-items: flex-start; flex-direction: column; gap: 12px; }.jz-biaoti > p { max-width: 550px; text-align: left; }.jz-zhanshi,.jz-youshi,.jz-liucheng,.jz-wenti,.jz-pingjia { padding: 76px 0; }.jz-zhanshi-huakuai { margin-right: -17px; overflow-x: auto; grid-template-columns: repeat(4,minmax(225px,72vw)); padding: 0 17px 18px 0; scroll-snap-type: x mandatory; }.jz-zhanshi-huakuai figure { scroll-snap-align: start; }.jz-liucheng-buju,.jz-wenti-buju { grid-template-columns: 1fr; gap: 42px; }.jz-liucheng-yinru { max-width: 520px; }.jz-pingjia-pubu { columns: 2; }.jz-dibu-neirong { grid-template-columns: 1fr auto; }.jz-dibu-neirong > p { display: none; } }
@media (max-width: 560px) { .jz-daohang { min-height: 64px; }.jz-pinpai span { max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.jz-toubu-anniu { width: 42px; min-height: 42px; padding: 0; justify-content: center; }.jz-toubu-anniu span { display: none; }.jz-yingxiong h1 { font-size: 39px; }.jz-yingxiong-wenan > p { font-size: 15px; }.jz-yingxiong-anniu { flex-direction: column; }.jz-yingxiong-anniu a { width: 100%; }.jz-yingxiong-zhuangtai { flex-wrap: wrap; }.jz-chengshi { height: 425px; }.jz-chengshi-diban { bottom: 39px; height: 240px; }.jz-jianzhu-yi { top: 76px; left: 20px; width: 112px; height: 173px; }.jz-jianzhu-er { top: 156px; left: 38%; width: 98px; height: 123px; }.jz-jianzhu-san { top: 44px; right: 18px; width: 110px; height: 201px; }.jz-jianzhu > i { width: 14px; height: 24px; }.jz-jianzhu-yi i:nth-of-type(3),.jz-jianzhu-san i:nth-of-type(3) { display: none; }.jz-guanggao { top: 78px; right: 32px; width: 79px; height: 149px; }.jz-shuniu { bottom: 73px; width: 86px; height: 86px; }.jz-guangchang { right: 22px; bottom: 51px; width: 108px; min-height: 75px; }.jz-dabiaoti { font-size: 29px; }.jz-youshi-wangge { grid-template-columns: 1fr; }.jz-liucheng-xian { grid-template-columns: 1fr; }.jz-wenti-liebiao summary { grid-template-columns: 35px 1fr 24px; }.jz-wenti-liebiao details > p { padding-left: 35px; }.jz-pingjia-pubu { columns: 1; }.jz-dibu-neirong { grid-template-columns: 1fr; }.jz-dibu nav { justify-content: flex-start; } }
@media (max-width: 385px) { .jz-yingxiong h1 { font-size: 35px; }.jz-yingxiong-zhuangtai b { display: none; }.jz-chengshi { height: 395px; }.jz-jianzhu > div { padding: 8px; }.jz-jianzhu > div b { font-size: 11px; }.jz-guangchang { width: 94px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after {  } }