:root{--primary:#15803D;--g1:#166534;--g2:#22C55E;--gradient:linear-gradient(135deg,var(--g1),var(--g2));--accent:#4ADE80;--heading:#0F2A1A;--ink:#1F3A2A;--muted:#5E7A68;--bg:#F4FBF6;--bg-alt:#E7F5EC;--line:#D4EBDD;--band:#0F3D22;--band2:#15803D;--band-text:#E6F8EE;--radius:16px;--radius-sm:calc(var(--radius) * .6);--shadow:0 14px 34px rgba(21,128,61,.14);--shadow-h:0 22px 48px rgba(21,128,61,.22);--wrap:1200px;}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;font-size:15px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{color:var(--heading);line-height:1.25;font-weight:800}
.hbhuanggang-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.hbhuanggang-main{display:block}
.hbhuanggang-sec{padding:64px 0}
.hbhuanggang-sec--alt{background:var(--bg-alt)}
.hbhuanggang-sec__inner{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.hbhuanggang-sec__head{text-align:center;max-width:760px;margin:0 auto 36px}
.hbhuanggang-sec__head--left{text-align:left;margin-left:0}
.hbhuanggang-sec__eyebrow{display:inline-block;font-size:13px;letter-spacing:.18em;color:var(--primary);font-weight:700;margin-bottom:10px}
.hbhuanggang-sec__title{font-size:clamp(22px,3vw,30px)}
.hbhuanggang-sec__lead{color:var(--muted);margin-top:12px;font-size:15px}
.hbhuanggang-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:var(--radius);font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;transition:.2s}
.hbhuanggang-btn--primary{background:var(--gradient);color:#fff}
.hbhuanggang-btn--primary:hover{box-shadow:var(--shadow-h);transform:translateY(-2px)}
.hbhuanggang-btn--ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5)}
.hbhuanggang-btn--light{background:#fff;color:var(--primary)}
.hbhuanggang-btn--outline{border-color:var(--primary);color:var(--primary);background:transparent}
.hbhuanggang-btn--lg{padding:14px 30px;font-size:16px}
.hbhuanggang-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:.2s}
.hbhuanggang-card:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
.hbhuanggang-seemore{text-align:center;margin-top:30px}
.hbhuanggang-metrics{padding:0}
.hbhuanggang-metrics__inner{max-width:var(--wrap);margin:-34px auto 0;padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:3}
.hbhuanggang-metrics__item{text-align:center}
.hbhuanggang-metrics__num{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--primary)}
.hbhuanggang-metrics__unit{font-size:15px;margin-left:2px}
.hbhuanggang-metrics__label{color:var(--muted);font-size:13px;margin-top:4px}
.hbhuanggang-banner img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
.hbhuanggang-about{display:grid;grid-template-columns:1.3fr .9fr;gap:36px;align-items:start}
.hbhuanggang-about__lead{font-size:16px;margin-bottom:14px}
.hbhuanggang-about__full{max-height:260px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
.hbhuanggang-about__full--open{max-height:none;-webkit-mask-image:none;mask-image:none}
.hbhuanggang-about__full p{margin-bottom:10px;color:var(--ink)}
.hbhuanggang-about__full img{display:none}
.hbhuanggang-about__toggle{margin-top:10px}
.hbhuanggang-about__btn{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer;font-size:14px;padding:2px 0}
.hbhuanggang-about__link{margin-top:14px}
.hbhuanggang-about__aside-title{font-size:18px;margin-bottom:16px;color:var(--heading)}
.hbhuanggang-timeline{border-left:2px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:16px}
.hbhuanggang-timeline__item{position:relative}
.hbhuanggang-timeline__item::before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--bg-alt)}
.hbhuanggang-timeline__year{display:block;font-weight:800;color:var(--primary)}
.hbhuanggang-timeline__desc{color:var(--muted);font-size:14px}
.hbhuanggang-listrow{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.hbhuanggang-listrow__k{font-weight:800;color:var(--primary);min-width:84px}
.hbhuanggang-listrow__d{color:var(--muted);font-size:14px}
.hbhuanggang-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hbhuanggang-showcase__item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.hbhuanggang-showcase__img{width:100%;height:200px;object-fit:cover}
.hbhuanggang-showcase__cap{padding:10px 14px;font-size:14px;color:var(--ink);font-weight:600}
.hbhuanggang-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hbhuanggang-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:13px;color:var(--ink)}
.hbhuanggang-news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hbhuanggang-news__item{padding:22px}
.hbhuanggang-news__date{font-size:12px;color:var(--accent);font-weight:700}
.hbhuanggang-news__title{font-size:17px;margin:8px 0}
.hbhuanggang-news__desc{color:var(--muted);font-size:14px}
.hbhuanggang-news__more{display:inline-block;margin-top:10px;color:var(--primary);font-size:13px;font-weight:700}
.hbhuanggang-faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.hbhuanggang-faq__item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:4px 20px}
.hbhuanggang-faq__item summary{cursor:pointer;font-weight:700;padding:14px 0;color:var(--heading)}
.hbhuanggang-faq__body{padding:0 0 16px;color:var(--muted)}
.hbhuanggang-citylinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.hbhuanggang-citylinks__item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px;transition:.2s}
.hbhuanggang-citylinks__item:hover{box-shadow:var(--shadow-h);transform:translateY(-2px)}
.hbhuanggang-citylinks__item--cur{background:var(--bg-alt)}
.hbhuanggang-citylinks__region{font-weight:800;color:var(--heading)}
.hbhuanggang-citylinks__site{font-size:13px;color:var(--muted)}
.hbhuanggang-citylinks__item--fold{display:none}
.hbhuanggang-citylinks--open .hbhuanggang-citylinks__item--fold{display:flex}
.hbhuanggang-citylinks__toggle{text-align:center;margin-top:16px}
.hbhuanggang-citylinks__more{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:999px;padding:8px 22px;cursor:pointer;font-weight:700}
.hbhuanggang-partners{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hbhuanggang-partners__item{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-weight:600;color:var(--ink);transition:.2s}
.hbhuanggang-partners__item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.hbhuanggang-partners__region{color:var(--muted);font-size:12px;margin-left:6px}
.hbhuanggang-sec--band{background:var(--band);color:var(--band-text)}
.hbhuanggang-cta{text-align:center;max-width:760px;margin:0 auto}
.hbhuanggang-sec--band .hbhuanggang-sec__eyebrow{color:var(--accent)}
.hbhuanggang-sec--band .hbhuanggang-sec__title{color:#fff}
.hbhuanggang-sec--band .hbhuanggang-sec__lead{color:rgba(255,255,255,.85)}
.hbhuanggang-sec__phone{display:inline-block;font-size:clamp(28px,5vw,44px);font-weight:800;color:#fff;margin:18px 0}
.hbhuanggang-sec__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hbhuanggang-util{background:var(--band);color:var(--band-text);font-size:13px}
.hbhuanggang-util__inner{display:flex;justify-content:space-between;padding:8px 20px}
.hbhuanggang-util__phone{color:#fff}
.hbhuanggang-footer,.hbhuanggang-foot{background:#11161d;color:#cbd5e1}
.hbhuanggang-city{background:#0c1117;border-top:1px solid #1f2937;padding:18px 0;font-size:13px}
.hbhuanggang-city__inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hbhuanggang-city__label{color:#94a3b8;font-weight:700}
.hbhuanggang-city__links{display:flex;flex-wrap:wrap;gap:8px}
.hbhuanggang-city__link{color:#94a3b8;font-size:12px}
.hbhuanggang-city__link--fold{display:none}
.hbhuanggang-city__more{background:transparent;border:1px solid #334155;color:#94a3b8;border-radius:999px;padding:4px 12px;cursor:pointer}
.hbhuanggang-foot{padding:42px 0 24px}
.hbhuanggang-foot__inner{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.hbhuanggang-foot__cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}
.hbhuanggang-foot__brand{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}
.hbhuanggang-foot__site{color:#94a3b8;font-size:13px}
.hbhuanggang-foot__text{color:#94a3b8;font-size:14px;margin-bottom:12px}
.hbhuanggang-foot__phone{display:inline-block;color:var(--accent);font-weight:800;font-size:18px}
.hbhuanggang-foot__title{color:#fff;font-weight:700;margin-bottom:10px}
.hbhuanggang-foot__cols a{color:#94a3b8;font-size:14px;line-height:2}
.hbhuanggang-foot__notice{border-top:1px solid #1f2937;margin-top:24px;padding-top:18px;color:#94a3b8;font-size:12.5px}
.hbhuanggang-foot__copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #1f2937;margin-top:18px;padding-top:16px;color:#64748b;font-size:12.5px}
.hbhuanggang-foot__links a{color:#94a3b8}
.hbhuanggang-callbar{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--band);padding:12px;text-align:center;z-index:60}
.hbhuanggang-callbar__btn{color:#fff;font-weight:800;font-size:16px}
.hbhuanggang-prod__icon,.hbhuanggang-adv__icon{width:46px;height:46px;border-radius:14px;background:var(--bg-alt);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.hbhuanggang-prod__icon svg,.hbhuanggang-adv__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.hbhuanggang-prod__title,.hbhuanggang-adv__title{font-size:17px;margin-bottom:6px}
.hbhuanggang-prod__desc,.hbhuanggang-adv__desc{color:var(--muted);font-size:14px}
.hbhuanggang-prod__tag{display:inline-block;margin-top:10px;font-size:12px;color:var(--primary);background:var(--bg-alt);border-radius:999px;padding:3px 10px}
.hbhuanggang-prod--cards,.hbhuanggang-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hbhuanggang-prod--lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hbhuanggang-prod--lines .hbhuanggang-prod__num{font-size:30px;font-weight:800;color:var(--primary);opacity:.35;margin-bottom:6px}
.hbhuanggang-prod--list,.hbhuanggang-adv--list{display:flex;flex-direction:column;gap:0}
.hbhuanggang-adv--tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.hbhuanggang-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:.2s}
.hbhuanggang-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.hbhuanggang-pagehead{padding:54px 0;color:var(--band-text)}
.hbhuanggang-pagehead__title{font-size:clamp(24px,3.4vw,34px);color:#fff}
.hbhuanggang-pagehead__sub{color:rgba(255,255,255,.85);margin-top:6px}
.hbhuanggang-crumb{font-size:13px;margin-bottom:10px;color:var(--band-text)}
.hbhuanggang-crumb a{color:var(--accent)}
.hbhuanggang-aboutpage{max-width:880px}
.hbhuanggang-contact{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.hbhuanggang-contact__row{margin:8px 0;color:var(--ink)}
.hbhuanggang-contact__row a{color:var(--primary);font-weight:700}
.hbhuanggang-form{display:flex;flex-direction:column;gap:12px}
.hbhuanggang-input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;font-family:inherit}
.hbhuanggang-textarea{min-height:110px;resize:vertical}
.hbhuanggang-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.hbhuanggang-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.hbhuanggang-step__num{font-size:26px;font-weight:800;color:var(--primary);opacity:.4}
.hbhuanggang-step__txt{color:var(--ink);margin-top:6px;font-size:14px}
.hbhuanggang-newsdetail{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.hbhuanggang-post__meta{color:var(--muted);font-size:13px;margin-bottom:12px}
.hbhuanggang-post__thumb{width:100%;border-radius:var(--radius);margin-bottom:18px}
.hbhuanggang-post__body{color:var(--ink)}
.hbhuanggang-post__body p{margin-bottom:12px}
.hbhuanggang-sidepanel{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.hbhuanggang-sidepanel__title{font-size:16px;margin-bottom:12px}
.hbhuanggang-sidepanel__list{list-style:none;display:flex;flex-direction:column;gap:8px}
.hbhuanggang-sidepanel__list li{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.hbhuanggang-sidepanel__list a{color:var(--ink)}
.hbhuanggang-sidepanel__empty{color:var(--muted);font-size:13px}
.hbhuanggang-sidepanel__more{display:inline-block;margin-top:10px;color:var(--primary);font-weight:700;font-size:13px}
.hbhuanggang-plist{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hbhuanggang-plist__item{padding:0;overflow:hidden}
.hbhuanggang-plist__img,.hbhuanggang-plist__ph{width:100%;height:200px;object-fit:cover;background:var(--bg-alt)}
.hbhuanggang-plist__ph{display:flex}
.hbhuanggang-plist__ph{stroke:var(--line);fill:none}
.hbhuanggang-plist__body{padding:16px}
.hbhuanggang-plist__title{font-size:16px}
.hbhuanggang-plist__desc{color:var(--muted);font-size:13px;margin-top:6px}
.hbhuanggang-prodhero{background:var(--bg-alt);padding:48px 0}
.hbhuanggang-prodhero__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.hbhuanggang-prodhero__media img,.hbhuanggang-prodhero__ph{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.hbhuanggang-prodhero__ph{height:320px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800;font-size:22px}
.hbhuanggang-prodhero__kicker{color:var(--primary);font-weight:700;font-size:13px}
.hbhuanggang-prodhero__title{font-size:clamp(24px,3vw,32px);margin:8px 0}
.hbhuanggang-prodhero__desc{color:var(--muted);margin-bottom:16px}
.hbhuanggang-prodhero__rows{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.hbhuanggang-prodhero__rows li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:8px}
.hbhuanggang-prodhero__rows span{color:var(--muted)}
.hbhuanggang-prodhero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hbhuanggang-prodshow{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.hbhuanggang-prodshow__list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.hbhuanggang-prodshow__list li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.pagination a,.pagination span{padding:7px 13px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px}
.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:960px){.hbhuanggang-about,.hbhuanggang-news,.hbhuanggang-prod--cards,.hbhuanggang-prod--lines,.hbhuanggang-prod--list,.hbhuanggang-adv,.hbhuanggang-showcase,.hbhuanggang-plist,.hbhuanggang-contact,.hbhuanggang-newsdetail,.hbhuanggang-prodhero__inner,.hbhuanggang-prodshow{grid-template-columns:1fr}.hbhuanggang-metrics__inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hbhuanggang-callbar{display:block}.hbhuanggang-news,.hbhuanggang-prod--cards,.hbhuanggang-prod--lines,.hbhuanggang-showcase,.hbhuanggang-plist{grid-template-columns:1fr}.hbhuanggang-foot__cols{grid-template-columns:1fr}}

.hbhuanggang-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hbhuanggang-header__inner{display:flex;align-items:center;gap:20px;padding:12px 20px}
.hbhuanggang-brand{display:flex;align-items:center;gap:12px}
.hbhuanggang-brand__logo img{height:38px}
.hbhuanggang-brand__title{display:flex;flex-direction:column;line-height:1.15}
.hbhuanggang-brand__name{font-size:19px;font-weight:800;color:var(--heading)}
.hbhuanggang-brand__meta{font-size:12px;color:var(--muted)}
.hbhuanggang-brand__meta b{color:var(--primary)}
.hbhuanggang-nav{display:flex;gap:6px;margin-left:auto}
.hbhuanggang-nav__link{padding:8px 14px;border-radius:999px;font-weight:600;color:var(--ink);font-size:14px}
.hbhuanggang-nav__link--on,.hbhuanggang-nav__link:hover{background:var(--bg-alt);color:var(--primary)}
.hbhuanggang-header__cta{margin-left:6px}
.hbhuanggang-burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:8px}
.hbhuanggang-burger span{width:22px;height:2px;background:var(--heading)}
.hbhuanggang-drawer{position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100%;background:#fff;z-index:80;box-shadow:-8px 0 30px rgba(0,0,0,.2);padding:20px;transition:.3s;overflow:auto}
.hbhuanggang-drawer--open{right:0}
.hbhuanggang-drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:800}
.hbhuanggang-drawer__close{background:none;border:0;font-size:24px;cursor:pointer}
.hbhuanggang-drawer__nav{display:flex;flex-direction:column;gap:6px}
.hbhuanggang-drawer__link{padding:12px;border-radius:10px;background:var(--bg-alt);font-weight:600}
.hbhuanggang-drawer__tel{display:block;margin-top:16px;text-align:center;background:var(--gradient);color:#fff;padding:12px;border-radius:10px;font-weight:700}
.hbhuanggang-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:70}
.hbhuanggang-scrim--open{display:block}
.hbhuanggang-hero{padding:40px 0 10px;background:var(--bg-alt)}
.hbhuanggang-hero--tiles .hbhuanggang-hero__inner{max-width:var(--wrap);margin:0 auto;padding:30px 20px}
.hbhuanggang-hero__badge{display:inline-block;background:#fff;color:var(--primary);font-weight:700;padding:6px 16px;border-radius:999px;font-size:13px}
.hbhuanggang-hero__title{font-size:clamp(34px,6vw,54px);margin:14px 0}
.hbhuanggang-hero__sub{font-size:17px;color:var(--ink);max-width:600px}
.hbhuanggang-hero__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0 22px}
.hbhuanggang-hero__tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);transition:.2s}
.hbhuanggang-hero__tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.hbhuanggang-hero__tile-ic{width:40px;height:40px;border-radius:12px;background:var(--bg-alt);color:var(--primary);display:flex;align-items:center;justify-content:center}
.hbhuanggang-hero__tile-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.hbhuanggang-hero__tile-t{font-weight:700;color:var(--heading)}
.hbhuanggang-hero__actions{display:flex;gap:14px;flex-wrap:wrap}