{"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\/de\/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                Globaler Energiewende-Standard\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                Die Beherrschung der <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;\">CO2-neutral<\/span> Gleichung.\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                Wir unterst\u00fctzen Industriegiganten und f\u00fchrende Unternehmen weltweit durch erstklassige schl\u00fcsselfertige EPC-Projektabwicklung und Energiemanagementvertr\u00e4ge ohne Investitionskosten (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\">EPC<\/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\">Engineering, Beschaffung, Bau<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    Ein traditionelles, robustes Modell f\u00fcr Kunden mit Investitionsausgaben. Wir liefern schl\u00fcsselfertige Komplettl\u00f6sungen f\u00fcr die Infrastruktur und gew\u00e4hrleisten dabei absolute Qualit\u00e4tskontrolle, Termintreue und die Integration von Komponenten der ersten Stufe.\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>Standortspezifisches Design<\/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>Globale Beschaffung<\/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>Zertifizierter Bau<\/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>Netz\u00fcbergabe<\/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\">EMV\/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\">Energiemanagement-Vertr\u00e4ge<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    Der moderne Standard f\u00fcr risikofreie Modernisierungen. Wir finanzieren 100% des Projekts. Sie profitieren sofort von Energieeinsparungen. Wir teilen den Gewinn, der ausschlie\u00dflich aus der erzielten Energieeffizienz resultiert.\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>Keine Investitionskosten erforderlich<\/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>Garantierte Einsparungen<\/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>Kostenlose Betriebs- und Wartungsarbeiten inklusive<\/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>Sofortiger ROI<\/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\">Ausf\u00fchrungspfade<\/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\">EPC-Workflow<\/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\">EMV\/PPA-Workflow<\/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\">Standortanalyse<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Umfassende Bewertung der Dachintegrit\u00e4t, der Beschattung und der elektrischen Infrastruktur.<\/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\">Technik<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Pr\u00e4zisions-CAD\/3D-Design, optimiert f\u00fcr maximale Energiedichte.<\/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\">Beschaffung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Beschaffung hocheffizienter Komponenten \u00fcber unsere robuste Lieferkette.<\/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\">Konstruktion<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Strenge Baustellenleitung gem\u00e4\u00df internationalen Sicherheits- und Qualit\u00e4tsstandards.<\/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\">Netz &amp; Test<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Abwicklung aller PEA\/MEA-Genehmigungen und Durchf\u00fchrung strenger Vorinbetriebnahmetests.<\/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\">Betrieb und Instandhaltung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Fern\u00fcberwachung rund um die Uhr und lokale Reinigungs-\/Reparaturdienste.<\/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\">Auswertung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Wirtschaftlichkeitsstudie auf Basis Ihrer bisherigen Stromrechnungen.<\/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\">Vereinbarung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Klarer und transparenter Stromabnahmevertrag (PPA) ohne versteckte Geb\u00fchren.<\/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\">Einsatz<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Schnelle Installation und Inbetriebnahme durch unser erfahrenes Ingenieurteam.<\/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\">Verwaltung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Intelligente Steuerung von Solar- und Speicherenergie zur Optimierung des Eigenverbrauchs.<\/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\">Gewinnbeteiligung<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">Sie zahlen nur f\u00fcr die erzeugte Solarenergie zu einem deutlich niedrigeren Tarif als dem Netzstrom.<\/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\">Vertrauen und Service<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">Auf absoluter Zuverl\u00e4ssigkeit aufgebaut.<\/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\">Lokale Betriebs- und Wartungsunterst\u00fctzung<\/h4>\n                            <p class=\"text-slate-600 mt-1\">Rund-um-die-Uhr-Schutz (24\/7\/365) f\u00fcr Ihre Energieanlagen \u00fcber ihren gesamten Lebenszyklus.<\/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\">Beratung<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">Technische Beratungsanfrage innerhalb von 2 Stunden beantworten.<\/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\">Diagnose<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">Ferndiagnose &amp; L\u00f6sungsangebot.<\/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\">Vor Ort<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">Bereitstellung von technischem Support vor Ort.<\/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\">Globale Qualit\u00e4tsstandards<\/h4>\n                        <p class=\"text-slate-600 text-sm\">Strikte Einhaltung globaler Standards.<\/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\">Tier-1-\u00d6kosystem<\/h4>\n                        <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">Bildung strategischer Allianzen mit weltweit f\u00fchrenden Herstellern von Photovoltaik-Anlagen und Wechselrichtertechnologie, unterst\u00fctzt durch unsere <span id=\"dynamic-years\" class=\"text-primary font-mono  mx-1 border-b border-primary\/50\"><\/span>Jahrelange Branchenerfahrung gew\u00e4hrleistet optimale Leistung \u00fcber den gesamten Lebenszyklus und kompromisslose Sicherheit.<\/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\">Authentische Komponentenbeschaffung<\/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\">Erfolgsgeschichten<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">Unser Portfolio<\/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\">Schl\u00fcsselfertige Energieversorgung<\/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\">Windkraft<\/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\">Yulins Windfront: Ein globaler Ma\u00dfstab<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Bew\u00e4hrte technische Architekturen, die nahtlos mit nationalen Energiepolitiken abgestimmt sind, um eine schnelle und ertragreiche Netzintegration zu gew\u00e4hrleisten.<\/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\">Kapazit\u00e4t<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">280<span class=\"text-primary text-sm ml-1\">Tage<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Beginn der Netzeinf\u00fchrung<\/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\">Zweiachsige Solaranlage<\/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\">Der Sonnenw\u00e4chter<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Bahnbrechende Zweiachsen-Nachf\u00fchrungs- und Hochkonzentrationstechnologie zur Maximierung der Energieertr\u00e4ge in S\u00fcdwestchinas gr\u00f6\u00dfter Solarlandschaft.<\/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\">Kapazit\u00e4t<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">210<span class=\"text-primary text-sm ml-1\">Tage<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Beginn der Netzeinf\u00fchrung<\/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\">Netzintegration<\/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\">Der netztaugliche Entwurf<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Optimiertes 110-kV-Umspannwerk und lokalisierte 35-kV-Sammelleitungen gew\u00e4hrleisten eine ultraschnelle und nahtlose Anbindung an das regionale Stromnetz.<\/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\">Kapazit\u00e4t<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">180<span class=\"text-primary text-sm ml-1\">Tage<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Beginn der Netzeinf\u00fchrung<\/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\">Agrivoltaik<\/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\">Der Green Synergy Blueprint<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">Individuell anpassbare Paneelh\u00f6he und bew\u00e4sserungsfreundliches Design mit optimierter elektrischer Sicherheit zur Harmonisierung von Solarenergie und Landwirtschaft.<\/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\">Kapazit\u00e4t<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">245<span class=\"text-primary text-sm ml-1\">Tage<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">Beginn der Netzeinf\u00fchrung<\/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\">EMV\/PPA-Vertr\u00e4ge<\/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)]\">Industriepark<\/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\">10 MWp Dezentrale Solar-PV-Anlagen<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Optimierung der industriellen Energieeffizienz durch nahtlose Integration einer 10-MWp-Solaranlage, wodurch der CO2-Fu\u00dfabdruck drastisch reduziert wird.<\/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\">Gesch\u00e4tzte Investitionsausgaben.<\/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\">Energieoptimierung<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">$450k \u2013 $600k \/ Jahr<\/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)]\">Tier-1-Hub<\/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\">5,2 MWp Hocheffizientes PV-System<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Wir statten einen globalen Tier-1-Hersteller mit nachhaltiger Energie aus und gew\u00e4hrleisten so eine signifikante Reduzierung der CO2-Emissionen.<\/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\">Kunden-CAPEX<\/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\">(Vollst\u00e4ndig finanziert)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Energieoptimierung<\/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\">J\u00e4hrliche Einsparungen<\/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)]\">Logistikpark<\/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\">4,99 MWp Dach-Photovoltaikprojekt<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">Umwandlung weitl\u00e4ufiger Logistikdachfl\u00e4chen in ertragreiche gr\u00fcne Anlagen f\u00fcr moderne industrielle Infrastruktur.<\/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\">Kunden-CAPEX<\/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\">(Null Anzahlung)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Energieoptimierung<\/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\">Jahresrabatt<\/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)]\">Herstellung<\/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\">5,86 MWp integrierte PV-L\u00f6sung<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">F\u00f6rderung einer nachhaltigen Produktion durch eine Solaranlage mit hoher Kapazit\u00e4t, wodurch die Energiekosten deutlich gesenkt werden.<\/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\">Kunden-CAPEX<\/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\">(Null Anzahlung)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">Energieoptimierung<\/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\">J\u00e4hrliche Reduzierung<\/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\">Bereit zur Dekarbonisierung?<\/h2>\n            <p class=\"text-[1rem] text-slate-600 mb-10 max-w-2xl mx-auto\">Egal, ob Sie ein schl\u00fcsselfertiges EPC-Projekt oder eine EMC\/PPA-Partnerschaft ohne Investitionskosten suchen, unsere Ingenieurteams sind bereit, Ihren Standort zu begutachten.<\/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=\"\/de\/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\">Nehmen Sie Kontakt zu lokalen Experten auf.<\/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\/de\/wp-json\/wp\/v2\/pages\/1981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/comments?post=1981"}],"version-history":[{"count":7,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/1981\/revisions"}],"predecessor-version":[{"id":2117,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/1981\/revisions\/2117"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/media?parent=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}