{"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\/fr\/story\/","title":{"rendered":"Histoire"},"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\">Notre histoire<\/span>\n            <h1 class=\"text-4xl md:text-[2.66rem] text-slate-900 tracking-tighter  mb-10 drop-shadow-lg\">\n                Con\u00e7u<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\">Regardez le film<\/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                    Votre navigateur ne prend pas en charge la balise vid\u00e9o.\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\">Prologue<\/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> rayonne comme un aigle \u2014 en perp\u00e9tuelle \u00e9volution<\/p>\n                <p class=\"data-scrub-target md:pl-8\"><span data-color=\"primary\">Nenghui<\/span> Elle a d\u00e9but\u00e9 avec des racines profondes dans l&#039;industrie de l&#039;\u00e9nergie \u00e9lectrique<\/p>\n                <p class=\"data-scrub-target\"><span data-color=\"orange\">Nenghui<\/span> excelle en ing\u00e9nierie et conception<\/p>\n                <p class=\"data-scrub-target md:pl-12\"><span data-color=\"primary\">Nenghui<\/span> se concentre d\u00e9sormais sur les \u00e9nergies propres<\/p>\n                <p class=\"data-scrub-target\">Nous nous effor\u00e7ons d&#039;offrir des produits et services efficaces et de qualit\u00e9.<\/p>\n                \n                <div class=\"pt-8\">\n                    <p class=\"data-scrub-target\">Nenghui soutient ses partenaires,<\/p>\n                    <p class=\"data-scrub-target md:pl-6\">c\u00f4te \u00e0 c\u00f4te,<\/p>\n                    <p class=\"data-scrub-target md:pl-12\">main dans la main,<\/p>\n                    <p class=\"data-scrub-target md:pl-16\"><span data-color=\"orange\">C\u0153ur \u00e0 c\u0153ur.<\/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 Toujours c\u00f4te \u00e0 c\u00f4te<\/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\">Pr\u00e9sident du conseil d&#039;administration<\/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\">La mission<\/span>\n            <h2 class=\"text-4xl  md:text-[2.66rem] leading-[1.8]  leading-tight tracking-tight data-scrub-target\">\n           Pour une \u00e9nergie plus propre, plus s\u00fbre, plus abordable et plus efficace, pour un avenir meilleur pour l&#039;humanit\u00e9.\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\">La vision<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n               Pour fa\u00e7onner l&#039;avenir de la technologie, b\u00e2tir des bases solides pour le d\u00e9veloppement durable et faire du monde une force industrielle de premier plan.\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\">Les valeurs<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n                Excellence en toute humilit\u00e9, int\u00e9grit\u00e9 \u00e0 toute \u00e9preuve et collaboration gagnant-gagnant.\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\">Ce qui nous motive<\/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\">Une vision pour un monde z\u00e9ro \u00e9mission nette<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Anim\u00e9s par l&#039;urgence de la d\u00e9carbonation, nous proposons des solutions \u00e9nerg\u00e9tiques plus intelligentes et plus propres pour permettre aux communaut\u00e9s du monde entier de b\u00e2tir des solutions durables.<\/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\">L&#039;innovation sans fronti\u00e8res<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Des syst\u00e8mes photovolta\u00efques et de stockage d&#039;\u00e9nergie \u00e0 haut rendement aux AGV r\u00e9volutionnaires d&#039;\u00e9change de camions lourds, nous red\u00e9finissons les possibilit\u00e9s du paysage \u00e9nerg\u00e9tique moderne.<\/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\">L&#039;excellence par le partenariat<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Forts d&#039;une solide exp\u00e9rience dans les services EPC et techniques, nous cr\u00e9ons une valeur tangible et durable pour nos partenaires, de l&#039;Europe \u00e0 l&#039;Asie du Sud-Est et au-del\u00e0.<\/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\">Le voyage<\/span>\n                <h2 class=\"text-4xl  md:text-[2.66rem] text-slate-900\">Jalons de 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\">La gen\u00e8se de l&#039;innovation<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Fond\u00e9e par des anciens \u00e9l\u00e8ves visionnaires des universit\u00e9s Tsinghua et Jiao Tong de Shanghai, Nenghui a \u00e9t\u00e9 cr\u00e9\u00e9e avec pour mission de red\u00e9finir l&#039;\u00e9nergie. Cette ann\u00e9e a marqu\u00e9 notre virage strat\u00e9gique vers le secteur des \u00e9nergies renouvelables, jetant ainsi les bases d&#039;un avenir mondial durable.<\/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\">Acc\u00e9l\u00e9rer la transition<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Cette ann\u00e9e a \u00e9t\u00e9 marqu\u00e9e par des avanc\u00e9es majeures. En fournissant l&#039;\u00e9nergie n\u00e9cessaire aux projets nationaux \u201c\u00a0Soleil d&#039;or\u00a0\u201d, Nenghui a d\u00e9montr\u00e9 son expertise technique \u00e0 l&#039;\u00e9chelle internationale. Nous avons transform\u00e9 notre structure d&#039;entreprise afin de responsabiliser nos collaborateurs gr\u00e2ce \u00e0 l&#039;attribution d&#039;actions et avons accueilli des partenaires strat\u00e9giques au sein de notre conseil d&#039;administration. Cette synergie a g\u00e9n\u00e9r\u00e9 un taux de croissance sans pr\u00e9c\u00e9dent de 5\u00a0001\u00a0000\u00a0milliards de dollars, confirmant ainsi la position de Nenghui comme leader en forte croissance.<\/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\">L&#039;autonomisation par l&#039;intelligence<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Cette ann\u00e9e, Nenghui a red\u00e9fini l&#039;efficacit\u00e9 en lan\u00e7ant sa plateforme intelligente d&#039;exploitation et de maintenance, apportant la pr\u00e9cision num\u00e9rique aux \u00e9nergies renouvelables. Notre engagement envers des actifs de haute qualit\u00e9 a permis \u00e0 notre parc solaire autog\u00e9r\u00e9 d&#039;atteindre 50 MW, pour finalement franchir le cap des 100 millions de kWh de production \u00e9nerg\u00e9tique totale. Nous ne nous contentons pas de construire des centrales\u00a0; nous contribuons \u00e0 un monde plus intelligent.<\/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\">Une ann\u00e9e de croissance marquante<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Nenghui a franchi une \u00e9tape historique avec son introduction en bourse \u00e0 Shenzhen (code boursier\u00a0: 301046.SZ), acc\u00e9l\u00e9rant ainsi son expansion mondiale. Nous avons \u00e9tendu notre champ d&#039;action technologique au stockage d&#039;\u00e9nergie, tout en consolidant un mod\u00e8le commercial unique \u201c\u00a0quatre-en-un\u00a0\u201d. Cette synergie entre la R&amp;D, la fabrication intelligente, l&#039;expertise technique et l&#039;investissement strat\u00e9gique garantit notre leadership durable.<\/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\">Explorer de nouveaux horizons<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] leading-relaxed font-light\">Nenghui Tech a acc\u00e9l\u00e9r\u00e9 sa mission sur deux fronts. Nos activit\u00e9s solaires r\u00e9sidentielles et commerciales et industrielles ont atteint de nouveaux sommets, gr\u00e2ce \u00e0 notre plateforme photovolta\u00efque innovante dans le cloud. Parall\u00e8lement, nous avons pris une longueur d&#039;avance dans le domaine des transports \u00e9cologiques en lan\u00e7ant le premier AGV sans rails \u00e0 \u00e9change de batteries. Ces r\u00e9alisations ont consolid\u00e9 notre r\u00e9putation de pionnier des solutions \u00e9nerg\u00e9tiques int\u00e9gr\u00e9es.<\/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>Notre histoire EngineeredHarmony. \ue037 Regardez le film \ue5cd Votre navigateur ne prend pas en charge la balise vid\u00e9o. Prologue Nenghui rayonne comme un aigle \u2013 en constante \u00e9volution. Nenghui a d\u00e9but\u00e9 avec des racines profondes dans l&#039;industrie de l&#039;\u00e9nergie \u00e9lectrique. Nenghui excelle en ing\u00e9nierie et en conception. Nenghui se concentre d\u00e9sormais sur les \u00e9nergies propres. Nous nous effor\u00e7ons d&#039;offrir des produits efficaces et performants et [\u2026]<\/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\/fr\/wp-json\/wp\/v2\/pages\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":8,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/2004\/revisions"}],"predecessor-version":[{"id":2163,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/2004\/revisions\/2163"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/media?parent=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}