{"id":10,"date":"2026-04-14T15:35:00","date_gmt":"2026-04-14T07:35:00","guid":{"rendered":"http:\/\/wh-nu9n7emybogxp19asx1.my3w.com\/?page_id=10"},"modified":"2026-04-24T17:17:20","modified_gmt":"2026-04-24T09:17:20","slug":"company-profile","status":"publish","type":"page","link":"https:\/\/www.xghwj.com\/index.php\/company-profile\/","title":{"rendered":"Company Profile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f573fa7 e-con-full e-flex e-con e-parent\" data-id=\"f573fa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a490fc elementor-widget elementor-widget-image\" data-id=\"1a490fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"178\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A.png\" class=\"attachment-full size-full wp-image-583\" alt=\"\" srcset=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A.png 1920w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-300x28.png 300w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-1024x95.png 1024w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-768x71.png 768w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-1536x142.png 1536w, https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u56fe\u7247A-600x56.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c570d2d elementor-widget elementor-widget-shortcode\" data-id=\"c570d2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* --- 1. \u57fa\u7840\u5bb9\u5668\u4e0e\u7535\u8111\u7aef\u7f29\u653e\u903b\u8f91 --- *\/\n.nav-ratio-container {\n    width: 100% !important;\n    max-width: 1920px !important;\n    margin: 0 auto !important;\n    position: relative !important;\n    height: calc(45px * var(--nav-scale, 1)) !important;\n    z-index: 99999;\n    background-color: #333333 !important;\n}\n\n.nav-scaler {\n    width: 1920px !important;\n    height: 45px !important;\n    position: absolute !important;\n    left: 50% !important;\n    top: 0 !important;\n    margin-left: -960px !important;\n    transform-origin: center top !important;\n    display: flex !important;\n    align-items: center !important;\n    transform: scale(var(--nav-scale, 1)) !important;\n}\n\n\/* \u7535\u8111\u7aef\u539f\u59cb\u6837\u5f0f *\/\n.nav-menu {\n    list-style: none !important;\n    display: flex !important;\n    height: 45px !important;\n    align-items: center !important;\n    margin: 0 !important;\n    padding-left: 340px !important;\n}\n\n.nav-item {\n    position: relative !important;\n    margin-right: 40px !important;\n    height: 45px !important;\n    display: flex !important;\n    align-items: center !important;\n}\n\n.nav-item > a {\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif !important;\n    font-size: 16px !important;\n}\n\n\/* \u7535\u8111\u7aef\u5b50\u83dc\u5355 *\/\n.submenu {\n    position: absolute !important;\n    top: 45px !important;\n    left: 0 !important;\n    background-color: #ffffff !important;\n    list-style: none !important;\n    min-width: 220px !important;\n    display: none !important;\n    z-index: 100000 !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\n    padding: 0 !important;\n    border-top: 2px solid #ff6a00 !important;\n}\n\n.nav-item:hover .submenu { display: block !important; }\n\n\/* --- 2. \u589e\u5f3a\u7248\u4e09\u9053\u6760\u56fe\u6807 --- *\/\n.mobile-toggle {\n    display: none !important;\n    position: absolute;\n    right: 50px; \/* \u4f4d\u7f6e\u9760\u53f3 *\/\n    top: 50%;\n    transform: translateY(-50%) scale(6) !important; \/* \u603b\u8ba1\u653e\u59276\u500d *\/\n    cursor: pointer;\n    z-index: 100002;\n    padding: 5px;\n}\n\n\/* \u81ea\u5b9a\u4e49\u9192\u76ee\u7684\u6a59\u8272 SVG \u56fe\u6807 *\/\n.mobile-toggle svg {\n    display: block;\n    fill: #ff6a00; \/* \u6781\u5ea6\u9192\u76ee\u7684\u6a59\u8272 *\/\n    width: 24px;\n    height: 24px;\n}\n\n\/* --- 3. \u624b\u673a\u7aef\u4fa7\u8fb9\u680f (Width <= 768px) --- *\/\n@media (max-width: 768px) {\n    .mobile-toggle { display: block !important; }\n    .nav-menu { display: none !important; }\n\n    \/* \u4fa7\u8fb9\u6ed1\u51fa\u9ed1\u6846\u5bb9\u5668 *\/\n    .nav-menu.mobile-open {\n        display: block !important;\n        position: fixed !important;\n        top: 0 !important;\n        right: 0 !important;\n        width: 35% !important; \/* \u5360\u636e\u9875\u9762\u7ea6 1\/3 *\/\n        height: 100vh !important; \/* \u6ee1\u5c4f\u9ad8\u5ea6 *\/\n        background-color: #1a1a1a !important; \/* \u7eaf\u9ed1\u80cc\u666f *\/\n        padding: 100px 0 50px 0 !important;\n        box-shadow: -10px 0 50px rgba(0,0,0,0.8) !important;\n        z-index: 100001 !important;\n        overflow-y: auto !important; \/* \u5141\u8bb8\u7eb5\u5411\u6eda\u52a8\uff0c\u9632\u6b62\u6587\u5b57\u8d85\u51fa *\/\n        overflow-x: hidden !important;\n        transform: none !important; \/* \u4fa7\u8fb9\u680f\u672c\u8eab\u4e0d\u7f29\u653e *\/\n    }\n\n    .nav-item {\n        width: 100% !important;\n        display: block !important;\n        height: auto !important;\n        border-bottom: 1px solid #333 !important;\n    }\n\n    .nav-item > a {\n        font-size: 48px !important; \/* \u57fa\u7840\u5b57\u53f7\u653e\u5927\uff0c\u62b5\u6d88\u7236\u7ea7\u7f29\u653e\u611f *\/\n        padding: 30px 20px !important;\n        display: block !important;\n        color: #ffffff !important;\n        white-space: normal !important; \/* \u5141\u8bb8\u6362\u884c\uff0c\u4e0d\u8dd1\u51fa\u9ed1\u6846 *\/\n        line-height: 1.2 !important;\n    }\n\n    \/* \u624b\u673a\u7aef\u4e8c\u7ea7\u83dc\u5355\uff1a\u4fdd\u6301\u6298\u53e0\uff0cHover\u6216\u70b9\u51fb\u65f6\u663e\u793a *\/\n    .submenu {\n        position: static !important;\n        display: none !important; \/* \u9ed8\u8ba4\u6298\u53e0 *\/\n        width: 100% !important;\n        background-color: #222 !important;\n        border: none !important;\n    }\n\n    .nav-item:hover .submenu {\n        display: block !important; \/* \u5c55\u5f00 *\/\n    }\n\n    .submenu a {\n        color: #ff6a00 !important;\n        font-size: 36px !important; \/* \u5b50\u83dc\u5355\u4e5f\u540c\u6b65\u653e\u5927 *\/\n        padding: 20px 40px !important;\n        display: block !important;\n        text-decoration: none !important;\n    }\n}\n\n.elementor-widget-html { overflow: visible !important; width: 100% !important; }\n<\/style>\n\n<div class=\"nav-ratio-container dynamic-nav-wrapper\">\n    <div class=\"nav-scaler\">\n        <nav style=\"width:100%; height:100%; position:relative;\">\n            \n            <div class=\"mobile-toggle\" onclick=\"toggleMenu(event)\">\n                <svg id=\"menuIcon\" viewBox=\"0 0 24 24\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/><\/svg>\n            <\/div>\n            \n            <ul class=\"nav-menu\" id=\"mainMenu\">\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/\">Home<\/a><\/li>\n                <li class=\"nav-item\">\n                    <a href=\"javascript:void(0)\">Products \u25be<\/a>\n                    <ul class=\"submenu\">\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/gooseneck\">Gooseneck<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/cnc-part\">CNC Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/stamping-part\">Stamping Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/plastic-part\">Plastic Part<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/company-profile\/\">Company profile<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/vidio-tips\/\">Video tips<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"https:\/\/www.xghwj.com\/index.php\/contact-us\/\">Contact us<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n<\/div>\n\n<script>\n    function toggleMenu(e) {\n        e.stopPropagation();\n        var menu = document.getElementById('mainMenu');\n        var icon = document.getElementById('menuIcon');\n        \n        if (menu.classList.contains('mobile-open')) {\n            menu.classList.remove('mobile-open');\n            \/\/ \u5207\u6362\u56de\u4e09\u9053\u6760\n            icon.innerHTML = '<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>';\n        } else {\n            menu.classList.add('mobile-open');\n            \/\/ \u5207\u6362\u6210\u5173\u95ed\u53c9\u53f7\n            icon.innerHTML = '<path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>';\n        }\n    }\n\n    \/\/ \u70b9\u51fb\u5916\u90e8\u5173\u95ed\n    document.addEventListener('click', function(e) {\n        var menu = document.getElementById('mainMenu');\n        if (menu.classList.contains('mobile-open') && !menu.contains(e.target)) {\n            menu.classList.remove('mobile-open');\n            document.getElementById('menuIcon').innerHTML = '<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>';\n        }\n    });\n\n    (function() {\n        function updateAllNavScales() {\n            var wrappers = document.querySelectorAll('.dynamic-nav-wrapper');\n            wrappers.forEach(function(wrapper) {\n                var width = wrapper.clientWidth || (wrapper.parentElement ? wrapper.parentElement.clientWidth : 0);\n                if (width > 0) {\n                    var scale = width < 1920 ? (width \/ 1920) : 1;\n                    wrapper.style.setProperty('--nav-scale', scale);\n                }\n            });\n        }\n        window.addEventListener('resize', updateAllNavScales);\n        window.addEventListener('load', updateAllNavScales);\n        updateAllNavScales();\n        setTimeout(updateAllNavScales, 500);\n    })();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3b11b2 e-con-full e-flex e-con e-parent\" data-id=\"f3b11b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63982d5 elementor-widget elementor-widget-shortcode\" data-id=\"63982d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* 1. \u54cd\u5e94\u5f0f\u5305\u88c5\u5bb9\u5668 *\/\n.mobile-scale-wrapper {\n    width: 100%;\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    background: #fff;\n    clear: both;\n}\n\n\/* 2. \u4e3b\u5bb9\u5668 *\/\n.custom-alibaba-module {\n    max-width: 1600px;\n    margin: 0 auto;\n    font-family: Arial, sans-serif;\n    padding: 10px;\n    box-sizing: border-box;\n}\n\n\/* 3. \u6807\u7b7e\u5bfc\u822a *\/\n.tab-nav {\n    display: flex;\n    border-bottom: 2px solid #f0f0f0;\n    margin-bottom: 20px;\n    overflow-x: auto;\n}\n.tab-item {\n    padding: 12px 24px;\n    cursor: pointer;\n    font-size: 18px;\n    color: #666;\n    border-bottom: 3px solid transparent;\n    transition: all 0.3s;\n    flex-shrink: 0;\n}\n.tab-item.active {\n    color: #ff6a00;\n    border-bottom-color: #ff6a00;\n    font-weight: bold;\n}\n\n\/* 4. \u6838\u5fc3\u5e03\u5c40 *\/\n.content-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 240px; \n    gap: 20px;\n    align-items: stretch;\n}\n\n\/* \u6838\u5fc3\u4fee\u590d\uff1a\u6bd4\u4f8b\u9501\u5b9a *\/\n.main-content {\n    width: 100%;\n    position: relative;\n    background: #000;\n    line-height: 0;\n    padding-bottom: 56.25%; \n    height: 0; \n    overflow: hidden;\n    border-radius: 4px;\n}\n\n.main-image, .main-video {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    object-fit: contain;\n    border: none;\n}\n\n.thumb-container {\n    position: relative; \n    width: 100%;\n}\n\n.thumbnails {\n    position: absolute;\n    top: 0; bottom: 0; left: 0; right: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    overflow-y: auto;\n    padding-right: 5px;\n}\n\n.thumb-item {\n    cursor: pointer;\n    border: 2px solid #f0f0f0;\n    background: #fff;\n    border-radius: 4px;\n    width: 100%;\n    transition: all 0.2s;\n    position: relative;\n}\n.thumb-item.active { border-color: #ff6a00; box-shadow: 0 0 5px rgba(255,106,0,0.3); }\n.thumb-item img { width: 100%; display: block; border-bottom: 1px solid #f0f0f0; }\n\n.thumb-label {\n    font-size: 13px; color: #333;\n    padding: 8px 5px; text-align: center;\n    background: #fff;\n}\n\n\/* \u64ad\u653e\u6309\u94ae\u53e0\u52a0 *\/\n.play-btn-overlay {\n    position: absolute; top: 35%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 30px; height: 30px;\n    background: rgba(255, 106, 0, 0.9);\n    border-radius: 50%; z-index: 5;\n    display: flex; align-items: center; justify-content: center;\n}\n.play-btn-overlay::after {\n    content: ''; width: 0; height: 0;\n    border-top: 5px solid transparent; border-bottom: 5px solid transparent;\n    border-left: 8px solid #fff; margin-left: 2px;\n}\n\n.nav-arrow {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    width: 45px; height: 45px; background: rgba(0,0,0,0.4);\n    color: #fff; border: none; border-radius: 50%;\n    font-size: 30px; cursor: pointer; z-index: 10;\n    display: flex; align-items: center; justify-content: center;\n}\n.nav-arrow:hover { background: rgba(255,106,0,0.8); }\n.nav-arrow.left { left: 15px; }\n.nav-arrow.right { right: 15px; }\n\n.main-label {\n    position: absolute; bottom: 15px; left: 15px;\n    background: rgba(0,0,0,0.7); color: #fff;\n    padding: 8px 18px; border-radius: 4px; z-index: 5;\n    font-size: 16px;\n}\n\n\/* \u624b\u673a\u7aef\u9002\u914d *\/\n@media (max-width: 768px) {\n    .mobile-scale-wrapper { height: calc(720px * var(--gallery-scale, 1)) !important; }\n    .custom-alibaba-module {\n        width: 1200px !important; height: 720px !important;\n        position: absolute !important; left: 0 !important; top: 0 !important;\n        transform: scale(var(--gallery-scale, 1)) !important;\n        transform-origin: top left !important;\n    }\n    .tab-content { height: calc(100% - 65px) !important; }\n    .content-wrapper { grid-template-columns: 1fr 280px !important; height: 100% !important; }\n    .main-content { padding-bottom: 0 !important; height: 100% !important; }\n    .thumb-container { height: 100% !important; }\n}\n\n.thumbnails::-webkit-scrollbar { width: 6px; }\n.thumbnails::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }\n<\/style>\n\n<div class=\"mobile-scale-wrapper\">\n    <div class=\"custom-alibaba-module\">\n        <div class=\"tab-nav\">\n            <div class=\"tab-item active\" data-tab=\"overview\">Overview<\/div>\n            <div class=\"tab-item\" data-tab=\"production\">Production (18)<\/div>\n            <div class=\"tab-item\" data-tab=\"quality\">Quality Control (5)<\/div>\n        <\/div>\n\n        <div class=\"tab-content\" id=\"overview-content\" style=\"display: block;\">\n            <div class=\"content-wrapper\">\n                <div class=\"main-content\">\n                    <video class=\"main-video\" autoplay muted loop playsinline controls src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u89c6\u9891-1.mp4\"><\/video>\n                    <div class=\"main-label\">Video: Factory Overview<\/div>\n                    <button class=\"nav-arrow left\" onclick=\"navigateSlide(-1)\">\u2039<\/button>\n                    <button class=\"nav-arrow right\" onclick=\"navigateSlide(1)\">\u203a<\/button>\n                <\/div>\n                <div class=\"thumb-container\">\n                    <div class=\"thumbnails\">\n                        <div class=\"thumb-item active\" data-type=\"video\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/\u89c6\u9891-1.mp4\" data-label=\"Factory Overview\"><div class=\"play-btn-overlay\"><\/div><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1.jpg\"><div class=\"thumb-label\">Video<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1.jpg\" data-label=\"Factory Building\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1.jpg\"><div class=\"thumb-label\">Photo 1<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2.jpg\" data-label=\"Production Line\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2.jpg\"><div class=\"thumb-label\">Photo 2<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3.jpg\" data-label=\"Office Area\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3.jpg\"><div class=\"thumb-label\">Photo 3<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-1.jpg\" data-label=\"Exhibition Hall\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-1.jpg\"><div class=\"thumb-label\">Photo 4<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-2.jpg\" data-label=\"Certifications\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-2.jpg\"><div class=\"thumb-label\">Photo 5<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-3.jpg\" data-label=\"Reception\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-3.jpg\"><div class=\"thumb-label\">Photo 6<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-4.jpg\" data-label=\"Meeting Room\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-4.jpg\"><div class=\"thumb-label\">Photo 7<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-5.jpg\" data-label=\"Warehouse\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-5.jpg\"><div class=\"thumb-label\">Photo 8<\/div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tab-content\" id=\"production-content\" style=\"display: none;\">\n            <div class=\"content-wrapper\">\n                <div class=\"main-content\">\n                    <img decoding=\"async\" class=\"main-image\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-1.jpg\">\n                    <div class=\"main-label\">Production Process<\/div>\n                    <button class=\"nav-arrow left\" onclick=\"navigateSlide(-1)\">\u2039<\/button>\n                    <button class=\"nav-arrow right\" onclick=\"navigateSlide(1)\">\u203a<\/button>\n                <\/div>\n                <div class=\"thumb-container\">\n                    <div class=\"thumbnails\">\n                        <div class=\"thumb-item active\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-1.jpg\" data-label=\"1. Wire cutting\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-1.jpg\"><div class=\"thumb-label\">1. Wire cutting<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2-1.jpg\" data-label=\"2. Punching\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2-1.jpg\"><div class=\"thumb-label\">2. Punching<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3-1.jpg\" data-label=\"3. CNC Machining\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3-1.jpg\"><div class=\"thumb-label\">3. CNC<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4.jpg\" data-label=\"4. CNC Advanced\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4.jpg\"><div class=\"thumb-label\">4. CNC 4<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/5.jpg\" data-label=\"5. Injection Molding\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/5.jpg\"><div class=\"thumb-label\">5. injection<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/6.jpg\" data-label=\"6. Laser Cutting\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/6.jpg\"><div class=\"thumb-label\">6. Laser Cutting<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/7.jpg\" data-label=\"7. Packing Area\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/7.jpg\"><div class=\"thumb-label\">7. Packing<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/8.jpg\" data-label=\"8. Stamping Process\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/8.jpg\"><div class=\"thumb-label\">8. Stamping<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/9.jpg\" data-label=\"9. Stamping Unit 2\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/9.jpg\"><div class=\"thumb-label\">9. Stamping 2<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/10.jpg\" data-label=\"10. Injection Mold Shop\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/10.jpg\"><div class=\"thumb-label\">10. Injection Mold<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/11.jpg\" data-label=\"11. Injection Unit\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/11.jpg\"><div class=\"thumb-label\">11. Injection<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/12.jpg\" data-label=\"12. Wire-Cut Machine\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/12.jpg\"><div class=\"thumb-label\">12. Wire-Cut<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/13.jpg\" data-label=\"13. Gooseneck Machine\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/13.jpg\"><div class=\"thumb-label\">13. Gooseneck<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/14.jpg\" data-label=\"14. Injection High-Speed\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/14.jpg\"><div class=\"thumb-label\">14. Injection 2<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/15.jpg\" data-label=\"15. CNC Workshop\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/15.jpg\"><div class=\"thumb-label\">15. CNC 15<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/16.jpg\" data-label=\"16. CNC Precision\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/16.jpg\"><div class=\"thumb-label\">16. CNC 16<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/17.jpg\" data-label=\"17. CNC Unit 17\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/17.jpg\"><div class=\"thumb-label\">17. CNC 17<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/18.jpg\" data-label=\"18. CNC Unit 18\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/18.jpg\"><div class=\"thumb-label\">18. CNC 18<\/div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tab-content\" id=\"quality-content\" style=\"display: none;\">\n            <div class=\"content-wrapper\">\n                <div class=\"main-content\">\n                    <img decoding=\"async\" class=\"main-image\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-2.jpg\">\n                    <div class=\"main-label\">Quality Inspection<\/div>\n                    <button class=\"nav-arrow left\" onclick=\"navigateSlide(-1)\">\u2039<\/button>\n                    <button class=\"nav-arrow right\" onclick=\"navigateSlide(1)\">\u203a<\/button>\n                <\/div>\n                <div class=\"thumb-container\">\n                    <div class=\"thumbnails\">\n                        <div class=\"thumb-item active\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-2.jpg\" data-label=\"Wire Bending Tester\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/1-2.jpg\"><div class=\"thumb-label\">Bending Tester<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2-2.jpg\" data-label=\"Alcohol Rubber Friction Tester\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/2-2.jpg\"><div class=\"thumb-label\">Alcohol Tester<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3-2.jpg\" data-label=\"Friction Tester\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/3-2.jpg\"><div class=\"thumb-label\">Friction Tester<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-9.jpg\" data-label=\"Pull and Push Force Testing Machine\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/4-9.jpg\"><div class=\"thumb-label\">Pull Tester<\/div><\/div>\n                        <div class=\"thumb-item\" data-type=\"image\" data-src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/5-1.jpg\" data-label=\"XRF Spectrometer\"><img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/5-1.jpg\"><div class=\"thumb-label\">XRF Spectrometer<\/div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ 1. \u7b49\u6bd4\u7f29\u653e\n    function updateGalleryScale() {\n        const wrappers = document.querySelectorAll('.mobile-scale-wrapper');\n        wrappers.forEach(function(wrapper) {\n            let width = wrapper.clientWidth;\n            if (width === 0 && wrapper.parentElement) {\n                width = wrapper.parentElement.clientWidth;\n            }\n            if (width > 0 && window.innerWidth <= 768) {\n                let scale = width \/ 1200;\n                wrapper.style.setProperty('--gallery-scale', scale);\n            } else {\n                wrapper.style.setProperty('--gallery-scale', 1);\n            }\n        });\n    }\n\n    window.addEventListener('resize', updateGalleryScale);\n    window.addEventListener('DOMContentLoaded', updateGalleryScale);\n    updateGalleryScale();\n    setTimeout(updateGalleryScale, 200);\n\n    \/\/ 2. \u6838\u5fc3\u4ea4\u4e92\n    let currentIndex = 0;\n    let currentTab = 'overview';\n\n    function handleThumbClick(thumb) {\n        if (!thumb) return;\n        const container = thumb.closest('.content-wrapper');\n        const allThumbs = container.querySelectorAll('.thumb-item');\n        allThumbs.forEach(t => t.classList.remove('active'));\n        thumb.classList.add('active');\n        \n        currentIndex = Array.from(allThumbs).indexOf(thumb);\n        const type = thumb.getAttribute('data-type');\n        const src = thumb.getAttribute('data-src');\n        const label = thumb.getAttribute('data-label');\n        const mainContent = container.querySelector('.main-content');\n        \n        let mediaHtml = '';\n        if (type === 'video') {\n            mediaHtml = `<video class=\"main-video\" autoplay muted loop playsinline controls src=\"${src}\"><\/video>`;\n        } else {\n            mediaHtml = `<img decoding=\"async\" class=\"main-image\" src=\"${src}\" alt=\"${label}\">`;\n        }\n\n        mainContent.innerHTML = `\n            ${mediaHtml}\n            <div class=\"main-label\">${label}<\/div>\n            <button class=\"nav-arrow left\" onclick=\"navigateSlide(-1)\">\u2039<\/button>\n            <button class=\"nav-arrow right\" onclick=\"navigateSlide(1)\">\u203a<\/button>`;\n        \n        thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n    }\n\n    window.navigateSlide = function(direction) {\n        const activeTabContent = document.getElementById(currentTab + '-content');\n        const thumbItems = activeTabContent.querySelectorAll('.thumb-item');\n        let newIndex = currentIndex + direction;\n        if (newIndex < 0) newIndex = thumbItems.length - 1;\n        if (newIndex >= thumbItems.length) newIndex = 0;\n        handleThumbClick(thumbItems[newIndex]);\n    };\n\n    document.querySelectorAll('.tab-item').forEach(tab => {\n        tab.addEventListener('click', () => {\n            document.querySelectorAll('.tab-item').forEach(t => t.classList.remove('active'));\n            tab.classList.add('active');\n            currentTab = tab.getAttribute('data-tab');\n            document.querySelectorAll('.tab-content').forEach(c => c.style.display = 'none');\n            const targetContent = document.getElementById(currentTab + '-content');\n            if (targetContent) {\n                targetContent.style.display = 'block';\n                currentIndex = 0;\n                handleThumbClick(targetContent.querySelector('.thumb-item'));\n            }\n        });\n    });\n\n    document.addEventListener('click', (e) => {\n        const thumb = e.target.closest('.thumb-item');\n        if (thumb) handleThumbClick(thumb);\n    });\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ac7fd0 e-con-full e-flex e-con e-parent\" data-id=\"2ac7fd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75291cd elementor-widget elementor-widget-shortcode\" data-id=\"75291cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* 1. \u4fa7\u8fb9\u680f\u4e3b\u5bb9\u5668 *\/\n.side-contact-drawer {\n    position: fixed;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 9999999;\n    display: flex;\n    align-items: center;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    font-family: Arial, sans-serif;\n}\n\n\/* \u9690\u85cf\u72b6\u6001\uff1a\u53ea\u9732\u51fa\u5207\u6362\u6309\u94ae *\/\n.side-contact-drawer.is-closed {\n    transform: translateY(-50%) translateX(calc(100% - 40px));\n}\n\n\/* 2. \u6536\u7f29\/\u5c55\u5f00\u6309\u94ae *\/\n.drawer-toggle-btn {\n    width: 40px;\n    height: 120px;\n    background-color: #ff6a00;\n    color: white;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px 0 0 10px;\n    box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n}\n\n.drawer-toggle-btn svg {\n    width: 20px; height: 20px; fill: white;\n    transition: transform 0.4s;\n}\n\n\/* \u5173\u95ed\u65f6\u65cb\u8f6c\u7bad\u5934 *\/\n.is-closed .drawer-toggle-btn svg { transform: rotate(180deg); }\n\n\/* 3. \u4fe1\u606f\u4e3b\u4f53\u9762\u677f *\/\n.drawer-content {\n    width: 240px;\n    background: white;\n    box-shadow: -5px 0 20px rgba(0,0,0,0.15);\n    padding: 15px;\n    border-radius: 0 0 0 10px;\n    border: 1px solid #eee;\n}\n\n\/* \u6536\u85cf\u6309\u94ae\u6837\u5f0f *\/\n.bookmark-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fdf2e9;\n    color: #ff6a00;\n    padding: 8px;\n    border-radius: 5px;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: bold;\n    margin-bottom: 15px;\n    border: 1px dashed #ff6a00;\n    cursor: pointer;\n}\n.bookmark-btn svg { width: 16px; height: 16px; margin-right: 5px; fill: #ff6a00; }\n\n\/* \u8054\u7cfb\u8be6\u60c5 *\/\n.contact-header {\n    font-size: 16px;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 15px;\n    border-left: 4px solid #ff6a00;\n    padding-left: 10px;\n}\n\n.info-row { margin-bottom: 10px; }\n.info-label { font-size: 11px; color: #888; text-transform: uppercase; margin-bottom: 2px; }\n.info-value { font-size: 13px; color: #333; font-weight: bold; margin: 0; word-break: break-all; }\n.info-value a { color: #333; text-decoration: none; }\n.info-value a:hover { color: #ff6a00; }\n\n\/* \u4e8c\u7ef4\u7801\u533a *\/\n.qr-box { text-align: center; margin: 15px 0; padding: 10px; background: #f9f9f9; border-radius: 5px; }\n.qr-box img { width: 130px; height: 130px; display: block; margin: 0 auto; }\n.qr-box p { font-size: 12px; color: #666; margin: 8px 0 0; }\n\n\/* \u793e\u4ea4\u5206\u4eab *\/\n.share-title { font-size: 12px; color: #999; text-align: center; margin-bottom: 8px; position: relative; }\n.share-title::before, .share-title::after { content: \"\"; position: absolute; top: 50%; width: 20%; height: 1px; background: #eee; }\n.share-title::before { left: 0; } .share-title::after { right: 0; }\n\n.share-icons { display: flex; justify-content: center; gap: 10px; }\n.share-icons a { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s; }\n.share-icons a svg { width: 16px; height: 16px; fill: white; }\n\n.btn-fb { background: #3b5998; }\n.btn-x  { background: #000000; }\n.btn-in { background: #0077b5; }\n.btn-wechat { background: #07c160; }\n.share-icons a:hover { transform: translateY(-3px); opacity: 0.9; }\n<\/style>\n\n<div class=\"side-contact-drawer\" id=\"myContactDrawer\">\n    <div class=\"drawer-toggle-btn\" onclick=\"toggleDrawer()\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n    <\/div>\n\n    <div class=\"drawer-content\">\n        <div class=\"bookmark-btn\" onclick=\"addBookmark()\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\/><\/svg>\n            Bookmark Website\n        <\/div>\n\n        <div class=\"contact-header\">Contact Information<\/div>\n        \n        <div class=\"info-row\">\n            <div class=\"info-label\">Contact Person<\/div>\n            <p class=\"info-value\">Sharon<\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">WhatsApp<\/div>\n            <p class=\"info-value\"><a href=\"https:\/\/wa.me\/8613268786568\" target=\"_blank\">+86 13268786568<\/a><\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">Phone<\/div>\n            <p class=\"info-value\"><a href=\"tel:+8613268786568\">+86 13268786568<\/a><\/p>\n        <\/div>\n\n        <div class=\"info-row\">\n            <div class=\"info-label\">Email<\/div>\n            <p class=\"info-value\"><a href=\"mailto:sharon@sz-xinguanghong.com\">sharon@sz-xinguanghong.com<\/a><\/p>\n        <\/div>\n\n        <div class=\"qr-box\">\n            <img decoding=\"async\" src=\"https:\/\/www.xghwj.com\/wp-content\/uploads\/2026\/04\/ScreenShot_2026-04-24_100945_630.png\" alt=\"WeChat QR\">\n            <p>Scan for WeChat<\/p>\n        <\/div>\n\n        <div class=\"share-title\">Share To<\/div>\n        <div class=\"share-icons\">\n            <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-fb\" title=\"Facebook\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.14h-3v4.11h3v12h5v-12h3.85l.42-4.11z\"\/><\/svg>\n            <\/a>\n            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-x\" title=\"X\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117l11.966 15.644z\"\/><\/svg>\n            <\/a>\n            <a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https:\/\/www.xghwj.com\" target=\"_blank\" class=\"btn-in\" title=\"LinkedIn\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a2.7 2.7 0 0 0-2.7-2.7c-1.1 0-2 .7-2.3 1.2v-1.2H11v8h2.5v-4.4c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1v4.4H18.5M7 18.5V9.5H4.5v9H7M5.8 8.2a1.4 1.4 0 0 0 1.4-1.4c0-.8-.6-1.4-1.4-1.4a1.4 1.4 0 0 0-1.4 1.4c0 .8.6 1.4 1.4 1.4z\"\/><\/svg>\n            <\/a>\n            <a href=\"javascript:void(0)\" class=\"btn-wechat\" title=\"WeChat\" onclick=\"alert('Please use your mobile browser share function to share to WeChat')\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M8.35 11.51c.36 0 .64-.28.64-.64a.64.64 0 0 0-.64-.64c-.36 0-.64.28-.64.64 0 .36.28.64.64.64zm4.29 0c.36 0 .64-.28.64-.64a.64.64 0 0 0-.64-.64c-.36 0-.64.28-.64.64 0 .36.28.64.64.64zM13 3c-4.97 0-9 3.13-9 7 0 2.1 1.2 3.97 3.05 5.27L6.2 18l2.91-1.46c.61.16 1.24.25 1.89.25 4.97 0 9-3.13 9-7s-4.03-7-9-7z\"\/><\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ \u5207\u6362\u62bd\u5c49\u5c55\u5f00\/\u5173\u95ed\nfunction toggleDrawer() {\n    const drawer = document.getElementById('myContactDrawer');\n    drawer.classList.toggle('is-closed');\n}\n\n\/\/ \u6536\u85cf\u529f\u80fd\u903b\u8f91\nfunction addBookmark() {\n    const title = \"Xinguanghong Hardware\";\n    const url = \"https:\/\/www.xghwj.com\";\n    \n    if (window.sidebar && window.sidebar.addPanel) { \/\/ Firefox\n        window.sidebar.addPanel(title, url, \"\");\n    } else if (window.external && ('AddFavorite' in window.external)) { \/\/ IE\n        window.external.AddFavorite(url, title);\n    } else { \/\/ Chrome, Safari, etc.\n        const isMac = navigator.userAgent.toLowerCase().indexOf('mac') != -1;\n        alert(\"Please press \" + (isMac ? 'Command\/Cmd' : 'CTRL') + \" + D to bookmark this website.\");\n    }\n}\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5be7dd elementor-widget elementor-widget-shortcode\" data-id=\"e5be7dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ============================================================\n    \ud83d\udd12 \u9501\u6b7b\u5e95\u90e8\u6838\u5fc3\u4ee3\u7801\uff1a\u6e05\u9664\u6240\u6709\u53ef\u80fd\u5bfc\u81f4\u9875\u9762\u5411\u4e0b\u6eda\u52a8\u7684\u5197\u4f59\u7a7a\u95f4\n   ============================================================ *\/\nhtml, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    overscroll-behavior-y: none !important; \n}\n\n\/* 1. \u5916\u90e8\u57fa\u51c6\u5bb9\u5668\uff1a\u6839\u636e\u6bd4\u4f8b\u81ea\u52a8\u6491\u5f00\u9ad8\u5ea6 *\/\n.footer-ratio-wrapper {\n    width: 100% !important;\n    max-width: 1920px !important;\n    margin: 0 auto 0 auto !important; \n    padding-bottom: 0 !important;\n    position: relative !important;\n    overflow: hidden !important;\n    background-color: #333333 !important;\n    display: flex !important; \n    align-items: flex-end !important;\n    height: calc(450px * var(--footer-scale, 1)) !important;\n}\n\n\/* 2. \u7f29\u653e\u753b\u5e03\u5c42 *\/\n.footer-scaler {\n    width: 1920px !important;\n    height: 450px !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    transform-origin: 0 0 !important;\n    transform: scale(var(--footer-scale, 1)) !important; \n    white-space: nowrap !important;\n}\n\n\/* 3. \u7535\u8111\u5927\u5c4f\u4fee\u6b63 *\/\n@media (min-width: 1920px) {\n    .footer-scaler { \n        left: 50% !important; \n        margin-left: -960px !important; \n    }\n}\n\n\/* ============================================================\n   \u5185\u90e8\u6837\u5f0f\u5fae\u8c03\n   ============================================================ *\/\n.custom-footer {\n    width: 1920px !important;\n    height: 450px !important;\n    color: #ffffff !important;\n    font-family: Arial, sans-serif !important;\n    padding: 60px 0 0 0 !important;\n    box-sizing: border-box !important;\n    display: block !important;\n}\n\n.footer-container {\n    width: 1400px !important; \n    margin: 0 auto !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    white-space: normal !important; \n}\n\n.footer-column {\n    flex: 1;\n    padding: 0 30px !important;\n}\n\n.footer-column h4 {\n    color: #ffffff !important;\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    margin: 0 0 35px 0 !important;\n    position: relative !important;\n    text-transform: uppercase;\n}\n\n.footer-column h4::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    width: 50px;\n    height: 3px;\n    background-color: #ff6a00; \/* \u4fee\u6539\u4e3a\u54c1\u724c\u6a59\u8272\uff0c\u4e0e\u5bfc\u822a\u6761\u547c\u5e94 *\/\n}\n\n.footer-column ul {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.footer-column ul li { \n    margin-bottom: 18px !important; \n    list-style: none !important;\n}\n\n.footer-column a {\n    color: #bbbbbb !important;\n    text-decoration: none !important;\n    font-size: 18px !important;\n    transition: all 0.3s ease !important;\n}\n\n.footer-column a:hover { color: #ff6a00 !important; }\n\n.contact-info p {\n    font-size: 18px !important;\n    color: #bbbbbb !important;\n    margin-bottom: 20px !important;\n    line-height: 1.4 !important;\n}\n\n.footer-bottom {\n    border-top: 1px solid #444444 !important;\n    margin-top: 50px !important;\n    padding-top: 30px !important;\n    text-align: center !important;\n    font-size: 16px !important;\n    color: #888888 !important;\n}\n<\/style>\n\n<div class=\"footer-ratio-wrapper\" id=\"dynamicFooterWrapper\">\n    <div class=\"footer-scaler\">\n        <footer class=\"custom-footer\">\n            <div class=\"footer-container\">\n                <div class=\"footer-column\">\n                    <h4>About Us<\/h4>\n                    <p style=\"font-size: 18px; color: #bbbbbb; line-height: 1.6;\">\n                        Xin Guang Hong Metal & Plastic is a professional manufacturer specializing in high-quality gooseneck tubes for medical, lighting, and communication facilities.\n                    <\/p>\n                <\/div>\n\n                <div class=\"footer-column\">\n                    <h4>Quick Links<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/www.xghwj.com\/\">Home<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/our-store\">Products<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/company-profile\/\">Company Profile<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/vidio-tips\/\">Video Tips<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/contact-us\/\">Contact Us<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"footer-column\">\n                    <h4>Our Products<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/gooseneck\">Gooseneck<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/cnc-part\">CNC Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/stamping-part\">Stamping Part<\/a><\/li>\n                        <li><a href=\"https:\/\/www.xghwj.com\/index.php\/plastic-part\">Plastic Part<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"footer-column contact-info\">\n                    <h4>Get In Touch<\/h4>\n                    <p>\ud83d\udccd No. 59, Dongxin'an Road, Humen Town, Dongguan, China<\/p>\n                    <p>\ud83d\udcde +86 13268786568<\/p>\n                    <p>\u2709\ufe0f sharon@sz-xinguanghong.com<\/p>\n                    <p>\ud83d\udcac WhatsApp: +86 13268786568<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"footer-bottom\">\n                &copy; 2026 Dongguan Xin Guang Hong Metal & Plastic Co., Ltd. All Rights Reserved.\n            <\/div>\n        <\/footer>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        function updateFooterScale() {\n            const wrapper = document.getElementById('dynamicFooterWrapper');\n            if (wrapper) {\n                const width = wrapper.clientWidth;\n                \/\/ \u8ba1\u7b97\u7f29\u653e\u6bd4\u4f8b\uff0c\u4ee5 1920px \u4e3a\u57fa\u51c6\n                const scale = width < 1920 ? (width \/ 1920) : 1;\n                wrapper.style.setProperty('--footer-scale', scale);\n            }\n        }\n        window.addEventListener('resize', updateFooterScale);\n        window.addEventListener('DOMContentLoaded', updateFooterScale);\n        window.addEventListener('load', updateFooterScale);\n        updateFooterScale();\n        \/\/ \u4fdd\u5e95\u6267\u884c\n        setTimeout(updateFooterScale, 500);\n    })();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Products \u25be Goos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":85,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}