/* 欧博环保节能资讯 环保节能资讯 */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#eef4ef;color:#20302a;line-height:1.85}
a{color:#1e5b48;text-decoration:none}a:hover{text-decoration:underline}
.hbcn-wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hbcn-header{background:#1e5b48}
.hbcn-topbar{background:#164a3a;color:#d8e8df;font-size:13px;padding:6px 0}
.hbcn-brandbar{padding:16px 0 12px}
.hbcn-brandbar .hbcn-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hbcn-logo{display:inline-flex;align-items:center;background:#d9a441;color:#23402f;font-size:15px;font-weight:700;padding:6px 14px;border-radius:4px;letter-spacing:2px}
.hbcn-logo small{font-size:12px;color:#cfe3d8;margin-left:12px;font-weight:400;letter-spacing:1px}
.hbcn-domain{margin-left:auto;font-size:13px;color:#a9c8b9}
.hbcn-nav{background:#1e5b48;border-top:1px solid #2e7058}
.hbcn-nav a{display:inline-block;padding:10px 12px;font-size:15px;color:#d8e8df;border-radius:16px;margin:3px 2px}
.hbcn-nav a:hover{background:#2e7058}.hbcn-nav a.hbcn-on{background:#d9a441;color:#23402f;font-weight:700}
.hbcn-breadcrumb{background:#dfeae2;font-size:13px;color:#6a8377;padding:8px 0}
.hbcn-breadcrumb a{color:#6a8377}
.hbcn-hero{background:linear-gradient(130deg,#1e5b48,#2e7a5c);padding:36px 0 28px;color:#f0f7f2}
.hbcn-hero .hbcn-wrap{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.hbcn-hero-rev .hbcn-wrap{flex-direction:row-reverse}
.hbcn-hero-txt{flex:1 1 430px}
.hbcn-hero-txt h1{font-size:26px;color:#ffffff;margin-bottom:12px;letter-spacing:1px}
.hbcn-hero-txt p{font-size:16px;color:#dff0e6;margin-bottom:12px}
.hbcn-meta{font-size:13px;color:#a9cdb9}
.hbcn-hero-card{flex:0 1 290px;background:rgba(240,247,242,.96);border-radius:16px;padding:14px 18px;box-shadow:0 4px 16px rgba(20,60,40,.3);border-left:5px solid #d9a441}
.hbcn-hero-card li{list-style:none;padding:7px 0;border-bottom:1px dashed #c9ddcf;font-size:14px;color:#23402f}
.hbcn-hero-card li:last-child{border-bottom:none}
.hbcn-hero-card b{color:#1e5b48;margin-right:10px}
.hbcn-heroimg{max-width:1040px;margin:18px auto 6px;padding:0 20px}
.hbcn-heroimg img{width:100%;height:auto;border-radius:16px;border:1px solid #c9ddcf}
.hbcn-main{display:block}.hbcn-article{background:#fbfdfb;border:1px solid #d3e3d8;border-radius:16px;padding:26px 30px;margin:22px 0}
.hbcn-keypoints{background:#e8f2ea;border-left:5px solid #d9a441;padding:12px 16px;margin-bottom:20px;font-size:14px;border-radius:0 12px 12px 0}
.hbcn-keypoints b{color:#1e5b48}.hbcn-keypoints ul{margin:6px 0 0 20px}
.hbcn-sec{margin-bottom:24px}.hbcn-sec h2{font-size:20px;color:#1e5b48;padding-left:14px;border-left:6px solid #d9a441;margin-bottom:10px}
.hbcn-sec p{margin-bottom:10px;font-size:15px}
.hbcn-ticker{margin-bottom:8px}.hbcn-ticker span{display:inline-block;background:#e8f2ea;color:#2e7058;border-radius:4px;padding:4px 12px;margin:0 8px 8px 0;font-size:13px}
.hbcn-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hbcn-card{display:block;border:1px solid #d3e3d8;border-left:5px solid #1e5b48;border-radius:8px;padding:14px;background:#fbfdfb}
.hbcn-card h3{font-size:16px;color:#1e5b48;margin-bottom:6px}.hbcn-card p{font-size:13px;color:#6a8377}
.hbcn-card:hover{border-left-color:#d9a441;box-shadow:0 2px 10px rgba(30,91,72,.12)}
.hbcn-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hbcn-badge{background:#e8f2ea;border-radius:8px;padding:14px;text-align:center}
.hbcn-badge b{display:block;color:#1e5b48;font-size:15px}.hbcn-badge span{font-size:13px;color:#6a8377}
.hbcn-steps{margin-left:22px}.hbcn-steps li{margin-bottom:8px;font-size:15px;padding-left:8px}
.hbcn-steps li::marker{color:#d9a441;font-weight:700}
.hbcn-geo{background:#f2f7e9;border:1px dashed #d9a441;border-radius:16px;padding:14px 18px;margin-bottom:22px;font-size:14px;color:#4a5f34}
.hbcn-geo h2{font-size:16px;color:#7a6a1f;margin-bottom:6px}
.hbcn-geo a{color:#1e5b48;text-decoration:underline}
.hbcn-relqa{margin-bottom:22px}.hbcn-relqa h2{font-size:20px;color:#1e5b48;padding-left:14px;border-left:6px solid #d9a441;margin-bottom:10px}
.hbcn-relqa h3{font-size:15px;color:#1e5b48;margin:12px 0 4px}.hbcn-relqa p{font-size:14px;color:#5d7268}
.hbcn-related{margin-bottom:18px}.hbcn-related h2{font-size:18px;color:#1e5b48;margin-bottom:10px}
.hbcn-related li{list-style:none;display:inline-block;margin:0 12px 8px 0;background:#e8f2ea;border-radius:4px;padding:4px 14px;font-size:14px}
.hbcn-hint{max-width:1040px;margin:0 auto 22px;padding:0 20px;font-size:13px;color:#7c9487;text-align:center}
.hbcn-tags{margin-bottom:8px}.hbcn-tags a{display:inline-block;background:#e8f2ea;color:#2e7058;border-radius:4px;padding:5px 14px;margin:0 8px 8px 0;font-size:14px}
.hbcn-tags a:hover{background:#1e5b48;color:#fff}
.hbcn-latest li{list-style:none;padding:9px 0;border-bottom:1px dashed #d3e3d8;font-size:15px}
.hbcn-latest time{color:#7c9487;font-size:13px;margin-right:14px}
.hbcn-hublist li{list-style:none;padding:9px 0;border-bottom:1px dashed #d3e3d8;font-size:15px}
.hbcn-hublist time{color:#7c9487;font-size:13px;margin-right:14px}
.hbcn-sec details{border:1px solid #d3e3d8;border-radius:8px;padding:10px 16px;margin-bottom:10px;background:#fbfdfb}
.hbcn-sec summary{font-size:15px;color:#1e5b48;cursor:pointer;font-weight:700}
.hbcn-sec details p{margin-top:8px;font-size:14px}
.hbcn-footer{background:#1e5b48;color:#cfe3d8;margin-top:30px}
.hbcn-footer .hbcn-wrap{display:grid;grid-template-columns:2.2fr 1.2fr 1.2fr 1.4fr;gap:24px;padding:34px 20px}
.hbcn-footer h4{font-size:15px;color:#ffffff;margin-bottom:12px}
.hbcn-footer h4.hbcn-fsub{margin-top:16px}
.hbcn-footer a{display:block;color:#cfe3d8;font-size:14px;padding:2px 0}
.hbcn-footer p{font-size:13px}
.hbcn-copy{background:#144234;text-align:center;font-size:13px;color:#8fb3a1;padding:10px 0}
@media(max-width:800px){.hbcn-cardgrid,.hbcn-badges{grid-template-columns:1fr 1fr}.hbcn-footer .hbcn-wrap{grid-template-columns:1fr 1fr}.hbcn-hero .hbcn-wrap{flex-direction:column}.hbcn-hero-card{flex:1 1 auto;width:100%}}
@media(max-width:560px){.hbcn-cardgrid,.hbcn-badges{grid-template-columns:1fr}.hbcn-nav a{padding:8px 9px;font-size:13px}.hbcn-hero-txt h1{font-size:22px}}
