{"id":1265,"date":"2025-11-14T02:10:16","date_gmt":"2025-11-13T18:10:16","guid":{"rendered":"https:\/\/nenghuienergy.com\/?page_id=1265"},"modified":"2026-03-04T15:08:28","modified_gmt":"2026-03-04T07:08:28","slug":"epc-solutions","status":"publish","type":"page","link":"https:\/\/nenghui.com\/th\/epc-solutions\/","title":{"rendered":"\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e48\u0e19 EPC"},"content":{"rendered":"<div class=\"bg-background-dark text-slate-300 font-sans overflow-x-hidden selection:bg-primary selection:text-black cursor-default\">\n\n    <!-- \u9ad8\u7ea7\u4ea4\u4e92\u5b9a\u5236 CSS -->\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\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(255,255,255,0.3); 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(255,255,255,0.3); 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            mix-blend-mode: screen;\n            backdrop-filter: blur(4px);\n        }\n\n        #energy-cursor.active {\n            width: 80px; height: 80px;\n            background: rgba(19, 236, 164, 0.1);\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\n\n    <\/style>\n\n    <!-- \u81ea\u5b9a\u4e49\u5149\u6807\u8282\u70b9 -->\n    <div id=\"energy-cursor\" class=\"hidden md:block\"><\/div>\n\n\n\n    <!-- \u82f1\u96c4\u4e3b\u89c6\u533a -->\n    <main class=\"relative pt-40 pb-24 overflow-hidden bg-mesh min-h-screen flex items-center parallax-container\">\n        <div class=\"parallax-bg absolute top-1\/4 -right-1\/4 w-[800px] h-[800px] bg-primary\/10 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        <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                \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\n            <\/div>\n            <h1 class=\"text-6xl md:text-8xl font-display font-bold text-3d-ultra mb-8 leading-[1.1] animate-fade-in\" style=\"animation-delay: 0.2s;\">\n                \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e14\u0e49\u0e32\u0e19 <br\/>\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-primary to-green-300 animate-text-shimmer\" style=\"background-size: 200% auto;\">\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c<\/span> \u0e2a\u0e21\u0e01\u0e32\u0e23.\n            <\/h1>\n            <p class=\"max-w-3xl mx-auto text-xl text-slate-400 mb-12 font-inter leading-relaxed animate-fade-in\" style=\"animation-delay: 0.4s;\">\n                \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e22\u0e31\u0e01\u0e29\u0e4c\u0e43\u0e2b\u0e0d\u0e48\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19 EPC \u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e41\u0e19\u0e27\u0e2b\u0e19\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e33\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19 (EMC\/PPA).\n            <\/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 animate-fade-in\" style=\"animation-delay: 0.6s;\">\n                <a href=\"#models\" class=\"magnetic-btn hover-trigger bg-primary text-black font-bold px-10 py-4 rounded-full text-lg hover:shadow-[0_0_40px_rgba(19,236,164,0.6)] transition-all duration-300 w-full sm:w-auto flex items-center justify-center relative overflow-hidden group\">\n                    <div class=\"absolute inset-0 bg-white\/20 translate-y-full group-hover:translate-y-0 transition-transform duration-300 ease-out pointer-events-none\"><\/div>\n                    <span class=\"pointer-events-none\">Explore Models<\/span>\n                <\/a>\n                <a href=\"#cases\" class=\"magnetic-btn hover-trigger bg-white\/5 border border-white\/20 text-white font-bold px-10 py-4 rounded-full text-lg hover:bg-white\/10 transition-all duration-300 w-full sm:w-auto flex items-center justify-center\">\n                  \n                    <span class=\"material-symbols-outlined mr-2 pointer-events-none\">&#xe143;<\/span> <span class=\"pointer-events-none\">View Track Record<\/span>\n                <\/a>\n            <\/div> -->\n        <\/div>\n    <\/main>\n\n    <!-- \u6838\u5fc3\u5546\u4e1a\u6a21\u5f0f (EPC & EMC Bento Grid) -->\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-[#0d1613] border border-white\/5 shadow-bento-dark hover:shadow-bento-hover hover:border-primary\/30 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-4xl lg:text-5xl font-bold text-white text-3d\">\u0e2d\u0e35\u0e1e\u0e35\u0e0b\u0e35<\/h2>\n                    <!-- engineering -> &#xea3d; -->\n                    <span class=\"material-symbols-outlined text-5xl text-primary opacity-50 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\">\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 \u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d \u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07<\/h3>\n                <p class=\"text-slate-400 mb-10 leading-relaxed text-lg relative z-10\">\n                    \u0e42\u0e21\u0e40\u0e14\u0e25\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e1a\u0e1a\u0e14\u0e31\u0e49\u0e07\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e25\u0e07\u0e17\u0e38\u0e19 (CAPEX) \u0e40\u0e23\u0e32\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (turnkey) \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19\u0e08\u0e19\u0e08\u0e1a \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e40\u0e27\u0e25\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33.\n                <\/p>\n                <div class=\"grid grid-cols-2 gap-4 font-inter text-slate-300 text-sm relative z-10 pointer-events-none\">\n                    <!-- architecture -> &#xea3b; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-primary block mb-2\">\uea3b<\/span>\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/div>\n                    <!-- inventory_2 -> &#xe1a1; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-primary block mb-2\">\ue1a1<\/span>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01<\/div>\n                    <!-- construction -> &#xea3c; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-primary block mb-2\">\uea3c<\/span>\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<\/div>\n                    <!-- verified -> &#xe86c; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-primary block mb-2\">\ue86c<\/span>\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e01\u0e23\u0e34\u0e14<\/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-[#0d1613] border border-white\/5 shadow-bento-dark hover:shadow-bento-hover hover:border-[#ff6b00]\/30 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-4xl lg:text-5xl font-bold text-white text-3d\">\u0e2d\u0e35\u0e40\u0e2d\u0e47\u0e21\u0e0b\u0e35\/\u0e1e\u0e35\u0e1e\u0e35\u0e40\u0e2d<\/h2>\n                    <!-- handshake -> &#xebcb; -->\n                    <span class=\"material-symbols-outlined text-5xl text-[#ff6b00] opacity-50 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\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/h3>\n                <p class=\"text-slate-400 mb-10 leading-relaxed text-lg relative z-10\">\n                    \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e17\u0e35\u0e48\u0e44\u0e23\u0e49\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07 \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 100% \u0e04\u0e38\u0e13\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e39\u0e1b\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e40\u0e23\u0e32\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e1c\u0e25\u0e01\u0e33\u0e44\u0e23\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19.\n                <\/p>\n                <div class=\"grid grid-cols-2 gap-4 font-inter text-slate-300 text-sm relative z-10 pointer-events-none\">\n                    <!-- account_balance -> &#xe84d; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\ue84d<\/span>\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19 (CAPEX)<\/div>\n                    <!-- monitoring -> &#xf190; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\uf190<\/span>\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14<\/div>\n                    <!-- support_agent -> &#xf0e2; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\uf0e2<\/span>\u0e23\u0e27\u0e21\u0e04\u0e48\u0e32\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e0b\u0e48\u0e2d\u0e21\u0e41\u0e0b\u0e21\u0e1f\u0e23\u0e35<\/div>\n                    <!-- trending_down -> &#xe8e3; -->\n                    <div class=\"bg-white\/5 p-4 rounded-2xl border border-white\/5\"><span class=\"material-symbols-outlined text-[#ff6b00] block mb-2\">\ue8e3<\/span>\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ======================================================= -->\n    <!-- \u6838\u5fc3\u66f4\u65b0\uff1a\u6781\u5ea6\u4e1d\u6ed1\u53cc\u8f68\u6267\u884c\u6d41\u7a0b -->\n    <!-- ======================================================= -->\n    <section id=\"dual-workflow\" class=\"py-24 relative overflow-hidden bg-[#060c09]\">\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <!-- \u5934\u90e8\u5207\u6362\u5668 -->\n            <div class=\"text-center mb-24\" data-aos=\"zoom-in\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-8 text-3d-subtitle\">\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23<\/h2>\n                <div class=\"inline-flex bg-black\/50 border border-white\/10 p-1.5 rounded-full backdrop-blur-md relative overflow-hidden shadow-bento-dark\">\n                    <!-- \u6ed1\u52a8\u80cc\u666f\u5757 -->\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 font-bold text-black transition-colors duration-300 flex items-center\">\n                        <!-- engineering -> &#xea3d; -->\n                        <span class=\"material-symbols-outlined mr-2 text-base md:text-lg pointer-events-none\">\uea3d<\/span> <span class=\"pointer-events-none\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 EPC<\/span>\n                    <\/button>\n                    <button id=\"btn-emc\" class=\"tab-btn hover-trigger hover-emc relative z-10 px-6 md:px-10 py-3 md:py-4 rounded-full font-bold text-slate-400 hover:text-white transition-colors duration-300 flex items-center\">\n                        <!-- handshake -> &#xebcb; -->\n                        <span class=\"material-symbols-outlined mr-2 text-base md:text-lg pointer-events-none\">\uebcb<\/span> <span class=\"pointer-events-none\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 EMC\/PPA<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u4f7f\u7528 Grid Wrapper \u5305\u88f9 -->\n            <div class=\"tab-wrapper w-full relative\">\n                <!-- EPC \u6d41\u7a0b\u5185\u5bb9 (6\u4e2a\u6b65\u9aa4) -->\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-white\/10 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                            <!-- my_location -> &#xe55c; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-primary flex items-center justify-center shadow-glow 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e07\u0e41\u0e2a\u0e07 \u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32.<\/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                            <!-- architecture -> &#xea3b; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a CAD\/3D \u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33 \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e41\u0e19\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14.<\/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                            <!-- inventory_2 -> &#xe1a1; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e2b\u0e48\u0e27\u0e07\u0e42\u0e0b\u0e48\u0e2d\u0e38\u0e1b\u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32.<\/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                            <!-- construction -> &#xea3c; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e43\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14 \u0e42\u0e14\u0e22\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25.<\/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                            <!-- electrical_services -> &#xf102; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 PEA\/MEA \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14.<\/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                            <!-- support_agent -> &#xf0e2; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark 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-black transition-colors text-xl\">\uf0e2<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25\u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\/\u0e0b\u0e48\u0e2d\u0e21\u0e41\u0e0b\u0e21\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e08\u0e38\u0e14.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- EMC \u6d41\u7a0b\u5185\u5bb9 (5\u4e2a\u6b65\u9aa4) -->\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-white\/10 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                            <!-- query_stats -> &#xe4fc; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-[#ff6b00] flex items-center justify-center shadow-[0_0_15px_rgba(255,107,0,0.4)] 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e42\u0e14\u0e22\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e08\u0e32\u0e01\u0e43\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e2d\u0e14\u0e35\u0e15\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13.<\/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                            <!-- contract -> &#xf0c9; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32 (PPA) \u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e2d\u0e1a\u0e41\u0e1d\u0e07.<\/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                            <!-- precision_manufacturing -> &#xf049; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e42\u0e14\u0e22\u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32.<\/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                            <!-- energy_savings_leaf -> &#xec46; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark border-2 border-white\/30 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-white 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 font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e32\u0e0d\u0e09\u0e25\u0e32\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e40\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14.<\/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                            <!-- savings -> &#xe2eb; -->\n                            <div class=\"w-12 h-12 rounded-full bg-background-dark 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-black transition-colors text-xl\">\ue2eb<\/span><\/div>\n                            <div class=\"ml-6 lg:ml-0 lg:text-center\">\n                                <h4 class=\"text-lg font-bold text-white mb-2\">\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c<\/h4>\n                                <p class=\"text-slate-500 text-xs leading-relaxed\">\u0e08\u0e48\u0e32\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e48\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e14\u0e49\u0e43\u0e19\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e17\u0e35\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32\u0e04\u0e48\u0e32\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- \u4fe1\u4efb\u67a2\u7ebd\uff1a\u8fd0\u7ef4 SLA\u3001\u8d44\u8d28\u4e0e\u9876\u7ea7\u4f9b\u5e94\u94fe\u751f\u6001 (\u5927\u6c14\u4e13\u4e1a\u7248) -->\n    <section id=\"trust\" class=\"py-32 bg-[#030604] border-y border-white\/5 relative overflow-hidden\">\n        <!-- \u5b8f\u5927\u7684\u80cc\u666f\u5168\u5c40\u5149\u6655 -->\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\/5 to-transparent blur-[120px] pointer-events-none\"><\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <!-- \u6a21\u5757\u6807\u9898 -->\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  rounded-full\">\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/div>\n                <h3 class=\"text-4xl md:text-5xl font-bold text-white text-3d-subtitle\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07.<\/h3>\n            <\/div>\n\n            <!-- \u4e0a\u534a\u90e8\uff1a\u8fd0\u7ef4\u670d\u52a1 SLA \u4e0e \u56fd\u9645\u8d44\u8d28 (\u6c34\u5e73\u5168\u5bbd\u5e03\u5c40) -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8\">\n                \n                <!-- \u8fd0\u7ef4 SLA \u6838\u5fc3\u5361\u7247 (\u5360\u636e 2 \u5217\uff0c\u5c55\u73b0\u5927\u6c14) -->\n                <div data-aos=\"fade-right\" class=\"lg:col-span-2 hover-trigger group bg-[#0a110e] border border-white\/5 rounded-[2rem] p-10 md:p-14 hover:border-primary\/30 transition-colors 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                        <!-- support_agent -> &#xf0e2; -->\n                        <span class=\"material-symbols-outlined text-primary text-4xl mr-4\">\uf0e2<\/span>\n                        <div>\n                            <h4 class=\"text-2xl md:text-3xl font-bold text-white\">\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/h4>\n                            <p class=\"text-slate-400 mt-1\">\u0e01\u0e32\u0e23\u0e1b\u0e01\u0e1b\u0e49\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e25\u0e2d\u0e14\u0e27\u0e07\u0e08\u0e23\u0e0a\u0e35\u0e27\u0e34\u0e15 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 7 \u0e27\u0e31\u0e19\u0e15\u0e48\u0e2d\u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c 365 \u0e27\u0e31\u0e19\u0e15\u0e48\u0e2d\u0e1b\u0e35.<\/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-white\/10\">\n                        <!-- SLA 1: 2H -->\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 font-bold text-white 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 font-bold\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2b\u0e32\u0e23\u0e37\u0e2d<\/div>\n                            <p class=\"text-sm text-slate-500 leading-relaxed\">\u0e15\u0e2d\u0e1a\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e20\u0e32\u0e22\u0e43\u0e19 2 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07.<\/p>\n                        <\/div>\n                        <!-- SLA 2: 24H -->\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 font-bold text-white 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 font-bold\">\u0e01\u0e32\u0e23\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22<\/div>\n                            <p class=\"text-sm text-slate-500 leading-relaxed\">\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e01\u0e32\u0e23\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e08\u0e32\u0e01\u0e23\u0e30\u0e22\u0e30\u0e44\u0e01\u0e25.<\/p>\n                        <\/div>\n                        <!-- SLA 3: 48H -->\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 font-bold text-white mb-2 flex items-baseline\">48<span class=\"text-white text-xl ml-1\">H<\/span><\/div>\n                            <div class=\"text-xs text-slate-300 uppercase tracking-widest mb-2 font-bold\">\u0e13 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/div>\n                            <p class=\"text-sm text-slate-500 leading-relaxed\">\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e32\u0e07\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21 \u0e13 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u56fd\u9645\u8d44\u8d28\u8bc1\u4e66\u5361\u7247 (\u5360\u636e 1 \u5217\uff0c\u7eb5\u5411\u6392\u5217) -->\n                <div data-aos=\"fade-left\" class=\"hover-trigger group bg-[#0a110e] border border-white\/5 rounded-[2rem] p-10 md:p-14 flex flex-col justify-center relative overflow-hidden\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-white\/[0.03] to-transparent pointer-events-none\"><\/div>\n                    <div class=\"mb-8 relative z-10\">\n                        <!-- verified -> &#xe86c; -->\n                        <span class=\"material-symbols-outlined text-white\/50 text-4xl mb-4 block\">\ue86c<\/span>\n                        <h4 class=\"text-2xl font-bold text-white mb-2\">\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01<\/h4>\n                        <p class=\"text-slate-400 text-sm\">\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e04\u0e23\u0e48\u0e07\u0e04\u0e23\u0e31\u0e14\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14.<\/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-black\/50 border border-white\/5 text-slate-300 font-mono text-sm flex items-center 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-black\/50 border border-white\/5 text-slate-300 font-mono text-sm flex items-center 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-black\/50 border border-white\/5 text-slate-300 font-mono text-sm flex items-center 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                        <!-- \u4e0b\u534a\u90e8\uff1aTier-1 \u5168\u7403\u4f9b\u5e94\u94fe\u8054\u76df (\u5168\u5bbd\u6a2a\u5411\u8dd1\u9a6c\u706f\u7248) -->\n            <div data-aos=\"fade-up\" class=\"hover-trigger group bg-gradient-to-b from-[#0a110e] to-black border border-white\/5 rounded-[2rem] 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-white\/20 to-transparent pointer-events-none\"><\/div>\n                \n                <!-- \u8054\u76df\u8bf4\u660e\u6587\u5b57 -->\n                <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12 border-b border-white\/10 pb-8 gap-6 pointer-events-none\">\n                    <div class=\"max-w-xl\">\n                        <!-- hub -> &#xe9f4; -->\n                        <span class=\"material-symbols-outlined text-white\/30 text-3xl mb-4 block\">\ue9f4<\/span>\n                        <h4 class=\"text-2xl md:text-3xl font-bold text-white mb-3\">\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e34\u0e40\u0e27\u0e28\u0e23\u0e30\u0e14\u0e31\u0e1a 1<\/h4>\n                        <p class=\"text-slate-400 text-sm leading-relaxed relative z-10\">\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e34\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e2d\u0e23\u0e4c \u0e42\u0e14\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e08\u0e32\u0e01\u0e40\u0e23\u0e32 <span id=\"dynamic-years\" class=\"text-white font-mono font-bold mx-1 border-b border-primary\/50\"><\/span>\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e21\u0e32\u0e19\u0e32\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e1b\u0e35 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e16\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e04\u0e23\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e44\u0e14\u0e49.<\/p>\n                    <\/div>\n                    <div class=\"text-left md:text-right shrink-0\">\n                        <div class=\"text-sm font-mono text-white font-bold\">100%<\/div>\n                        <div class=\"text-[10px] text-slate-500 uppercase tracking-widest mt-1\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07<\/div>\n                    <\/div>\n                <\/div>\n\n                                <!-- \u6838\u5fc3\u66f4\u65b0\uff1a\u6a2a\u5411\u65e0\u7f1d\u8dd1\u9a6c\u706f\u5bb9\u5668 (\u7edd\u5bf9\u7b49\u5bbd\u7248) -->\n                <div class=\"marquee-container relative w-full overflow-hidden mask-edges-x py-2 cursor-default\">\n                    <!-- \u53bb\u9664\u4e86 gap-x-6\uff0c\u6539\u7528 CSS \u63a7\u5236\u95f4\u8ddd\u4ee5\u4fdd\u8bc1\u603b\u4f53\u5bbd\u5ea6\u7684\u7edd\u5bf9\u6570\u5b66\u7cbe\u5ea6 -->\n                    <div class=\"animate-marquee-x\">\n                        \n                        <!-- ================= \u7b2c\u4e00\u7ec4\u540d\u5355 (9\u4e2a\u54c1\u724c) ================= -->\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e25\u0e2d\u0e07\u0e08\u0e34<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e40\u0e08\u0e40\u0e2d \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-[#ff6b00]\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e17\u0e23\u0e35\u0e19\u0e48\u0e32 \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e48\u0e22<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-[#ff6b00]\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e0b\u0e31\u0e19\u0e42\u0e01\u0e23\u0e27\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e08\u0e34\u0e19\u0e2b\u0e25\u0e07<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e0a\u0e34\u0e19\u0e17\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e14\u0e35\u0e27\u0e35<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e40\u0e14\u0e40\u0e22<\/span>\n                        <\/div>\n\n                        <!-- ================= \u7b2c\u4e8c\u7ec4\u540d\u5355 (\u5b8c\u7f8e\u590d\u5236\uff0c\u4fdd\u8bc1\u8854\u63a5\u4e0d\u8df3\u5e27) ================= -->\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e25\u0e2d\u0e07\u0e08\u0e34<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e40\u0e08\u0e40\u0e2d \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-[#ff6b00]\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e17\u0e23\u0e35\u0e19\u0e48\u0e32 \u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-primary\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e48\u0e22<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-[#ff6b00]\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-xl font-display font-bold text-slate-300 tracking-wider pointer-events-none\">\u0e0b\u0e31\u0e19\u0e42\u0e01\u0e23\u0e27\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e08\u0e34\u0e19\u0e2b\u0e25\u0e07<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e0a\u0e34\u0e19\u0e17\u0e4c<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e14\u0e35\u0e27\u0e35<\/span>\n                        <\/div>\n                        <div class=\"marquee-item h-20 flex justify-center items-center bg-black\/40 rounded-xl border border-white\/5 hover:border-white\/20 transition-all duration-300 hover:bg-white\/5\">\n                            <span class=\"text-lg font-display font-bold text-slate-400 pointer-events-none\">\u0e40\u0e14\u0e40\u0e22<\/span>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n    <!-- 6. \u6807\u6746\u6848\u4f8b (\u53cc\u8f68 Swiper) -->\n    <section id=\"cases\" class=\"py-32 bg-[#060c09] overflow-hidden relative\">\n        <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-primary\/5 blur-[150px] pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-[#ff6b00]\/5 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  rounded-full\">\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08<\/div>\n                <h3 class=\"text-4xl md:text-5xl font-bold text-white text-3d\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/h3>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16\">\n                <!-- ================= \u5de6\u4fa7\uff1aEPC \u8f68\u9053 (\u7eff\u8272\u7cfb) ================= -->\n                <div data-aos=\"fade-right\">\n                    <div class=\"flex items-center justify-between mb-6 border-b border-white\/10 pb-4\">\n                        <div class=\"flex items-center\">\n                            <!-- engineering -> &#xea3d; -->\n                            <span class=\"material-symbols-outlined text-primary text-3xl mr-3\">\uea3d<\/span>\n                            <h4 class=\"text-2xl font-bold text-white\">\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e47\u0e01\u0e15\u0e4c\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (EPC)<\/h4>\n                        <\/div>\n                        <div class=\"flex space-x-2 relative z-50\">\n                            <!-- arrow_back -> &#xe5c4; -->\n                            <button id=\"epc-btn-prev\" class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center text-white 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                            <!-- arrow_forward -> &#xe5c8; -->\n                            <button id=\"epc-btn-next\" class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center text-white 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-dark h-[450px]\">\n                        <div class=\"swiper-wrapper\">\n                            <!-- EPC Case 1 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-glow\">\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e25\u0e21<\/span>\n                                        <!-- location_on -> &#xe0c8; -->\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/30 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Yulin, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e41\u0e19\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e25\u0e21\u0e02\u0e2d\u0e07\u0e2b\u0e22\u0e39\u0e2b\u0e25\u0e34\u0e19: \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e2a\u0e39\u0e08\u0e19\u0e4c\u0e41\u0e25\u0e49\u0e27 \u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e39\u0e07.<\/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 font-bold drop-shadow-md\">100<span class=\"text-primary text-sm ml-1\">\u0e40\u0e2d\u0e47\u0e21\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e25\u0e22\u0e39<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white font-bold drop-shadow-md\">280<span class=\"text-primary text-sm ml-1\">\u0e27\u0e31\u0e19<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e39\u0e48\u0e01\u0e23\u0e34\u0e14<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EPC Case 2 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-glow\">\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e41\u0e1a\u0e1a\u0e41\u0e01\u0e19\u0e04\u0e39\u0e48<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/30 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Southwest, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e19\u0e15\u0e34\u0e40\u0e19\u0e25<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e07\u0e41\u0e01\u0e19\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e41\u0e2a\u0e07\u0e2a\u0e39\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e15\u0e01\u0e40\u0e09\u0e35\u0e22\u0e07\u0e43\u0e15\u0e49\u0e02\u0e2d\u0e07\u0e08\u0e35\u0e19.<\/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 font-bold 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 font-bold\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white font-bold drop-shadow-md\">210<span class=\"text-primary text-sm ml-1\">\u0e27\u0e31\u0e19<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e39\u0e48\u0e01\u0e23\u0e34\u0e14<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EPC Case 3 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-glow\">\u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/30 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Regional, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e41\u0e1a\u0e1a\u0e41\u0e1c\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e22\u0e48\u0e2d\u0e22 110kV \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e2a\u0e48\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32 35kV \u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e41\u0e25\u0e30\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29.<\/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 font-bold drop-shadow-md\">40<span class=\"text-primary text-sm ml-1\">\u0e40\u0e2d\u0e47\u0e21\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e25\u0e22\u0e39<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white font-bold drop-shadow-md\">180<span class=\"text-primary text-sm ml-1\">\u0e27\u0e31\u0e19<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e39\u0e48\u0e01\u0e23\u0e34\u0e14<\/div><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EPC Case 4 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-glow\">\u0e2d\u0e30\u0e01\u0e23\u0e35\u0e42\u0e27\u0e25\u0e15\u0e32\u0e2d\u0e34\u0e01\u0e2a\u0e4c<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/30 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Terrain, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-6\">\n                                        <h3 class=\"text-2xl md:text-3xl font-bold text-white mb-3 group-hover:text-primary transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e41\u0e1c\u0e19\u0e41\u0e21\u0e48\u0e1a\u0e17\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-6 max-w-md line-clamp-3 drop-shadow-md\">\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e43\u0e2b\u0e49\u0e2a\u0e39\u0e07\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e0a\u0e25\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e07\u0e15\u0e31\u0e27.<\/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 font-bold 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 font-bold\">\u0e04\u0e27\u0e32\u0e21\u0e08\u0e38<\/div><\/div>\n                                            <div><div class=\"text-2xl font-mono text-white font-bold drop-shadow-md\">245<span class=\"text-primary text-sm ml-1\">\u0e27\u0e31\u0e19<\/span><\/div><div class=\"text-[10px] text-slate-300 uppercase tracking-wider mt-1 font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e39\u0e48\u0e01\u0e23\u0e34\u0e14<\/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                <!-- ================= \u53f3\u4fa7\uff1aEMC \u8f68\u9053 (\u6a59\u8272\u7cfb) ================= -->\n                <div data-aos=\"fade-left\" data-aos-delay=\"100\">\n                    <div class=\"flex items-center justify-between mb-6 border-b border-white\/10 pb-4\">\n                        <div class=\"flex items-center\">\n                            <!-- handshake -> &#xebcb; -->\n                            <span class=\"material-symbols-outlined text-[#ff6b00] text-3xl mr-3\">\uebcb<\/span>\n                            <h4 class=\"text-2xl font-bold text-white\">\u0e2a\u0e31\u0e0d\u0e0d\u0e32 EMC\/PPA<\/h4>\n                        <\/div>\n                        <div class=\"flex space-x-2 relative z-50\">\n                            <!-- arrow_back -> &#xe5c4; -->\n                            <button id=\"emc-btn-prev\" class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center text-white 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                            <!-- arrow_forward -> &#xe5c8; -->\n                            <button id=\"emc-btn-next\" class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center text-white 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-[0_30px_60px_-15px_rgba(0,0,0,0.5)] h-[450px]\">\n                        <div class=\"swiper-wrapper\">\n                            <!-- EMC Case 1 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">\u0e19\u0e34\u0e04\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/40 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Zhuhai, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22 10 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e43\u0e19\u0e20\u0e32\u0e04\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e2a\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e02\u0e19\u0e32\u0e14 10 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19 \u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e01\u0e4a\u0e32\u0e0b\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e44\u0e14\u0e2d\u0e2d\u0e01\u0e44\u0e0b\u0e14\u0e4c.<\/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 font-bold\">\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e32\u0e23\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e25\u0e07\u0e17\u0e38\u0e19.<\/span>\n                                                <span class=\"text-sm font-mono text-white font-bold 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 font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00] font-bold drop-shadow-md\">$450k \u2013 $600k \/ \u0e1b\u0e35<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EMC Case 2 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a 1<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/40 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> B7 Mfg, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 5.2 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15\u0e23\u0e30\u0e14\u0e31\u0e1a Tier-1 \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e14\u0e49\u0e27\u0e22\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d.<\/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 font-bold\">\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/span>\n                                                <span class=\"text-sm font-mono text-white font-bold drop-shadow-md\">$3.6M <span class=\"text-xs text-slate-400 font-sans font-normal\">(\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e19\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00] font-bold drop-shadow-md\">15% \u2013 20% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">\u0e40\u0e07\u0e34\u0e19\u0e2d\u0e2d\u0e21\u0e23\u0e32\u0e22\u0e1b\u0e35<\/span><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EMC Case 3 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">\u0e2a\u0e27\u0e19\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/40 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Xinfei, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e1a\u0e19\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e02\u0e19\u0e32\u0e14 4.99 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48.<\/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 font-bold\">\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/span>\n                                                <span class=\"text-sm font-mono text-white font-bold drop-shadow-md\">$3.2M <span class=\"text-xs text-slate-400 font-sans font-normal\">(\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00] font-bold drop-shadow-md\">12% \u2013 18% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35<\/span><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- EMC Case 4 -->\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 font-bold text-[10px] rounded-full uppercase tracking-wider shadow-[0_0_10px_rgba(255,107,0,0.5)]\">\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15<\/span>\n                                        <!-- <span class=\"text-white font-mono text-sm flex items-center drop-shadow-md bg-black\/40 px-3 py-1 rounded-full backdrop-blur-sm\"><span class=\"material-symbols-outlined text-sm mr-1\">&#xe0c8;<\/span> Cheng-Ou, CN<\/span> -->\n                                    <\/div>\n                                    <div class=\"mb-5\">\n                                        <h3 class=\"text-2xl font-bold text-white mb-2 group-hover:text-[#ff6b00] transition-colors leading-tight line-clamp-2 drop-shadow-lg\">\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e07\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c\u0e41\u0e1a\u0e1a\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23 5.86 \u0e40\u0e21\u0e01\u0e30\u0e27\u0e31\u0e15\u0e15\u0e4c<\/h3>\n                                        <p class=\"text-slate-200 text-sm mb-4 line-clamp-2 drop-shadow-md\">\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e14\u0e49\u0e27\u0e22\u0e41\u0e1c\u0e07\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e39\u0e07 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e32\u0e01.<\/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 font-bold\">\u0e07\u0e1a\u0e25\u0e07\u0e17\u0e38\u0e19\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/span>\n                                                <span class=\"text-sm font-mono text-white font-bold drop-shadow-md\">$4.1M <span class=\"text-xs text-slate-400 font-sans font-normal\">(\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32)<\/span><\/span>\n                                            <\/div>\n                                            <div class=\"flex items-center justify-between\">\n                                                <span class=\"text-[11px] text-[#ff6b00] uppercase tracking-wider font-bold\">\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/span>\n                                                <span class=\"text-sm font-mono text-[#ff6b00] font-bold drop-shadow-md\">15% \u2013 22% <span class=\"text-xs text-[#ff6b00]\/70 font-sans font-normal\">\u0e01\u0e32\u0e23\u0e25\u0e14\u0e25\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35<\/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    <!-- \u884c\u52a8\u547c\u5401 -->\n    <section id=\"contact\" class=\"py-24 relative bg-[#0a1410]\">\n        <div class=\"container mx-auto px-6 text-center z-10 relative\" data-aos=\"zoom-in\">\n            <h2 class=\"text-5xl md:text-6xl font-bold text-white mb-8\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e25\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?<\/h2>\n            <p class=\"text-xl text-slate-400 mb-10 max-w-2xl mx-auto\">\u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e33\u0e25\u0e31\u0e07\u0e21\u0e2d\u0e07\u0e2b\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 (Turnkey EPC build) \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e14\u0e49\u0e32\u0e19 EMC\/PPA \u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e17\u0e38\u0e19 (Zero-CAPEX EMC\/PPA partnership) \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13.<\/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=\"\/th\/contact-us\/\" class=\"magnetic-btn hover-trigger bg-primary text-black font-bold px-12 py-5 rounded-full text-lg hover:shadow-[0_0_40px_rgba(19,236,164,0.4)] transition-all flex items-center justify-center\">\n                    <!-- description -> &#xe873; -->\n                    <span class=\"material-symbols-outlined mr-2 pointer-events-none\">\ue873<\/span> <span class=\"pointer-events-none\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/span>\n                <\/a>\n                <!-- <button class=\"magnetic-btn hover-trigger hover-emc bg-transparent border border-white\/20 text-white font-bold px-12 py-5 rounded-full text-lg hover:border-[#ff6b00] hover:text-[#ff6b00] transition-all\">\n                    <span class=\"pointer-events-none\">Become a Channel Partner<\/span>\n                <\/button> -->\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ================= \u6838\u5fc3\u4f9d\u8d56\u4e0e\u9ad8\u7ea7 JS \u4ea4\u4e92\u5f15\u64ce ================= -->\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    <!-- \u5f15\u5165 Swiper JS -->\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 (\u4ece 2009 \u5e74\u8d77\u7b97)\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)\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-black');\n                    btnEpc.classList.remove('text-slate-400');\n                    btnEmc.classList.remove('text-black');\n                    btnEmc.classList.add('text-slate-400');\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-black');\n                    btnEmc.classList.remove('text-slate-400');\n                    btnEpc.classList.remove('text-black');\n                    btnEpc.classList.add('text-slate-400');\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            \/\/ 3. \u5bfc\u822a\u680f\u6eda\u6548 (\u867d\u7136 HTML \u79fb\u9664\u4e86\uff0c\u4f46\u4fdd\u7559 JS \u9632\u62a5\u9519)\n            const nav = document.getElementById('main-nav');\n            if(nav) {\n                window.addEventListener('scroll', () => {\n                    if(window.scrollY > 50) {\n                        nav.classList.add('bg-background-dark\/80', 'backdrop-blur-xl', 'py-4', 'border-white\/5');\n                        nav.classList.remove('bg-transparent', 'py-6', 'border-transparent');\n                    } else {\n                        nav.classList.remove('bg-background-dark\/80', 'backdrop-blur-xl', 'py-4', 'border-white\/5');\n                        nav.classList.add('bg-transparent', 'py-6', 'border-transparent');\n                    }\n                });\n            }\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            \/\/ 7. \u6eda\u52a8\u6570\u5b57\n            const counters = document.querySelectorAll('.count-up');\n            const counterSection = document.getElementById('counter-section');\n            let started = false;\n            const runCounter = () => {\n                counters.forEach(counter => {\n                    const target = parseFloat(counter.getAttribute('data-target'));\n                    const isFloat = counter.getAttribute('data-is-float') === 'true';\n                    const totalFrames = Math.round(2000 \/ (1000 \/ 60));\n                    let currentFrame = 0;\n                    const updateCounter = () => {\n                        currentFrame++;\n                        const progress = currentFrame \/ totalFrames === 1 ? 1 : 1 - Math.pow(2, -10 * (currentFrame \/ totalFrames));\n                        const currentVal = target * progress;\n                        counter.innerText = isFloat ? currentVal.toFixed(1) : Math.floor(currentVal);\n                        if (currentFrame < totalFrames) requestAnimationFrame(updateCounter);\n                        else counter.innerText = target;\n                    };\n                    updateCounter();\n                });\n            };\n            if  (counterSection) {\n                if(  'IntersectionObserver' in window) {\n                    const observer = new IntersectionObserver((entries) => {\n                        if (entries[0].isIntersecting && !started) {\n                            started = true; runCounter();\n                        }\n                    }, { threshold: 0.5 });\n                    observer.observe(counterSection);\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-1265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/1265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/comments?post=1265"}],"version-history":[{"count":11,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/1265\/revisions"}],"predecessor-version":[{"id":1980,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/1265\/revisions\/1980"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/media?parent=1265"}],"curies":[{"name":"\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e25\u0e22\u0e39\u0e1e\u0e35","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}