{"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\/de\/about-us\/","title":{"rendered":"\u00dcBER UNS"},"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                 Von China in die Welt\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]\">Eine nachhaltige Zukunft gestalten.<\/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\">Innovation und herausragende Ingenieursleistungen<\/h2>\n            <p class=\"text-[1rem] mb-4\">Wir sind fest davon \u00fcberzeugt, dass Technologie die treibende Kraft hinter dem Wandel der Industrie ist. Indem wir die Grenzen der Physik und des Ingenieurwesens kontinuierlich erweitern, bieten wir unseren Kunden weltweit innovative L\u00f6sungen.<\/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\">Spezialisierte F&amp;E-Ingenieure<\/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\">J\u00e4hrliche F&amp;E-Investitionsquote<\/p>\n                <\/div>\n            <\/div>\n            <p class=\"text-theme-mut text-[1rem]\">Die eigens entwickelten Kernalgorithmen und die hochentwickelte Hardwarearchitektur werden strengsten Labortests unterzogen, um sicherzustellen, dass jedes Produkt den Stabilit\u00e4tsstandards der Industrie entspricht.<\/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\">Pr\u00e4zisionsfertigung und Lieferkette<\/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\">Vollautomatisierte Roboterarme und Reinr\u00e4ume der Klasse 100 stellen einen un\u00fcberwindlichen Wettbewerbsvorteil dar.<\/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\">+Jahre<\/span>\n                <\/div>\n                <span class=\"text-sm uppercase tracking-widest text-gray-300 group-hover:text-white transition-colors\">Eigenst\u00e4ndige Forschung und Entwicklung im Bereich Solarenergie und Energiespeichersysteme <\/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\">Erfolgsbilanz globaler PV-Projekte <\/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\">Eigenbesitz und verwaltete Verm\u00f6genswerte<\/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\">Globale Hubs und lokaler Support<\/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)\">Europa-Hub<\/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 Naher Osten<\/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 Thailand<\/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, Kambodscha<\/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\">Niederlande Hub <\/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\">Belgische intelligente Logistik <\/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\"> Lokale Expertenunterst\u00fctzung <\/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\">Irak-Drehkreuz<\/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\">Intelligentes Logistikzentrum im 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\">Lokaler technischer Support<\/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\">Strategisches Drehkreuz Thailand: Thailand<\/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\">Strategisches Drehkreuz Thailand: Thailand<\/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\">Expertenunterst\u00fctzung vor Ort<\/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\">Kambodschanische Niederlassung<\/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\">Intelligente Lagerhaltung und Distribution<\/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\">Lokales technisches Supportteam<\/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\">Nachhaltigkeit und unternehmerische Verantwortung<\/h2>\n            <p class=\"text-[1rem] opacity-80 mb-16 reveal delay-1\" data-aos=\"fade-up\" data-aos-delay=\"150\">Wir haben uns verpflichtet, bis 2030 Klimaneutralit\u00e4t zu erreichen. Umweltbewusstsein ist keine Option, sondern eine in unserer DNA verankerte Verantwortung: im Einklang mit der Natur zu leben und eine nachhaltige Zukunft zu gestalten.<\/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% Saubere Energie<\/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\">ISO 14001-Zertifizierung<\/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\">Abfallfreie Fabrik<\/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>Von China in die Welt \u2013 F\u00fcr eine nachhaltige Zukunft. Innovation und herausragende Ingenieursleistungen. Wir sind \u00fcberzeugt, dass Technologie die treibende Kraft des industriellen Wandels ist. Indem wir die Grenzen von Physik und Ingenieurwesen kontinuierlich erweitern, bieten wir unseren Kunden weltweit innovative L\u00f6sungen. \u00dcber 100 spezialisierte F&amp;E-Ingenieure. J\u00e4hrliche F&amp;E-Investitionen von \u00fcber 101.000 US-Dollar. Unsere Kernalgorithmen wurden eigens entwickelt [\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\/de\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":4,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":2059,"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/pages\/17\/revisions\/2059"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/de\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}