{"id":17,"date":"2025-06-21T21:29:42","date_gmt":"2025-06-21T13:29:42","guid":{"rendered":"http:\/\/nh.matepress.cn\/?page_id=17"},"modified":"2026-03-25T09:48:56","modified_gmt":"2026-03-25T01:48:56","slug":"about-us","status":"publish","type":"page","link":"https:\/\/nenghui.com\/fr\/about-us\/","title":{"rendered":"\u00c0 PROPOS DE NOUS"},"content":{"rendered":"<div id=\"tech-landing-wrapper\" class=\"bg-background-dark text-background-light font-sans w-full leading-relaxed relative\">\n\n    <!-- \u8fdb\u5ea6\u6761 -->\n    <!-- <div id=\"progress-bar\" class=\"fixed top-0 left-0 w-0 h-1 bg-theme-primary z-50 shadow-glow transition-all duration-100\"><\/div> -->\n\n\n\n<!-- \u6a21\u5757\u4e00\uff1a\u54c1\u724c\u613f\u666f\u4e0e\u5168\u7403\u5b9a\u4f4d -->\n    <section data-aos=\"fade-down\" class=\"h-screen relative flex items-center justify-center text-center overflow-hidden\" id=\"hero-sec\">\n        <!-- \u6c89\u6d78\u5f0f\u80cc\u666f (\u6dfb\u52a03D\u89c6\u5dee\u8054\u52a8) -->\n           <div  id=\"m1-bg\"  class=\"absolute -top-[5%] -left-[5%] w-[110%] h-[110%] -z-10 bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-banner.jpg')] bg-cover bg-center brightness-70 transition-transform duration-100 ease-out\"><\/div>\n     \n        <!-- \u524d\u666f\u6587\u5b57\u5c42 -->\n        <div id=\"m1-content\" style=\"transform-style: preserve-3d;\"  class=\"relative z-10 pointer-events-none transition-transform duration-100 ease-out reveal\">\n            <h1 data-aos=\"fade-down\" style=\"transform: translateZ(80px);\" class=\"text-3d-ultra  text-4xl md:text-[2.66rem]   tracking-widest uppercase text-white drop-shadow-[0_10px_40px_rgba(0,0,0,0.8)] leading-tight mb-4\">\n                 De la Chine au monde\n            <\/h1>\n            <!-- \u5149\u6548\u80fd\u91cf\u6761\uff0c\u4e5f\u5411\u524d\u63a8\u4e00\u70b9\u70b9\u5f62\u6210\u9519\u5c42 -->\n                <div class=\"w-32 h-1 bg-primary mx-auto mb-6 shadow-[0_0_20px_#13eca4] rounded-full\" style=\"transform: translateZ(40px);\"><\/div>\n                \n            <p data-aos=\"fade-up\"  data-aos-delay=\"150\" style=\"transform: translateZ(20px);\" class=\"text-3d-subtitle  text-sm text-about-us mt-4 tracking-[5px]\">Construire un avenir durable.<\/p>\n        <\/div>\n    <\/section>\n    <!-- \u6a21\u5757\u4e8c\uff1a\u521b\u65b0\u9a71\u52a8\u4e0e\u6280\u672f\u5185\u6838 -->\n    <section class=\"max-w-7xl mx-auto px-8 py-24 grid grid-cols-1 md:grid-cols-2 gap-16 items-center\">\n        <div class=\"reveal\" data-aos=\"fade-right\">\n            <h2 class=\"text-4xl md:text-[2.66rem] text-about-us mb-6\">Excellence en innovation et en ing\u00e9nierie<\/h2>\n            <p class=\"text-[1rem] mb-4\">Nous sommes convaincus que la technologie est le seul moteur de la transformation industrielle. En repoussant sans cesse les limites de la physique et de l&#039;ing\u00e9nierie, nous proposons des solutions de pointe \u00e0 nos clients du monde entier.<\/p>\n            \n            <div class=\"flex flex-col sm:flex-row gap-8 my-8\">\n               \n\n                <div class=\"flex-1 bg-black\/20 p-6 border-l-4 border-about-us rounded-r-lg shadow-lg relative overflow-hidden group\">\n                    <div class=\"absolute top-0 -left-full w-1\/2 h-full bg-gradient-to-r from-transparent via-white\/5 to-transparent -skew-x-12 animate-sweep\"><\/div>\n                    <h3 class=\"font-mono text-4xl  mb-2 text-white\">100+<\/h3>\n                    <p class=\"text-sm  tracking-wider uppercase text-about-us\/80\">Ing\u00e9nieurs R&amp;D sp\u00e9cialis\u00e9s<\/p>\n                <\/div>\n                <div class=\"flex-1 bg-black\/20 p-6 border-l-4 border-about-us rounded-r-lg shadow-lg relative overflow-hidden group\">\n                    <div class=\"absolute top-0 -left-full w-1\/2 h-full bg-gradient-to-r from-transparent via-white\/5 to-transparent -skew-x-12 animate-sweep\"><\/div>\n                    <h3 class=\"font-mono text-4xl  mb-2 text-white\">10%+<\/h3>\n                    <p class=\"text-sm  tracking-wider uppercase text-about-us\/80\">ratio annuel d&#039;investissement en R&amp;D<\/p>\n                <\/div>\n            <\/div>\n            <p class=\"text-theme-mut text-[1rem]\">Les algorithmes de base d\u00e9velopp\u00e9s en interne et l&#039;architecture mat\u00e9rielle sophistiqu\u00e9e sont soumis \u00e0 des tests de laboratoire ultra-sophistiqu\u00e9s afin de garantir que chaque produit r\u00e9ponde aux normes de stabilit\u00e9 industrielles.<\/p>\n        <\/div>\n        \n        <!-- \u56fe\u7247\u7f51\u683c (\u542f\u7528 3D Tilt) -->\n        <div class=\"grid grid-cols-2 gap-4 perspective-[1000px] reveal delay-1\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc3.jpg\" alt=\"Circuit Board\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px]\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc2.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc1.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n            <img decoding=\"async\" src=\" https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc4.jpg\" alt=\"Lab Test\" class=\"w-full aspect-square object-cover rounded-xl shadow-2xl translate-z-[20px] mt-8\" data-tilt data-tilt-max=\"15\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.4\" loading=\"lazy\">\n   \n           \n        <\/div>\n    <\/section>\n\n    <!-- \u6a21\u5757\u4e09\uff1a\u7cbe\u76ca\u5236\u9020\u4e0e\u4f9b\u5e94\u94fe\u4f18\u52bf -->\n    <section  class=\"py-32 px-8 text-center text-white bg-[url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-pc5.jpg')] bg-fixed bg-cover bg-center relative z-0\">\n        <!-- \u9ed1\u8272\u6e10\u53d8\u906e\u7f69 -->\n        <div class=\"absolute inset-0 bg-black\/40 -z-10\"><\/div>\n        \n        <h2 data-aos=\"fade-up\" class=\"text-4xl md:text-[2.66rem]  mb-4 relative z-10 reveal\">Fabrication de pr\u00e9cision et cha\u00eene d&#039;approvisionnement<\/h2>\n        <p data-aos=\"fade-up\" data-aos-delay=\"150\" class=\"text-[1rem] text-gray-300 relative z-10 reveal delay-1 mb-16\">Les bras robotis\u00e9s enti\u00e8rement automatis\u00e9s et les salles blanches de classe 100 constituent un avantage concurrentiel insurmontable.<\/p>\n        \n        <!-- 1\u884c3\u5217\u6570\u636e\u7f51\u683c -->\n        <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-12 relative z-10 reveal delay-2\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n            <!-- \u7ef4\u5ea61\uff1a\u539f\u6709\u7684 GW \u4ea7\u80fd -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgba(246,155,0,0.4)]\" data-target=\"17\" data-decimals=\"0\" >0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">+Ann\u00e9es<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Recherche et d\u00e9veloppement d\u00e9di\u00e9e au solaire et aux syst\u00e8mes de stockage d&#039;\u00e9nergie <\/span>\n            <\/div>\n            \n            <!-- \u7ef4\u5ea62\uff1a\u65b0\u589e\u673a\u68b0\u81c2\u6570\u91cf -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgba(246,155,0,0.4)]\" data-target=\"10\" data-decimals=\"0\">0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">GWp+<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Historique des projets photovolta\u00efques mondiaux <\/span>\n            <\/div>\n\n            <!-- \u7ef4\u5ea63\uff1a\u65b0\u589e\u826f\u54c1\u7387 (\u5e26\u5c0f\u6570\u4f4d\u652f\u6301) -->\n            <div class=\"flex flex-col items-center justify-center group\">\n                <div class=\"flex items-baseline gap-2 mb-2\">\n                    <div class=\"counter text-6xl md:text-[8rem]  text-about-us leading-none drop-shadow-[0_0_20px_rgb(246,155,0,0.4)]\" data-target=\"1.2\" data-decimals=\"1\">0<\/div>\n                    <span class=\"text-3xl md:text-5xl  text-theme-primary drop-shadow-[0_0_20px_var(--glow)] text-about-us\">GWp+<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Actifs d\u00e9tenus et g\u00e9r\u00e9s en propre<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <!-- \u6a21\u5757\u56db\uff1a\u5168\u7403\u5316\u670d\u52a1\u4e0e\u672c\u571f\u5316\u67a2\u7ebd -->\n    <section  class=\"bg-theme-sec py-24\">\n        <div class=\"max-w-7xl mx-auto px-8 reveal\">\n            <h2 class=\"text-4xl md:text-[2.66rem] text-center mb-12 text-white\" data-aos=\"fade-up\">Plateformes mondiales et assistance localis\u00e9e<\/h2>\n            \n            <div class=\"flex justify-center gap-4 mb-12 flex-wrap   sticky top-[100px] z-10\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n                 <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn active px-8 py-3 rounded-full border-2 border-[#ff6b00] bg-[#ff6b00] text-white  transition-all duration-300 shadow-[0_0_20px_rgba(255,107,0,0.4)]\" onclick=\"switchTab('eu', this)\">Centre europ\u00e9en<\/button>\n                <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('asia', this)\">Nenghui Moyen-Orient<\/button>\n                <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('na', this)\">Nenghui Tha\u00eflande<\/button>\n                  <button class=\"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-theme-mut text-theme-text text-lg  transition-all duration-300 hover:-translate-y-1 hover:shadow-glow\" onclick=\"switchTab('va', this)\">Nenghui Cambodge<\/button>\n            <\/div>\n\n            <!-- Tab \u5bb9\u5668 (\u4f7f\u7528 Tailwind \u7fa4\u7ec4\u52a8\u753b\u63a7\u5236) -->\n            <!-- \u6b27\u6d32\u5185\u5bb9 -->\n            <div id=\"eu\" class=\"tab-content active grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Hub des Pays-Bas <\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Belgique Smart Logistics <\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub1-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\"> Assistance d&#039;experts localis\u00e9e <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u4e1c\u5357\u4e9a\u5185\u5bb9 -->\n            <div id=\"asia\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Centre de ressources pour l&#039;Irak<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Centre logistique intelligent d&#039;Irak<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub2-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Assistance technique localis\u00e9e<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u5317\u7f8e\u5185\u5bb9 -->\n            <div id=\"na\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n               <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Centre strat\u00e9gique de Tha\u00eflande<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Centre strat\u00e9gique de Tha\u00eflande<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub3-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Assistance sur site par des experts<\/p>\n                <\/div>\n            <\/div>\n            <!-- ddd -->\n              <div id=\"va\" class=\"tab-content grid-cols-1 md:grid-cols-3 gap-8 perspective-[1200px]\">\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:0ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-1.jpg\" alt=\"Office\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Succursale du Cambodge<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:100ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-2.jpg\" alt=\"Warehouse\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">Entreposage et distribution intelligents<\/p>\n                <\/div>\n                <div class=\"bg-theme-bg rounded-2xl overflow-hidden shadow-lg animate-flip-in [animation-delay:200ms] hover:-translate-y-3 hover:shadow-2xl transition-all duration-500 group\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/about-us-hub4-3.jpg\" alt=\"Team\" class=\"h-64 w-full object-cover group-hover:scale-110 transition-transform duration-500\" loading=\"lazy\">\n                    <p class=\"p-6 text-center  text-xl m-0 relative z-10 bg-theme-bg\">\u00c9quipe d&#039;assistance technique locale<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u6a21\u5757\u4e94\uff1a\u53ef\u6301\u7eed\u53d1\u5c55\u4e0e\u4f01\u4e1a\u516c\u6c11 -->\n  <section  class=\"bg-[#f0fdf4]  py-32 text-center transition-colors duration-1000  text-[#064e3b]\">\n        <div class=\"max-w-4xl mx-auto px-8\">\n            <h2 class=\"text-4xl md:text-[2.66rem]  mb-6 reveal\"  data-aos=\"fade-up\">D\u00e9veloppement durable et responsabilit\u00e9 sociale des entreprises<\/h2>\n            <p class=\"text-[1rem] opacity-80 mb-16 reveal delay-1\" data-aos=\"fade-up\" data-aos-delay=\"150\">Nous nous engageons \u00e0 atteindre la neutralit\u00e9 carbone d&#039;ici 2030. \u00catre \u00e9cologique n&#039;est pas une option, mais une responsabilit\u00e9 inscrite dans notre ADN : vivre en harmonie avec la nature et cr\u00e9er un avenir durable.<\/p>\n            \n            <div class=\"flex justify-center gap-12 md:gap-24 mb-16 flex-wrap reveal delay-2\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <!-- \u56fe\u6807\u4f7f\u7528 Primary \u8272 -->\n                <div class=\"flex flex-col items-center gap-4 animate-float-1 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\" \/><\/svg>\n                    <span class=\"text-lg\">100% \u00c9nergie propre<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-4 animate-float-2 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:-rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418\" \/><\/svg>\n                    <span class=\"text-lg\">Certification ISO 14001<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-4 animate-float-3 group cursor-pointer\">\n                    <svg viewbox=\"0 0 24 24\" class=\"w-16 h-16 stroke-primary fill-none stroke-[1.5] group-hover:scale-110 group-hover:rotate-6 transition-transform duration-300 drop-shadow-md\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043 A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z\" \/><\/svg>\n                    <span class=\"text-lg\">Usine z\u00e9ro d\u00e9chet<\/span>\n                <\/div>\n            <\/div>\n            \n    \n        <\/div>\n    <\/section>\n<!-- 6. \u5f15\u5165 AOS.js -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n\n    <!-- 7. \u4ea4\u4e92\u903b\u8f91 (AOS \u521d\u59cb\u5316\u4e0e\u529f\u80fd\u811a\u672c) -->\n \n    <script>\n        \/\/ --- \u521d\u59cb\u5316 AOS \u52a8\u753b ---\n        AOS.init({\n            duration: 800,        \/\/ \u52a8\u753b\u6301\u7eed\u65f6\u95f4 800ms\n            easing: 'ease-out-cubic', \/\/ \u5e73\u6ed1\u7684\u7f13\u52a8\u51fd\u6570\n            once: true,           \/\/ \u662f\u5426\u53ea\u52a8\u753b\u4e00\u6b21\n            offset: 100,          \/\/ \u8ddd\u79bb\u89c6\u53e3\u591a\u8fdc\u89e6\u53d1\n        });\n        \/\/ 1. \u6a21\u677f(\u4e3b\u9898)\u5207\u6362\n        \/\/ function setTheme(themeName) {\n        \/\/     document.documentElement.setAttribute('data-theme', themeName);\n        \/\/ }\n\n        \/\/ \/\/ 2. \u9876\u90e8\u9605\u8bfb\u8fdb\u5ea6\u6761\n        \/\/ window.addEventListener('scroll', () => {\n        \/\/     const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n        \/\/     const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n        \/\/     const scrolled = (winScroll \/ height) * 100;\n        \/\/     document.getElementById(\"progress-bar\").style.width = scrolled + \"%\";\n        \/\/ });\n\n        \/\/ 3. Tab \u5207\u6362 + \u5f3a\u5236\u91cd\u7ed8\u89e6\u53d1 Tailwind flip-in \u52a8\u753b\n        \/\/ function switchTab(tabId, btnElement) {\n        \/\/     document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n        \/\/     document.querySelectorAll('.tab-content').forEach(content => {\n        \/\/         content.classList.remove('active');\n        \/\/         void content.offsetWidth; \/\/ \u89e6\u53d1\u91cd\u7ed8\n        \/\/     });\n        \/\/     btnElement.classList.add('active');\n        \/\/     document.getElementById(tabId).classList.add('active');\n        \/\/ }\n        \n         \/\/ Tab \u5207\u6362\u903b\u8f91\n        function switchTab(tabId, btnElement) {\n            const wrapper = document.getElementById('tech-landing-wrapper');\n            const tabs = wrapper.querySelectorAll('.tab-btn');\n            const contents = wrapper.querySelectorAll('.tab-content');\n            \n            \/\/ \u91cd\u7f6e\u6240\u6709\u6309\u94ae\u72b6\u6001 (Hover \u8bbe\u4e3a #ff6b00)\n            tabs.forEach(btn => {\n                btn.className = \"backdrop-blur-md p-1.5 rounded-full tab-btn px-8 py-3 rounded-full border-2 border-silver-accent\/30 text-silver-accent  transition-all duration-300 hover:-translate-y-1 hover:border-[#ff6b00] hover:text-[#ff6b00] \";\n            });\n            \/\/ \u9690\u85cf\u5185\u5bb9\u5e76\u91cd\u7ed8\n            contents.forEach(content => { \n                content.classList.remove('active'); \n                void content.offsetWidth; \n            });\n            \n            \/\/ \u6fc0\u6d3b\u5f53\u524d\u9009\u4e2d\u9879 (\u8d4b\u503c #ff6b00)\n            btnElement.className = \"backdrop-blur-md p-1.5 rounded-full tab-btn active px-8 py-3 rounded-full border-2 border-[#ff6b00] bg-[#ff6b00] text-white  transition-all duration-300 shadow-[0_0_20px_rgba(255,107,0,0.4)] \";\n            document.getElementById(tabId).classList.add('active');\n            \n        }\n        \n\n              \/\/ 4. \u9ad8\u7ea7\u975e\u7ebf\u6027\u7f13\u52a8\u6570\u5b57\u6eda\u52a8 (\u652f\u6301\u591a\u8282\u70b9\u4e0e\u5c0f\u6570\u70b9)\n        const counters = document.querySelectorAll('.counter');\n        const myCounter = counters[0];\n\n        \/\/ \u5982\u679c\u6ca1\u6709\u52a0 ID\uff0c\u4e5f\u53ef\u4ee5\u9ed8\u8ba4\u9009\u7b2c\u4e00\u4e2a\uff1a document.querySelectorAll('.counter')[0]\n        if(myCounter) {\n            const year = 2009\n            const dynamicValue = (new Date().getFullYear()) - year;\n            myCounter.setAttribute('data-target', dynamicValue);\n        }   \n        const counterObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if(entry.isIntersecting) {\n                    const el = entry.target;\n                    const target = parseFloat(el.getAttribute('data-target'));\n                    const decimals = parseInt(el.getAttribute('data-decimals')) || 0; \/\/ \u83b7\u53d6\u5c0f\u6570\u4f4d\u6570\n                    let count = 0;\n                    \n                    const updateCounter = () => {\n                        \/\/ \u7f13\u52a8\u7b97\u6cd5\uff1a\u6bcf\u6b21\u589e\u52a0\u5269\u4f59\u8ddd\u79bb\u7684 5%\n                        count += (target - count) * 0.05; \n                        \n                        \/\/ \u5f53\u8ddd\u79bb\u76ee\u6807\u503c\u975e\u5e38\u8fd1\u65f6\uff08\u5c0f\u4e8e0.1\uff09\uff0c\u76f4\u63a5\u505c\u5728\u76ee\u6807\u503c\n                        if (target - count > 0.1) {\n                            el.innerText = count.toFixed(decimals);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            el.innerText = target.toFixed(decimals);\n                        }\n                    };\n                    \n                    updateCounter();\n                    \/\/ \u52a8\u753b\u6267\u884c\u4e00\u6b21\u540e\u53d6\u6d88\u76d1\u542c\u8be5\u5143\u7d20\n                    observer.unobserve(el); \n                }\n            });\n        }, { threshold: 0.5 }); \/\/ \u5f53\u5143\u7d20\u6709 50% \u9732\u51fa\u65f6\u89e6\u53d1\n        \n        counters.forEach(counter => counterObserver.observe(counter));\n\n\n       \n        \/\/ 6. \u9996\u5c4f 3D \u9f20\u6807\u89c6\u5dee\u4f4d\u79fb\n        const m1 = document.getElementById('hero-sec');\n        const m1Bg = document.getElementById('m1-bg');\n        const m1Content = document.getElementById('m1-content');\n         \/\/ \u9996\u5c4f\u52a8\u6001 3D \u9f20\u6807\u89c6\u5dee (\u5e73\u79fb + \u7269\u7406\u626d\u8f6c)\n     \n              \n        if(m1 && m1Bg && m1Content){\n            m1.addEventListener('mousemove', (e) => {\n                \/\/ \u8ba1\u7b97\u9f20\u6807\u504f\u79bb\u5c4f\u5e55\u4e2d\u5fc3\u7684\u8ddd\u79bb\n                const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 30;\n                const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 30;\n                \n                \/\/ \u80cc\u666f\u53cd\u5411\u79fb\u52a8\n                m1Bg.style.transform = `translate(${-xAxis}px, ${-yAxis}px) scale(1.05)`; \n                \n                \/\/ \u524d\u666f\u4e0d\u4ec5\u8ddf\u968f\u79fb\u52a8\uff0c\u8fd8\u6839\u636e\u9f20\u6807\u4f4d\u7f6e\u8fdb\u884c 3D \u7ffb\u8f6c (Rotate)\n                \/\/ \u9664\u4ee5\u7684\u6570\u503c\u8d8a\u5927\uff0c\u7ffb\u8f6c\u89d2\u5ea6\u8d8a\u5c0f\u8d8a\u67d4\u548c\n                m1Content.style.transform = `translate(${xAxis}px, ${yAxis}px) rotateY(${-xAxis \/ 2}deg) rotateX(${yAxis \/ 2}deg)`;\n            });\n            \n            \/\/ \u9f20\u6807\u79fb\u51fa\u65f6\u7f13\u6162\u590d\u4f4d\n            m1.addEventListener('mouseleave', () => {\n                m1Bg.style.transform = `translate(0, 0) scale(1.05)`; \n                m1Content.style.transform = `translate(0px, 0px) rotateY(0deg) rotateX(0deg)`; \n            });\n        }\n        \/\/ m1.addEventListener('mousemove', (e) => {\n        \/\/     const x = (window.innerWidth \/ 2 - e.pageX) \/ 40;\n        \/\/     const y = (window.innerHeight \/ 2 - e.pageY) \/ 40;\n        \/\/     m1Bg.style.transform = `translate(${-x}px, ${-y}px)`; \/\/ \u80cc\u666f\u53cd\u5411\u79fb\u52a8\n        \/\/     m1Content.style.transform = `translate(${x}px, ${y}px)`; \/\/ \u524d\u666f\u6b63\u5411\u79fb\u52a8\n        \/\/ });\n        \/\/ m1.addEventListener('mouseleave', () => {\n        \/\/     m1Bg.style.transform = `translate(0, 0)`;\n        \/\/     m1Content.style.transform = `translate(0, 0)`;\n        \/\/ });\n\n        \/\/ 7. \u521d\u59cb\u5316 3D \u56fe\u7247\u503e\u659c\n        VanillaTilt.init(document.querySelectorAll(\"[data-tilt]\"));\n    <\/script>\n<\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>De la Chine au monde entier, b\u00e2tissons un avenir durable. Innovation et excellence en ing\u00e9nierie. Nous sommes convaincus que la technologie est le seul moteur de la transformation industrielle. En repoussant sans cesse les limites de la physique et de l&#039;ing\u00e9nierie, nous proposons des solutions de pointe \u00e0 nos clients du monde entier. Plus de 100 ing\u00e9nieurs R&amp;D sp\u00e9cialis\u00e9s. Plus de 101 000 employ\u00e9s investis chaque ann\u00e9e en R&amp;D. Nos algorithmes d\u00e9velopp\u00e9s en interne [\u2026]<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":4,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":2059,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions\/2059"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}