{"id":1981,"date":"2026-03-04T15:17:43","date_gmt":"2026-03-04T07:17:43","guid":{"rendered":"https:\/\/nenghui.com\/?page_id=1981"},"modified":"2026-04-01T17:33:28","modified_gmt":"2026-04-01T09:33:28","slug":"epc-emc","status":"publish","type":"page","link":"https:\/\/nenghui.com\/fr\/epc-emc\/","title":{"rendered":"EPC-EMC"},"content":{"rendered":"<div class=\"bg-liquid-gradient text-slate-700 font-sans overflow-x-hidden selection:bg-primary selection:text-white cursor-default\">\n\n    <style>\n        html { scroll-behavior: smooth; }\n        @media (min-width: 768px) {\n            body a, body button, body .magnetic-btn, body .tab-btn { cursor: none !important; }\n        }\n               \/* Tier-1 \u6a2a\u5411\u65e0\u9650\u8dd1\u9a6c\u706f\u52a8\u753b\u5f15\u64ce (\u6781\u81f4\u4e1d\u6ed1\u4fee\u590d\u7248) *\/\n        @keyframes marquee-x {\n            0% { transform: translate3d(0, 0, 0); }\n            \/* \u7cbe\u786e\u5e73\u79fb 50%\uff0c\u9700\u786e\u4fdd\u5185\u5916\u7ed3\u6784\u7edd\u5bf9\u5bf9\u79f0 *\/\n            100% { transform: translate3d(-50%, 0, 0); } \n        }\n        .animate-marquee-x {\n            display: flex;\n            width: max-content;\n            \/* \u63d0\u5347\u65f6\u95f4\u81f3 40s \u8ba9\u8fd0\u52a8\u66f4\u4ece\u5bb9\uff0c\u5f3a\u5236 GPU \u52a0\u901f *\/\n            animation: marquee-x 40s linear infinite;\n            will-change: transform; \n        }\n        .marquee-container:hover .animate-marquee-x {\n            animation-play-state: paused;\n        }\n        .mask-edges-x {\n            -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n            mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n        }\n        \/* \u53d6\u6d88\u4f7f\u7528 flex gap\uff0c\u6539\u7528\u7cbe\u786e\u7684\u53f3\u4fa7\u5916\u8fb9\u8ddd\u4fdd\u8bc1\u65e0\u7f1d\u5bf9\u63a5 *\/\n        .marquee-item {\n            width: 12rem; \/* w-48 = 192px *\/\n            flex-shrink: 0;\n            margin-right: 1.5rem; \/* space-x-6 \u7684\u7b49\u6548\u503c 24px *\/\n        }\n\n        \/* Swiper \u6848\u4f8b\u8f6e\u64ad\u56fe\u5b9a\u5236\u6837\u5f0f *\/\n        .swiper { padding-bottom: 60px !important; }\n        .swiper-wrapper { cursor: grab; }\n        .swiper-wrapper:active { cursor: grabbing; }\n\n        \/* EPC (\u7eff\u8272\u7cfb) \u5206\u9875\u5668 *\/\n        .epc-swiper .swiper-pagination-bullet { background: rgba(0,0,0,0.2); opacity: 1; transition: all 0.3s; }\n        .epc-swiper .swiper-pagination-bullet-active { background: #13eca4; width: 24px; border-radius: 4px; box-shadow: 0 0 10px rgba(19, 236, 164, 0.5); }\n\n        \/* EMC (\u6a59\u8272\u7cfb) \u5206\u9875\u5668 *\/\n        .emc-swiper .swiper-pagination-bullet { background: rgba(0,0,0,0.2); opacity: 1; transition: all 0.3s; }\n        .emc-swiper .swiper-pagination-bullet-active { background: #ff6b00; width: 24px; border-radius: 4px; box-shadow: 0 0 10px rgba(255, 107, 0, 0.5); }\n\n        #energy-cursor {\n            position: fixed;\n            top: 0; left: 0;\n            width: 32px; height: 32px;\n            background: rgba(19, 236, 164, 0.4);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 9999;\n            transform: translate(-50%, -50%);\n            transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1), \n                        height 0.3s cubic-bezier(0.25, 1, 0.5, 1), \n                        background-color 0.3s ease,\n                        box-shadow 0.3s ease, border 0.3s ease;\n            \/* \u4fee\u6b63\u660e\u4eae\u6a21\u5f0f\u4e0b\u7684\u5149\u6807\u878d\u5408\u6548\u679c *\/\n            mix-blend-mode: multiply;\n            backdrop-filter: blur(4px);\n        }\n\n        #energy-cursor.active {\n            width: 80px; height: 80px;\n            background: rgba(19, 236, 164, 0.2);\n            border: 1px solid rgba(19, 236, 164, 0.5);\n            box-shadow: 0 0 20px rgba(19, 236, 164, 0.4);\n        }\n\n        #energy-cursor.active-emc {\n            width: 80px; height: 80px;\n            background: rgba(255, 107, 0, 0.1);\n            border: 1px solid rgba(255, 107, 0, 0.5);\n            box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);\n        }\n\n        \/* \u6781\u81f4\u4e1d\u6ed1\u7684 Tab \u5207\u6362\u52a8\u753b\u5f15\u64ce *\/\n        .tab-wrapper {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr);\n        }\n\n        .tab-content {\n            \/* \u5173\u952e\uff1a\u8ba9\u4e24\u4e2a\u9762\u677f\u5728\u540c\u4e00\u7f51\u683c\u533a\u57df\u91cd\u53e0\uff0c\u7531\u6700\u9ad8\u7684\u5143\u7d20\u6491\u5f00\u7236\u5bb9\u5668 *\/\n            grid-area: 1 \/ 1; \n            opacity: 0;\n            \/* \u521d\u59cb\u72b6\u6001\uff1a\u8f7b\u5fae\u5411\u4e0b\u4e14\u7f29\u5c0f\uff0c\u5f62\u6210\u201c\u6df1\u5904\u201d\u7684\u7eb5\u6df1\u611f *\/\n            transform: translateY(15px) scale(0.98);\n            pointer-events: none;\n            visibility: hidden;\n            \/* \u4f7f\u7528 Apple \u7ea7\u522b\u7684\u7269\u7406\u7f13\u52a8\u66f2\u7ebf *\/\n            transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), \n                        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),\n                        visibility 0.6s step-end;\n            z-index: 0;\n        }\n\n        .tab-content.active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n            pointer-events: auto;\n            visibility: visible;\n            transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), \n                        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),\n                        visibility 0s step-start;\n            z-index: 10;\n        }\n    <\/style>\n\n    <div id=\"energy-cursor\" class=\"hidden md:block\"><\/div>\n\n\n\n    <main class=\"relative pt-40 pb-24 overflow-hidden min-h-[85vh] flex items-center parallax-container\">\n        <div class=\"parallax-bg absolute top-1\/4 -right-1\/4 w-[800px] h-[800px] bg-primary\/20 rounded-full blur-[120px] animate-blob-spin pointer-events-none\" data-speed=\"-0.03\"><\/div>\n        <div class=\"parallax-bg absolute bottom-0 left-0 w-[600px] h-[600px] bg-[#ff6b00]\/10 rounded-full blur-[100px] animate-blob-spin pointer-events-none\" style=\"animation-direction: reverse;\" data-speed=\"0.03\"><\/div>\n        \n        <div class=\"container mx-auto px-6 relative z-10 text-center\">\n            <div class=\"inline-block px-4 py-1 mb-8 rounded-full border border-primary\/30 bg-primary\/10 text-primary font-mono text-sm tracking-widest uppercase shadow-glow animate-fade-in\">\n                Norme mondiale de transition \u00e9nerg\u00e9tique\n            <\/div>\n            <h1 class=\"text-4xl md:text-[2.66rem] -ultra mb-8 leading-[1.1] animate-fade-in\" style=\"animation-delay: 0.2s;\">\n                Ma\u00eetriser le <br\/>\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-primary to-green-500 animate-text-shimmer\" style=\"background-size: 200% auto;\">Z\u00e9ro carbone<\/span> \u00c9quation.\n            <\/h1>\n            <p class=\"max-w-3xl mx-auto text-[1rem] text-slate-600 mb-12 font-inter leading-relaxed animate-fade-in\" style=\"animation-delay: 0.4s;\">\n                Donner aux g\u00e9ants industriels et aux leaders commerciaux du monde entier les moyens d&#039;ex\u00e9cuter des projets EPC cl\u00e9s en main d&#039;\u00e9lite et de mettre en \u0153uvre des contrats de gestion de l&#039;\u00e9nergie sans CAPEX (EMC\/PPA).\n            <\/p>\n        <\/div>\n    <\/main>\n\n    <section id=\"models\" class=\"container mx-auto px-6 py-24 relative z-10 -mt-20\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n            <div data-aos=\"fade-right\" class=\"hover-trigger relative group p-10 lg:p-14 rounded-[2.5rem] bg-white\/70 border border-silver-accent shadow-bento hover:shadow-bento-hover hover:border-primary\/50 transition-all duration-500 overflow-hidden backdrop-blur-xl\" data-tilt>\n                <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary\/10 blur-[80px] rounded-full group-hover:bg-primary\/20 transition-all duration-700 pointer-events-none\"><\/div>\n                <div class=\"flex items-center justify-between mb-8 relative z-10\">\n                    <h2 class=\"text-3xl text-slate-900\">CPE<\/h2>\n                    <span class=\"material-symbols-outlined text-5xl text-primary opacity-70 group-hover:opacity-100 group-hover:rotate-12 transition-all duration-500\">\uea3d<\/span>\n                <\/div>\n                <h3 class=\"text-xl text-primary font-mono mb-6 uppercase tracking-widest border-l-2 border-primary pl-4 relative z-10\">Ing\u00e9nierie, approvisionnement, construction<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    Un mod\u00e8le traditionnel et robuste pour les clients r\u00e9alisant des investissements en capital. Nous fournissons une infrastructure cl\u00e9 en main de bout en bout, garantissant un contr\u00f4le qualit\u00e9 absolu, le respect des d\u00e9lais et l&#039;int\u00e9gration de composants de premier ordre.\n                <\/p>\n                <div class=\"grid grid-cols-2 gap-4 font-inter text-slate-700 text-sm relative z-10 pointer-events-none\">\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-primary block mb-2\">\uea3b<\/span>Conception sp\u00e9cifique au site<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-primary block mb-2\">\ue1a1<\/span>Approvisionnement mondial<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-primary block mb-2\">\uea3c<\/span>Construction certifi\u00e9e<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-primary block mb-2\">\ue86c<\/span>Transfert de r\u00e9seau<\/div>\n                <\/div>\n            <\/div>\n\n            <div data-aos=\"fade-left\" class=\"hover-trigger hover-emc relative group p-10 lg:p-14 rounded-[2.5rem] bg-white\/70 border border-silver-accent shadow-bento hover:shadow-bento-hover hover:border-[#ff6b00]\/50 transition-all duration-500 overflow-hidden backdrop-blur-xl\" data-tilt>\n                <div class=\"absolute bottom-0 right-0 w-64 h-64 bg-[#ff6b00]\/10 blur-[80px] rounded-full group-hover:bg-[#ff6b00]\/20 transition-all duration-700 pointer-events-none\"><\/div>\n                <div class=\"flex items-center justify-between mb-8 relative z-10\">\n                    <h2 class=\"text-3xl text-slate-900\">CEM\/PPA<\/h2>\n                    <span class=\"material-symbols-outlined text-5xl text-[#ff6b00] opacity-70 group-hover:opacity-100 group-hover:-rotate-12 transition-all duration-500\">\uebcb<\/span>\n                <\/div>\n                <h3 class=\"text-xl text-[#ff6b00] font-mono mb-6 uppercase tracking-widest border-l-2 border-[#ff6b00] pl-4 relative z-10\">Contrats de gestion de l&#039;\u00e9nergie<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    La r\u00e9f\u00e9rence en mati\u00e8re de r\u00e9novations sans risque. Nous finan\u00e7ons 100% du projet. Vous b\u00e9n\u00e9ficiez d&#039;\u00e9conomies imm\u00e9diates sur vos factures d&#039;\u00e9nergie. Nous partageons les b\u00e9n\u00e9fices g\u00e9n\u00e9r\u00e9s exclusivement par l&#039;efficacit\u00e9 \u00e9nerg\u00e9tique.\n                <\/p>\n                <div class=\"grid grid-cols-2 gap-4 font-inter text-slate-700 text-sm relative z-10 pointer-events-none\">\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\ue84d<\/span>Aucun CAPEX requis<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\uf190<\/span>\u00c9conomies garanties<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\uf0e2<\/span>Op\u00e9rations et maintenance gratuites incluses<\/div>\n                    <div class=\"bg-white\/90 p-4 rounded-2xl border border-silver-accent shadow-sm\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\ue8e3<\/span>Retour sur investissement imm\u00e9diat<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"dual-workflow\" class=\"py-24 relative overflow-hidden bg-pearlescent border-y border-silver-accent\">\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-24\" data-aos=\"zoom-in\">\n                <h2 class=\"text-4xl md:text-[2.66rem] text-slate-900 mb-8\">Voies d&#039;ex\u00e9cution<\/h2>\n                <div class=\"inline-flex bg-white\/80 border border-silver-accent p-1.5 rounded-full backdrop-blur-md relative overflow-hidden shadow-sm\">\n                    <div id=\"tab-slider\" class=\"absolute top-1.5 left-1.5 bottom-1.5 w-[calc(50%-6px)] bg-primary rounded-full transition-all duration-500 cubic-bezier(0.34, 1.56, 0.64, 1) ease-in-out\"><\/div>\n                    \n                    <button id=\"btn-epc\" class=\"tab-btn hover-trigger relative z-10 px-6 md:px-10 py-3 md:py-4 rounded-full text-slate-900  transition-colors duration-300 flex items-center\">\n                        <span class=\"material-symbols-outlined mr-2 text-base md:text-lg pointer-events-none\">\uea3d<\/span> <span class=\"pointer-events-none\">Flux de travail EPC<\/span>\n                    <\/button>\n                    <button id=\"btn-emc\" class=\"tab-btn hover-trigger hover-emc relative z-10 px-6 md:px-10 py-3 md:py-4 rounded-full text-slate-500 hover:text-slate-900 transition-colors duration-300 flex items-center\">\n                        <span class=\"material-symbols-outlined mr-2 text-base md:text-lg pointer-events-none\">\uebcb<\/span> <span class=\"pointer-events-none\">Flux de travail EMC\/PPA<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"tab-wrapper w-full relative\">\n                <div id=\"content-epc\" class=\"tab-content active\">\n                    <div class=\"relative flex flex-col lg:flex-row justify-between items-start space-y-12 lg:space-y-0 lg:space-x-4 before:absolute before:content-[''] before:w-[2px] lg:before:w-full lg:before:h-[2px] before:bg-slate-300 before:left-[23px] lg:before:top-[24px] lg:before:left-0 z-0\">\n                        <div class=\"hidden lg:block absolute top-[24px] left-0 h-[2px] bg-gradient-to-r from-transparent via-primary to-transparent z-0 animate-sweep\" style=\"width: 400px; animation-duration: 4s;\"><\/div>\n                        \n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-primary flex items-center justify-center shadow-sm mb-0 lg:mb-6 shrink-0 group-hover:scale-110 transition-transform duration-500\"><span class=\"material-symbols-outlined text-primary text-xl\">\ue55c<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">\u00c9tude du site<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u00c9valuation compl\u00e8te de l&#039;int\u00e9grit\u00e9 de la toiture, de l&#039;ombrage et de l&#039;infrastructure \u00e9lectrique.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-primary flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-primary transition-colors text-xl\">\uea3b<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Ing\u00e9nierie<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Conception CAO\/3D de pr\u00e9cision optimis\u00e9e pour une densit\u00e9 \u00e9nerg\u00e9tique maximale.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-primary flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-primary transition-colors text-xl\">\ue1a1<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Approvisionnement<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Nous nous approvisionnons en composants \u00e0 haut rendement gr\u00e2ce \u00e0 notre cha\u00eene d&#039;approvisionnement performante.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-primary flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-primary transition-colors text-xl\">\uea3c<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Construction<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Gestion rigoureuse sur site, conforme aux normes internationales de s\u00e9curit\u00e9 et de qualit\u00e9.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-primary flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-primary transition-colors text-xl\">\uf102<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Grille et tests<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Gestion de tous les permis PEA\/MEA et r\u00e9alisation de tests de pr\u00e9-mise en service rigoureux.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-primary flex items-center justify-center mb-0 lg:mb-6 shrink-0 group-hover:bg-primary transition-colors duration-500\"><span class=\"material-symbols-outlined text-primary group-hover:text-white transition-colors text-xl\">\uf0e2<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Exploitation et maintenance<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Surveillance \u00e0 distance 24h\/24 et 7j\/7 et services de nettoyage\/r\u00e9paration localis\u00e9s.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"content-emc\" class=\"tab-content\">\n                    <div class=\"relative flex flex-col lg:flex-row justify-between items-start space-y-12 lg:space-y-0 lg:space-x-6 before:absolute before:content-[''] before:w-[2px] lg:before:w-full lg:before:h-[2px] before:bg-slate-300 before:left-[23px] lg:before:top-[24px] lg:before:left-0 z-0\">\n                        <div class=\"hidden lg:block absolute top-[24px] left-0 h-[2px] bg-gradient-to-r from-transparent via-[#ff6b00] to-transparent z-0 animate-sweep\" style=\"width: 400px; animation-duration: 4s;\"><\/div>\n                        \n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger hover-emc\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-[#ff6b00] flex items-center justify-center shadow-sm mb-0 lg:mb-6 shrink-0 group-hover:scale-110 transition-transform duration-500\"><span class=\"material-symbols-outlined text-[#ff6b00] text-xl\">\ue4fc<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">\u00c9valuation<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u00c9tude de faisabilit\u00e9 financi\u00e8re bas\u00e9e sur vos factures d&#039;\u00e9lectricit\u00e9 historiques.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger hover-emc\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-[#ff6b00] flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-[#ff6b00] transition-colors text-xl\">\uebc7<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Accord<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Un contrat d&#039;achat d&#039;\u00e9lectricit\u00e9 (PPA) clair et transparent, sans frais cach\u00e9s.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger hover-emc\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-[#ff6b00] flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-[#ff6b00] transition-colors text-xl\">\uf049<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">D\u00e9ploiement<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Installation et mise en service rapides assur\u00e9es par notre \u00e9quipe d&#039;ing\u00e9nieurs experts.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger hover-emc\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-slate-200 group-hover:border-[#ff6b00] flex items-center justify-center mb-0 lg:mb-6 shrink-0 transition-colors duration-500\"><span class=\"material-symbols-outlined text-slate-400 group-hover:text-[#ff6b00] transition-colors text-xl\">\ue6df<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Gestion<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Gestion intelligente de l&#039;\u00e9nergie solaire et du stockage pour optimiser l&#039;autoconsommation.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"relative z-10 flex lg:flex-col items-center group flex-1 px-2 hover-trigger hover-emc\">\n                            <div class=\"w-12 h-12 rounded-full bg-white border-2 border-[#ff6b00] flex items-center justify-center mb-0 lg:mb-6 shrink-0 group-hover:bg-[#ff6b00] transition-colors duration-500\"><span class=\"material-symbols-outlined text-[#ff6b00] group-hover:text-white transition-colors text-xl\">\ue2eb<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg  text-slate-900 mb-2\">Partage des b\u00e9n\u00e9fices<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Vous ne payez que pour l&#039;\u00e9nergie solaire produite, \u00e0 un tarif nettement inf\u00e9rieur \u00e0 celui du r\u00e9seau.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"trust\" class=\"py-32 bg-background-light border-y border-silver-accent relative overflow-hidden\">\n        <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-[1200px] h-[600px] bg-gradient-to-b from-primary\/10 to-transparent blur-[120px] pointer-events-none\"><\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-20\" data-aos=\"fade-up\">\n                <div class=\"text-primary font-mono text-sm tracking-widest mb-4 uppercase flex justify-center items-center inline-block px-3 py-1\">Confiance et service<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">Construit sur une fiabilit\u00e9 absolue.<\/h3>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8\">\n                <div data-aos=\"fade-right\" class=\"lg:col-span-2 hover-trigger group bg-white border border-silver-accent rounded-[2rem] p-10 md:p-14 hover:border-primary\/50 shadow-bento hover:shadow-bento-hover transition-all duration-500 relative overflow-hidden flex flex-col justify-center\">\n                    <div class=\"absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-primary\/50 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out\"><\/div>\n                    \n                    <div class=\"flex items-center mb-10\">\n                        <span class=\"material-symbols-outlined text-primary text-4xl mr-4\">\uf0e2<\/span>\n                        <div>\n                            <h4 class=\"text-2xl md:text-3xl  text-slate-900\">Assistance localis\u00e9e en mati\u00e8re d&#039;exploitation et de maintenance<\/h4>\n                            <p class=\"text-slate-600 mt-1\">Protection 24h\/24, 7j\/7, 365j\/an de tout le cycle de vie de vos actifs \u00e9nerg\u00e9tiques.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-slate-200\">\n                        <div class=\"pt-6 md:pt-0 md:pr-8 group-hover:pl-2 transition-all duration-300\">\n                            <div class=\"text-4xl font-mono text-slate-800  mb-2 flex items-baseline\">2<span class=\"text-primary text-xl ml-1\">H<\/span><\/div>\n                            <div class=\"text-xs text-primary uppercase tracking-widest mb-2\">Consultation<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">R\u00e9ponse \u00e0 une consultation technique sous 2 heures.<\/p>\n                        <\/div>\n                        <div class=\"pt-6 md:pt-0 md:px-8 group-hover:pl-10 transition-all duration-300 delay-75\">\n                            <div class=\"text-4xl font-mono text-slate-800  mb-2 flex items-baseline\">24<span class=\"text-[#ff6b00] text-xl ml-1\">H<\/span><\/div>\n                            <div class=\"text-xs text-[#ff6b00] uppercase tracking-widest mb-2\">Diagnostic<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">Proposition de diagnostic et de solution \u00e0 distance.<\/p>\n                        <\/div>\n                        <div class=\"pt-6 md:pt-0 md:pl-8 group-hover:pl-10 transition-all duration-300 delay-150\">\n                            <div class=\"text-4xl font-mono text-slate-800  mb-2 flex items-baseline\">48<span class=\"text-slate-500 text-xl ml-1\">H<\/span><\/div>\n                            <div class=\"text-xs text-slate-500 uppercase tracking-widest mb-2\">Sur place<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">D\u00e9ploiement du support technique sur site.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div data-aos=\"fade-left\" class=\"hover-trigger group bg-white border border-silver-accent rounded-[2rem] p-10 md:p-14 flex flex-col justify-center relative shadow-bento hover:shadow-bento-hover overflow-hidden transition-all duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-slate-50 to-transparent pointer-events-none\"><\/div>\n                    <div class=\"mb-8 relative z-10\">\n                        <span class=\"material-symbols-outlined text-slate-300 text-4xl mb-4 block\">\ue86c<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-2\">Normes mondiales de qualit\u00e9<\/h4>\n                        <p class=\"text-slate-600 text-sm\">Respect strict des normes internationales.<\/p>\n                    <\/div>\n                    <div class=\"flex flex-col gap-4 relative z-10\">\n                        <div class=\"w-full px-5 py-3.5 rounded-xl bg-white border border-silver-accent text-slate-700 font-mono text-sm flex items-center shadow-sm group-hover:border-primary transition-colors\"><span class=\"w-1.5 h-1.5 rounded-full bg-primary mr-3\"><\/span> ISO 9001 : 2015<\/div>\n                        <div class=\"w-full px-5 py-3.5 rounded-xl bg-white border border-silver-accent text-slate-700 font-mono text-sm flex items-center shadow-sm group-hover:border-primary transition-colors\"><span class=\"w-1.5 h-1.5 rounded-full bg-primary mr-3\"><\/span> ISO 14001 : 2015<\/div>\n                        <div class=\"w-full px-5 py-3.5 rounded-xl bg-white border border-silver-accent text-slate-700 font-mono text-sm flex items-center shadow-sm group-hover:border-[#ff6b00] transition-colors\"><span class=\"w-1.5 h-1.5 rounded-full bg-[#ff6b00] mr-3\"><\/span> ISO 45001 \/ CE<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div data-aos=\"fade-up\" class=\"hover-trigger group bg-gradient-to-b from-pearlescent to-white border border-silver-accent rounded-[2rem] shadow-bento p-10 md:p-14 relative overflow-hidden flex flex-col\">\n                <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[60%] h-[1px] bg-gradient-to-r from-transparent via-primary\/30 to-transparent pointer-events-none\"><\/div>\n                \n                <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12 border-b border-slate-200 pb-8 gap-6 pointer-events-none\">\n                    <div class=\"max-w-xl\">\n                        <span class=\"material-symbols-outlined text-slate-300 text-3xl mb-4 block\">\ue9f4<\/span>\n                        <h4 class=\"text-2xl md:text-3xl  text-slate-900 mb-3\">\u00c9cosyst\u00e8me de niveau 1<\/h4>\n                        <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">Nouer des alliances strat\u00e9giques avec les leaders mondiaux de la fabrication de panneaux photovolta\u00efques et de la technologie des onduleurs, soutenues par notre <span id=\"dynamic-years\" class=\"text-primary font-mono  mx-1 border-b border-primary\/50\"><\/span>Des ann\u00e9es d&#039;expertise dans le secteur, garantissant des performances optimales tout au long du cycle de vie et une s\u00e9curit\u00e9 sans compromis.<\/p>\n                    <\/div>\n                    <div class=\"text-left md:text-right shrink-0\">\n                        <div class=\"text-sm font-mono text-slate-900\">100%<\/div>\n                        <div class=\"text-[10px] text-slate-500 uppercase tracking-widest mt-1\">Approvisionnement authentique en composants<\/div>\n                    <\/div>\n                <\/div>\n\n                <div data-no-translation class=\"marquee-container relative w-full overflow-hidden mask-edges-x py-2 cursor-default\">\n                    <div class=\"animate-marquee-x\">\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">LONGi<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">JA Solar<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-[#ff6b00]\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Trina Solar<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Huawei<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-[#ff6b00]\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Sungrow<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Ginlong<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Chint<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">GoodWe<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Deye<\/span>\n                        <\/div>\n\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">LONGi<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">JA Solar<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-[#ff6b00]\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Trina Solar<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Huawei<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-[#ff6b00]\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-xl font-display  text-slate-800 tracking-wider pointer-events-none\">Sungrow<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Ginlong<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Chint<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">GoodWe<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-white\/80 rounded-xl border border-silver-accent shadow-sm hover:border-primary\/50 transition-all duration-300 hover:bg-white\">\n                            <span class=\"text-lg font-display text-slate-600 pointer-events-none\">Deye<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"cases\" class=\"py-32 bg-aurora overflow-hidden relative\">\n        <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-primary\/10 blur-[150px] pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-[#ff6b00]\/10 blur-[150px] pointer-events-none\"><\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-20\" data-aos=\"fade-up\">\n                <div class=\"text-primary font-mono text-sm tracking-widest mb-4 uppercase flex justify-center items-center inline-block px-3 py-1\">Histoires \u00e0 succ\u00e8s<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">Notre portefeuille<\/h3>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16\">\n                <div data-aos=\"fade-right\">\n                    <div class=\"flex items-center justify-between mb-6 border-b border-slate-200 pb-4\">\n                        <div class=\"flex items-center\">\n                            <span class=\"material-symbols-outlined text-primary text-3xl mr-3\">\uea3d<\/span>\n                            <h4 class=\"text-3xl  text-slate-900\">EPC cl\u00e9 en main<\/h4>\n                        <\/div>\n                        <div class=\"flex space-x-2 relative z-50\">\n                            <button id=\"epc-btn-prev\" class=\"w-10 h-10 rounded-full border border-slate-300 bg-white shadow-sm flex items-center justify-center text-slate-600 hover:border-primary hover:text-primary transition-colors cursor-pointer hover-trigger\"><span class=\"material-symbols-outlined text-sm pointer-events-none\">\ue5c4<\/span><\/button>\n                            <button id=\"epc-btn-next\" class=\"w-10 h-10 rounded-full border border-slate-300 bg-white shadow-sm flex items-center justify-center text-slate-600 hover:border-primary hover:text-primary transition-colors cursor-pointer hover-trigger\"><span class=\"material-symbols-outlined text-sm pointer-events-none\">\ue5c8<\/span><\/button>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"swiper epc-swiper rounded-[2rem] overflow-hidden shadow-bento h-[450px]\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide hover-trigger group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc5.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-primary text-black  text-[10px] rounded-full uppercase tracking-wider shadow-glow\">\u00c9nergie \u00e9olienne<\/span>\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl  text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">La fronti\u00e8re des vents de Yulin : une r\u00e9f\u00e9rence mondiale<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Des architectures techniques \u00e9prouv\u00e9es, parfaitement align\u00e9es sur les politiques \u00e9nerg\u00e9tiques nationales, garantissent une int\u00e9gration rapide et performante au r\u00e9seau.<\/p>\n                                        <div class=\"flex space-x-6 border-t border-white\/30 pt-4\">\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">100<span class=\"text-primary text-sm ml-1\">MW<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Capacit\u00e9<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">280<span class=\"text-primary text-sm ml-1\">Jours<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">D\u00e9but de la grille<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc6.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-primary text-black  text-[10px] rounded-full uppercase tracking-wider shadow-glow\">solaire \u00e0 double axe<\/span>\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl  text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Le Sentinelle Solaire<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Technologie pionni\u00e8re de suivi biaxial et de haute concentration, maximisant les rendements \u00e9nerg\u00e9tiques sur le plus grand paysage solaire du sud-ouest de la Chine.<\/p>\n                                        <div class=\"flex space-x-6 border-t border-white\/30 pt-4\">\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">50<span class=\"text-primary text-sm ml-1\">MWp<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Capacit\u00e9<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">210<span class=\"text-primary text-sm ml-1\">Jours<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">D\u00e9but de la grille<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-primary text-black  text-[10px] rounded-full uppercase tracking-wider shadow-glow\">Int\u00e9gration au r\u00e9seau<\/span>\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl  text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Le plan directeur pour un r\u00e9seau \u00e9lectrique pr\u00eat<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Sous-station optimis\u00e9e de 110 kV et lignes de collecte localis\u00e9es de 35 kV assurant une connexion ultra-rapide et sans interruption au r\u00e9seau \u00e9lectrique r\u00e9gional.<\/p>\n                                        <div class=\"flex space-x-6 border-t border-white\/30 pt-4\">\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">40<span class=\"text-primary text-sm ml-1\">MW<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Capacit\u00e9<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">180<span class=\"text-primary text-sm ml-1\">Jours<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">D\u00e9but de la grille<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc1.png')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-primary text-black  text-[10px] rounded-full uppercase tracking-wider shadow-glow\">Agrivolta\u00efque<\/span>\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl  text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Le plan directeur de la synergie verte<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Hauteur des panneaux personnalis\u00e9e et conception adapt\u00e9e \u00e0 l&#039;irrigation avec une s\u00e9curit\u00e9 \u00e9lectrique optimis\u00e9e pour harmoniser l&#039;\u00e9nergie solaire et l&#039;agriculture.<\/p>\n                                        <div class=\"flex space-x-6 border-t border-white\/30 pt-4\">\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">70<span class=\"text-primary text-sm ml-1\">MWp<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Capacit\u00e9<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">245<span class=\"text-primary text-sm ml-1\">Jours<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">D\u00e9but de la grille<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"swiper-pagination epc-pagination z-30\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div data-aos=\"fade-left\" data-aos-delay=\"100\">\n                    <div class=\"flex items-center justify-between mb-6 border-b border-slate-200 pb-4\">\n                        <div class=\"flex items-center\">\n                            <span class=\"material-symbols-outlined text-[#ff6b00] text-3xl mr-3\">\uebcb<\/span>\n                            <h4 class=\"text-3xl  text-slate-900\">Contrats EMC\/PPA<\/h4>\n                        <\/div>\n                        <div class=\"flex space-x-2 relative z-50\">\n                            <button id=\"emc-btn-prev\" class=\"w-10 h-10 rounded-full border border-slate-300 bg-white shadow-sm flex items-center justify-center text-slate-600 hover:border-[#ff6b00] hover:text-[#ff6b00] transition-colors cursor-pointer hover-trigger hover-emc\"><span class=\"material-symbols-outlined text-sm pointer-events-none\">\ue5c4<\/span><\/button>\n                            <button id=\"emc-btn-next\" class=\"w-10 h-10 rounded-full border border-slate-300 bg-white shadow-sm flex items-center justify-center text-slate-600 hover:border-[#ff6b00] hover:text-[#ff6b00] transition-colors cursor-pointer hover-trigger hover-emc\"><span class=\"material-symbols-outlined text-sm pointer-events-none\">\ue5c8<\/span><\/button>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"swiper emc-swiper rounded-[2rem] overflow-hidden shadow-bento h-[450px]\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide hover-trigger hover-emc group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc2.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/60 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-[#ff6b00] text-white  text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">Parc industriel<\/span>\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl  text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Production d&#039;\u00e9nergie solaire photovolta\u00efque distribu\u00e9e de 10 MWc<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Optimisation de l&#039;efficacit\u00e9 \u00e9nerg\u00e9tique industrielle gr\u00e2ce \u00e0 une int\u00e9gration solaire transparente de 10 MWc, r\u00e9duisant consid\u00e9rablement l&#039;empreinte carbone.<\/p>\n                                        <div class=\"space-y-3 border-t border-white\/20 pt-3\">\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-slate-300 uppercase tracking-wider\">CAPEX Est.<\/span>\n                                                <span class=\"text-sm font-mono text-white  drop-shadow-md\">$6.5M \u2013 $7.2M<\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Optimisation \u00e9nerg\u00e9tique<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">$450k \u2013 $600k \/ an<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger hover-emc group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc3.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/60 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-[#ff6b00] text-white  text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">Centre de niveau 1<\/span>\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl  text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Syst\u00e8me photovolta\u00efque haute efficacit\u00e9 de 5,2 MWc<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Fournir \u00e0 un fabricant mondial de premier plan une \u00e9nergie durable, garantissant une r\u00e9duction significative des \u00e9missions de carbone.<\/p>\n                                        <div class=\"space-y-3 border-t border-white\/20 pt-3\">\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-slate-300 uppercase tracking-wider\">Investissements des clients<\/span>\n                                                <span class=\"text-sm font-mono text-white  drop-shadow-md\">$3.6M <span class=\"text-xs text-slate-400 font-sans font-normal\">(Financement int\u00e9gral)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Optimisation \u00e9nerg\u00e9tique<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">15% \u2013 20% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">\u00c9conomies annuelles<\/span><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger hover-emc group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc1.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/60 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-[#ff6b00] text-white  text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">Parc logistique<\/span>\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl  text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Projet photovolta\u00efque en toiture de 4,99 MWc<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Transformer les vastes toits logistiques en actifs verts \u00e0 haut rendement pour les infrastructures industrielles modernes.<\/p>\n                                        <div class=\"space-y-3 border-t border-white\/20 pt-3\">\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-slate-300 uppercase tracking-wider\">Investissements des clients<\/span>\n                                                <span class=\"text-sm font-mono text-white  drop-shadow-md\">$3.2M <span class=\"text-xs text-slate-400 font-sans font-normal\">(Z\u00e9ro paiement initial)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Optimisation \u00e9nerg\u00e9tique<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">12% \u2013 18% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">R\u00e9duction annuelle<\/span><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide hover-trigger hover-emc group relative bg-black h-full cursor-grab active:cursor-grabbing\">\n                                <div class=\"absolute inset-0 transition-transform duration-700 pointer-events-none group-hover:scale-105\">\n                                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif')] bg-cover bg-center opacity-80 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/60 to-transparent\"><\/div>\n                                <\/div>\n                                <div class=\"absolute inset-0 p-8 flex flex-col justify-between pointer-events-none\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <span class=\"px-4 py-1.5 bg-[#ff6b00] text-white  text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">Fabrication<\/span>\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl  text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">Solution photovolta\u00efque int\u00e9gr\u00e9e de 5,86 MWc<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Favoriser une production durable gr\u00e2ce \u00e0 un syst\u00e8me solaire haute capacit\u00e9, r\u00e9duisant consid\u00e9rablement les co\u00fbts \u00e9nerg\u00e9tiques.<\/p>\n                                        <div class=\"space-y-3 border-t border-white\/20 pt-3\">\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-slate-300 uppercase tracking-wider\">Investissements des clients<\/span>\n                                                <span class=\"text-sm font-mono text-white  drop-shadow-md\">$4.1M <span class=\"text-xs text-slate-400 font-sans font-normal\">(Z\u00e9ro paiement initial)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Optimisation \u00e9nerg\u00e9tique<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">15% \u2013 22% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">R\u00e9duction annuelle<\/span><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"swiper-pagination emc-pagination z-30\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"contact\" class=\"py-24 relative bg-liquid-gradient\">\n        <div class=\"container mx-auto px-6 text-center z-10 relative\" data-aos=\"zoom-in\">\n            <h2 class=\"text-4xl md:text-[2.66rem]  text-slate-900 mb-8 drop-shadow-sm\">Pr\u00eat \u00e0 d\u00e9carboner ?<\/h2>\n            <p class=\"text-[1rem] text-slate-600 mb-10 max-w-2xl mx-auto\">Que vous recherchiez une construction EPC cl\u00e9 en main ou un partenariat EMC\/PPA sans CAPEX, nos \u00e9quipes d&#039;ing\u00e9nieurs sont pr\u00eates \u00e0 \u00e9valuer votre site.<\/p>\n            <div class=\"flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-6\">\n                <a href=\"\/fr\/contact-us\/\" class=\"magnetic-btn hover-trigger bg-primary text-black  px-12 py-5 rounded-full text-lg shadow-sm hover:shadow-[0_0_40px_rgba(19,236,164,0.4)] transition-all flex items-center justify-center\">\n                    <span class=\"material-symbols-outlined mr-2 pointer-events-none\">\ue873<\/span> <span class=\"pointer-events-none\">Entrez en contact avec des experts locaux<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.7.2\/vanilla-tilt.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/11.0.5\/swiper-bundle.min.js\"><\/script>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ \u52a8\u6001\u8ba1\u7b97\u516c\u53f8\u6210\u7acb\u5e74\u4efd\n            const calculateYearsOfExperience = () => {\n                const startYear = 2009;\n                const currentYear = new Date().getFullYear();\n                const yearsOfExperience = currentYear - startYear;\n                \n                const yearElement = document.getElementById('dynamic-years');\n                if (yearElement) {\n                    yearElement.textContent = yearsOfExperience + \"+ \";\n                }\n            };\n            calculateYearsOfExperience();\n\n            \/\/ 1. \u521d\u59cb\u5316 AOS & Tilt\n            if(typeof AOS !== 'undefined') AOS.init({ duration: 800, once: true, offset: 50 });\n            if(typeof VanillaTilt !== 'undefined') VanillaTilt.init(document.querySelectorAll(\"[data-tilt]\"), { max: 5, speed: 400, glare: true, \"max-glare\": 0.05, scale: 1.02 });\n\n            \/\/ 2. \u53cc\u8f68\u6d41\u7a0b\u5207\u6362\u4ea4\u4e92 (Tab Workflows) - \u9488\u5bf9\u4eae\u8272\u7cfb\u4fee\u6b63\u6587\u5b57\u989c\u8272\u53cd\u9988\n            const btnEpc = document.getElementById('btn-epc');\n            const btnEmc = document.getElementById('btn-emc');\n            const contentEpc = document.getElementById('content-epc');\n            const contentEmc = document.getElementById('content-emc');\n            const slider = document.getElementById('tab-slider');\n\n            const switchTab = (tab) => {\n                if (tab === 'epc') {\n                    btnEpc.classList.add('text-slate-900');\n                    btnEpc.classList.remove('text-slate-500');\n                    btnEmc.classList.remove('text-slate-900');\n                    btnEmc.classList.add('text-slate-500');\n                    \n                    slider.style.transition = 'all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)';\n                    slider.style.transform = 'translateX(0)';\n                    slider.style.backgroundColor = '#13eca4'; \n\n                    contentEmc.classList.remove('active');\n                    contentEpc.classList.add('active');\n                } else {\n                    btnEmc.classList.add('text-slate-900');\n                    btnEmc.classList.remove('text-slate-500');\n                    btnEpc.classList.remove('text-slate-900');\n                    btnEpc.classList.add('text-slate-500');\n                    \n                    slider.style.transition = 'all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)';\n                    slider.style.transform = 'translateX(100%)';\n                    slider.style.backgroundColor = '#ff6b00'; \n\n                    contentEpc.classList.remove('active');\n                    contentEmc.classList.add('active');\n                }\n            };\n            if(btnEpc) btnEpc.addEventListener('click', () => switchTab('epc'));\n            if(btnEmc) btnEmc.addEventListener('click', () => switchTab('emc'));\n\n            \/\/ 4. \u81ea\u5b9a\u4e49\u5149\u6807\n            const cursor = document.getElementById('energy-cursor');\n            const hoverTriggers = document.querySelectorAll('a, button, .hover-trigger');\n            \n            if (window.innerWidth > 768 && cursor) {\n                document.addEventListener('mousemove', (e) => {\n                    requestAnimationFrame(() => {\n                        cursor.style.transform = `translate(${e.clientX}px, ${e.clientY}px) translate(-50%, -50%)`;\n                    });\n                });\n                hoverTriggers.forEach(el => {\n                    el.addEventListener('mouseenter', () => {\n                        if(el.classList.contains('hover-emc')) cursor.classList.add('active-emc');\n                        else cursor.classList.add('active');\n                    });\n                    el.addEventListener('mouseleave', () => cursor.classList.remove('active', 'active-emc'));\n                });\n            }\n\n            \/\/ 5. \u78c1\u6027\u6309\u94ae\n            const magneticBtns = document.querySelectorAll('.magnetic-btn');\n            magneticBtns.forEach(btn => {\n                btn.addEventListener('mousemove', (e) => {\n                    const rect = btn.getBoundingClientRect();\n                    const x = (e.clientX - rect.left - rect.width \/ 2) * 0.3;\n                    const y = (e.clientY - rect.top - rect.height \/ 2) * 0.3;\n                    btn.style.transform = `translate(${x}px, ${y}px)`;\n                });\n                btn.addEventListener('mouseleave', () => {\n                    btn.style.transform = `translate(0px, 0px)`;\n                    btn.style.transition = `transform 0.5s ease-out`;\n                });\n                btn.addEventListener('mouseenter', () => btn.style.transition = `none`);\n            });\n\n            \/\/ 6. \u89c6\u5dee\u80cc\u666f\n            const parallaxContainer = document.querySelector('.parallax-container');\n            const parallaxBgs = document.querySelectorAll('.parallax-bg');\n            if (parallaxContainer && window.innerWidth > 768) {\n                parallaxContainer.addEventListener('mousemove', (e) => {\n                    const x = (e.clientX - window.innerWidth \/ 2);\n                    const y = (e.clientY - window.innerHeight \/ 2);\n                    parallaxBgs.forEach(bg => {\n                        const speed = bg.getAttribute('data-speed');\n                        bg.style.transform = `translate(${x * speed}px, ${y * speed}px)`;\n                    });\n                });\n            }\n\n            \/\/ 8. Swiper \u5de6\u53f3\u753b\u4e2d\u753b\u521d\u59cb\u5316\n            if (typeof Swiper !== 'undefined') {\n                const commonConfig = {\n                    slidesPerView: 1, \n                    loop: true,\n                    effect: 'fade', \n                    fadeEffect: { crossFade: true },\n                    speed: 800,\n                    grabCursor: true, \n                };\n\n                new Swiper('.epc-swiper', {\n                    ...commonConfig,\n                    autoplay: { delay: 4500, disableOnInteraction: false, pauseOnMouseEnter: true },\n                    pagination: { el: \".epc-pagination\", clickable: true },\n                    navigation: { nextEl: '#epc-btn-next', prevEl: '#epc-btn-prev' }\n                });\n                \n                new Swiper('.emc-swiper', {\n                    ...commonConfig,\n                    autoplay: { delay: 5500, disableOnInteraction: false, pauseOnMouseEnter: true },\n                    pagination: { el: \".emc-pagination\", clickable: true },\n                    navigation: { nextEl: '#emc-btn-next', prevEl: '#emc-btn-prev' }\n                });\n            }\n        });\n    <\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Global Energy Transition Standard Mastering the Zero-Carbon Equation. Empowering industrial giants and commercial leaders worldwide through elite Turnkey EPC execution and Zero-CAPEX Energy Management Contracting (EMC\/PPA). EPC &#xea3d; Engineering, Procurement, Construction A traditional, robust model for clients holding CAPEX. We deliver end-to-end turnkey infrastructure, ensuring absolute quality control, timeline adherence, and tier-1 component integration. &#xea3b;Site-Specific [&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-1981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1981","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=1981"}],"version-history":[{"count":7,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1981\/revisions"}],"predecessor-version":[{"id":2117,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1981\/revisions\/2117"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/media?parent=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}