{"id":2004,"date":"2026-03-06T15:15:15","date_gmt":"2026-03-06T07:15:15","guid":{"rendered":"https:\/\/nenghui.com\/?page_id=2004"},"modified":"2026-04-13T11:13:22","modified_gmt":"2026-04-13T03:13:22","slug":"story","status":"publish","type":"page","link":"https:\/\/nenghui.com\/de\/story\/","title":{"rendered":"Story"},"content":{"rendered":"<div class=\"bg-[#fcfdfd] text-slate-800 font-sans overflow-x-hidden selection:bg-primary selection:text-white cursor-default\">\n    \n    <style>\n       \n\n          .text-mask-bg {\n            background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif');\n            background-size: cover; background-position: center; background-attachment: fixed;\n            -webkit-background-clip: text; color: transparent;\n        }\n        .acc-item { flex: 1; transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\n        .acc-item:hover { flex: 2.5; }\n        .acc-img { opacity: 0; transform: scale(1.1); transition: opacity 0.6s ease, transform 0.8s ease; mix-blend-mode: multiply; }\n        .acc-item:hover .acc-img { opacity: 0.45; transform: scale(1); }\n        .img-reveal { transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1); }\n        .group:hover .img-reveal { transform: scale(1.05); }\n        ::-webkit-scrollbar { display: none; }\n\n         \/* 1. \u547c\u5438\u73af\u5883\u5149 (\u4eae\u8272\u7248\uff1a\u4f7f\u7528\u7eaf\u767d\u906e\u7f69\u538b\u6697\u80cc\u666f\u56fe) *\/\n        .ambient-bg {\n            position: fixed; inset: 0; z-index: 0;\n            background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc5.avif');\n            background-size: cover; background-position: center;\n            opacity: 0.35; filter: grayscale(30%) blur(10px);\n            animation: breathe 30s infinite alternate ease-in-out;\n            will-change: transform;\n            pointer-events: none;\n            \n        }\n        .ambient-overlay {\n            position: fixed; inset: 0; z-index: 1;\n            background: linear-gradient(to bottom, rgba(252, 253, 253, 0.9), rgba(252, 253, 253, 0.98));\n        }\n        @keyframes breathe { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }\n\n        \/* 2. \u751f\u957f\u8fde\u63a5\u7ebf (\u4eae\u8272\u7248\uff1a\u52a0\u6df1\u989c\u8272\u4ee5\u589e\u52a0\u5bf9\u6bd4\u5ea6) *\/\n        .connector-wrap {\n            position: relative; width: 100%; height: 20vh; \n            display: flex; justify-content: center; z-index: 10;\n        }\n        .connector-line {\n            position: absolute; top: 0; width: 2px; height: 0%; \n            background: linear-gradient(to bottom, transparent, #0fa373 50%, #d95a00);\n            box-shadow: 0 5px 15px rgba(15, 163, 115, 0.2);\n            will-change: height;\n        }\n        .connector-dot {\n            position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);\n            width: 8px; height: 8px; border-radius: 50%;\n            background: #ff6b00;\n            box-shadow: 0 0 15px 4px rgba(255, 107, 0, 0.4);\n            opacity: 0; transition: opacity 0.2s;\n        }\n\n        \/* 3. \u64e6\u9664\u6587\u5b57\u6837\u5f0f (\u4eae\u8272\u7248\u5de8\u53d8\uff01) *\/\n        .scrub-container { position: relative; z-index: 20; padding: 10vh 0 20vh 0; }\n        \n        .scrub-block {\n            min-height: 50vh; display: flex; flex-direction: column; justify-content: center;\n            max-w-[1000px]; margin: 0 auto; padding: 0 5%;\n        }\n\n        \/* \u5355\u8bcd\u5f39\u8d77\u7279\u6548\uff1a\u672a\u6fc0\u6d3b\u72b6\u6001 *\/\n        .scrub-word {\n            display: inline-block; margin-right: 0.25em; margin-bottom: 0.1em;\n            \/* \u6d45\u8272\u80cc\u666f\u4e0b\uff0c\u672a\u8bfb\u6587\u5b57\u7528\u975e\u5e38\u6de1\u7684\u7070\u8272 *\/\n            color: rgba(148, 163, 184, 0.25); \n            transition: color 0.4s ease, text-shadow 0.4s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); \n            will-change: color, transform;\n            transform: translateY(8px) scale(0.98); \n        }\n        \n        \/* \u5355\u8bcd\u5f39\u8d77\u7279\u6548\uff1a\u5df2\u6fc0\u6d3b\u72b6\u6001 (\u53d8\u4e3a\u6781\u9ed1\/\u4e3b\u9898\u8272\uff0c\u800c\u4e0d\u662f\u53d1\u5149) *\/\n        .scrub-word.highlighted { \n            color: #595959; \/* slate-900 \u6df1\u9ed1 *\/\n            text-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); \/* \u6de1\u6de1\u7684\u6295\u5f71\uff0c\u8ba9\u5b57\u663e\u5f97\u6709\u539a\u5ea6 *\/\n            transform: translateY(0) scale(1); \n        }\n        \/* \u54c1\u724c\u8272\u8bcd\u6c47\u9ad8\u4eae (\u52a0\u6df1\u4ee5\u5bf9\u6297\u767d\u5e95) *\/\n        .scrub-word.highlighted-primary { color: #108c60; text-shadow: 0 4px 15px rgba(16, 140, 96, 0.2); transform: translateY(0) scale(1); }\n        .scrub-word.highlighted-orange { color: #d95a00; text-shadow: 0 4px 15px rgba(217, 90, 0, 0.2); transform: translateY(0) scale(1); }\n        .scrub-word.highlighted-slate { color: #475569; text-shadow: 0 4px 10px rgba(0,0,0,0.05); transform: translateY(0) scale(1); }\n\n        \/* 4. \u624b\u5199\u7b7e\u540d\u533a\u5b9a\u5236 *\/\n        \/* @import url('https:\/\/fonts.googleapis.com\/css2?family=Betania+Patmos+GDL:wght@400;700&family=Dancing+Script:wght@500;700&display=swap'); *\/\n\n        .handwriting-font { font-family: 'Liu Jian Mao Cao', cursive; }\n        .handwriting-font-word {\n            \/* font-family: 'Sacramento', cursive; *\/\n        }\n        \n        .signature-path {\n            stroke-dasharray: 1000; stroke-dashoffset: 1000;\n            transition: stroke-dashoffset 2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; \/* \u52a00.5s\u5ef6\u8fdf\uff0c\u7b49\u5b57\u4eae\u5b8c\u518d\u753b\u7ebf *\/\n        }\n        \/* \u5f53\u5916\u5c42\u89e6\u53d1 AOS \u52a8\u753b\u65f6\u753b\u7ebf *\/\n        .signature-reveal.aos-animate .signature-path { stroke-dashoffset: 0; }\n                \/* \u5c01\u9762\u56fe\u6781\u5176\u7f13\u6162\u7684\u547c\u5438\u7f29\u653e *\/\n        @keyframes breatheHero {\n            0% { transform: scale(1.05); }\n            100% { transform: scale(1.15); }\n        }\n        .animate-breathe-hero {\n            animation: breatheHero 20s infinite alternate ease-in-out;\n            will-change: transform;\n        }\n\n        \/* \u64ad\u653e\u6309\u94ae\u7684\u9ad8\u7ea7\u5fc3\u8df3\u6ce2\u7eb9 *\/\n        @keyframes pingSlow {\n            0% { transform: scale(1); opacity: 0.8; }\n            100% { transform: scale(2); opacity: 0; }\n        }\n        .animate-ping-slow {\n            animation: pingSlow 3s cubic-bezier(0, 0, 0.2, 1) infinite;\n        }\n\n\n    <\/style>\n\n   \n\n        <!-- 1. \u9996\u5c4f\uff1a\u5168\u5c4f\u547c\u5438\u5c01\u9762\u4e0e\u89c6\u9891\u89e6\u53d1\u533a -->\n        <!-- 1. \u9996\u5c4f\uff1a\u5168\u5c4f\u547c\u5438\u5c01\u9762\u4e0e\u89c6\u9891\u89e6\u53d1\u533a -->\n    <section class=\"h-[90vh] flex flex-col justify-center items-center relative z-20 px-6 overflow-hidden\">\n        <!-- \u89c6\u9891\u5c01\u9762\u80cc\u666f -->\n        <div class=\"absolute inset-0 z-0 overflow-hidden\">\n            <div class=\"w-full h-full bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif')] bg-cover bg-center animate-breathe-hero scale-105\"><\/div>\n            <div class=\"absolute inset-0 bg-white\/40 backdrop-blur-[2px]\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-10 text-center flex flex-col items-center\" data-aos=\"zoom-in\" data-aos-duration=\"1500\">\n            <span class=\"text-primary font-mono tracking-widest uppercase text-sm mb-6 block  drop-shadow-md\">Unsere Geschichte<\/span>\n            <h1 class=\"text-4xl md:text-[2.66rem] text-slate-900 tracking-tighter  mb-10 drop-shadow-lg\">\n                Konstruiert<br\/><span class=\"text-primary italic\">Harmonie.<\/span>\n            <\/h1>\n            \n            <!-- \u64ad\u653e\u6309\u94ae\u7ec4 -->\n            <div class=\"relative group cursor-pointer mt-4\" id=\"play-video-btn\">\n                <!-- \u8109\u51b2\u6ce2\u7eb9 -->\n                <div class=\"absolute inset-0 bg-primary\/30 rounded-full animate-ping-slow scale-50\"><\/div>\n                <div class=\"absolute inset-0 bg-[#ff6b00]\/20 rounded-full animate-ping-slow scale-25\" style=\"animation-delay: 1s;\"><\/div>\n                \n                <!-- \u5b9e\u4f53\u6309\u94ae -->\n                <div class=\"relative w-24 h-24 md:w-20 md:h-20 bg-white rounded-full flex items-center justify-center shadow-[0_15px_35px_rgba(0,0,0,0.15)] group-hover:scale-110 transition-transform duration-500 border border-slate-100\">\n                    <span class=\"material-symbols-outlined text-4xl md:text-5xl text-primary translate-x-1 group-hover:text-[#ff6b00] transition-colors\">\ue037<\/span>\n                <\/div>\n            <\/div>\n            \n            <p class=\"text-sm text-slate-600 font-mono tracking-widest uppercase mt-8\">Sehen Sie sich den Film an<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- 2. \u5168\u5c4f\u89c6\u9891\u5f39\u7a97 (\u54cd\u5e94\u5f0f\u7b49\u6bd4\u4f8b) -->\n    <div id=\"video-modal\" class=\"fixed inset-0 z-[99999] bg-black\/95 backdrop-blur-xl opacity-0 pointer-events-none transition-opacity duration-500 flex items-center justify-center\">\n        <!-- \u5173\u95ed\u6309\u94ae (\u79fb\u51fa\u89c6\u9891\u6846\uff0c\u56fa\u5b9a\u5728\u5c4f\u5e55\u53f3\u4e0a\u89d2\uff0c\u9632\u6b62\u88ab\u89c6\u9891\u906e\u6321) -->\n        <button id=\"close-video-btn\" class=\"absolute top-6 right-6 md:top-10 md:right-10 w-12 h-12 md:w-16 md:h-16 bg-white\/10 hover:bg-primary rounded-full flex items-center justify-center text-white hover:text-black transition-all duration-300 z-50\">\n            <span class=\"material-symbols-outlined text-2xl md:text-3xl\">\ue5cd<\/span>\n        <\/button>\n        \n        <!-- \u89c6\u9891\u5bb9\u5668: max-w \u63a7\u5236\u6700\u5927\u5bbd\u5ea6, w-full \u4fdd\u8bc1\u4e0d\u6ea2\u51fa\u5c4f\u5e55, aspect-video \u5f3a\u5236 16:9 \u7b49\u6bd4\u4f8b\u7f29\u653e -->\n        <div class=\"w-full max-w-[90vw] md:max-w-5xl lg:max-w-6xl px-4 md:px-0 relative transform scale-95 transition-transform duration-500 delay-100\" id=\"video-container\">\n            <div class=\"aspect-video bg-black rounded-xl md:rounded-2xl overflow-hidden shadow-2xl relative w-full flex items-center justify-center\">\n                <!-- \u771f\u6b63\u7684 HTML5 Video \u6807\u7b7e -->\n                <video \n                    id=\"brand-video\" \n                    class=\"w-full h-full object-contain bg-black\" \n                    controls playsinline\n preload=\"none\"\n                    poster=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc5.avif\">\n                    <source src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/888-SH-NHET-001-final-2026030620.mp4\" type=\"video\/mp4\">\n                    Ihr Browser unterst\u00fctzt das Video-Tag nicht.\n                <\/video>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n   <!-- \u56fa\u5b9a\u80cc\u666f\u4e0e\u4eae\u8272\u906e\u7f69 -->\n     <div class=\"ambient-bg\"><\/div>\n    <!-- <div class=\"ambient-overlay\"><\/div> -->\n    <!-- \u6838\u5fc3\u6587\u5b57\u6392\u7248\u533a -->\n\n      <div class=\"scrub-container relative container mx-auto\">\n           <!-- \ud83d\ude80 \u5e8f\u8a00\uff1a\u603b\u88c1\u5bc4\u8bed (\u4fee\u6539\u4e3a\u9002\u914d\u6d45\u8272\u80cc\u666f) -->\n        <div class=\"scrub-block text-center w-full max-w-4xl\" style=\"min-height: 80vh;\">\n            <span class=\"text-[#108c60] font-mono tracking-widest text-sm mb-10 block uppercase\">Prolog<\/span>\n            \n            <!-- <h2 class=\"text-3xl md:text-5xl lg:text-6xl font-display  leading-tight tracking-tighter mb-16 data-scrub-target\">\n                <span data-color=\"slate\">Wings of Evolution:<\/span> Our Journey from Roots to the Future.\n            <\/h2> -->\n\n            <div class=\"space-y-6 text-xl md:text-2xl font-light italic leading-relaxed text-left mx-auto max-w-2xl text-slate-800 handwriting-font-word\">\n                <p class=\"data-scrub-target\"><span data-color=\"orange\">Nenghui<\/span> ist strahlend wie ein Adler \u2013 immer in Entwicklung<\/p>\n                <p class=\"data-scrub-target md:pl-8\"><span data-color=\"primary\">Nenghui<\/span> begann mit tiefen Wurzeln in der Elektrizit\u00e4tswirtschaft<\/p>\n                <p class=\"data-scrub-target\"><span data-color=\"orange\">Nenghui<\/span> Hervorragende Leistungen im Ingenieurwesen und Design<\/p>\n                <p class=\"data-scrub-target md:pl-12\"><span data-color=\"primary\">Nenghui<\/span> konzentriert sich nun auf saubere Energie<\/p>\n                <p class=\"data-scrub-target\">Wir sind bestrebt, effiziente und hochwertige Produkte und Dienstleistungen anzubieten.<\/p>\n                \n                <div class=\"pt-8\">\n                    <p class=\"data-scrub-target\">Nenghui steht zu seinen Partnern.,<\/p>\n                    <p class=\"data-scrub-target md:pl-6\">nebeneinander,<\/p>\n                    <p class=\"data-scrub-target md:pl-12\">Hand in Hand,<\/p>\n                    <p class=\"data-scrub-target md:pl-16\"><span data-color=\"orange\">Von Herz zu Herz.<\/span><\/p>\n                <\/div>\n            <\/div>\n            <!-- \u624b\u5199\u7b7e\u540d\u533a (\u9002\u914d\u6d45\u8272) -->\n            <div class=\"mt-20 flex flex-col items-center justify-center signature-reveal\" data-aos=\"fade-up\" data-aos-offset=\"100\">\n                <p class=\"text-slate-400 font-mono text-sm tracking-widest uppercase mb-4\">\u2014 Immer Seite an Seite<\/p>\n                <div class=\"relative inline-block text-center\">\n                    <span data-no-translation class=\"handwriting-font text-5xl md:text-7xl text-slate-900 relative z-10 tracking-wide\">\n                        \u7f57\u4f20\u594e\n                    <\/span>\n                    <!-- \u753b\u7ebf\u53d8\u6210\u66f4\u6df1\u7684\u7eff\u8272\u4ee5\u5728\u767d\u5e95\u4e0a\u663e\u73b0 -->\n                    <svg class=\"absolute bottom-[-5px] left-[-10%] w-[120%] h-6 z-0 pointer-events-none\" viewbox=\"0 0 200 20\" preserveaspectratio=\"none\">\n                        <path class=\"signature-path\" d=\"M 5,15 Q 50,-5 195,15\" fill=\"transparent\" stroke=\"#108c60\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <p class=\"text-slate-500 font-mono text-xs uppercase tracking-widest mt-6\">Vorstandsvorsitzender<\/p>\n            <\/div>\n        <\/div>\n\n       <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n        <!-- \u533a\u5757 1: \u4f7f\u547d -->\n        <div class=\"scrub-block text-left md:pr-[15%]\">\n            <span class=\"text-[#108c60] font-mono tracking-widest text-sm mb-8 block uppercase\">Die Mission<\/span>\n            <h2 class=\"text-4xl  md:text-[2.66rem] leading-[1.8]  leading-tight tracking-tight data-scrub-target\">\n           F\u00fcr eine sauberere, sicherere, erschwinglichere und effizientere Energieversorgung \u2013 f\u00fcr eine bessere Zukunft der Menschheit.\n               <!-- To democratize clean energy for global industries. We turn dormant commercial assets into powerful engines of sustainability, making the <span data-color=\"primary\">zero-carbon transition<\/span> an effortless and highly profitable upgrade. -->\n            <\/h2>\n        <\/div>\n\n        <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n\n        <!-- \u533a\u5757 2: \u613f\u666f -->\n        <div class=\"scrub-block text-right md:pl-[15%]\">\n            <span class=\"text-[#d95a00] font-mono tracking-widest text-sm mb-8 block uppercase\">Die Vision<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n               Die Zukunft der Technologie gestalten, eine starke Grundlage f\u00fcr Nachhaltigkeit schaffen und als f\u00fchrende Industriemacht die Welt st\u00e4rken.\n            <\/h2>\n        <\/div>\n\n        <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n\n        <!-- \u533a\u5757 3: \u4ef7\u503c\u89c2 1 -->\n        <div class=\"scrub-block text-left md:pr-[15%]\">\n            <span class=\"text-slate-400 font-mono tracking-widest text-sm mb-8 block uppercase\">Die Werte<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n                Bescheidene Exzellenz, unersch\u00fctterliche Integrit\u00e4t und partnerschaftliches Win-Win-Situationen.\n                <!-- <span data-color=\"primary\">Obsessive Rigor.<\/span> From blueprint to grid sync, our engineering is uncompromising, ensuring absolute safety and peak energy yield. -->\n            <\/h2>\n        <\/div>\n\n    \n        <\/div>\n\n <!-- 3. \u4ef7\u503c\u89c2 (\u6781\u7b80\u624b\u98ce\u7434\u4f38\u7f29) -->\n    <section class=\"mt-10 py-20 bg-[#f4f7f6]\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-4xl  md:text-[2.66rem] text-slate-900 mb-16 text-center\" data-aos=\"fade-up\">Was uns antreibt<\/h2>\n            <div class=\"flex flex-col md:flex-row h-auto md:h-[500px] gap-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                \n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store01.jpg')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-primary mb-6\">\uea3b<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Eine Vision f\u00fcr eine klimaneutrale Welt<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Wir lassen uns von der Dringlichkeit der Dekarbonisierung leiten und liefern intelligentere, sauberere Energiel\u00f6sungen, um nachhaltige Gemeinschaften auf der ganzen Welt zu st\u00e4rken.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store02.jpg')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-[#ff6b00] mb-6\">\uebcb<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Innovation ohne Grenzen<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Von hocheffizienten Photovoltaikanlagen und Energiespeichern bis hin zu revolution\u00e4ren fahrerlosen Transportsystemen zum Wechseln von schweren Lkw definieren wir neu, was in der modernen Energielandschaft m\u00f6glich ist.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store03.png')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-blue-500 mb-6\">\uf39b<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Exzellenz durch Partnerschaft<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Mit tiefen Wurzeln im Bereich EPC und technischer Dienstleistungen schaffen wir f\u00fcr unsere Partner von Europa bis S\u00fcdostasien und dar\u00fcber hinaus bankf\u00e4higen, langfristigen Mehrwert.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n     \n    <!-- 4. \u53d1\u5c55\u53f2 (\u60ac\u6d6e\u56fe\u6587\u89c6\u5dee) -->\n        <!-- 4. \u53d1\u5c55\u53f2 (\u5bbd\u94f6\u5e55\u89c6\u5dee\u7248 - \u957f\u6587\u6848\u5347\u7ea7) -->\n    <section class=\"py-40 bg-[#fff] relative z-20 overflow-hidden\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-32\" data-aos=\"fade-up\">\n                <span class=\"text-slate-400 font-mono tracking-widest uppercase text-sm mb-4 block\">Die Reise<\/span>\n                <h2 class=\"text-4xl  md:text-[2.66rem] text-slate-900\">Meilensteine von Nenghui.<\/h2>\n            <\/div>\n            \n            <div class=\"max-w-6xl mx-auto space-y-40\">\n                \n                <!-- 2009: The Genesis -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none  z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2009<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2009<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Die Entstehung der Innovation<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Nenghui wurde von vision\u00e4ren Absolventen der Tsinghua-Universit\u00e4t und der Shanghai Jiao Tong Universit\u00e4t mit dem Ziel gegr\u00fcndet, Energie neu zu definieren. Dieses Jahr markierte unseren strategischen Umschwung hin zum Sektor der erneuerbaren Energien und legte damit den Grundstein f\u00fcr eine nachhaltige globale Zukunft.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u8d77\u6e90\/\u521d\u5347\u592a\u9633\u7684\u5149\u4f0f\u56fe -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2012: Accelerating -->\n                <div class=\"flex flex-col md:flex-row-reverse items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 right-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2012<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left relative z-10 pt-10\">\n                        <span class=\"text-[#ff6b00] font-mono text-2xl  mb-2 block\">2012<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Beschleunigung des \u00dcbergangs<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Dieses Jahr war gepr\u00e4gt von bahnbrechenden Erfolgen. Mit der Energieversorgung der nationalen \u201cGolden Sun\u201d-Projekte stellte Nenghui seine technische Kompetenz auf h\u00f6chstem Niveau unter Beweis. Wir transformierten unsere Unternehmensstruktur, um unsere Mitarbeiter durch Beteiligungsprogramme zu f\u00f6rdern und strategische Partner in unseren Aufsichtsrat aufzunehmen. Diese Synergie f\u00fchrte zu einem beispiellosen Wachstum von 5001 TP3T und etablierte Nenghui offiziell als f\u00fchrendes Wachstumsunternehmen.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u9ad8\u901f\u589e\u957f\/\u5de8\u5927\u5de5\u7a0b\u9635\u5217\u7684\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store05.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2017: Empowering -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2017<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2017<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">St\u00e4rkung durch Intelligenz<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Dieses Jahr hat Nenghui mit der Einf\u00fchrung unserer Smart O&amp;M Plattform neue Ma\u00dfst\u00e4be in Sachen Effizienz gesetzt und erneuerbare Energien digital pr\u00e4zise nutzbar gemacht. Dank unseres Engagements f\u00fcr hochwertige Anlagen wuchs unser Portfolio an selbst betriebenen Solaranlagen auf 50 MW und \u00fcberschritt schlie\u00dflich die Marke von 100 Millionen kWh Gesamtenergieausbeute. Wir bauen nicht nur Kraftwerke, wir gestalten eine intelligentere Welt.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u667a\u80fd\u8c03\u5ea6\/\u6570\u636e\u5e73\u53f0\u7684\u5de5\u4e1a\u63a7\u5236\u4e2d\u5fc3\u6216\u53d1\u5149\u7ebf\u8def\u56fe -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store06.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2021: IPO & Energy Storage -->\n                <div class=\"flex flex-col md:flex-row-reverse items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 right-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none  z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2021<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left relative z-10 pt-10\">\n                        <span class=\"text-[#ff6b00] font-mono text-2xl  mb-2 block\">2021<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Ein wegweisendes Wachstumsjahr<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Mit dem B\u00f6rsengang an der Shenzhen Stock Exchange (B\u00f6rsenk\u00fcrzel: 301046.SZ) erreichte Nenghui einen historischen Meilenstein und trieb damit unsere globale Expansion voran. Wir erweiterten unsere technologischen Kompetenzen im Bereich der Energiespeicherung und festigten gleichzeitig unser einzigartiges \u201cVier-in-Eins\u201d-Gesch\u00e4ftsmodell. Diese Synergie aus Forschung und Entwicklung, intelligenter Fertigung, technischer Expertise und strategischen Investitionen sichert unsere nachhaltige Marktf\u00fchrerschaft.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u91d1\u878d\/\u6269\u5f20\/\u50a8\u80fd\u96c6\u88c5\u7bb1\u7684\u9ad8\u7ea7\u611f\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store07.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2022: Scaling New Horizons -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2022<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2022<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Neue Horizonte erklimmen<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] leading-relaxed font-light\">Nenghui Tech hat seine Mission an zwei Fronten beschleunigt. Unser Gesch\u00e4ft mit Solaranlagen f\u00fcr Privathaushalte und Gewerbebetriebe erreichte dank unserer innovativen PV-Cloud-Plattform neue H\u00f6chstst\u00e4nde. Gleichzeitig betraten wir mit der Einf\u00fchrung des ersten spurgebundenen AGV mit Batteriewechselsystem die \u201c\u00dcberholspur\u201d der gr\u00fcnen Mobilit\u00e4t. Diese Erfolge festigten unseren Ruf als Pionier f\u00fcr integrierte Energiel\u00f6sungen.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u521b\u65b0\/\u81ea\u52a8\u5316\u5236\u9020\/\u4e91\u5e73\u53f0\u7684\u672a\u6765\u611f\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store08.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- AOS -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n                        \/* ==========================================\n    \n               ========================================== *\/\n            const playBtn = document.getElementById('play-video-btn');\n            const closeBtn = document.getElementById('close-video-btn');\n            const videoModal = document.getElementById('video-modal');\n            const videoContainer = document.getElementById('video-container');\n            const brandVideo = document.getElementById('brand-video'); \/\/ \u83b7\u53d6\u539f\u751f\u7684 video \u5143\u7d20\n\n            if (playBtn && closeBtn && videoModal) {\n                \/\/ \u6253\u5f00\u5f39\u7a97\n                playBtn.addEventListener('click', () => {\n                    videoModal.classList.remove('opacity-0', 'pointer-events-none');\n                    videoModal.classList.add('opacity-100', 'pointer-events-auto');\n                    \n                    \/\/ \u5bb9\u5668\u653e\u5927\u7279\u6548\n                    setTimeout(() => {\n                        videoContainer.classList.remove('scale-95');\n                        videoContainer.classList.add('scale-100');\n                    }, 50);\n                    \n                    \/\/ \u5f39\u7a97\u6253\u5f00\u540e\uff0c\u7a0d\u5fae\u5ef6\u8fdf\u4e00\u4e0b\u89e6\u53d1\u81ea\u52a8\u64ad\u653e\uff0c\u4f53\u9a8c\u66f4\u4f73\n                    if(brandVideo) { \n                        setTimeout(() => {\n                            brandVideo.play();\n                        }, 400); \n                    }\n                });\n\n                \/\/\n                const closeModal = () => {\n                    videoModal.classList.remove('opacity-100', 'pointer-events-auto');\n                    videoModal.classList.add('opacity-0', 'pointer-events-none');\n                    videoContainer.classList.remove('scale-100');\n                    videoContainer.classList.add('scale-95');\n                    \n                    if(brandVideo) { \n                        \/\/ 1. \u6682\u505c\u89c6\u9891\n                        brandVideo.pause();\n                        \/\/ 2. \u5c06\u89c6\u9891\u8fdb\u5ea6\u5f52\u96f6\uff08\u4e0b\u6b21\u6253\u5f00\u53c8\u4ece\u5934\u770b\uff09\n                        brandVideo.currentTime = 0; \n                    }\n                };\n\n                closeBtn.addEventListener('click', closeModal);\n                \n                \/\/ \uff08\u4e0d\u70b9\u5230\u89c6\u9891\u672c\u8eab\uff09\n                videoModal.addEventListener('click', (e) => {\n                    if(e.target === videoModal || e.target === videoContainer) closeModal();\n                });\n                \n                \/\/ \n                document.addEventListener('keydown', (e) => {\n                    if (e.key === 'Escape' && videoModal.classList.contains('opacity-100')) {\n                        closeModal();\n                    }\n                });\n            }\n\n\n\n\n            if(typeof AOS !== 'undefined') AOS.init({ duration: 1000, once: true });\n\n            \/\/ 1. \u6587\u5b57\u5207\u5206\u903b\u8f91\n            const targets = document.querySelectorAll('.data-scrub-target');\n            let allWords = [];\n\n            targets.forEach(target => {\n                const childNodes = Array.from(target.childNodes);\n                target.innerHTML = ''; \n                childNodes.forEach(node => {\n                    if (node.nodeType === Node.TEXT_NODE) {\n                        const words = node.textContent.split(\/\\s+\/).filter(w => w.trim().length > 0);\n                        words.forEach(word => {\n                            const span = document.createElement('span');\n                            span.className = 'scrub-word';\n                            span.textContent = word + ' ';\n                            target.appendChild(span);\n                            allWords.push(span);\n                        });\n                    } else if (node.nodeType === Node.ELEMENT_NODE) {\n                        const specificColor = node.getAttribute('data-color');\n                        const words = node.textContent.split(\/\\s+\/).filter(w => w.trim().length > 0);\n                        words.forEach(word => {\n                            const span = document.createElement('span');\n                            span.className = 'scrub-word';\n                            if(specificColor === 'primary') span.dataset.highlightClass = 'highlighted-primary';\n                            else if(specificColor === 'orange') span.dataset.highlightClass = 'highlighted-orange';\n                            else if(specificColor === 'slate') span.dataset.highlightClass = 'highlighted'; \/\/ \u9ed8\u8ba4\u53d8\u6210\u6df1\u7070\n                            span.textContent = word + ' ';\n                            target.appendChild(span);\n                            allWords.push(span);\n                        });\n                    }\n                });\n            });\n\n            \/\/ \u83b7\u53d6\u5143\u7d20\n            const connectors = document.querySelectorAll('.connector-wrap');\n            \/\/ \u5c06\u89e6\u53d1\u7ebf\u5b9a\u4e49\u5728\u5c4f\u5e55\u9ad8\u5ea6\u7684 45% (\u89c6\u7ebf\u805a\u7126\u5904)\n            const textTriggerLineY = window.innerHeight * 0.75; \n\n            \/\/ 2. \u7edf\u4e00\u6eda\u52a8\u5f15\u64ce\n            const handleScroll = () => {\n                const windowHeight = window.innerHeight;\n\n                \/\/ \u3010A\u3011\u5904\u7406\u6587\u5b57\u7684\u70b9\u4eae\u4e0e\u5f39\u8d77\n                allWords.forEach(word => {\n                    const wordRect = word.getBoundingClientRect();\n                    const wordCenterY = wordRect.top + (wordRect.height \/ 2);\n                    \n                    if (wordCenterY < textTriggerLineY) {\n                        const highlightClass = word.dataset.highlightClass || 'highlighted';\n                        word.classList.add(highlightClass);\n                    } else {\n                        const highlightClass = word.dataset.highlightClass || 'highlighted';\n                        word.classList.remove(highlightClass);\n                    }\n                });\n\n                \/\/ \u3010B\u3011\u5904\u7406\u533a\u5757\u95f4\u77ed\u7ebf\u7684\u7269\u7406\u751f\u957f\n                connectors.forEach(wrap => {\n                    const rect = wrap.getBoundingClientRect();\n                    const line = wrap.querySelector('.connector-line');\n                    const dot = wrap.querySelector('.connector-dot');\n                    \n                    \/\/ \u7ebf\u6761\u63d0\u524d\u5f00\u59cb\u751f\u957f (\u5c4f\u5e55 65% \u4f4d\u7f6e)\uff0c\u5728\u5c4f\u5e55 40% \u4f4d\u7f6e\u751f\u957f\u6ee1\n                    const startTrigger = windowHeight * 0.65; \n                    const endTrigger = windowHeight * 0.40;\n\n                    let progress = 0;\n                    if (rect.top < endTrigger) {\n                        progress = 1;\n                    } \n                    else if (rect.top <= startTrigger ) {\n                        if ( rect.bottom >= endTrigger) {\n                            progress = (startTrigger - rect.top) \/ (startTrigger - endTrigger);\n                        }\n                        \n                    }  \n\n                    progress = Math.max(0, Math.min(1, progress)); \n                    line.style.height = `${progress * 100}%`;\n\n                    \/\/ \u63a7\u5236\u5e95\u90e8\u53d1\u5149\u5706\u70b9\u7684\u663e\u793a\/\u9690\u85cf\n                    if (progress > 0.05) { \n                        dot.style.opacity = '1';\n                    } else {\n                        dot.style.opacity = '0';\n                    }\n                });\n            };\n\n            let ticking = false;\n            window.addEventListener('scroll', () => {\n                if (!ticking) {\n                    window.requestAnimationFrame(() => {\n                        handleScroll();\n                        ticking = false;\n                    });\n                    ticking = true;\n                }\n            }, { passive: true });\n\n            handleScroll(); \/\/ \n        });\n    <\/script>\n<\/div>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Our Story EngineeredHarmony. &#xe037; Watch the Film &#xe5cd; Your browser does not support the video tag. Prologue Nenghui is radiant as an eagle\u2014always evolving Nenghui began with deep roots in the Electric power industry Nenghui excels at Engineering and design Nenghui is now focused on clean energy We strive to offer Efficient, worthy products and [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":8,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/2004\/revisions"}],"predecessor-version":[{"id":2163,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/2004\/revisions\/2163"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/media?parent=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}