{"id":247,"date":"2025-07-18T16:24:21","date_gmt":"2025-07-18T08:24:21","guid":{"rendered":"http:\/\/nh.matepress.cn\/?page_id=247"},"modified":"2025-12-31T17:07:23","modified_gmt":"2025-12-31T09:07:23","slug":"honor","status":"publish","type":"page","link":"https:\/\/nenghui.com\/pt\/honor\/","title":{"rendered":"CERTIFICA\u00c7\u00d5ES E ACREDITA\u00c7\u00d5ES"},"content":{"rendered":"<section id=\"banner-title-69e171dd09fd9\" class=\"nenghui-banner-title banner-title-modern has-animation\" data-bg-image=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/certificationsaccreditations-banner.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\/08\/certificationsaccreditations-banner.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\">CERTIFICA\u00c7\u00d5ES E ACREDITA\u00c7\u00d5ES<\/h1>\n                                    <p class=\"banner-description\">Apresentar certifica\u00e7\u00f5es e acredita\u00e7\u00f5es autorizadas, demonstrando conformidade, profissionalismo e garantia de qualidade para aumentar a credibilidade da marca e a competitividade do mercado.<\/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-69e171dd09fd9';\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\/08\/certificationsaccreditations-banner.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\/pt\/honor\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        Certifica\u00e7\u00f5es e acredita\u00e7\u00f5es                    <\/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<section id=\"nenghui-certification-gallery-shortcode\" class=\"certification-section nenghui-certification\" data-aos=\"fade-up\" data-aos-duration=\"800\">\n    <div class=\"container\">\n        <!-- \u8bc1\u4e66\u753b\u5eca -->\n        <div class=\"certification-gallery\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n            <div class=\"certification-grid\" style=\"--columns: 5\">\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-10.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-10\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-10.webp\" \n                                 alt=\"HONOR-10\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-10<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-9.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-9\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-9.webp\" \n                                 alt=\"HONOR-9\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-9<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-8.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-8\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-8.webp\" \n                                 alt=\"HONOR-8\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-8<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"600\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-7.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-7\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-7.webp\" \n                                 alt=\"HONOR-7\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-7<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"700\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-6.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-6\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-6.webp\" \n                                 alt=\"HONOR-6\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-6<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"800\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-5.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-5\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-5.webp\" \n                                 alt=\"HONOR-5\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-5<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"900\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-4.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-4\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-4.webp\" \n                                 alt=\"HONOR-4\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-4<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"1000\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-3.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-3\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-3.webp\" \n                                 alt=\"HONOR-3\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-3<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"1100\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-2.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-2\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-2.webp\" \n                                 alt=\"HONOR-2\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-2<\/div>\n                                            <\/div>\n                                    <div class=\"certification-item\" data-aos=\"zoom-in\" data-aos-delay=\"1200\">\n                                                    <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-1.webp\" \n                               class=\"certification-link\" \n                               data-lightbox=\"certification-gallery\" \n                               data-title=\"HONOR-1\">\n                                                \n                        <div class=\"certification-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/07\/HONOR-1.webp\" \n                                 alt=\"HONOR-1\" \n                                 class=\"certification-image\" \n                                 loading=\"lazy\">\n                            \n                                                            <div class=\"certification-overlay\">\n                                    <div class=\"certification-overlay-content\">\n                                        <svg class=\"certification-zoom-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M13.5 10.5H7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M10.5 7.5V13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <p class=\"certification-overlay-text\">Ver certificado<\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                    <\/a>\n                                                                            <div class=\"certification-title-text\">HONRA-1<\/div>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.nenghui-certification {\n    padding: 80px 0;\n    background: #f8f9fa;\n}\n\n.nenghui-certification .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.certification-grid {\n    display: grid;\n    grid-template-columns: repeat(var(--columns, 5), 1fr);\n    gap: 30px;\n}\n\n.certification-item {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    position: relative;\n}\n\n.certification-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n    transition: all 0.3s ease;\n}\n\n.certification-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 3\/4;\n}\n\n.certification-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n}\n\n.certification-item:hover .certification-image {\n    transform: scale(1.05);\n    transition: all 0.3s ease;\n}\n\n.certification-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.7);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.certification-item:hover .certification-overlay {\n    opacity: 1;\n    transition: all 0.3s ease;\n}\n\n.certification-overlay-content {\n    text-align: center;\n    color: white;\n}\n\n.certification-zoom-icon {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 10px;\n}\n\n.certification-overlay-text {\n    font-size: 14px;\n    font-weight: 500;\n}\n\n.certification-title-text {\n    padding: 15px;\n    text-align: center;\n    font-weight: 500;\n    color: #333;\n    font-size: 14px;\n}\n\n.certification-link {\n    text-decoration: none;\n    color: inherit;\n    display: block;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .certification-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 25px;\n    }\n}\n\n@media (max-width: 768px) {\n    .certification-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .certification-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n    \n    .nenghui-certification {\n        padding: 60px 0;\n    }\n}\n<\/style>\n\n<script>\n\/\/ \u7b80\u5355\u7684\u706f\u7bb1\u529f\u80fd\ndocument.addEventListener('DOMContentLoaded', function() {\n    const lightboxLinks = document.querySelectorAll('[data-lightbox=\"certification-gallery\"]');\n    \n    if (lightboxLinks.length > 0) {\n        \/\/ \u521b\u5efa\u706f\u7bb1HTML\n        const lightboxHTML = `\n            <div id=\"certification-lightbox\" class=\"certification-lightbox\" style=\"display: none;\">\n                <div class=\"lightbox-overlay\"><\/div>\n                <div class=\"lightbox-content\">\n                    <button class=\"lightbox-close\">&times;<\/button>\n                    <img decoding=\"async\" class=\"lightbox-image\" src=\"\" alt=\"\">\n                    <div class=\"lightbox-title\"><\/div>\n                    <button class=\"lightbox-prev\">&#8249;<\/button>\n                    <button class=\"lightbox-next\">&#8250;<\/button>\n                <\/div>\n            <\/div>\n        `;\n        \n        document.body.insertAdjacentHTML('beforeend', lightboxHTML);\n        \n        const lightbox = document.getElementById('certification-lightbox');\n        const lightboxImage = lightbox.querySelector('.lightbox-image');\n        const lightboxTitle = lightbox.querySelector('.lightbox-title');\n        const closeBtn = lightbox.querySelector('.lightbox-close');\n        const prevBtn = lightbox.querySelector('.lightbox-prev');\n        const nextBtn = lightbox.querySelector('.lightbox-next');\n        \n        let currentIndex = 0;\n        const images = Array.from(lightboxLinks);\n        \n        function showImage(index) {\n            const link = images[index];\n            lightboxImage.src = link.href;\n            lightboxImage.alt = link.dataset.title || '';\n            lightboxTitle.textContent = link.dataset.title || '';\n            currentIndex = index;\n        }\n        \n        function showLightbox(index) {\n            showImage(index);\n            lightbox.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        function hideLightbox() {\n            lightbox.style.display = 'none';\n            document.body.style.overflow = '';\n        }\n        \n        \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\n        lightboxLinks.forEach((link, index) => {\n            link.addEventListener('click', function(e) {\n                e.preventDefault();\n                showLightbox(index);\n            });\n        });\n        \n        closeBtn.addEventListener('click', hideLightbox);\n        lightbox.querySelector('.lightbox-overlay').addEventListener('click', hideLightbox);\n        \n        prevBtn.addEventListener('click', function() {\n            const newIndex = currentIndex > 0 ? currentIndex - 1 : images.length - 1;\n            showImage(newIndex);\n        });\n        \n        nextBtn.addEventListener('click', function() {\n            const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;\n            showImage(newIndex);\n        });\n        \n        \/\/ \u952e\u76d8\u5bfc\u822a\n        document.addEventListener('keydown', function(e) {\n            if (lightbox.style.display === 'flex') {\n                if (e.key === 'Escape') {\n                    hideLightbox();\n                } else if (e.key === 'ArrowLeft') {\n                    prevBtn.click();\n                } else if (e.key === 'ArrowRight') {\n                    nextBtn.click();\n                }\n            }\n        });\n    }\n});\n<\/script>\n\n<style>\n\/* \u706f\u7bb1\u6837\u5f0f *\/\n.certification-lightbox {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.lightbox-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.9);\n}\n\n.lightbox-content {\n    position: relative;\n    max-width: 90%;\n    max-height: 90%;\n    text-align: center;\n}\n\n.lightbox-image {\n    max-width: 100%;\n    max-height: 80vh;\n    object-fit: contain;\n    border-radius: 8px;\n}\n\n.lightbox-title {\n    color: white;\n    margin-top: 15px;\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.lightbox-close {\n    position: absolute;\n    top: -40px;\n    right: 0;\n    background: none;\n    border: none;\n    color: white;\n    font-size: 30px;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.lightbox-prev,\n.lightbox-next {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255, 255, 255, 0.2);\n    border: none;\n    color: white;\n    font-size: 24px;\n    cursor: pointer;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n}\n\n.lightbox-prev {\n    left: -70px;\n}\n\n.lightbox-next {\n    right: -70px;\n}\n\n.lightbox-prev:hover,\n.lightbox-next:hover {\n    background: rgba(255, 255, 255, 0.3);\n    transition: all 0.3s ease;\n}\n\n@media (max-width: 768px) {\n    .lightbox-prev {\n        left: 10px;\n    }\n    \n    .lightbox-next {\n        right: 10px;\n    }\n    \n    .lightbox-close {\n        top: 10px;\n        right: 10px;\n    }\n}\n<\/style>\n\n\n\n<p><\/p>","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-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":1,"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":1588,"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/pages\/247\/revisions\/1588"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/pt\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}