{"id":2004,"date":"2026-03-06T15:15:15","date_gmt":"2026-03-06T07:15:15","guid":{"rendered":"https:\/\/nenghui.com\/?page_id=2004"},"modified":"2026-04-13T11:13:22","modified_gmt":"2026-04-13T03:13:22","slug":"story","status":"publish","type":"page","link":"https:\/\/nenghui.com\/ms\/story\/","title":{"rendered":"Cerita"},"content":{"rendered":"<div class=\"bg-[#fcfdfd] text-slate-800 font-sans overflow-x-hidden selection:bg-primary selection:text-white cursor-default\">\n    \n    <style>\n       \n\n          .text-mask-bg {\n            background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif');\n            background-size: cover; background-position: center; background-attachment: fixed;\n            -webkit-background-clip: text; color: transparent;\n        }\n        .acc-item { flex: 1; transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\n        .acc-item:hover { flex: 2.5; }\n        .acc-img { opacity: 0; transform: scale(1.1); transition: opacity 0.6s ease, transform 0.8s ease; mix-blend-mode: multiply; }\n        .acc-item:hover .acc-img { opacity: 0.45; transform: scale(1); }\n        .img-reveal { transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1); }\n        .group:hover .img-reveal { transform: scale(1.05); }\n        ::-webkit-scrollbar { display: none; }\n\n         \/* 1. \u547c\u5438\u73af\u5883\u5149 (\u4eae\u8272\u7248\uff1a\u4f7f\u7528\u7eaf\u767d\u906e\u7f69\u538b\u6697\u80cc\u666f\u56fe) *\/\n        .ambient-bg {\n            position: fixed; inset: 0; z-index: 0;\n            background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc5.avif');\n            background-size: cover; background-position: center;\n            opacity: 0.35; filter: grayscale(30%) blur(10px);\n            animation: breathe 30s infinite alternate ease-in-out;\n            will-change: transform;\n            pointer-events: none;\n            \n        }\n        .ambient-overlay {\n            position: fixed; inset: 0; z-index: 1;\n            background: linear-gradient(to bottom, rgba(252, 253, 253, 0.9), rgba(252, 253, 253, 0.98));\n        }\n        @keyframes breathe { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }\n\n        \/* 2. \u751f\u957f\u8fde\u63a5\u7ebf (\u4eae\u8272\u7248\uff1a\u52a0\u6df1\u989c\u8272\u4ee5\u589e\u52a0\u5bf9\u6bd4\u5ea6) *\/\n        .connector-wrap {\n            position: relative; width: 100%; height: 20vh; \n            display: flex; justify-content: center; z-index: 10;\n        }\n        .connector-line {\n            position: absolute; top: 0; width: 2px; height: 0%; \n            background: linear-gradient(to bottom, transparent, #0fa373 50%, #d95a00);\n            box-shadow: 0 5px 15px rgba(15, 163, 115, 0.2);\n            will-change: height;\n        }\n        .connector-dot {\n            position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);\n            width: 8px; height: 8px; border-radius: 50%;\n            background: #ff6b00;\n            box-shadow: 0 0 15px 4px rgba(255, 107, 0, 0.4);\n            opacity: 0; transition: opacity 0.2s;\n        }\n\n        \/* 3. \u64e6\u9664\u6587\u5b57\u6837\u5f0f (\u4eae\u8272\u7248\u5de8\u53d8\uff01) *\/\n        .scrub-container { position: relative; z-index: 20; padding: 10vh 0 20vh 0; }\n        \n        .scrub-block {\n            min-height: 50vh; display: flex; flex-direction: column; justify-content: center;\n            max-w-[1000px]; margin: 0 auto; padding: 0 5%;\n        }\n\n        \/* \u5355\u8bcd\u5f39\u8d77\u7279\u6548\uff1a\u672a\u6fc0\u6d3b\u72b6\u6001 *\/\n        .scrub-word {\n            display: inline-block; margin-right: 0.25em; margin-bottom: 0.1em;\n            \/* \u6d45\u8272\u80cc\u666f\u4e0b\uff0c\u672a\u8bfb\u6587\u5b57\u7528\u975e\u5e38\u6de1\u7684\u7070\u8272 *\/\n            color: rgba(148, 163, 184, 0.25); \n            transition: color 0.4s ease, text-shadow 0.4s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); \n            will-change: color, transform;\n            transform: translateY(8px) scale(0.98); \n        }\n        \n        \/* \u5355\u8bcd\u5f39\u8d77\u7279\u6548\uff1a\u5df2\u6fc0\u6d3b\u72b6\u6001 (\u53d8\u4e3a\u6781\u9ed1\/\u4e3b\u9898\u8272\uff0c\u800c\u4e0d\u662f\u53d1\u5149) *\/\n        .scrub-word.highlighted { \n            color: #595959; \/* slate-900 \u6df1\u9ed1 *\/\n            text-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); \/* \u6de1\u6de1\u7684\u6295\u5f71\uff0c\u8ba9\u5b57\u663e\u5f97\u6709\u539a\u5ea6 *\/\n            transform: translateY(0) scale(1); \n        }\n        \/* \u54c1\u724c\u8272\u8bcd\u6c47\u9ad8\u4eae (\u52a0\u6df1\u4ee5\u5bf9\u6297\u767d\u5e95) *\/\n        .scrub-word.highlighted-primary { color: #108c60; text-shadow: 0 4px 15px rgba(16, 140, 96, 0.2); transform: translateY(0) scale(1); }\n        .scrub-word.highlighted-orange { color: #d95a00; text-shadow: 0 4px 15px rgba(217, 90, 0, 0.2); transform: translateY(0) scale(1); }\n        .scrub-word.highlighted-slate { color: #475569; text-shadow: 0 4px 10px rgba(0,0,0,0.05); transform: translateY(0) scale(1); }\n\n        \/* 4. \u624b\u5199\u7b7e\u540d\u533a\u5b9a\u5236 *\/\n        \/* @import url('https:\/\/fonts.googleapis.com\/css2?family=Betania+Patmos+GDL:wght@400;700&family=Dancing+Script:wght@500;700&display=swap'); *\/\n\n        .handwriting-font { font-family: 'Liu Jian Mao Cao', cursive; }\n        .handwriting-font-word {\n            \/* font-family: 'Sacramento', cursive; *\/\n        }\n        \n        .signature-path {\n            stroke-dasharray: 1000; stroke-dashoffset: 1000;\n            transition: stroke-dashoffset 2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; \/* \u52a00.5s\u5ef6\u8fdf\uff0c\u7b49\u5b57\u4eae\u5b8c\u518d\u753b\u7ebf *\/\n        }\n        \/* \u5f53\u5916\u5c42\u89e6\u53d1 AOS \u52a8\u753b\u65f6\u753b\u7ebf *\/\n        .signature-reveal.aos-animate .signature-path { stroke-dashoffset: 0; }\n                \/* \u5c01\u9762\u56fe\u6781\u5176\u7f13\u6162\u7684\u547c\u5438\u7f29\u653e *\/\n        @keyframes breatheHero {\n            0% { transform: scale(1.05); }\n            100% { transform: scale(1.15); }\n        }\n        .animate-breathe-hero {\n            animation: breatheHero 20s infinite alternate ease-in-out;\n            will-change: transform;\n        }\n\n        \/* \u64ad\u653e\u6309\u94ae\u7684\u9ad8\u7ea7\u5fc3\u8df3\u6ce2\u7eb9 *\/\n        @keyframes pingSlow {\n            0% { transform: scale(1); opacity: 0.8; }\n            100% { transform: scale(2); opacity: 0; }\n        }\n        .animate-ping-slow {\n            animation: pingSlow 3s cubic-bezier(0, 0, 0.2, 1) infinite;\n        }\n\n\n    <\/style>\n\n   \n\n        <!-- 1. \u9996\u5c4f\uff1a\u5168\u5c4f\u547c\u5438\u5c01\u9762\u4e0e\u89c6\u9891\u89e6\u53d1\u533a -->\n        <!-- 1. \u9996\u5c4f\uff1a\u5168\u5c4f\u547c\u5438\u5c01\u9762\u4e0e\u89c6\u9891\u89e6\u53d1\u533a -->\n    <section class=\"h-[90vh] flex flex-col justify-center items-center relative z-20 px-6 overflow-hidden\">\n        <!-- \u89c6\u9891\u5c01\u9762\u80cc\u666f -->\n        <div class=\"absolute inset-0 z-0 overflow-hidden\">\n            <div class=\"w-full h-full bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif')] bg-cover bg-center animate-breathe-hero scale-105\"><\/div>\n            <div class=\"absolute inset-0 bg-white\/40 backdrop-blur-[2px]\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-10 text-center flex flex-col items-center\" data-aos=\"zoom-in\" data-aos-duration=\"1500\">\n            <span class=\"text-primary font-mono tracking-widest uppercase text-sm mb-6 block  drop-shadow-md\">Kisah Kami<\/span>\n            <h1 class=\"text-4xl md:text-[2.66rem] text-slate-900 tracking-tighter  mb-10 drop-shadow-lg\">\n                Direkayasa<br\/><span class=\"text-primary italic\">Harmoni.<\/span>\n            <\/h1>\n            \n            <!-- \u64ad\u653e\u6309\u94ae\u7ec4 -->\n            <div class=\"relative group cursor-pointer mt-4\" id=\"play-video-btn\">\n                <!-- \u8109\u51b2\u6ce2\u7eb9 -->\n                <div class=\"absolute inset-0 bg-primary\/30 rounded-full animate-ping-slow scale-50\"><\/div>\n                <div class=\"absolute inset-0 bg-[#ff6b00]\/20 rounded-full animate-ping-slow scale-25\" style=\"animation-delay: 1s;\"><\/div>\n                \n                <!-- \u5b9e\u4f53\u6309\u94ae -->\n                <div class=\"relative w-24 h-24 md:w-20 md:h-20 bg-white rounded-full flex items-center justify-center shadow-[0_15px_35px_rgba(0,0,0,0.15)] group-hover:scale-110 transition-transform duration-500 border border-slate-100\">\n                    <span class=\"material-symbols-outlined text-4xl md:text-5xl text-primary translate-x-1 group-hover:text-[#ff6b00] transition-colors\">\ue037<\/span>\n                <\/div>\n            <\/div>\n            \n            <p class=\"text-sm text-slate-600 font-mono tracking-widest uppercase mt-8\">Tonton Filem<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- 2. \u5168\u5c4f\u89c6\u9891\u5f39\u7a97 (\u54cd\u5e94\u5f0f\u7b49\u6bd4\u4f8b) -->\n    <div id=\"video-modal\" class=\"fixed inset-0 z-[99999] bg-black\/95 backdrop-blur-xl opacity-0 pointer-events-none transition-opacity duration-500 flex items-center justify-center\">\n        <!-- \u5173\u95ed\u6309\u94ae (\u79fb\u51fa\u89c6\u9891\u6846\uff0c\u56fa\u5b9a\u5728\u5c4f\u5e55\u53f3\u4e0a\u89d2\uff0c\u9632\u6b62\u88ab\u89c6\u9891\u906e\u6321) -->\n        <button id=\"close-video-btn\" class=\"absolute top-6 right-6 md:top-10 md:right-10 w-12 h-12 md:w-16 md:h-16 bg-white\/10 hover:bg-primary rounded-full flex items-center justify-center text-white hover:text-black transition-all duration-300 z-50\">\n            <span class=\"material-symbols-outlined text-2xl md:text-3xl\">\ue5cd<\/span>\n        <\/button>\n        \n        <!-- \u89c6\u9891\u5bb9\u5668: max-w \u63a7\u5236\u6700\u5927\u5bbd\u5ea6, w-full \u4fdd\u8bc1\u4e0d\u6ea2\u51fa\u5c4f\u5e55, aspect-video \u5f3a\u5236 16:9 \u7b49\u6bd4\u4f8b\u7f29\u653e -->\n        <div class=\"w-full max-w-[90vw] md:max-w-5xl lg:max-w-6xl px-4 md:px-0 relative transform scale-95 transition-transform duration-500 delay-100\" id=\"video-container\">\n            <div class=\"aspect-video bg-black rounded-xl md:rounded-2xl overflow-hidden shadow-2xl relative w-full flex items-center justify-center\">\n                <!-- \u771f\u6b63\u7684 HTML5 Video \u6807\u7b7e -->\n                <video \n                    id=\"brand-video\" \n                    class=\"w-full h-full object-contain bg-black\" \n                    controls playsinline\n preload=\"none\"\n                    poster=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_epc5.avif\">\n                    <source src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/888-SH-NHET-001-final-2026030620.mp4\" type=\"video\/mp4\">\n                    Pelayar anda tidak menyokong teg video.\n                <\/video>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n   <!-- \u56fa\u5b9a\u80cc\u666f\u4e0e\u4eae\u8272\u906e\u7f69 -->\n     <div class=\"ambient-bg\"><\/div>\n    <!-- <div class=\"ambient-overlay\"><\/div> -->\n    <!-- \u6838\u5fc3\u6587\u5b57\u6392\u7248\u533a -->\n\n      <div class=\"scrub-container relative container mx-auto\">\n           <!-- \ud83d\ude80 \u5e8f\u8a00\uff1a\u603b\u88c1\u5bc4\u8bed (\u4fee\u6539\u4e3a\u9002\u914d\u6d45\u8272\u80cc\u666f) -->\n        <div class=\"scrub-block text-center w-full max-w-4xl\" style=\"min-height: 80vh;\">\n            <span class=\"text-[#108c60] font-mono tracking-widest text-sm mb-10 block uppercase\">Prolog<\/span>\n            \n            <!-- <h2 class=\"text-3xl md:text-5xl lg:text-6xl font-display  leading-tight tracking-tighter mb-16 data-scrub-target\">\n                <span data-color=\"slate\">Wings of Evolution:<\/span> Our Journey from Roots to the Future.\n            <\/h2> -->\n\n            <div class=\"space-y-6 text-xl md:text-2xl font-light italic leading-relaxed text-left mx-auto max-w-2xl text-slate-800 handwriting-font-word\">\n                <p class=\"data-scrub-target\"><span data-color=\"orange\">Nenghui<\/span> berseri seperti helang\u2014sentiasa berkembang<\/p>\n                <p class=\"data-scrub-target md:pl-8\"><span data-color=\"primary\">Nenghui<\/span> bermula dengan akar umbi yang mendalam dalam industri kuasa elektrik<\/p>\n                <p class=\"data-scrub-target\"><span data-color=\"orange\">Nenghui<\/span> cemerlang dalam Kejuruteraan dan reka bentuk<\/p>\n                <p class=\"data-scrub-target md:pl-12\"><span data-color=\"primary\">Nenghui<\/span> kini tertumpu kepada tenaga bersih<\/p>\n                <p class=\"data-scrub-target\">Kami berusaha untuk menawarkan produk dan perkhidmatan yang cekap dan berbaloi<\/p>\n                \n                <div class=\"pt-8\">\n                    <p class=\"data-scrub-target\">Nenghui berdiri di sisi rakan kongsi kami,<\/p>\n                    <p class=\"data-scrub-target md:pl-6\">bersebelahan,<\/p>\n                    <p class=\"data-scrub-target md:pl-12\">berganding bahu,<\/p>\n                    <p class=\"data-scrub-target md:pl-16\"><span data-color=\"orange\">hati ke hati.<\/span><\/p>\n                <\/div>\n            <\/div>\n            <!-- \u624b\u5199\u7b7e\u540d\u533a (\u9002\u914d\u6d45\u8272) -->\n            <div class=\"mt-20 flex flex-col items-center justify-center signature-reveal\" data-aos=\"fade-up\" data-aos-offset=\"100\">\n                <p class=\"text-slate-400 font-mono text-sm tracking-widest uppercase mb-4\">\u2014\u2014\u2014\u2014 Sentiasa bersebelahan<\/p>\n                <div class=\"relative inline-block text-center\">\n                    <span data-no-translation class=\"handwriting-font text-5xl md:text-7xl text-slate-900 relative z-10 tracking-wide\">\n                        \u7f57\u4f20\u594e\n                    <\/span>\n                    <!-- \u753b\u7ebf\u53d8\u6210\u66f4\u6df1\u7684\u7eff\u8272\u4ee5\u5728\u767d\u5e95\u4e0a\u663e\u73b0 -->\n                    <svg class=\"absolute bottom-[-5px] left-[-10%] w-[120%] h-6 z-0 pointer-events-none\" viewbox=\"0 0 200 20\" preserveaspectratio=\"none\">\n                        <path class=\"signature-path\" d=\"M 5,15 Q 50,-5 195,15\" fill=\"transparent\" stroke=\"#108c60\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <p class=\"text-slate-500 font-mono text-xs uppercase tracking-widest mt-6\">Pengerusi Lembaga<\/p>\n            <\/div>\n        <\/div>\n\n       <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n        <!-- \u533a\u5757 1: \u4f7f\u547d -->\n        <div class=\"scrub-block text-left md:pr-[15%]\">\n            <span class=\"text-[#108c60] font-mono tracking-widest text-sm mb-8 block uppercase\">Misi<\/span>\n            <h2 class=\"text-4xl  md:text-[2.66rem] leading-[1.8]  leading-tight tracking-tight data-scrub-target\">\n           Untuk menjadikan tenaga lebih bersih, lebih selamat, lebih berpatutan dan lebih cekap demi masa depan manusia yang lebih baik.\n               <!-- To democratize clean energy for global industries. We turn dormant commercial assets into powerful engines of sustainability, making the <span data-color=\"primary\">zero-carbon transition<\/span> an effortless and highly profitable upgrade. -->\n            <\/h2>\n        <\/div>\n\n        <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n\n        <!-- \u533a\u5757 2: \u613f\u666f -->\n        <div class=\"scrub-block text-right md:pl-[15%]\">\n            <span class=\"text-[#d95a00] font-mono tracking-widest text-sm mb-8 block uppercase\">Visi<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n               Untuk menerajui masa depan teknologi, membina asas yang kukuh untuk kemampanan, dan memperkasakan dunia sebagai kuasa industri terkemuka.\n            <\/h2>\n        <\/div>\n\n        <div class=\"connector-wrap\"><div class=\"connector-line\"><div class=\"connector-dot\"><\/div><\/div><\/div>\n\n        <!-- \u533a\u5757 3: \u4ef7\u503c\u89c2 1 -->\n        <div class=\"scrub-block text-left md:pr-[15%]\">\n            <span class=\"text-slate-400 font-mono tracking-widest text-sm mb-8 block uppercase\">Nilai-nilai<\/span>\n            <h2 class=\"leading-[1.8] text-4xl  md:text-[2.66rem]  leading-tight tracking-tight data-scrub-target\">\n                Kecemerlangan Rendah Hati, Integriti Berdaya Tahan dan Kolaboratif Menang-Menang.\n                <!-- <span data-color=\"primary\">Obsessive Rigor.<\/span> From blueprint to grid sync, our engineering is uncompromising, ensuring absolute safety and peak energy yield. -->\n            <\/h2>\n        <\/div>\n\n    \n        <\/div>\n\n <!-- 3. \u4ef7\u503c\u89c2 (\u6781\u7b80\u624b\u98ce\u7434\u4f38\u7f29) -->\n    <section class=\"mt-10 py-20 bg-[#f4f7f6]\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-4xl  md:text-[2.66rem] text-slate-900 mb-16 text-center\" data-aos=\"fade-up\">Apa yang Mendorong Kita<\/h2>\n            <div class=\"flex flex-col md:flex-row h-auto md:h-[500px] gap-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                \n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store01.jpg')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-primary mb-6\">\uea3b<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Visi untuk Dunia Sifar Bersih<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Kami didorong oleh keperluan mendesak untuk penyahkarbonan, menyediakan penyelesaian tenaga yang lebih pintar dan bersih bagi memperkasakan komuniti yang mampan di seluruh dunia.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store02.jpg')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-[#ff6b00] mb-6\">\uebcb<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Inovasi Melangkaui Sempadan<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Daripada PV berkecekapan tinggi dan penyimpanan tenaga kepada AGV pertukaran trak berat yang revolusioner, kami mentakrifkan semula apa yang mungkin dalam landskap tenaga moden.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"acc-item relative rounded-[2rem] bg-white border border-slate-200 p-10 overflow-hidden group cursor-default shadow-sm hover:shadow-xl\">\n                    <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store03.png')] bg-cover bg-center acc-img pointer-events-none\"><\/div>\n                    <div class=\"relative z-10 flex flex-col h-full\">\n                        <span class=\"material-symbols-outlined text-4xl text-blue-500 mb-6\">\uf39b<\/span>\n                        <h3 class=\"text-3xl  text-slate-900 mb-4\">Kecemerlangan Melalui Perkongsian<\/h3>\n                        <p class=\"text-slate-600 mt-auto leading-relaxed\">Dengan asas yang mendalam dalam EPC dan perkhidmatan teknikal, kami membina nilai jangka panjang yang boleh dipercayai untuk rakan kongsi kami dari Eropah hingga Asia Tenggara dan seterusnya.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n     \n    <!-- 4. \u53d1\u5c55\u53f2 (\u60ac\u6d6e\u56fe\u6587\u89c6\u5dee) -->\n        <!-- 4. \u53d1\u5c55\u53f2 (\u5bbd\u94f6\u5e55\u89c6\u5dee\u7248 - \u957f\u6587\u6848\u5347\u7ea7) -->\n    <section class=\"py-40 bg-[#fff] relative z-20 overflow-hidden\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-32\" data-aos=\"fade-up\">\n                <span class=\"text-slate-400 font-mono tracking-widest uppercase text-sm mb-4 block\">Perjalanan<\/span>\n                <h2 class=\"text-4xl  md:text-[2.66rem] text-slate-900\">Pencapaian Nenghui.<\/h2>\n            <\/div>\n            \n            <div class=\"max-w-6xl mx-auto space-y-40\">\n                \n                <!-- 2009: The Genesis -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none  z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2009<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2009<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Asal Usul Inovasi<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Diasaskan oleh alumni berwawasan dari Universiti Tsinghua dan Universiti Shanghai Jiao Tong, Nenghui ditubuhkan dengan misi untuk mentakrifkan semula tenaga. Tahun ini menandakan peralihan strategik kami ke dalam sektor Tenaga Boleh Diperbaharui, meletakkan asas untuk masa depan global yang mampan.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u8d77\u6e90\/\u521d\u5347\u592a\u9633\u7684\u5149\u4f0f\u56fe -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/contact-us_emc4.avif')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2012: Accelerating -->\n                <div class=\"flex flex-col md:flex-row-reverse items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 right-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2012<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left relative z-10 pt-10\">\n                        <span class=\"text-[#ff6b00] font-mono text-2xl  mb-2 block\">2012<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Mempercepat Peralihan<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Ini merupakan tahun kejayaan. Dengan memperkasakan projek &quot;Matahari Emas&quot; Kebangsaan, Nenghui membuktikan kehebatan teknikalnya di pentas yang paling hebat. Kami mengubah struktur korporat kami untuk memperkasakan kakitangan kami melalui insentif ekuiti dan mengalu-alukan rakan kongsi strategik ke dalam lembaga pengarah kami. Sinergi ini mencetuskan kadar pertumbuhan 500% yang belum pernah terjadi sebelumnya, secara rasminya menjadikan Nenghui sebagai peneraju pertumbuhan tinggi.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u9ad8\u901f\u589e\u957f\/\u5de8\u5927\u5de5\u7a0b\u9635\u5217\u7684\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store05.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2017: Empowering -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2017<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2017<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Memperkasakan Melalui Kecerdasan<\/h4>\n                        <p class=\"text-sm text-slate-500 leading-[2] font-light\">Tahun ini, Nenghui mentakrifkan semula kecekapan dengan memperkenalkan Platform O&amp;M Pintar kami, yang membawa ketepatan digital kepada tenaga boleh diperbaharui. Komitmen kami terhadap aset berkualiti tinggi menyaksikan portfolio solar kendalian sendiri kami melonjak kepada 50MW, akhirnya melepasi mercu tanda 100 juta kWh dalam jumlah output tenaga. Kami bukan sahaja membina loji; kami juga memperkasakan dunia yang lebih pintar.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u667a\u80fd\u8c03\u5ea6\/\u6570\u636e\u5e73\u53f0\u7684\u5de5\u4e1a\u63a7\u5236\u4e2d\u5fc3\u6216\u53d1\u5149\u7ebf\u8def\u56fe -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store06.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2021: IPO & Energy Storage -->\n                <div class=\"flex flex-col md:flex-row-reverse items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 right-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none  z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2021<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left relative z-10 pt-10\">\n                        <span class=\"text-[#ff6b00] font-mono text-2xl  mb-2 block\">2021<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Tahun Pertumbuhan yang Menonjol<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] font-light\">Nenghui mencapai peristiwa penting bersejarah dengan IPO kami di Bursa Saham Shenzhen (KOD STOK: 301046.SZ), yang memacu pengembangan global kami. Kami mengembangkan sempadan teknologi kami ke dalam Penyimpanan Tenaga, sambil mengukuhkan model perniagaan &quot;Empat-dalam-Satu&quot; yang unik. Sinergi R&amp;D, pembuatan pintar, kepakaran teknikal dan pelaburan strategik ini memastikan kepimpinan kami yang mampan.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u91d1\u878d\/\u6269\u5f20\/\u50a8\u80fd\u96c6\u88c5\u7bb1\u7684\u9ad8\u7ea7\u611f\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store07.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2022: Scaling New Horizons -->\n                <div class=\"flex flex-col md:flex-row items-center gap-16 group relative\" data-aos=\"fade-up\">\n                    <div class=\"absolute -top-16 left-0 text-[10rem] md:text-[15rem] font-display font-black text-slate-900 opacity-5 pointer-events-none z-[11] transition-transform group-hover:-translate-y-4 duration-700\">2022<\/div>\n                    <div class=\"w-full md:w-5\/12 text-left md:text-right relative z-10 pt-10\">\n                        <span class=\"text-primary font-mono text-2xl  mb-2 block\">2022<\/span>\n                        <h4 class=\"text-3xl  text-slate-900 mb-6\">Memanjat Horizon Baharu<\/h4>\n                        <p class=\"text-sm  text-slate-500 leading-[2] leading-relaxed font-light\">Nenghui Tech mempercepatkan misinya dalam dua aspek. Perniagaan Solar Kediaman dan C&amp;I kami mencapai tahap tertinggi, disokong oleh Platform Awan PV inovatif kami. Pada masa yang sama, kami memasuki &quot;Lorong Pantas&quot; pengangkutan hijau dengan melancarkan AGV Pertukaran Bateri Tanpa Trek yang Pertama seumpamanya. Pencapaian ini mengukuhkan reputasi kami sebagai perintis dalam penyelesaian tenaga bersepadu.<\/p>\n                    <\/div>\n                    <div class=\"w-full md:w-7\/12 rounded-[2.5rem] overflow-hidden aspect-[4\/3] relative shadow-xl z-10\">\n                        <!-- \u8c61\u5f81\u521b\u65b0\/\u81ea\u52a8\u5316\u5236\u9020\/\u4e91\u5e73\u53f0\u7684\u672a\u6765\u611f\u56fe\u7247 -->\n                        <div class=\"absolute inset-0 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/store08.jpg')] bg-cover bg-center img-reveal\"><\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- AOS -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n                        \/* ==========================================\n    \n               ========================================== *\/\n            const playBtn = document.getElementById('play-video-btn');\n            const closeBtn = document.getElementById('close-video-btn');\n            const videoModal = document.getElementById('video-modal');\n            const videoContainer = document.getElementById('video-container');\n            const brandVideo = document.getElementById('brand-video'); \/\/ \u83b7\u53d6\u539f\u751f\u7684 video \u5143\u7d20\n\n            if (playBtn && closeBtn && videoModal) {\n                \/\/ \u6253\u5f00\u5f39\u7a97\n                playBtn.addEventListener('click', () => {\n                    videoModal.classList.remove('opacity-0', 'pointer-events-none');\n                    videoModal.classList.add('opacity-100', 'pointer-events-auto');\n                    \n                    \/\/ \u5bb9\u5668\u653e\u5927\u7279\u6548\n                    setTimeout(() => {\n                        videoContainer.classList.remove('scale-95');\n                        videoContainer.classList.add('scale-100');\n                    }, 50);\n                    \n                    \/\/ \u5f39\u7a97\u6253\u5f00\u540e\uff0c\u7a0d\u5fae\u5ef6\u8fdf\u4e00\u4e0b\u89e6\u53d1\u81ea\u52a8\u64ad\u653e\uff0c\u4f53\u9a8c\u66f4\u4f73\n                    if(brandVideo) { \n                        setTimeout(() => {\n                            brandVideo.play();\n                        }, 400); \n                    }\n                });\n\n                \/\/\n                const closeModal = () => {\n                    videoModal.classList.remove('opacity-100', 'pointer-events-auto');\n                    videoModal.classList.add('opacity-0', 'pointer-events-none');\n                    videoContainer.classList.remove('scale-100');\n                    videoContainer.classList.add('scale-95');\n                    \n                    if(brandVideo) { \n                        \/\/ 1. \u6682\u505c\u89c6\u9891\n                        brandVideo.pause();\n                        \/\/ 2. \u5c06\u89c6\u9891\u8fdb\u5ea6\u5f52\u96f6\uff08\u4e0b\u6b21\u6253\u5f00\u53c8\u4ece\u5934\u770b\uff09\n                        brandVideo.currentTime = 0; \n                    }\n                };\n\n                closeBtn.addEventListener('click', closeModal);\n                \n                \/\/ \uff08\u4e0d\u70b9\u5230\u89c6\u9891\u672c\u8eab\uff09\n                videoModal.addEventListener('click', (e) => {\n                    if(e.target === videoModal || e.target === videoContainer) closeModal();\n                });\n                \n                \/\/ \n                document.addEventListener('keydown', (e) => {\n                    if (e.key === 'Escape' && videoModal.classList.contains('opacity-100')) {\n                        closeModal();\n                    }\n                });\n            }\n\n\n\n\n            if(typeof AOS !== 'undefined') AOS.init({ duration: 1000, once: true });\n\n            \/\/ 1. \u6587\u5b57\u5207\u5206\u903b\u8f91\n            const targets = document.querySelectorAll('.data-scrub-target');\n            let allWords = [];\n\n            targets.forEach(target => {\n                const childNodes = Array.from(target.childNodes);\n                target.innerHTML = ''; \n                childNodes.forEach(node => {\n                    if (node.nodeType === Node.TEXT_NODE) {\n                        const words = node.textContent.split(\/\\s+\/).filter(w => w.trim().length > 0);\n                        words.forEach(word => {\n                            const span = document.createElement('span');\n                            span.className = 'scrub-word';\n                            span.textContent = word + ' ';\n                            target.appendChild(span);\n                            allWords.push(span);\n                        });\n                    } else if (node.nodeType === Node.ELEMENT_NODE) {\n                        const specificColor = node.getAttribute('data-color');\n                        const words = node.textContent.split(\/\\s+\/).filter(w => w.trim().length > 0);\n                        words.forEach(word => {\n                            const span = document.createElement('span');\n                            span.className = 'scrub-word';\n                            if(specificColor === 'primary') span.dataset.highlightClass = 'highlighted-primary';\n                            else if(specificColor === 'orange') span.dataset.highlightClass = 'highlighted-orange';\n                            else if(specificColor === 'slate') span.dataset.highlightClass = 'highlighted'; \/\/ \u9ed8\u8ba4\u53d8\u6210\u6df1\u7070\n                            span.textContent = word + ' ';\n                            target.appendChild(span);\n                            allWords.push(span);\n                        });\n                    }\n                });\n            });\n\n            \/\/ \u83b7\u53d6\u5143\u7d20\n            const connectors = document.querySelectorAll('.connector-wrap');\n            \/\/ \u5c06\u89e6\u53d1\u7ebf\u5b9a\u4e49\u5728\u5c4f\u5e55\u9ad8\u5ea6\u7684 45% (\u89c6\u7ebf\u805a\u7126\u5904)\n            const textTriggerLineY = window.innerHeight * 0.75; \n\n            \/\/ 2. \u7edf\u4e00\u6eda\u52a8\u5f15\u64ce\n            const handleScroll = () => {\n                const windowHeight = window.innerHeight;\n\n                \/\/ \u3010A\u3011\u5904\u7406\u6587\u5b57\u7684\u70b9\u4eae\u4e0e\u5f39\u8d77\n                allWords.forEach(word => {\n                    const wordRect = word.getBoundingClientRect();\n                    const wordCenterY = wordRect.top + (wordRect.height \/ 2);\n                    \n                    if (wordCenterY < textTriggerLineY) {\n                        const highlightClass = word.dataset.highlightClass || 'highlighted';\n                        word.classList.add(highlightClass);\n                    } else {\n                        const highlightClass = word.dataset.highlightClass || 'highlighted';\n                        word.classList.remove(highlightClass);\n                    }\n                });\n\n                \/\/ \u3010B\u3011\u5904\u7406\u533a\u5757\u95f4\u77ed\u7ebf\u7684\u7269\u7406\u751f\u957f\n                connectors.forEach(wrap => {\n                    const rect = wrap.getBoundingClientRect();\n                    const line = wrap.querySelector('.connector-line');\n                    const dot = wrap.querySelector('.connector-dot');\n                    \n                    \/\/ \u7ebf\u6761\u63d0\u524d\u5f00\u59cb\u751f\u957f (\u5c4f\u5e55 65% \u4f4d\u7f6e)\uff0c\u5728\u5c4f\u5e55 40% \u4f4d\u7f6e\u751f\u957f\u6ee1\n                    const startTrigger = windowHeight * 0.65; \n                    const endTrigger = windowHeight * 0.40;\n\n                    let progress = 0;\n                    if (rect.top < endTrigger) {\n                        progress = 1;\n                    } \n                    else if (rect.top <= startTrigger ) {\n                        if ( rect.bottom >= endTrigger) {\n                            progress = (startTrigger - rect.top) \/ (startTrigger - endTrigger);\n                        }\n                        \n                    }  \n\n                    progress = Math.max(0, Math.min(1, progress)); \n                    line.style.height = `${progress * 100}%`;\n\n                    \/\/ \u63a7\u5236\u5e95\u90e8\u53d1\u5149\u5706\u70b9\u7684\u663e\u793a\/\u9690\u85cf\n                    if (progress > 0.05) { \n                        dot.style.opacity = '1';\n                    } else {\n                        dot.style.opacity = '0';\n                    }\n                });\n            };\n\n            let ticking = false;\n            window.addEventListener('scroll', () => {\n                if (!ticking) {\n                    window.requestAnimationFrame(() => {\n                        handleScroll();\n                        ticking = false;\n                    });\n                    ticking = true;\n                }\n            }, { passive: true });\n\n            handleScroll(); \/\/ \n        });\n    <\/script>\n<\/div>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Kisah Kami DirekayasaHarmony. \ue037 Tonton Filem \ue5cd Pelayar anda tidak menyokong tag video. Prolog Nenghui berseri seperti helang\u2014sentiasa berkembang Nenghui bermula dengan akar umbi yang mendalam dalam industri kuasa elektrik Nenghui cemerlang dalam Kejuruteraan dan reka bentuk Nenghui kini memberi tumpuan kepada tenaga bersih Kami berusaha untuk menawarkan produk yang cekap dan berbaloi [\u2026]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":8,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/2004\/revisions"}],"predecessor-version":[{"id":2163,"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/pages\/2004\/revisions\/2163"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/ms\/wp-json\/wp\/v2\/media?parent=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}