{"id":15,"date":"2025-06-21T21:29:28","date_gmt":"2025-06-21T13:29:28","guid":{"rendered":"http:\/\/nh.matepress.cn\/?page_id=15"},"modified":"2025-12-31T17:29:24","modified_gmt":"2025-12-31T09:29:24","slug":"support","status":"publish","type":"page","link":"https:\/\/nenghui.com\/be\/support\/","title":{"rendered":"\u041f\u0410\u0414\u0422\u0420\u042b\u041c\u041a\u0410"},"content":{"rendered":"<section id=\"banner-title-69e0f4a5b94e2\" class=\"nenghui-banner-title banner-title-modern has-animation\" data-bg-image=\"https:\/\/nenghui.com\/\/wp-content\/uploads\/2025\/07\/SUPPORT.webp\">\n    <!-- \u80cc\u666f\u5bb9\u5668 -->\n    <div class=\"banner-background\">\n        <div class=\"banner-image\" style=\"background-image: url('https:\/\/nenghui.com\/\/wp-content\/uploads\/2025\/07\/SUPPORT.webp')\"><\/div>\n        <div class=\"banner-overlay\" style=\"opacity: 0.3\"><\/div>\n    <\/div>\n    \n    <!-- \u5185\u5bb9\u5bb9\u5668 -->\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <div class=\"banner-text\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <h1 class=\"banner-title\">\u041f\u0410\u0414\u0422\u0420\u042b\u041c\u041a\u0410<\/h1>\n                                    <p class=\"banner-description\">\u0417\u043d\u0430\u0439\u0434\u0437\u0456\u0446\u0435 \u0430\u0434\u043a\u0430\u0437\u044b, \u0440\u044d\u0441\u0443\u0440\u0441\u044b \u0456 \u0434\u0430\u043f\u0430\u043c\u043e\u0433\u0443 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0430\u045e<\/p>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<style>\n\/* ===== Banner Title \u73b0\u4ee3\u5316\u6837\u5f0f ===== *\/\n.nenghui-banner-title {\n    position: relative;\n    height: 60vh;\n    min-height: 600px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    color: #ffffff;\n}\n\n\/* \u80cc\u666f\u5c42 *\/\n.nenghui-banner-title .banner-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n.nenghui-banner-title .banner-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-attachment: scroll;\n}\n\n.nenghui-banner-title .banner-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(44, 62, 80, 0.8) 0%, rgba(52, 73, 94, 0.6) 100%);\n    transition: opacity 0.3s ease;\n}\n\n\/* \u5185\u5bb9\u5bb9\u5668 *\/\n.nenghui-banner-title .banner-container {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    max-width: 1300px;\n    padding: 0 20px;\n}\n\n.nenghui-banner-title .banner-content {\n    text-align: left;\n}\n\n\/* \u6587\u5b57\u6837\u5f0f *\/\n.nenghui-banner-title .banner-title {\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 1.5rem 0;\n    letter-spacing: 3px;\n    color: #ffffff;\n    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\n}\n\n.nenghui-banner-title .banner-description {\n    font-size: clamp(1rem, 2vw, 1.3rem);\n    line-height: 1.6;\n    margin: 0;\n    color: #ffffff;\n    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\n    font-weight: 300;\n    max-width: 1300px;\n}\n\/* \u52a8\u753b\u6548\u679c *\/\n.nenghui-banner-title.has-animation {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 1s ease-out;\n}\n\n.nenghui-banner-title.has-animation.animated {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.nenghui-banner-title.has-animation .banner-title {\n    animation: fadeInUp 1.2s ease-out 0.3s both;\n}\n\n.nenghui-banner-title.has-animation .banner-description {\n    animation: fadeInUp 1.2s ease-out 0.6s both;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 768px) {\n    .nenghui-banner-title {\n        height: 50vh;\n        min-height: 350px;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        letter-spacing: 2px;\n    }\n\n    .nenghui-cases-section .container {\n        width: 100% !important;\n    }\n}\n\n@media (max-width: 480px) {\n    .nenghui-banner-title {\n        height: 40vh;\n        min-height: 300px;\n    }\n    \n    .nenghui-banner-title .banner-container {\n        padding: 0 15px;\n        margin-top: 10rem;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        letter-spacing: 1px;\n    }\n}\n\n\/* \u52a8\u753b\u5173\u952e\u5e27 *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n\/* \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u65f6\u7684\u5907\u7528\u6837\u5f0f *\/\n.nenghui-banner-title.no-image .banner-image {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n\/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-contrast: high) {\n    .nenghui-banner-title .banner-overlay {\n        opacity: 0.8;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);\n    }\n}\n\n\/* \u51cf\u5c11\u52a8\u753b\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-reduced-motion: reduce) {\n    .nenghui-banner-title .banner-image,\n    .nenghui-banner-title .banner-overlay,\n    .nenghui-banner-title.has-animation,\n    .nenghui-banner-title .banner-title,\n    .nenghui-banner-title .banner-description {\n        animation: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u68c0\u67e5\u57fa\u672c\u73af\u5883\n    if (typeof document === 'undefined' || typeof window === 'undefined') {\n        return;\n    }\n    \n    \/\/ \u83b7\u53d6\u5143\u7d20\n    const elementId = 'banner-title-69e0f4a5b94e2';\n    if (!elementId) {\n        console.warn('Banner element ID is missing');\n        return;\n    }\n    \n    const bannerElement = document.getElementById(elementId);\n    if (!bannerElement) {\n        console.warn('Banner element not found:', elementId);\n        return;\n    }\n    \n    const bgImage = 'https:\/\/nenghui.com\/\/wp-content\/uploads\/2025\/07\/SUPPORT.webp';\n    \n    \/**\n     * \u56fe\u7247\u9884\u52a0\u8f7d\u548c\u9519\u8bef\u5904\u7406\n     *\/\n    function handleImageLoading() {\n        if (!bgImage || typeof Image === 'undefined') {\n            bannerElement.classList.add('no-image');\n            return;\n        }\n        \n        try {\n            const img = new Image();\n            \n            img.onload = function() {\n                if (bannerElement) {\n                    bannerElement.classList.remove('no-image');\n                }\n            };\n            \n            img.onerror = function() {\n                if (bannerElement) {\n                    bannerElement.classList.add('no-image');\n                }\n                console.warn('Banner background image failed to load:', bgImage);\n            };\n            \n            img.src = bgImage;\n        } catch (error) {\n            console.warn('Error in image loading:', error);\n            bannerElement.classList.add('no-image');\n        }\n    }\n    \n    \/**\n     * \u6eda\u52a8\u52a8\u753b\u5904\u7406\n     *\/\n    function handleScrollAnimation() {\n        if (!bannerElement.classList.contains('has-animation')) return;\n        \n        \/\/ \u68c0\u67e5 IntersectionObserver \u517c\u5bb9\u6027\n        if (!window.IntersectionObserver) {\n            \/\/ \u964d\u7ea7\u5904\u7406\uff1a\u76f4\u63a5\u6dfb\u52a0\u52a8\u753b\u7c7b\n            bannerElement.classList.add('animated');\n            return;\n        }\n        \n        const observer = new IntersectionObserver(\n            function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animated');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            },\n            {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            }\n        );\n        \n        observer.observe(bannerElement);\n    }\n    \n\n    \n    \/\/ \u521d\u59cb\u5316\u51fd\u6570\n    function initBanner() {\n        handleImageLoading();\n        handleScrollAnimation();\n    }\n    \n    \/\/ DOM \u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initBanner);\n    } else {\n        \/\/ DOM \u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\uff0c\u76f4\u63a5\u521d\u59cb\u5316\n        initBanner();\n    }\n})();\n<\/script>\n\n\n\n<nav id=\"nenghui-about-nav-shortcode\" \n     class=\"about-nav-section nenghui-about-nav nav-horizontal nav-position-top\"\n     style=\"background-color: #ffffff\"\n     data-aos=\"fade-up\">\n    <div class=\"about-nav-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n        <ul class=\"about-nav-menu\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/be\/download-center\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0426\u044d\u043d\u0442\u0440 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0456                    <\/a>\n                <\/li>\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/be\/support\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0410\u0431\u0441\u043b\u0443\u0433\u043e\u045e\u0432\u0430\u043d\u043d\u0435                    <\/a>\n                <\/li>\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/be\/faq\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0427\u0430\u0441\u0442\u0430 \u0437\u0430\u0434\u0430\u0432\u0430\u043d\u044b\u044f \u043f\u044b\u0442\u0430\u043d\u043d\u0456                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/nav>\n\n<style>\n\/* About \u5bfc\u822a\u533a\u5757\u6837\u5f0f *\/\n.nenghui-about-nav {\n    width: 100%;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    z-index: 100;\n}\n\n.about-nav-container {\n    width: 80%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n}\n\n.about-nav-menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.about-nav-item {\n    margin: 0;\n    padding: 0;\n    position: relative;\n}\n\n.about-nav-link {\n    display: block;\n    padding: 20px 30px;\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease;\n    border-bottom: 3px solid transparent;\n    position: relative;\n}\n\n.about-nav-link:hover {\n    color: #007cba !important;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.about-nav-item.active .about-nav-link {\n    color: #007cba !important;\n    border-bottom-color: #007cba !important;\n}\n\n\/* \u5782\u76f4\u6837\u5f0f *\/\n.nenghui-about-nav.nav-vertical .about-nav-menu {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item {\n    width: 100%;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item:last-child {\n    border-bottom: none;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-link {\n    border-bottom: none;\n    border-left: 3px solid transparent;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item.active .about-nav-link {\n    border-left-color: #007cba !important;\n    border-bottom-color: transparent !important;\n    background: rgba(0, 124, 186, 0.05);\n}\n\n\/* \u4e0b\u62c9\u83dc\u5355\u6837\u5f0f *\/\n.nenghui-about-nav.nav-dropdown {\n    position: relative;\n}\n\n.nenghui-about-nav.nav-dropdown .about-nav-menu {\n    position: relative;\n}\n\n.nenghui-about-nav.nav-dropdown .about-nav-item:hover .about-nav-submenu {\n    display: block;\n}\n\n\/* \u4f4d\u7f6e\u6837\u5f0f *\/\n.nenghui-about-nav.nav-position-top {\n    position: sticky;\n    top: 0;\n}\n\n.nenghui-about-nav.nav-position-sidebar {\n    position: fixed;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: auto;\n    border-bottom: none;\n    border-right: 1px solid #eee;\n    box-shadow: 2px 0 5px rgba(0,0,0,0.1);\n}\n\n.nenghui-about-nav.nav-position-sidebar .about-nav-container {\n    width: auto;\n}\n\n.nenghui-about-nav.nav-position-sidebar .about-nav-menu {\n    flex-direction: column;\n}\n\n.nenghui-about-nav.nav-position-bottom {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-top: 1px solid #eee;\n    border-bottom: none;\n    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 768px) {\n    .about-nav-container {\n        width: 95%;\n    }\n    \n    .about-nav-menu {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .about-nav-item {\n        width: 100%;\n        border-bottom: 1px solid #f0f0f0;\n    }\n    \n    .about-nav-item:last-child {\n        border-bottom: none;\n    }\n    \n    .about-nav-link {\n        padding: 15px 20px;\n        border-bottom: none;\n        border-left: 3px solid transparent;\n    }\n    \n    .about-nav-item.active .about-nav-link {\n        border-left-color: #007cba;\n        border-bottom-color: transparent;\n        background: #f8f9fa;\n    }\n}\n\n@media (max-width: 480px) {\n    .about-nav-link {\n        padding: 12px 15px;\n        font-size: 14px;\n    }\n}\n\n\/* \u63d0\u793a\u4fe1\u606f\u6837\u5f0f *\/\n.about-nav-notice {\n    padding: 20px;\n    text-align: center;\n    color: #666;\n    background: #f9f9f9;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    margin: 20px 0;\n}\n\n\/* \u52a0\u8f7d\u52a8\u753b *\/\n.nenghui-about-nav {\n    opacity: 0;\n    animation: fadeInNav 0.5s ease forwards;\n}\n\n@keyframes fadeInNav {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-contrast: high) {\n    .about-nav-link {\n        border-bottom-width: 2px;\n    }\n    \n    .about-nav-item.active .about-nav-link {\n        border-bottom-width: 4px;\n    }\n}\n\n\/* \u51cf\u5c11\u52a8\u753b\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-reduced-motion: reduce) {\n    .about-nav-link {\n        transition: none;\n    }\n    \n    .nenghui-about-nav {\n        animation: none;\n        opacity: 1;\n    }\n}\n<\/style>\n\n<script>\n\/\/ About \u5bfc\u822a\u529f\u80fd\u811a\u672c\n(function() {\n    'use strict';\n    \n    \/\/ \u7b49\u5f85 DOM \u52a0\u8f7d\u5b8c\u6210\n    document.addEventListener('DOMContentLoaded', function() {\n        const aboutNav = document.querySelector('.nenghui-about-nav');\n        if (!aboutNav) return;\n        \n        \/\/ \u5e73\u6ed1\u6eda\u52a8\u5230\u951a\u70b9\n        const navLinks = aboutNav.querySelectorAll('.about-nav-link');\n        navLinks.forEach(function(link) {\n            link.addEventListener('click', function(e) {\n                const href = this.getAttribute('href');\n                \n                \/\/ \u5982\u679c\u662f\u951a\u70b9\u94fe\u63a5\uff0c\u6dfb\u52a0\u5e73\u6ed1\u6eda\u52a8\n                if (href && href.startsWith('#')) {\n                    e.preventDefault();\n                    const target = document.querySelector(href);\n                    if (target) {\n                        const offsetTop = target.offsetTop - aboutNav.offsetHeight - 20;\n                        window.scrollTo({\n                            top: offsetTop,\n                            behavior: 'smooth'\n                        });\n                        \n                        \/\/ \u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\n                        updateActiveState(this);\n                    }\n                }\n            });\n        });\n        \n        \/\/ \u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\n        function updateActiveState(activeLink) {\n            navLinks.forEach(function(link) {\n                link.parentElement.classList.remove('active');\n            });\n            activeLink.parentElement.classList.add('active');\n        }\n        \n        \/\/ \u6eda\u52a8\u65f6\u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\uff08\u9488\u5bf9\u951a\u70b9\u5bfc\u822a\uff09\n        let ticking = false;\n        function updateActiveOnScroll() {\n            if (!ticking) {\n                requestAnimationFrame(function() {\n                    const scrollTop = window.pageYOffset;\n                    const navHeight = aboutNav.offsetHeight;\n                    \n                    navLinks.forEach(function(link) {\n                        const href = link.getAttribute('href');\n                        if (href && href.startsWith('#')) {\n                            const target = document.querySelector(href);\n                            if (target) {\n                                const targetTop = target.offsetTop - navHeight - 50;\n                                const targetBottom = targetTop + target.offsetHeight;\n                                \n                                if (scrollTop >= targetTop && scrollTop < targetBottom) {\n                                    updateActiveState(link);\n                                }\n                            }\n                        }\n                    });\n                    \n                    ticking = false;\n                });\n                ticking = true;\n            }\n        }\n        \n        \/\/ \u76d1\u542c\u6eda\u52a8\u4e8b\u4ef6\n        window.addEventListener('scroll', updateActiveOnScroll, { passive: true });\n        \n        \/\/ \u952e\u76d8\u5bfc\u822a\u652f\u6301\n        aboutNav.addEventListener('keydown', function(e) {\n            const focusedElement = document.activeElement;\n            const navItems = Array.from(aboutNav.querySelectorAll('.about-nav-link'));\n            const currentIndex = navItems.indexOf(focusedElement);\n            \n            switch(e.key) {\n                case 'ArrowLeft':\n                case 'ArrowUp':\n                    e.preventDefault();\n                    const prevIndex = currentIndex > 0 ? currentIndex - 1 : navItems.length - 1;\n                    navItems[prevIndex].focus();\n                    break;\n                    \n                case 'ArrowRight':\n                case 'ArrowDown':\n                    e.preventDefault();\n                    const nextIndex = currentIndex < navItems.length - 1 ? currentIndex + 1 : 0;\n                    navItems[nextIndex].focus();\n                    break;\n                    \n                case 'Home':\n                    e.preventDefault();\n                    navItems[0].focus();\n                    break;\n                    \n                case 'End':\n                    e.preventDefault();\n                    navItems[navItems.length - 1].focus();\n                    break;\n            }\n        });\n        \n        \/\/ \u81ea\u5b9a\u4e49\u5668\u5b9e\u65f6\u9884\u89c8\u652f\u6301\n        if (typeof wp !== 'undefined' && wp.customize) {\n            \/\/ \u76d1\u542c\u80cc\u666f\u8272\u53d8\u5316\n            wp.customize('about_nav_bg_color', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.style.backgroundColor = newval;\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6587\u5b57\u989c\u8272\u53d8\u5316\n            wp.customize('about_nav_text_color', function(value) {\n                value.bind(function(newval) {\n                    navLinks.forEach(function(link) {\n                        link.style.color = newval;\n                    });\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6fc0\u6d3b\u72b6\u6001\u989c\u8272\u53d8\u5316\n            wp.customize('about_nav_active_color', function(value) {\n                value.bind(function(newval) {\n                    \/\/ \u66f4\u65b0 CSS \u53d8\u91cf\u6216\u76f4\u63a5\u66f4\u65b0\u6837\u5f0f\n                    const activeLinks = aboutNav.querySelectorAll('.about-nav-item.active .about-nav-link');\n                    activeLinks.forEach(function(link) {\n                        link.style.color = newval;\n                        link.style.borderBottomColor = newval;\n                    });\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6837\u5f0f\u53d8\u5316\n            wp.customize('about_nav_style', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.className = aboutNav.className.replace(\/nav-\\w+\/g, '');\n                    aboutNav.classList.add('nav-' + newval);\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u4f4d\u7f6e\u53d8\u5316\n            wp.customize('about_nav_position', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.className = aboutNav.className.replace(\/nav-position-\\w+\/g, '');\n                    aboutNav.classList.add('nav-position-' + newval);\n                });\n            });\n        }\n    });\n})();\n<\/script>\n\n\n\n<section id=\"nenghui-technical-service-shortcode\" class=\"technical-service-section\">\n    <div class=\"container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"section-header text-center fade-in-up\">\n            <h2 class=\"section-title\">\u041d\u0430\u0434\u0437\u0435\u0439\u043d\u0430\u0435 \u0442\u044d\u0445\u043d\u0456\u0447\u043d\u0430\u0435 \u0430\u0431\u0441\u043b\u0443\u0433\u043e\u045e\u0432\u0430\u043d\u043d\u0435<\/h2>\n            <p class=\"section-subtitle\">\u041f\u0430\u043b\u044f\u043f\u0448\u044d\u043d\u043d\u0435 \u0430\u0431\u0441\u043b\u0443\u0433\u043e\u045e\u0432\u0430\u043d\u043d\u044f \u043a\u043b\u0456\u0435\u043d\u0442\u0430\u045e<\/p>\n        <\/div>\n        \n        <!-- \u670d\u52a1\u5361\u7247\u7f51\u683c -->\n        <div class=\"services-grid\">\n                        <div class=\"service-card fade-in-up\" \n                 data-delay=\"200\">\n                <div class=\"service-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/24-h.webp\" alt=\"7x24h Respond\" \/>\n                <\/div>\n                <div class=\"service-content\">\n                    <h3 class=\"service-title\">7x24h \u0410\u0434\u043a\u0430\u0437\u0430\u0446\u044c<\/h3>\n                    <div class=\"service-divider\"><\/div>\n                    <p class=\"service-description\">\u041c\u044b \u0437\u0430\u0431\u044f\u0441\u043f\u0435\u0447\u0432\u0430\u0435\u043c \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0443 \u043d\u0430\u0448\u044b\u0445 \u043a\u043b\u0456\u0435\u043d\u0442\u0430\u045e \u0443 \u0442\u044d\u0440\u043c\u0456\u043d\u043e\u0432\u044b\u043c \u043f\u0430\u0440\u0430\u0434\u043a\u0443<\/p>\n                <\/div>\n            <\/div>\n                        <div class=\"service-card fade-in-up\" \n                 data-delay=\"400\">\n                <div class=\"service-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/Certified%20Pre-sales.webp\" alt=\"Certified Pre-sales &amp; Post-sales Technical Personnel\" \/>\n                <\/div>\n                <div class=\"service-content\">\n                    <h3 class=\"service-title\">\u0421\u0435\u0440\u0442\u044b\u0444\u0456\u043a\u0430\u0432\u0430\u043d\u044b \u0442\u044d\u0445\u043d\u0456\u0447\u043d\u044b \u043f\u0435\u0440\u0441\u0430\u043d\u0430\u043b \u043f\u0430 \u043f\u0435\u0440\u0430\u0434\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u0430\u0439 \u0456 \u043f\u0430\u0441\u043b\u044f\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u0430\u0439 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u0446\u044b<\/h3>\n                    <div class=\"service-divider\"><\/div>\n                    <p class=\"service-description\">\u0414\u043e\u0431\u0440\u0430 \u043f\u0430\u0434\u0440\u044b\u0445\u0442\u0430\u0432\u0430\u043d\u044b\u044f \u0442\u044d\u0445\u043d\u0456\u0447\u043d\u044b\u044f \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u044b, \u044f\u043a\u0456\u044f \u0431\u0443\u0434\u0443\u0446\u044c \u0430\u0431\u0441\u043b\u0443\u0433\u043e\u045e\u0432\u0430\u0446\u044c \u0432\u0430\u0441 \u0443 \u0456\u043d\u0442\u044d\u0440\u043d\u044d\u0446\u0435<\/p>\n                <\/div>\n            <\/div>\n                        <div class=\"service-card fade-in-up\" \n                 data-delay=\"600\">\n                <div class=\"service-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/Intelligent%20ESS%20Guardian.webp\" alt=\"Intelligent ESS Guardian\" \/>\n                <\/div>\n                <div class=\"service-content\">\n                    <h3 class=\"service-title\">\u0406\u043d\u0442\u044d\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b ESS Guardian<\/h3>\n                    <div class=\"service-divider\"><\/div>\n                    <p class=\"service-description\">\u041c\u0430\u043d\u0456\u0442\u043e\u0440\u044b\u043d\u0433 \u0442\u0440\u0430\u043d\u0441\u0444\u0430\u0440\u043c\u0430\u0442\u0430\u0440\u0430\u045e \u043f\u0440\u0430\u0430\u043a\u0442\u044b\u045e\u043d\u0430 \u043b\u0456\u043a\u0432\u0456\u0434\u0443\u0435 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u044b\u0439\u043d\u044b\u044f \u0440\u044b\u0437\u044b\u043a\u0456 95%<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.technical-service-section {\n    padding: 80px 0;\n    background-color: #f8f9fa;\n}\n\n.technical-service-section .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.section-header {\n    margin-bottom: 60px;\n}\n\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #2c3e50;\n    margin-bottom: 15px;\n    line-height: 1.2;\n}\n\n.section-subtitle {\n    font-size: 1.2rem;\n    color: #7f8c8d;\n    margin: 0;\n    font-weight: 400;\n}\n\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 40px;\n    align-items: stretch;\n}\n\n.service-card {\n    background: #ffffff;\n    border-radius: 0;\n    padding: 40px 30px;\n    text-align: center;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    border-bottom: 4px solid transparent;\n}\n\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n    border-bottom: 4px solid;\n    border-image: linear-gradient(90deg, #009194 0%, #116598 100%) 1;\n    transition: all 0.3s ease;\n}\n\n.service-icon {\n    margin-bottom: 30px;\n    position: relative;\n    text-align: left;\n}\n\n.service-icon img {\n    width: 80px;\n    height: 80px;\n    object-fit: contain;\n    transition: all 0.3s ease;\n    filter: grayscale(0.2);\n    display: block;\n}\n\n.service-card:hover .service-icon img {\n    filter: grayscale(0) brightness(1.1);\n    transform: scale(1.05);\n    transition: all 0.3s ease;\n}\n\n\/* \u4e3a\u56fe\u6807\u6dfb\u52a0\u6e10\u53d8\u906e\u7f69\u6548\u679c *\/\n.service-card:hover .service-icon::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 15%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, rgba(0, 145, 148, 0.2) 0%, rgba(17, 101, 152, 0.2) 100%);\n    border-radius: 50%;\n    pointer-events: none;\n    transition: all 0.3s ease;\n}\n\n.service-content {\n    position: relative;\n    text-align: left;\n}\n\n.service-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #2c3e50;\n    margin-bottom: 20px;\n    line-height: 1.4;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n}\n\n.service-divider {\n    width: 60px;\n    height: 3px;\n    background: #e9ecef;\n    margin: 0 0 20px 0;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n}\n\n.service-card:hover .service-divider {\n    background: linear-gradient(90deg, #009194 0%, #116598 100%);\n    width: 80px;\n    transition: all 0.3s ease;\n}\n\n.service-description {\n    font-size: 1rem;\n    color: #6c757d;\n    line-height: 1.6;\n    margin: 0;\n    text-align: left;\n}\n\n\/* \u52a8\u753b\u6548\u679c *\/\n.fade-in-up {\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 0.8s ease forwards;\n}\n\n.fade-in-up[data-delay] {\n    animation-delay: var(--delay, 0s);\n}\n\n@keyframes fadeInUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 992px) {\n    .technical-service-section {\n        padding: 60px 0;\n    }\n    \n    .services-grid {\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n    }\n    \n    .section-title {\n        font-size: 2.2rem;\n    }\n    \n    .service-card {\n        padding: 35px 25px;\n    }\n}\n\n@media (max-width: 768px) {\n    .technical-service-section {\n        padding: 50px 0;\n    }\n    \n    .section-header {\n        margin-bottom: 40px;\n    }\n    \n    .section-title {\n        font-size: 2rem;\n    }\n    \n    .section-subtitle {\n        font-size: 1.1rem;\n    }\n    \n    .services-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n    \n    .service-card {\n        padding: 30px 20px;\n    }\n    \n    .service-title {\n        font-size: 1.2rem;\n        min-height: 50px;\n    }\n}\n\n@media (max-width: 480px) {\n    .technical-service-section .container {\n        padding: 0 15px;\n    }\n    \n    .section-title {\n        font-size: 1.8rem;\n    }\n    \n    .service-icon img {\n        width: 70px;\n        height: 70px;\n    }\n    \n    .service-card:hover .service-icon::after {\n        width: 70px;\n        height: 70px;\n    }\n}\n<\/style>\n\n<script>\n\/\/ \u52a8\u753b\u521d\u59cb\u5316\ndocument.addEventListener('DOMContentLoaded', function() {\n    const animatedElements = document.querySelectorAll('.fade-in-up');\n    \n    \/\/ \u8bbe\u7f6e\u52a8\u753b\u5ef6\u8fdf\n    animatedElements.forEach(function(element) {\n        const delay = element.getAttribute('data-delay');\n        if (delay) {\n            element.style.setProperty('--delay', delay + 'ms');\n        }\n    });\n    \n    \/\/ \u6eda\u52a8\u89e6\u53d1\u52a8\u753b\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n                entry.target.style.animationPlayState = 'running';\n            }\n        });\n    }, {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    });\n    \n    animatedElements.forEach(function(element) {\n        observer.observe(element);\n    });\n});\n<\/script>\n\n\n\n<section id=\"nenghui-overseas-services\" class=\"overseas-services-section\">\n    <div class=\"overseas-services-container\">\n        <div class=\"overseas-services-content fade-in-up\">\n            <h2 class=\"overseas-services-title\">\u0417\u0430\u043c\u0435\u0436\u043d\u044b\u044f \u043f\u0430\u0441\u043b\u0443\u0433\u0456<\/h2>\n            <p class=\"overseas-services-description\">\u041d\u0430\u0448\u0430 \u0441\u043b\u0443\u0436\u0431\u0430 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0456 \u043f\u0440\u0430\u043f\u0430\u043d\u0443\u0435 \u0440\u0430\u0437\u043d\u0430\u0441\u0442\u0430\u0439\u043d\u044b\u044f \u0440\u0430\u0448\u044d\u043d\u043d\u0456, \u0430\u0434\u0430\u043f\u0442\u0430\u0432\u0430\u043d\u044b\u044f \u0434\u0430 \u043f\u0430\u0442\u0440\u0430\u0431\u0430\u0432\u0430\u043d\u043d\u044f\u045e \u043a\u043b\u0456\u0435\u043d\u0442\u0430\u045e, \u0443 \u0442\u044b\u043c \u043b\u0456\u043a\u0443 \u043d\u0430\u0432\u0443\u0447\u0430\u043d\u043d\u0435 \u043f\u0430 \u043f\u0440\u0430\u0434\u0443\u043a\u0442\u0430\u0445, \u043a\u0430\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u044b\u0456 \u043f\u0430 \u045e\u0441\u0442\u0430\u043b\u0451\u045e\u0446\u044b \u0456 \u043f\u0430\u0441\u043b\u044f\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u0443\u044e \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0443. \u0421\u043f\u0435\u0446\u044b\u044f\u043b\u0456\u0437\u0430\u0432\u0430\u043d\u0430\u044f \u043a\u0430\u043c\u0430\u043d\u0434\u0430 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0430\u045e NengHui ESS \u0437\u0430\u0431\u044f\u0441\u043f\u0435\u0447\u0432\u0430\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u044f \u043f\u0430\u0441\u043b\u0443\u0433\u0456 \u043d\u0430 \u043c\u0435\u0441\u0446\u044b, \u044f\u043a\u0456\u044f \u0430\u0445\u043e\u043f\u043b\u0456\u0432\u0430\u044e\u0446\u044c \u043a\u0440\u044b\u043d\u0456\u0446\u044b \u0431\u0435\u0441\u043f\u0435\u0440\u0430\u0431\u043e\u0439\u043d\u0430\u0433\u0430 \u0441\u0456\u043b\u043a\u0430\u0432\u0430\u043d\u043d\u044f (UPS), \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u044f \u0446\u044d\u043d\u0442\u0440\u044b \u0430\u043f\u0440\u0430\u0446\u043e\u045e\u043a\u0456 \u0434\u0430\u0434\u0437\u0435\u043d\u044b\u0445, \u0441\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u044d\u043d\u0435\u0440\u0433\u0456\u044e \u0456 \u0441\u0456\u0441\u0442\u044d\u043c\u044b \u043d\u0430\u0437\u0430\u043f\u0430\u0448\u0432\u0430\u043d\u043d\u044f \u044d\u043d\u0435\u0440\u0433\u0456\u0456 (ESS), \u0433\u0430\u0440\u0430\u043d\u0442\u0443\u044e\u0447\u044b, \u0448\u0442\u043e \u0432\u0430\u0448\u044b \u044d\u043d\u0435\u0440\u0433\u0430\u0441\u0456\u0441\u0442\u044d\u043c\u044b \u0431\u0443\u0434\u0443\u0446\u044c \u043f\u0440\u0430\u0446\u0430\u0432\u0430\u0446\u044c \u0437 \u043c\u0430\u043a\u0441\u0456\u043c\u0430\u043b\u044c\u043d\u0430\u0439 \u043f\u0440\u0430\u0434\u0443\u043a\u0446\u044b\u0439\u043d\u0430\u0441\u0446\u044e.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.overseas-services-section {\n    width: 100%;\n    min-height: 700px;\n    background-image: url('https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/Overseas-Services-bg.webp');\n    background-size: cover;\n    background-position: bottom center;\n    background-repeat: no-repeat;\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 80px 0;\n}\n\n\n\n.overseas-services-container {\n    width: 80%;\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n    padding: 0 20px;\n}\n\n.overseas-services-content {\n    max-width: 600px;\n    color: #333333;\n}\n\n.overseas-services-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    color: #333333;\n}\n\n.overseas-services-description {\n    font-size: 1.1rem;\n    line-height: 1.6;\n    margin: 0;\n    color: #333333  ;\n    opacity: 0.95;\n}\n\n\/* \u52a8\u753b\u6548\u679c *\/\n.fade-in-up {\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s ease forwards;\n}\n\n@keyframes fadeInUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1200px) {\n    .overseas-services-container {\n        width: 85%;\n    }\n}\n\n@media (max-width: 992px) {\n    .overseas-services-section {\n        padding: 60px 0;\n        min-height: 350px;\n    }\n    \n    .overseas-services-container {\n        width: 90%;\n    }\n    \n    .overseas-services-title {\n        font-size: 2.2rem;\n    }\n    \n    .overseas-services-description {\n        font-size: 1rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .overseas-services-section {\n        padding: 50px 0;\n        min-height: 300px;\n    }\n    \n    .overseas-services-container {\n        width: 95%;\n        padding: 0 15px;\n    }\n    \n    .overseas-services-title {\n        font-size: 2rem;\n        margin-bottom: 15px;\n    }\n    \n    .overseas-services-description {\n        font-size: 0.95rem;\n        line-height: 1.5;\n    }\n}\n\n@media (max-width: 480px) {\n    .overseas-services-section {\n        padding: 40px 0;\n        min-height: 280px;\n    }\n    \n    .overseas-services-container {\n        padding: 0 10px;\n    }\n    \n    .overseas-services-title {\n        font-size: 1.8rem;\n    }\n    \n    .overseas-services-description {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n\n<script>\n\/\/ \u52a8\u753b\u521d\u59cb\u5316\ndocument.addEventListener('DOMContentLoaded', function() {\n    const animatedElements = document.querySelectorAll('.fade-in-up');\n    \n    \/\/ \u6eda\u52a8\u89e6\u53d1\u52a8\u753b\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n                entry.target.style.animationPlayState = 'running';\n            }\n        });\n    }, {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    });\n    \n    animatedElements.forEach(function(element) {\n        observer.observe(element);\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/pages\/15\/revisions\/1591"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/be\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"\u0432\u043f","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}