{"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\/zh_hk\/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                \u5168\u7403\u80fd\u6e90\u8f49\u578b\u6a19\u6e96\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                \u638c\u63e1 <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;\">\u96f6\u78b3\u6392\u653e<\/span> \u65b9\u7a0b\u5f0f\u3002.\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                \u900f\u904e\u7cbe\u82f1\u7d1a\u7684\u4ea4\u9470\u5319\u5de5\u7a0b\u7e3d\u627f\u5305 (EPC) \u57f7\u884c\u548c\u96f6\u8cc7\u672c\u652f\u51fa\u80fd\u6e90\u7ba1\u7406\u5408\u7d04 (EMC\/PPA) \u70ba\u5168\u7403\u5de5\u696d\u5de8\u982d\u548c\u5546\u696d\u9818\u8896\u8ce6\u80fd\u3002.\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\">\u5de5\u7a0b\u3001\u63a1\u8cfc\u3001\u65bd\u5de5<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    \u70ba\u6301\u6709\u8cc7\u672c\u652f\u51fa (CAPEX) \u7684\u5ba2\u6236\u63d0\u4f9b\u50b3\u7d71\u4e14\u7a69\u5065\u7684\u6a21\u5f0f\u3002\u6211\u5011\u63d0\u4f9b\u7aef\u5230\u7aef\u7684\u4ea4\u9470\u5319\u57fa\u790e\u8a2d\u65bd\uff0c\u78ba\u4fdd\u7d55\u5c0d\u7684\u54c1\u8cea\u63a7\u5236\u3001\u6309\u6642\u5b8c\u6210\u4ee5\u53ca\u4e00\u6d41\u7684\u7d44\u4ef6\u6574\u5408\u3002.\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>\u5834\u5730\u7279\u5b9a\u8a2d\u8a08<\/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>\u5168\u7403\u63a1\u8cfc<\/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>\u8a8d\u8b49\u69cb\u5efa<\/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>\u96fb\u7db2\u4ea4\u63a5<\/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\">EMC\/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\">\u80fd\u6e90\u7ba1\u7406\u5408\u7d04<\/h3>\n                <p class=\"text-slate-600 mb-10 leading-relaxed text-lg relative z-10\">\n                    \u9019\u662f\u7121\u98a8\u96aa\u5347\u7d1a\u7684\u73fe\u4ee3\u6a19\u6e96\u3002\u6211\u5011\u70ba\u8a72\u5c08\u6848\u63d0\u4f9b 100% \u7684\u8cc7\u91d1\u3002\u60a8\u5c07\u7acb\u5373\u4eab\u53d7\u7bc0\u80fd\u5e36\u4f86\u7684\u6536\u76ca\u3002\u6211\u5011\u5c07\u8207\u60a8\u5206\u4eab\u5168\u90e8\u7531\u7bc0\u80fd\u589e\u6548\u6240\u7522\u751f\u7684\u5229\u6f64\u3002.\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>\u7121\u9700\u8cc7\u672c\u652f\u51fa<\/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>\u4fdd\u8b49\u7bc0\u7701<\/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>\u514d\u8cbb\u7dad\u904b\u8cbb\u7528\u5305\u542b\u5728\u5167<\/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>\u7acb\u5373\u7372\u5f97\u6295\u8cc7\u5831\u916c\u7387<\/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\">\u57f7\u884c\u8def\u5f91<\/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\u5de5\u4f5c\u6d41\u7a0b<\/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\">EMC\/PPA \u5de5\u4f5c\u6d41\u7a0b<\/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\">\u73fe\u5834\u52d8\u6e2c<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u5c0d\u5c4b\u9802\u5b8c\u6574\u6027\u3001\u906e\u967d\u548c\u96fb\u6c23\u57fa\u790e\u8a2d\u65bd\u9032\u884c\u5168\u9762\u8a55\u4f30\u3002.<\/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\">\u5de5\u7a0b<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u63a1\u7528\u7cbe\u5bc6CAD\/3D\u8a2d\u8a08\uff0c\u512a\u5316\u9054\u5230\u6700\u5927\u80fd\u91cf\u5bc6\u5ea6\u3002.<\/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\">\u63a1\u8cfc<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u900f\u904e\u6211\u5011\u5f37\u5927\u7684\u4f9b\u61c9\u93c8\u63a1\u8cfc\u9ad8\u6548\u96f6\u4ef6\u3002.<\/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\">\u5efa\u9020<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u56b4\u683c\u6309\u7167\u570b\u969b\u5b89\u5168\u548c\u54c1\u8cea\u6a19\u6e96\u9032\u884c\u73fe\u5834\u7ba1\u7406\u3002.<\/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\">\u7db2\u683c\u8207\u6e2c\u8a66<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u8ca0\u8cac\u6240\u6709 PEA\/MEA \u8a31\u53ef\u8b49\u7684\u8fa6\u7406\uff0c\u4e26\u9032\u884c\u56b4\u683c\u7684\u8abf\u8a66\u524d\u6e2c\u8a66\u3002.<\/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\">\u904b\u7dad<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u5168\u5929\u5019\u9060\u7aef\u76e3\u63a7\u548c\u672c\u5730\u5316\u6e05\u6f54\/\u7dad\u4fee\u670d\u52d9\u3002.<\/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\">\u8a55\u4f30<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u6839\u64da\u60a8\u904e\u5f80\u7684\u96fb\u8cbb\u5e33\u55ae\u9032\u884c\u8ca1\u52d9\u53ef\u884c\u6027\u7814\u7a76\u3002.<\/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\">\u5354\u5b9a<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u6e05\u6670\u900f\u660e\u7684\u8cfc\u96fb\u5354\u8b70\uff08PPA\uff09\uff0c\u7121\u4efb\u4f55\u96b1\u85cf\u8cbb\u7528\u3002.<\/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\">\u90e8\u7f72<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u6211\u5011\u7684\u5c08\u696d\u5de5\u7a0b\u5718\u968a\u53ef\u5feb\u901f\u5b8c\u6210\u5b89\u88dd\u548c\u8abf\u8a66\u3002.<\/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\">\u7ba1\u7406<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u667a\u6167\u8abf\u5ea6\u592a\u967d\u80fd\u548c\u5132\u80fd\u4fc2\u7d71\uff0c\u4ee5\u512a\u5316\u81ea\u7528\u96fb\u91cf\u3002.<\/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\">\u5229\u76ca\u5171\u4eab<\/h4>\n                                <p class=\"text-slate-600 text-xs leading-relaxed\">\u53ea\u9700\u70ba\u7522\u751f\u7684\u592a\u967d\u80fd\u4ed8\u8cbb\uff0c\u800c\u4e14\u96fb\u50f9\u9060\u4f4e\u65bc\u96fb\u7db2\u96fb\u50f9\u3002.<\/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\">\u4fe1\u4efb\u8207\u670d\u52d9<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">\u57fa\u65bc\u7d55\u5c0d\u53ef\u9760\u6027\u800c\u6253\u9020\u3002.<\/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\">\u672c\u5730\u5316\u7dad\u904b\u652f\u6301<\/h4>\n                            <p class=\"text-slate-600 mt-1\">\u70ba\u60a8\u7684\u80fd\u6e90\u8cc7\u7522\u63d0\u4f9b\u5168\u5929\u5019 (24\/7\/365) \u751f\u547d\u9031\u671f\u4fdd\u8b77\u3002.<\/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\">\u8aee\u8a62<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">\u6280\u8853\u8aee\u8a62\u56de\u8986\u5c07\u57282\u5c0f\u6642\u5167\u5b8c\u6210\u3002.<\/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\">\u8a3a\u65b7<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">\u9060\u7aef\u8a3a\u65b7\u53ca\u89e3\u6c7a\u65b9\u6848\u3002.<\/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\">\u73fe\u5834<\/div>\n                            <p class=\"text-sm text-slate-600 leading-relaxed\">\u73fe\u5834\u5de5\u7a0b\u652f\u63f4\u90e8\u7f72\u3002.<\/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\">\u5168\u7403\u54c1\u8cea\u57fa\u6e96<\/h4>\n                        <p class=\"text-slate-600 text-sm\">\u56b4\u683c\u9075\u5b88\u5168\u7403\u6a19\u6e96\u3002.<\/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\">\u4e00\u7d1a\u751f\u614b\u7cfb\u7d71<\/h4>\n                        <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\u6211\u5011\u8207\u5149\u4f0f\u88fd\u9020\u548c\u9006\u8b8a\u5668\u6280\u8853\u9818\u57df\u7684\u5168\u7403\u9818\u5c0e\u8005\u5efa\u7acb\u7b56\u7565\u806f\u76df\uff0c\u4e26\u4ee5\u6b64\u70ba\u5f8c\u76fe\u3002 <span id=\"dynamic-years\" class=\"text-primary font-mono  mx-1 border-b border-primary\/50\"><\/span>\u591a\u5e74\u7684\u884c\u696d\u7d93\u9a57\uff0c\u78ba\u4fdd\u5168\u751f\u547d\u9031\u671f\u6027\u80fd\u548c\u7d55\u5c0d\u5b89\u5168\u6027\u3002.<\/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\">\u6b63\u54c1\u7d44\u4ef6\u63a1\u8cfc<\/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\">\u6210\u529f\u6848\u4f8b<\/div>\n                <h3 class=\"text-4xl md:text-[2.66rem] text-slate-900\">\u6211\u5011\u7684\u6295\u8cc7\u7d44\u5408<\/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\">\u4ea4\u9470\u5319\u5de5\u7a0b\u7e3d\u627f\u5305<\/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\">\u98a8\u529b<\/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\">\u7389\u6797\u98a8\u80fd\u524d\u7dda\uff1a\u5168\u7403\u6a19\u687f<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u6210\u719f\u7684\u6280\u8853\u67b6\u69cb\u8207\u570b\u5bb6\u80fd\u6e90\u653f\u7b56\u7121\u7e2b\u929c\u63a5\uff0c\u78ba\u4fdd\u5feb\u901f\u3001\u9ad8\u6548\u76ca\u7684\u96fb\u7db2\u6574\u5408\u3002.<\/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\">\u5146\u74e6<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u5bb9\u91cf<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">280<span class=\"text-primary text-sm ml-1\">\u5929<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u958b\u59cb\u4f75\u7db2<\/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\">\u96d9\u8ef8\u592a\u967d\u80fd<\/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\">\u592a\u967d\u54e8\u5175<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u7387\u5148\u63a1\u7528\u96d9\u8ef8\u8ffd\u8e64\u548c\u9ad8\u805a\u5149\u6280\u8853\uff0c\u6700\u5927\u9650\u5ea6\u5730\u63d0\u9ad8\u4e2d\u570b\u897f\u5357\u5730\u5340\u6700\u5927\u592a\u967d\u80fd\u767c\u96fb\u5340\u57df\u7684\u80fd\u6e90\u7522\u91cf\u3002.<\/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\">\u5bb9\u91cf<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">210<span class=\"text-primary text-sm ml-1\">\u5929<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u958b\u59cb\u4f75\u7db2<\/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\">\u96fb\u7db2\u96c6\u6210<\/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\">\u96fb\u7db2\u5c31\u7dd2\u85cd\u5716<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u512a\u5316\u7684 110kV \u8b8a\u96fb\u7ad9\u548c\u672c\u5730\u5316\u7684 35kV \u96c6\u96fb\u7dda\u8def\u78ba\u4fdd\u8207\u5340\u57df\u96fb\u7db2\u5be6\u73fe\u8d85\u5feb\u901f\u3001\u7121\u7e2b\u7684\u9023\u63a5\u3002.<\/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\">\u5146\u74e6<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u5bb9\u91cf<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">180<span class=\"text-primary text-sm ml-1\">\u5929<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u958b\u59cb\u4f75\u7db2<\/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\">\u8fb2\u5149\u4e92\u88dc<\/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\">\u7da0\u8272\u5354\u540c\u85cd\u5716<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u5ba2\u88fd\u5316\u9762\u677f\u9ad8\u5ea6\u548c\u4fbf\u65bc\u704c\u6e89\u7684\u8a2d\u8a08\uff0c\u4e26\u512a\u5316\u96fb\u6c23\u5b89\u5168\uff0c\u4ee5\u5be6\u73fe\u592a\u967d\u80fd\u548c\u8fb2\u696d\u7684\u5354\u8abf\u767c\u5c55\u3002.<\/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\">\u5bb9\u91cf<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white  drop-shadow-md\">245<span class=\"text-primary text-sm ml-1\">\u5929<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1\">\u958b\u59cb\u4f75\u7db2<\/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\">EMC\/PPA \u5408\u7d04<\/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)]\">\u5de5\u696d\u5340<\/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\">10MWp\u5206\u6563\u5f0f\u592a\u967d\u80fd\u5149\u96fb\u767c\u96fb\u8ce6\u80fd<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u900f\u904e\u7121\u7e2b\u6574\u5408 10MWp \u592a\u967d\u80fd\u767c\u96fb\u7cfb\u7d71\uff0c\u512a\u5316\u5de5\u696d\u80fd\u6e90\u6548\u7387\uff0c\u5927\u5e45\u6e1b\u5c11\u78b3\u6392\u653e\u3002.<\/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\">\u8cc7\u672c\u652f\u51fa\u4f30\u7b97.<\/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\">\u80fd\u6e90\u6700\u4f73\u5316<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00]  drop-shadow-md\">$450k \u2013 $600k \/ \u5e74<\/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)]\">\u4e00\u7d1a\u6a1e\u7d10<\/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.2MWp \u9ad8\u6548\u80fd\u5149\u96fb\u7cfb\u7d71<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u70ba\u5168\u7403\u4e00\u7d1a\u88fd\u9020\u5546\u63d0\u4f9b\u6c38\u7e8c\u80fd\u6e90\uff0c\u78ba\u4fdd\u5927\u5e45\u6e1b\u5c11\u78b3\u6392\u653e\u3002.<\/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\">\u5ba2\u6236\u8cc7\u672c\u652f\u51fa<\/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\">\uff08\u5df2\u5168\u984d\u8cc7\u52a9\uff09<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">\u80fd\u6e90\u6700\u4f73\u5316<\/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\">\u5e74\u5ea6\u7bc0\u7701<\/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)]\">\u7269\u6d41\u5712\u5340<\/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\u5146\u74e6\u5cf0\u503c\u5c4b\u9802\u5149\u96fb\u9805\u76ee<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u5c07\u5ee3\u95ca\u7684\u7269\u6d41\u5c4b\u9802\u6539\u9020\u70ba\u73fe\u4ee3\u5de5\u696d\u57fa\u790e\u8a2d\u65bd\u7684\u9ad8\u6536\u76ca\u7da0\u8272\u8cc7\u7522\u3002.<\/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\">\u5ba2\u6236\u8cc7\u672c\u652f\u51fa<\/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\">\uff08\u96f6\u9810\u4ed8\u6b3e\uff09<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">\u80fd\u6e90\u6700\u4f73\u5316<\/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\">\u5e74\u6298\u6263<\/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)]\">\u88fd\u9020\u696d<\/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.86MWp \u6574\u5408\u5f0f\u5149\u96fb\u89e3\u6c7a\u65b9\u6848<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u5229\u7528\u9ad8\u5bb9\u91cf\u592a\u967d\u80fd\u9663\u5217\u63a8\u52d5\u6c38\u7e8c\u88fd\u9020\uff0c\u986f\u8457\u964d\u4f4e\u80fd\u6e90\u6210\u672c\u3002.<\/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\">\u5ba2\u6236\u8cc7\u672c\u652f\u51fa<\/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\">\uff08\u96f6\u9810\u4ed8\u6b3e\uff09<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider\">\u80fd\u6e90\u6700\u4f73\u5316<\/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\">\u5e74\u5ea6\u6e1b\u91cf<\/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\">\u6e96\u5099\u597d\u812b\u78b3\u4e86\u55ce\uff1f<\/h2>\n            <p class=\"text-[1rem] text-slate-600 mb-10 max-w-2xl mx-auto\">\u7121\u8ad6\u60a8\u662f\u9700\u8981\u4ea4\u9470\u5319EPC\u5efa\u8a2d\u9084\u662f\u96f6\u8cc7\u672c\u652f\u51faEMC\/PPA\u5408\u4f5c\uff0c\u6211\u5011\u7684\u5de5\u7a0b\u5718\u968a\u90fd\u96a8\u6642\u6e96\u5099\u597d\u8a55\u4f30\u60a8\u7684\u5834\u5730\u3002.<\/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=\"\/zh_hk\/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\">\u806f\u7d61\u672c\u5730\u5c08\u5bb6<\/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\/zh_hk\/wp-json\/wp\/v2\/pages\/1981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/comments?post=1981"}],"version-history":[{"count":7,"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/pages\/1981\/revisions"}],"predecessor-version":[{"id":2117,"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/pages\/1981\/revisions\/2117"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/zh_hk\/wp-json\/wp\/v2\/media?parent=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}