{"id":15,"date":"2025-10-10T11:30:01","date_gmt":"2025-10-10T03:30:01","guid":{"rendered":"https:\/\/www.huazhigroup.cn\/offerings\/"},"modified":"2026-05-20T12:17:14","modified_gmt":"2026-05-20T04:17:14","slug":"%e9%a1%b9%e7%9b%ae%e6%a1%88%e4%be%8b","status":"publish","type":"page","link":"https:\/\/www.huazhigroup.com.cn\/index.php\/%e9%a1%b9%e7%9b%ae%e6%a1%88%e4%be%8b\/","title":{"rendered":"\u9879\u76ee\u6848\u4f8b"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u4e8b\u4e1a\u9886\u57df | \u4e0a\u6d77\u534e\u965f\u5b9e\u4e1a\u96c6\u56e2<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n \/* \u9ad8\u7ea7\u6df1\u7070+\u9999\u69df\u91d1\u914d\u8272\uff0c\u5b8c\u5168\u79fb\u9664\u7eff\u8272 *\/\r\n --primary: #1A1A2E;\r\n --primary-light: #2D2D44;\r\n --primary-dark: #0F0F1A;\r\n --primary-rgb: 26, 26, 46;\r\n --accent: #C8A96E;\r\n --accent-light: #E0CC9F;\r\n --dark: #0F0F1A;\r\n --text: #4A4A5A;\r\n --text-light: #7A7A8A;\r\n --text-dark: #2A2A3A;\r\n --bg: #FAFBF9;\r\n --bg-warm: #F8F6F0;\r\n --border: #E8E6E0;\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);\r\n --shadow-md: 0 4px 14px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04);\r\n --shadow-lg: 0 10px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04);\r\n --shadow-xl: 0 20px 60px rgba(0,0,0,0.1), 0 8px 20px rgba(0,0,0,0.06);\r\n --radius-sm: 6px;\r\n --radius-md: 10px;\r\n --radius-lg: 16px;\r\n --radius-xl: 24px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Noto Sans SC', sans-serif;\r\n color: var(--text);\r\n background: #fff;\r\n overflow-x: hidden;\r\n line-height: 1.75;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* ========== HERO \u5df2\u79fb\u9664\u7eff\u8272\u6ee4\u955c ========== *\/\r\n .hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n linear-gradient(135deg, rgba(15,15,26,0.9) 0%, rgba(26,26,46,0.75) 50%, rgba(15,15,26,0.85) 100%),\r\n url('https:\/\/www.huazhigroup.com.cn\/wp-content\/uploads\/2025\/12\/pexels-pixabay-316137-scaled.jpg') center\/cover no-repeat;\r\n transform: scale(1.08);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-particles {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n background: rgba(255,255,255,0.3);\r\n border-radius: 50%;\r\n animation: float linear infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n padding: 0 24px;\r\n max-width: 960px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n color: rgba(255,255,255,0.9);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n margin-bottom: 32px;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-badge-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse-dot 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.8); opacity: 0.5; }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: clamp(2.5rem, 5.5vw, 4.2rem);\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 28px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: normal;\r\n color: var(--accent-light);\r\n position: relative;\r\n }\r\n\r\n .hero h1 em::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: var(--accent);\r\n opacity: 0.4;\r\n border-radius: 2px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1.05rem, 2vw, 1.3rem);\r\n color: rgba(255,255,255,0.85);\r\n max-width: 720px;\r\n margin: 0 auto 48px;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 60px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-stat {\r\n text-align: center;\r\n }\r\n\r\n .hero-stat-num {\r\n font-family: 'Noto Serif SC', serif;\r\n font-size: 2.4rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.1;\r\n }\r\n\r\n .hero-stat-num span {\r\n color: var(--accent-light);\r\n }\r\n\r\n .hero-stat-label {\r\n font-size: 0.85rem;\r\n color: rgba(255,255,255,0.6);\r\n margin-top: 6px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-scroll {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 0.75rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .scroll-line {\r\n width: 1px;\r\n height: 40px;\r\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .scroll-line::after {\r\n content: '';\r\n position: absolute;\r\n top: -40px;\r\n left: 0;\r\n width: 100%;\r\n height: 40px;\r\n background: linear-gradient(to bottom, transparent, var(--accent));\r\n animation: scrollDown 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes scrollDown {\r\n 0% { top: -40px; }\r\n 100% { top: 40px; }\r\n }\r\n\r\n \/* ========== SECTIONS ========== *\/\r\n .section {\r\n padding: 100px 0;\r\n position: relative;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 70px;\r\n }\r\n\r\n .section-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .section-tag::before,\r\n .section-tag::after {\r\n content: '';\r\n width: 24px;\r\n height: 1px;\r\n background: var(--primary);\r\n opacity: 0.4;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: clamp(1.8rem, 3.5vw, 2.6rem);\r\n color: var(--text-dark);\r\n line-height: 1.3;\r\n margin-bottom: 20px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .section-desc {\r\n font-size: 1.05rem;\r\n color: var(--text-light);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========== OVERVIEW ========== *\/\r\n .overview {\r\n background: var(--bg);\r\n }\r\n\r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .overview-visual {\r\n position: relative;\r\n }\r\n\r\n .overview-img-wrap {\r\n border-radius: var(--radius-xl);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-xl);\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .overview-img-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .overview-img-wrap:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n .overview-float-card {\r\n position: absolute;\r\n bottom: -30px;\r\n right: -30px;\r\n background: #fff;\r\n padding: 28px 32px;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-lg);\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n z-index: 2;\r\n }\r\n\r\n .float-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n color: #fff;\r\n flex-shrink: 0;\r\n }\r\n\r\n .float-text h4 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: 1.5rem;\r\n color: var(--text-dark);\r\n line-height: 1.1;\r\n }\r\n\r\n .float-text p {\r\n font-size: 0.85rem;\r\n color: var(--text-light);\r\n margin-top: 2px;\r\n }\r\n\r\n .overview-content {\r\n padding: 20px 0;\r\n }\r\n\r\n .overview-content h2 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: 2rem;\r\n color: var(--text-dark);\r\n margin-bottom: 24px;\r\n line-height: 1.35;\r\n }\r\n\r\n .overview-content > p {\r\n color: var(--text);\r\n font-size: 1.05rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .quote-box {\r\n background: #fff;\r\n border-left: 3px solid var(--primary);\r\n padding: 24px 28px;\r\n border-radius: 0 var(--radius-md) var(--radius-md) 0;\r\n margin: 30px 0;\r\n position: relative;\r\n }\r\n\r\n .quote-box::before {\r\n content: '\"';\r\n font-family: 'Noto Serif SC', serif;\r\n font-size: 3rem;\r\n color: var(--primary);\r\n opacity: 0.2;\r\n position: absolute;\r\n top: 8px;\r\n left: 16px;\r\n line-height: 1;\r\n }\r\n\r\n .quote-box p {\r\n font-size: 0.98rem;\r\n color: var(--text);\r\n line-height: 1.8;\r\n font-style: italic;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .overview-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 28px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 14px 18px;\r\n background: var(--bg);\r\n border-radius: var(--radius-sm);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n background: #fff;\r\n box-shadow: var(--shadow-sm);\r\n transform: translateX(4px);\r\n }\r\n\r\n .feature-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n background: rgba(var(--primary-rgb), 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.9rem;\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .feature-text h5 {\r\n font-weight: 600;\r\n font-size: 0.92rem;\r\n color: var(--text-dark);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .feature-text p {\r\n font-size: 0.82rem;\r\n color: var(--text-light);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========== STATS BANNER ========== *\/\r\n .stats-banner {\r\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary-dark) 100%);\r\n padding: 70px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .stats-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -10%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(var(--primary-rgb),0.15) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 40px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n position: relative;\r\n padding: 0 20px;\r\n }\r\n\r\n .stat-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1px;\r\n height: 50px;\r\n background: rgba(255,255,255,0.1);\r\n }\r\n\r\n .stat-num {\r\n font-family: 'Noto Serif SC', serif;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .stat-num .unit {\r\n font-size: 1.4rem;\r\n color: var(--accent-light);\r\n margin-left: 2px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.88rem;\r\n color: rgba(255,255,255,0.55);\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* ========== ECOSYSTEM ========== *\/\r\n .ecosystem-section {\r\n background: #fff;\r\n }\r\n\r\n .eco-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .eco-card {\r\n background: var(--bg);\r\n border-radius: var(--radius-lg);\r\n padding: 40px 28px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border: 1px solid transparent;\r\n cursor: pointer;\r\n }\r\n\r\n .eco-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--primary), var(--accent));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .eco-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .eco-card:hover {\r\n background: #fff;\r\n border-color: var(--border);\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .eco-icon {\r\n width: 72px;\r\n height: 72px;\r\n margin: 0 auto 24px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(var(--primary-rgb),0.08), rgba(var(--primary-rgb),0.02));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .eco-card:hover .eco-icon {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .eco-card:hover .eco-icon span {\r\n filter: grayscale(0) brightness(2);\r\n }\r\n\r\n .eco-card h3 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 600;\r\n font-size: 1.2rem;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .eco-card p {\r\n font-size: 0.92rem;\r\n color: var(--text-light);\r\n line-height: 1.7;\r\n }\r\n\r\n .eco-tag {\r\n display: inline-block;\r\n margin-top: 18px;\r\n padding: 4px 14px;\r\n background: rgba(var(--primary-rgb),0.08);\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n color: var(--primary);\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n opacity: 0;\r\n transform: translateY(8px);\r\n transition: all 0.4s ease 0.1s;\r\n }\r\n\r\n .eco-card:hover .eco-tag {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ========== REGIONS ========== *\/\r\n .regions-section {\r\n background: var(--bg-warm);\r\n overflow: hidden;\r\n }\r\n\r\n .region-showcase {\r\n position: relative;\r\n }\r\n\r\n .region-showcase-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 420px;\r\n border-radius: var(--radius-xl);\r\n overflow: hidden;\r\n }\r\n\r\n .region-showcase-bg img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.4) saturate(1.2);\r\n }\r\n\r\n .region-cards {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 0;\r\n }\r\n\r\n .region-card {\r\n background: #fff;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .region-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n\r\n .region-card-header {\r\n padding: 28px 28px 20px;\r\n position: relative;\r\n }\r\n\r\n .region-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 4px 12px;\r\n background: rgba(var(--primary-rgb),0.08);\r\n border-radius: 50px;\r\n font-size: 0.72rem;\r\n color: var(--primary);\r\n font-weight: 500;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .region-card-header h3 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: 1.4rem;\r\n color: var(--text-dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .region-card-header p {\r\n font-size: 0.88rem;\r\n color: var(--text-light);\r\n line-height: 1.7;\r\n }\r\n\r\n .region-stats-bar {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .rs-item {\r\n text-align: center;\r\n padding: 18px 10px;\r\n position: relative;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .rs-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 15%;\r\n height: 70%;\r\n width: 1px;\r\n background: var(--border);\r\n }\r\n\r\n .rs-item:hover {\r\n background: var(--bg);\r\n }\r\n\r\n .rs-num {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: 1.35rem;\r\n color: var(--primary);\r\n line-height: 1;\r\n }\r\n\r\n .rs-label {\r\n font-size: 0.75rem;\r\n color: var(--text-light);\r\n margin-top: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ========== PROJECTS ========== *\/\r\n .projects-section {\r\n background: #fff;\r\n }\r\n\r\n .project-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: stretch;\r\n margin-bottom: 80px;\r\n padding-bottom: 80px;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .project-row:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n\r\n .project-row:nth-child(even) {\r\n direction: rtl;\r\n }\r\n\r\n .project-row:nth-child(even) > * {\r\n direction: ltr;\r\n }\r\n\r\n .project-visual {\r\n position: relative;\r\n border-radius: var(--radius-xl);\r\n overflow: hidden;\r\n aspect-ratio: 4\/3;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .project-visual img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.7s ease;\r\n }\r\n\r\n .project-visual:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .project-visual-overlay {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n display: flex;\r\n gap: 10px;\r\n z-index: 2;\r\n }\r\n\r\n .pv-tag {\r\n padding: 6px 16px;\r\n background: rgba(255,255,255,0.9);\r\n backdrop-filter: blur(10px);\r\n border-radius: 50px;\r\n font-size: 0.78rem;\r\n color: var(--text-dark);\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .project-info {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 20px 0;\r\n }\r\n\r\n .project-number {\r\n font-family: 'Noto Serif SC', serif;\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n color: rgba(var(--primary-rgb), 0.08);\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n user-select: none;\r\n }\r\n\r\n .project-info h3 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: 1.8rem;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .project-info > p {\r\n color: var(--text);\r\n font-size: 0.98rem;\r\n line-height: 1.8;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .project-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .ph-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 14px 16px;\r\n background: var(--bg);\r\n border-radius: var(--radius-sm);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .ph-item:hover {\r\n background: #fff;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .ph-icon {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.65rem;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .ph-text {\r\n font-size: 0.85rem;\r\n color: var(--text);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========== VISION ========== *\/\r\n .vision-section {\r\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary-dark) 100%);\r\n padding: 120px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .vision-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n }\r\n\r\n .vision-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .vision-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 36px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: var(--accent-light);\r\n }\r\n\r\n .vision-content h2 {\r\n font-family: 'Noto Serif SC', serif;\r\n font-weight: 700;\r\n font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n color: #fff;\r\n margin-bottom: 24px;\r\n line-height: 1.35;\r\n }\r\n\r\n .vision-content p {\r\n font-size: 1.1rem;\r\n color: rgba(255,255,255,0.75);\r\n line-height: 1.9;\r\n max-width: 680px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .vision-goals {\r\n display: flex;\r\n justify-content: center;\r\n gap: 50px;\r\n flex-wrap: wrap;\r\n margin-top: 50px;\r\n }\r\n\r\n .vg-item {\r\n text-align: center;\r\n }\r\n\r\n .vg-num {\r\n font-family: 'Noto Serif SC', serif;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: var(--accent-light);\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .vg-label {\r\n font-size: 0.85rem;\r\n color: rgba(255,255,255,0.5);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ========== FOOTER ========== *\/\r\n .footer {\r\n background: #111;\r\n padding: 40px 0;\r\n text-align: center;\r\n }\r\n\r\n .footer p {\r\n font-size: 0.85rem;\r\n color: rgba(255,255,255,0.4);\r\n line-height: 1.8;\r\n }\r\n\r\n .footer a {\r\n color: var(--accent-light);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer a:hover {\r\n color: #fff;\r\n }\r\n\r\n \/* ========== ANIMATIONS ========== *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-delay-1 { transition-delay: 0.1s; }\r\n .reveal-delay-2 { transition-delay: 0.2s; }\r\n .reveal-delay-3 { transition-delay: 0.3s; }\r\n .reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ========== RESPONSIVE ========== *\/\r\n @media (max-width: 1024px) {\r\n .container { padding: 0 28px; }\r\n .overview-grid { gap: 40px; }\r\n .eco-grid { grid-template-columns: repeat(2, 1fr); }\r\n .region-cards { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }\r\n .project-row { grid-template-columns: 1fr; gap: 36px; }\r\n .project-row:nth-child(even) { direction: ltr; }\r\n .project-row { margin-bottom: 60px; padding-bottom: 60px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section { padding: 70px 0; }\r\n .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n .stat-item::after { display: none; }\r\n .overview-grid { grid-template-columns: 1fr; }\r\n .overview-float-card {\r\n position: relative;\r\n bottom: auto;\r\n right: auto;\r\n margin-top: 20px;\r\n }\r\n .overview-features { grid-template-columns: 1fr; }\r\n .eco-grid { gap: 16px; }\r\n .project-highlights { grid-template-columns: 1fr; }\r\n .hero-stats { gap: 30px; }\r\n .vision-goals { gap: 30px; }\r\n .project-number { font-size: 2.5rem; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container { padding: 0 20px; }\r\n .hero h1 { font-size: 2rem; }\r\n .hero-stats { gap: 20px; }\r\n .hero-stat-num { font-size: 1.8rem; }\r\n .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0 20px; }\r\n .stat-num { font-size: 2rem; }\r\n .eco-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ====== HERO ====== -->\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-particles\" id=\"particles\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <span class=\"hero-badge-dot\"><\/span>\r\n \u519c\u5546\u65c5\u5168\u751f\u6001\u94fe\u878d\u5408\u9886\u822a\u8005\r\n <\/div>\r\n <h1>\u6784\u5efa<em>\u519c\u5546\u65c5<\/em><br>\u8d85\u7ea7\u751f\u6001\u94fe<\/h1>\r\n <p class=\"hero-subtitle\">\u805a\u7126\"\u519c\u8d38+\u79d1\u6280+\u6587\u5316+\u5546\u4e1a\"\u6df1\u5ea6\u878d\u5408\uff0c\u6253\u9020\u4e2d\u56fd\u519c\u5546\u65c5\u878d\u5408\u53d1\u5c55\u65b0\u5178\u8303<\/p>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-num\">3<span>\u5927<\/span><\/div>\r\n <div class=\"hero-stat-label\">\u6838\u5fc3\u533a\u57df<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-num\">50<span>\u4e07+<\/span><\/div>\r\n <div class=\"hero-stat-label\">\u8f90\u5c04\u4eba\u7fa4<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-num\">20<span>\u4ebf<\/span><\/div>\r\n <div class=\"hero-stat-label\">\u5e74\u5747\u6d88\u8d39\u989d<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-num\">50<span>+<\/span><\/div>\r\n <div class=\"hero-stat-label\">\u6210\u529f\u8fd0\u8425\u9879\u76ee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">\r\n <span>\u5411\u4e0b\u6eda\u52a8<\/span>\r\n <div class=\"scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== OVERVIEW ====== -->\r\n <section class=\"section overview\">\r\n <div class=\"container\">\r\n <div class=\"overview-grid\">\r\n <div class=\"overview-visual reveal\">\r\n <div class=\"overview-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.huazhigroup.com.cn\/wp-content\/uploads\/2025\/12\/pexels-pixabay-316137-scaled.jpg\" alt=\"\u534e\u965f\u96c6\u56e2\">\r\n <\/div>\r\n <div class=\"overview-float-card\">\r\n <div class=\"float-icon\">\ud83c\udfe2<\/div>\r\n <div class=\"float-text\">\r\n <h4>2021\u5e74<\/h4>\r\n <p>\u96c6\u56e2\u6210\u7acb\u65f6\u95f4<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"overview-content reveal reveal-delay-2\">\r\n <div class=\"section-tag\">\r\n <span>\u4e1a\u52a1\u6982\u89c8<\/span>\r\n <\/div>\r\n <h2>\u4ee5\u4e0a\u6d77\u3001\u957f\u6c99\u53cc\u603b\u90e8\u8fd0\u8425<br>\u6df1\u8015\u519c\u5546\u65c5\u4ea7\u4e1a<\/h2>\r\n <p>\u4e0a\u6d77\u534e\u965f\u5b9e\u4e1a\u96c6\u56e2\u6709\u9650\u516c\u53f8\uff08\u7b80\u79f0\"\u534e\u965f\u96c6\u56e2\"\uff09\u6210\u7acb\u4e8e2021\u5e74\uff0c\u805a\u7126\u519c\u5546\u65c5\u4ea7\u4e1a\u5f00\u53d1\uff0c\u6784\u5efa\"\u519c\u8d38+\u79d1\u6280+\u6587\u5316+\u5546\u4e1a\"\u8d85\u7ea7\u751f\u6001\u94fe\uff0c\u81f4\u529b\u4e8e\u63a8\u52a8\u4f20\u7edf\u519c\u8d38\u4ea7\u4e1a\u7684\u73b0\u4ee3\u5316\u8f6c\u578b\u3002<\/p>\r\n <div class=\"quote-box\">\r\n <p>\u4f01\u4e1a\u613f\u666f\u662f\u6210\u4e3a\u4e2d\u56fd\u5177\u6709\u5f71\u54cd\u529b\u7684\u667a\u6167\u751f\u6d3b\u6295\u8d44\u8fd0\u8425\u5546\u3001\u5168\u7403\u519c\u5546\u65c5\u878d\u5408\u53d1\u5c55\u65b0\u5178\u8303\u3002<\/p>\r\n <\/div>\r\n <div class=\"overview-features\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\r\n <div class=\"feature-text\">\r\n <h5>\u53cc\u603b\u90e8\u8fd0\u8425<\/h5>\r\n <p>\u4e0a\u6d77\u4e0e\u957f\u6c99\u534f\u540c\u53d1\u529b<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n <div class=\"feature-text\">\r\n <h5>\u4ea7\u4e1a\u878d\u5408<\/h5>\r\n <p>\u56db\u5927\u677f\u5757\u6df1\u5ea6\u534f\u540c<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n <div class=\"feature-text\">\r\n <h5>\u6570\u667a\u9a71\u52a8<\/h5>\r\n <p>\u79d1\u6280\u8d4b\u80fd\u4f20\u7edf\u4e1a\u6001<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83c\udf31<\/div>\r\n <div class=\"feature-text\">\r\n <h5>\u53ef\u6301\u7eed\u53d1\u5c55<\/h5>\r\n <p>\u521b\u9020\u793e\u4f1a\u957f\u671f\u4ef7\u503c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== STATS BANNER ====== -->\r\n <section class=\"stats-banner\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item reveal\">\r\n <div class=\"stat-num\" data-count=\"3\">0<span class=\"unit\">\u5927<\/span><\/div>\r\n <div class=\"stat-label\">\u6838\u5fc3\u533a\u57df\u5e03\u5c40<\/div>\r\n <\/div>\r\n <div class=\"stat-item reveal reveal-delay-1\">\r\n <div class=\"stat-num\" data-count=\"50\" data-suffix=\"\u4e07+\">0<span class=\"unit\">\u4e07+<\/span><\/div>\r\n <div class=\"stat-label\">\u5355\u9879\u76ee\u8f90\u5c04\u4eba\u7fa4<\/div>\r\n <\/div>\r\n <div class=\"stat-item reveal reveal-delay-2\">\r\n <div class=\"stat-num\" data-count=\"20\" data-suffix=\"\u4ebf\">0<span class=\"unit\">\u4ebf<\/span><\/div>\r\n <div class=\"stat-label\">\u5e74\u5747\u6d88\u8d39\u989d<\/div>\r\n <\/div>\r\n <div class=\"stat-item reveal reveal-delay-3\">\r\n <div class=\"stat-num\" data-count=\"50\" data-suffix=\"+\">0<span class=\"unit\">+<\/span><\/div>\r\n <div class=\"stat-label\">\u6210\u529f\u8fd0\u8425\u9879\u76ee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== ECOSYSTEM ====== -->\r\n <section class=\"section ecosystem-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-tag\"><span>\u8d85\u7ea7\u751f\u6001\u94fe<\/span><\/div>\r\n <h2 class=\"section-title\">\u56db\u5927\u6838\u5fc3\u677f\u5757\u6df1\u5ea6\u878d\u5408<\/h2>\r\n <p class=\"section-desc\">\u901a\u8fc7\u4ea7\u4e1a\u534f\u540c\u4e0e\u8de8\u754c\u6574\u5408\uff0c\u6784\u5efa\u4e0d\u53ef\u590d\u5236\u7684\u7ade\u4e89\u4f18\u52bf<\/p>\r\n <\/div>\r\n <div class=\"eco-grid\">\r\n <div class=\"eco-card reveal reveal-delay-1\">\r\n <div class=\"eco-icon\"><span>\ud83c\udf3e<\/span><\/div>\r\n <h3>\u667a\u6167\u519c\u8d38<\/h3>\r\n <p>\u4ee5\"\u6570\u667a\u519c\u8d38\u00b7\u7115\u65b0\u751f\u6d3b\"\u4e3a\u6838\u5fc3\uff0c\u901a\u8fc7\u7269\u8054\u7f51\u3001\u5927\u6570\u636e\u6280\u672f\u91cd\u6784\u4f20\u7edf\u519c\u8d38\u5e02\u573a\uff0c\u6253\u9020\u96c6\u4ea4\u6613\u3001\u4f53\u9a8c\u3001\u670d\u52a1\u4e8e\u4e00\u4f53\u7684\u73b0\u4ee3\u5316\u751f\u6d3b\u67a2\u7ebd\u3002<\/p>\r\n <span class=\"eco-tag\">\u6838\u5fc3\u4e1a\u52a1<\/span>\r\n <\/div>\r\n <div class=\"eco-card reveal reveal-delay-2\">\r\n <div class=\"eco-icon\"><span>\ud83d\udcbb<\/span><\/div>\r\n <h3>\u79d1\u6280\u521b\u65b0<\/h3>\r\n <p>\u81ea\u4e3b\u7814\u53d1\u519c\u8d38\u5e02\u573a\u667a\u6167\u7ba1\u7406\u7cfb\u7edf\u3001\u6587\u65c5\u9879\u76ee\u8fd0\u8425\u5e73\u53f0\uff0c\u5c06\u79d1\u6280\u6df1\u5ea6\u878d\u5165\u4e1a\u52a1\u573a\u666f\uff0c\u4e3a\u519c\u5546\u65c5\u878d\u5408\u63d0\u4f9b\u6280\u672f\u5e95\u5ea7\u3002<\/p>\r\n <span class=\"eco-tag\">\u6280\u672f\u9a71\u52a8<\/span>\r\n <\/div>\r\n <div class=\"eco-card reveal reveal-delay-3\">\r\n <div class=\"eco-icon\"><span>\ud83c\udfad<\/span><\/div>\r\n <h3>\u6587\u5316\u8d4b\u80fd<\/h3>\r\n <p>\u6316\u6398\u5728\u5730\u6587\u5316\u4ef7\u503c\uff0c\u5c06\u4f20\u7edf\u519c\u8015\u6587\u5316\u3001\u5730\u57df\u7279\u8272\u4e0e\u73b0\u4ee3\u751f\u6d3b\u878d\u5408\uff0c\u6253\u9020\u6709\u6e29\u5ea6\u3001\u6709\u6545\u4e8b\u7684\u751f\u6d3b\u573a\u666f\u3002<\/p>\r\n <span class=\"eco-tag\">\u54c1\u724c\u7075\u9b42<\/span>\r\n <\/div>\r\n <div class=\"eco-card reveal reveal-delay-4\">\r\n <div class=\"eco-icon\"><span>\ud83c\udfec<\/span><\/div>\r\n <h3>\u5546\u4e1a\u8fd0\u8425<\/h3>\r\n <p>\u4f9d\u6258\u6210\u719f\u7684\u5546\u4e1a\u8fd0\u8425\u4f53\u7cfb\u4e0e\u4e30\u5bcc\u7ecf\u9a8c\uff0c\u4e3a\u9879\u76ee\u63d0\u4f9b\u4ece\u62db\u5546\u5230\u8fd0\u8425\u7684\u5168\u6d41\u7a0b\u8d4b\u80fd\uff0c\u4fdd\u969c\u9879\u76ee\u53ef\u6301\u7eed\u76c8\u5229\u3002<\/p>\r\n <span class=\"eco-tag\">\u589e\u957f\u5f15\u64ce<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== REGIONS ====== -->\r\n <section class=\"section regions-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-tag\"><span>\u4e1a\u52a1\u7248\u56fe<\/span><\/div>\r\n <h2 class=\"section-title\">\u6df1\u8015\u4e09\u5927\u6838\u5fc3\u533a\u57df\uff0c\u8f90\u5c04\u5168\u56fd\u53d1\u5c55<\/h2>\r\n <p class=\"section-desc\">\u4ee5\u533a\u57df\u4e3a\u652f\u70b9\uff0c\u7a33\u6b65\u63a8\u8fdb\u5168\u56fd\u6218\u7565\u5e03\u5c40<\/p>\r\n <\/div>\r\n <div class=\"region-showcase reveal\">\r\n <div class=\"region-cards\">\r\n <div class=\"region-card\">\r\n <div class=\"region-card-header\">\r\n <div class=\"region-tag\">\u2b24 \u897f\u5357\u533a\u57df<\/div>\r\n <h3>\u897f\u5357\u533a\u57df<\/h3>\r\n <p>\u91cd\u70b9\u63a8\u8fdb\u7ee5\u9633\u79be\u667a\u751f\u6d3b\u5e7f\u573a\u3001\u68b5\u5c71\u4e91\u8457\u7b49\u6807\u6746\u9879\u76ee\uff0c\u6253\u9020\u519c\u6587\u65c5\u878d\u5408\u793a\u8303\u533a\u57df\u3002<\/p>\r\n <\/div>\r\n <div class=\"region-stats-bar\">\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">113<span>\u4ea9<\/span><\/div>\r\n <div class=\"rs-label\">\u9879\u76ee\u89c4\u6a21<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">50<span>\u4e07+<\/span><\/div>\r\n <div class=\"rs-label\">\u8f90\u5c04\u4eba\u7fa4<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">20<span>\u4ebf<\/span><\/div>\r\n <div class=\"rs-label\">\u5e74\u6d88\u8d39\u989d<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"region-card reveal reveal-delay-1\">\r\n <div class=\"region-card-header\">\r\n <div class=\"region-tag\">\u2b24 \u4e2d\u5357\u533a\u57df<\/div>\r\n <h3>\u4e2d\u5357\u533a\u57df<\/h3>\r\n <p>\u63a8\u8fdb\u667a\u6167\u519c\u8d38\u5347\u7ea7\u4e0e\u6587\u65c5\u5f00\u53d1\uff0c\u91d1\u6c99\u667a\u6167\u519c\u8d38\u5e02\u573a\u7b49\u9879\u76ee\u5df2\u6210\u533a\u57df\u6807\u6746\u3002<\/p>\r\n <\/div>\r\n <div class=\"region-stats-bar\">\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">9.8<span>\u4ea9<\/span><\/div>\r\n <div class=\"rs-label\">\u9879\u76ee\u89c4\u6a21<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">50<span>\u4e07+<\/span><\/div>\r\n <div class=\"rs-label\">\u8f90\u5c04\u4eba\u7fa4<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">365<span>\u5929<\/span><\/div>\r\n <div class=\"rs-label\">\u5168\u65fa\u5b63\u8fd0\u8425<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"region-card reveal reveal-delay-2\">\r\n <div class=\"region-card-header\">\r\n <div class=\"region-tag\">\u2b24 \u534e\u4e1c\u533a\u57df<\/div>\r\n <h3>\u534e\u4e1c\u533a\u57df<\/h3>\r\n <p>\u6784\u5efa\u521b\u65b0\u5546\u4e1a\u6a21\u5f0f\u4e0e\u79d1\u6280\u5e94\u7528\uff0c\u5df2\u6210\u529f\u8fd0\u842550\u4f59\u5bb6\u519c\u8d38\u5e02\u573a\uff0c\u5f62\u6210\u89c4\u6a21\u5316\u4f18\u52bf\u3002<\/p>\r\n <\/div>\r\n <div class=\"region-stats-bar\">\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">204<span>\u5957<\/span><\/div>\r\n <div class=\"rs-label\">\u4f4f\u5b85\u89c4\u5212<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">1.0<\/div>\r\n <div class=\"rs-label\">\u8d85\u4f4e\u5bb9\u79ef\u7387<\/div>\r\n <\/div>\r\n <div class=\"rs-item\">\r\n <div class=\"rs-num\">50<span>+<\/span><\/div>\r\n <div class=\"rs-label\">\u6210\u529f\u9879\u76ee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== PROJECTS \u5df2\u79fb\u9664\u6240\u6709\"\u4e86\u89e3\u66f4\u591a\u8be6\u60c5\"\u6309\u94ae ====== -->\r\n <section class=\"section projects-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"section-tag\"><span>\u6807\u6746\u9879\u76ee<\/span><\/div>\r\n <h2 class=\"section-title\">\u4ee3\u8868\u6027\u9879\u76ee\u5c55\u793a<\/h2>\r\n <p class=\"section-desc\">\u4ee5\u5320\u5fc3\u7cbe\u795e\u6253\u9020\u6bcf\u4e00\u4e2a\u9879\u76ee\uff0c\u7528\u5b9e\u9645\u6210\u679c\u8be0\u91ca\u54c1\u724c\u4ef7\u503c<\/p>\r\n <\/div>\r\n\r\n <!-- \u9879\u76ee1 -->\r\n <div class=\"project-row reveal\">\r\n <div class=\"project-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.huazhigroup.com.cn\/wp-content\/uploads\/2026\/01\/\u5fae\u4fe1\u56fe\u7247_20260108095811_73_46.jpg\" alt=\"\u7ee5\u9633\u79be\u667a\u751f\u6d3b\u5e7f\u573a\">\r\n <div class=\"project-visual-overlay\">\r\n <span class=\"pv-tag\">\u5546\u4e1a\u7efc\u5408\u4f53<\/span>\r\n <span class=\"pv-tag\">7200\u33a1<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-info\">\r\n <div class=\"project-number\">01<\/div>\r\n <h3>\u7ee5\u9633\u79be\u667a\u751f\u6d3b\u5e7f\u573a<\/h3>\r\n <p>\u4ee5\u7a81\u7834\u6027\u89c4\u5212\u91cd\u5851\u57ce\u5e02\u5546\u4e1a\u683c\u5c40\u3002\u9879\u76ee\u5360\u57309.8\u4ea9\uff0c\u5efa\u7b51\u9762\u79ef\u8fbe7200\u33a1\uff0c\u4f9d\u6258\u534e\u965f\u54c1\u724c\u6210\u719f\u5546\u4e1a\u8fd0\u8425\u7ecf\u9a8c\uff0c\u81f4\u529b\u4e8e\u6253\u9020\u96c6\"\u54c1\u8d28\u6d88\u8d39\u3001\u60e0\u6c11\u670d\u52a1\u3001\u8d22\u5bcc\u589e\u503c\"\u4e8e\u4e00\u4f53\u7684\u57ce\u5e02\u5546\u4e1a\u65b0\u5730\u6807\u3002<\/p>\r\n <div class=\"project-highlights\">\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u8986\u76d650\u4e07\u6d88\u8d39\u4eba\u7fa4\uff0c\u79d1\u5b66\u4e1a\u6001\u89c4\u5212<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u4e3b\u9898\u8425\u9500\u6301\u7eed\u6fc0\u6d3b\u5e02\u573a\u4eba\u6c14<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u751f\u9c9c\u3001\u9910\u996e\u3001\u670d\u52a1\u533a\u591a\u5143\u4e92\u8865<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u5f00\u542f\u7ee5\u9633\"\u8bb2\u7a76\u751f\u6d3b\"\u65b0\u65f6\u4ee3<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u9879\u76ee2 -->\r\n <div class=\"project-row reveal\">\r\n <div class=\"project-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.huazhigroup.com.cn\/wp-content\/uploads\/2026\/01\/\u5fae\u4fe1\u56fe\u7247_20260108095741_72_46.jpg\" alt=\"\u68b5\u5c71\u4e91\u8457\">\r\n <div class=\"project-visual-overlay\">\r\n <span class=\"pv-tag\">\u9ad8\u7aef\u4eba\u5c45<\/span>\r\n <span class=\"pv-tag\">113\u4ea9<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-info\">\r\n <div class=\"project-number\">02<\/div>\r\n <h3>\u68b5\u5c71\u4e91\u8457<\/h3>\r\n <p>\u592a\u5e73\u6cb3\u7554\u4f4e\u5bc6\u5ea6\u9ad8\u7aef\u4eba\u5c45\u9879\u76ee\uff0c\u5f15\u5165\u6c5f\u6d59\u6caa\u9ad8\u9636\u4ea7\u54c1\u8bbe\u8ba1\u7406\u5ff5\uff0c\u4ec5\u89c4\u5212204\u5957\uff0c1.0\u8d85\u4f4e\u5bb9\u79ef\u7387\uff0c\u6253\u9020\u6cb3\u7554\u4f4e\u5bc6\u5bbd\u5883\u7eaf\u4f4f\u533a\u3002<\/p>\r\n <div class=\"project-highlights\">\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">113\u4ea9\u603b\u5360\u5730\uff0c\u5206\u4e24\u671f\u7cbe\u54c1\u5f00\u53d1<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">135-230\u33a1\u7cbe\u54c1\u6237\u578b\uff0c\u6237\u6237\u8d85\u5927\u8d60\u9001<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u4e00\u7ebf\u6c5f\u666f\u98ce\u5149\uff0c\u591a\u5143\u751f\u6d3b\u7a7a\u95f4<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u7115\u65b0\u7f8e\u597d\u54c1\u8d28\u751f\u6d3b\u6807\u6746\u8303\u672c<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u9879\u76ee3 -->\r\n <div class=\"project-row reveal\">\r\n <div class=\"project-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.huazhigroup.com.cn\/wp-content\/uploads\/2026\/01\/\u5fae\u4fe1\u56fe\u7247_2026-01-08_100209_774.jpg\" alt=\"\u91d1\u6c99\u667a\u6167\u519c\u8d38\u5e02\u573a\">\r\n <div class=\"project-visual-overlay\">\r\n <span class=\"pv-tag\">\u6c11\u751f\u5de5\u7a0b<\/span>\r\n <span class=\"pv-tag\">6000\u33a1<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-info\">\r\n <div class=\"project-number\">03<\/div>\r\n <h3>\u91d1\u6c99\u667a\u6167\u519c\u8d38\u5e02\u573a<\/h3>\r\n <p>\u843d\u4f4d\u65b0\u57ce\u6d88\u8d39\u6838\u5fc3\uff0c1\u516c\u91cc\u5185\u8986\u76d610\u4e07\u56fa\u5b9a\u5c45\u4f4f\u4eba\u53e3\uff0c\u8f90\u5c0450\u4e07\u53bf\u57df\u5ba2\u7fa4\u3002\u4ee5\u5546\u8d85\u5316\u786c\u4ef6+\u667a\u80fd\u6eaf\u6e90\u7cfb\u7edf\u6253\u9020\u661f\u7ea7\u519c\u8d38\u4f53\u9a8c\u3002<\/p>\r\n <div class=\"project-highlights\">\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u5546\u8d85\u5316\u786c\u4ef6 + \u667a\u80fd\u6eaf\u6e90\u7cfb\u7edf<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">3500\u33a1\u519c\u8d38+2500\u33a1\u5927\u578b\u8d85\u5e02<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">365\u5929\u5168\u65fa\u5b63\uff0c\u4ec566\u94fa112\u644a\u4f4d<\/div>\r\n <\/div>\r\n <div class=\"ph-item\">\r\n <div class=\"ph-icon\">\u2713<\/div>\r\n <div class=\"ph-text\">\u4f4e\u6295\u5165\u62a2\u5360\u6c11\u751f\u521a\u9700\u5546\u673a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== VISION ====== -->\r\n <section class=\"vision-section\">\r\n <div class=\"container\">\r\n <div class=\"vision-content reveal\">\r\n <div class=\"vision-icon\">\u2726<\/div>\r\n <h2>\u4ee5\u667a\u6167\u751f\u6d3b\u4e4b\u540d<br>\u91cd\u65b0\u5b9a\u4e49\u519c\u5546\u65c5\u878d\u5408<\/h2>\r\n <p>\u534e\u965f\u5c06\u6301\u7eed\u6df1\u5316\"\u519c\u8d38+\u79d1\u6280+\u6587\u5316+\u5546\u4e1a\"\u8d85\u7ea7\u751f\u6001\u94fe\u5efa\u8bbe\uff0c\u4ee5\"\u6570\u667a\u519c\u8d38\u00b7\u7115\u65b0\u751f\u6d3b\"\u4e3a\u6838\u5fc3\uff0c\u63a8\u52a8\u519c\u5546\u65c5\u4ea7\u4e1a\u878d\u5408\u53d1\u5c55\u3002<\/p>\r\n <div class=\"vision-goals\">\r\n <div class=\"vg-item\">\r\n <div class=\"vg-num\">15+<\/div>\r\n <div class=\"vg-label\">\u91cd\u70b9\u57ce\u5e02\u62d3\u5c55<\/div>\r\n <\/div>\r\n <div class=\"vg-item\">\r\n <div class=\"vg-num\">30\u4e2a<\/div>\r\n <div class=\"vg-label\">\u6807\u6746\u9879\u76ee\u6253\u9020<\/div>\r\n <\/div>\r\n <div class=\"vg-item\">\r\n <div class=\"vg-num\">3\u5e74<\/div>\r\n <div class=\"vg-label\">\u6218\u7565\u89c4\u5212\u5468\u671f<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== FOOTER ====== -->\r\n <div class=\"footer\">\r\n <div class=\"container\">\r\n <p>\u603b\u90e8\u5730\u5740\uff1a\u6e56\u5357\u7701\u957f\u6c99\u5e02\u8299\u84c9\u533a\u4e94\u4e00\u5927\u9053\u8881\u5bb6\u5cad\u4f73\u5146\u4e1a\u5e7f\u573a2028\u5ba4<\/p>\r\n <p style=\"margin-top: 8px;\">\u00a9 2025 \u4e0a\u6d77\u534e\u965f\u5b9e\u4e1a\u96c6\u56e2 \u00b7 \u4e2d\u56fd\u519c\u5546\u65c5\u5168\u751f\u6001\u94fe\u878d\u5408\u9886\u822a\u8005<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ====== PARTICLES ======\r\n (function() {\r\n const container = document.getElementById('particles');\r\n if (!container) return;\r\n for (let i = 0; i < 30; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.animationDuration = (8 + Math.random() * 12) + 's';\r\n p.style.animationDelay = Math.random() * 10 + 's';\r\n p.style.width = p.style.height = (1 + Math.random() * 2) + 'px';\r\n container.appendChild(p);\r\n }\r\n })();\r\n\r\n \/\/ ====== REVEAL ON SCROLL ======\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n \/\/ ====== COUNTER ANIMATION ======\r\n let countersAnimated = false;\r\n function animateCounters() {\r\n if (countersAnimated) return;\r\n countersAnimated = true;\r\n document.querySelectorAll('.stat-num[data-count]').forEach(el => {\r\n const target = parseInt(el.dataset.count);\r\n const suffix = el.dataset.suffix || '';\r\n const duration = 1800;\r\n const start = performance.now();\r\n const unitSpan = el.querySelector('.unit');\r\n const unitHTML = unitSpan ? unitSpan.outerHTML : '';\r\n\r\n function update(now) {\r\n const elapsed = now - start;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 3);\r\n const current = Math.floor(ease * target);\r\n\r\n if (unitSpan) {\r\n el.innerHTML = current + unitHTML;\r\n } else {\r\n el.textContent = current + suffix;\r\n }\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(update);\r\n } else {\r\n if (unitSpan) {\r\n el.innerHTML = target + unitHTML;\r\n } else {\r\n el.textContent = target + suffix;\r\n }\r\n }\r\n }\r\n requestAnimationFrame(update);\r\n });\r\n }\r\n\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n animateCounters();\r\n counterObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n\r\n const statsBanner = document.querySelector('.stats-banner');\r\n if (statsBanner) counterObserver.observe(statsBanner);\r\n\r\n \/\/ ====== PARALLAX HERO ======\r\n let ticking = false;\r\n window.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n requestAnimationFrame(() => {\r\n const scrollY = window.scrollY;\r\n const hero = document.querySelector('.hero-bg');\r\n if (hero && scrollY < window.innerHeight) {\r\n hero.style.transform = `scale(1.08) translateY(${scrollY * 0.35}px)`;\r\n }\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e8b\u4e1a\u9886\u57df | \u4e0a\u6d77\u534e\u965f\u5b9e\u4e1a\u96c6\u56e2 \u519c\u5546\u65c5\u5168 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":62,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":2168,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/2168"}],"wp:attachment":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}