{"id":27,"date":"2026-04-15T13:26:12","date_gmt":"2026-04-15T05:26:12","guid":{"rendered":"http:\/\/wh-nu9n7emybogxp19asx1.my3w.com\/?page_id=27"},"modified":"2026-04-24T17:16:38","modified_gmt":"2026-04-24T09:16:38","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.xghwj.com\/index.php\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a313a2 e-con-full e-flex e-con e-parent\" data-id=\"0a313a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45463dc elementor-widget elementor-widget-image\" data-id=\"45463dc\" 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-7b43998 elementor-widget elementor-widget-shortcode\" data-id=\"7b43998\" 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-2335fb2 e-con-full e-flex e-con e-parent\" data-id=\"2335fb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-452b092 elementor-widget elementor-widget-shortcode\" data-id=\"452b092\" 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\u5168\u5c40\u5bb9\u5668 *\/\n  .contact-page-wrapper {\n    max-width: 1476px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    font-family: inherit;\n    box-sizing: border-box;\n  }\n\n  \/* 2. \u6838\u5fc3\u5f39\u6027\u5e03\u5c40 *\/\n  .contact-flex-container {\n    display: flex;\n    flex-wrap: wrap; \/* \u81ea\u52a8\u6362\u884c\u6838\u5fc3 *\/\n    gap: 40px;\n    align-items: stretch; \/* \u7535\u8111\u7aef\u62c9\u4f38\u5bf9\u9f50 *\/\n  }\n\n  \/* 3. \u5de6\u4fa7\u4fe1\u606f\u680f\u9002\u914d *\/\n  .contact-info-side {\n    flex: 1 1 443px; \/* \u7535\u8111\u7aef\u5360\u636e\u7ea6 443px *\/\n    min-width: 0; \/* \u9632\u6b62\u6ea2\u51fa *\/\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n  }\n\n  \/* 4. \u53f3\u4fa7\u8868\u5355\u680f\u9002\u914d *\/\n  .contact-form-side {\n    flex: 1.5 1 500px; \/* \u57fa\u7840\u5bbd\u5ea6\u8bbe\u4e3a 500px\uff0c\u81ea\u52a8\u586b\u5145\u5269\u4f59\u7a7a\u95f4 *\/\n    background: #fff;\n    display: flex;\n    flex-direction: column;\n    min-width: 0; \/* \u89e3\u51b3\u624b\u673a\u7aef\u8868\u5355\u88ab\u6491\u5927\u7684\u95ee\u9898 *\/\n  }\n\n  \/* \u8868\u5355\u884c\u9002\u914d *\/\n  .input-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    width: 100%;\n  }\n\n  .input-group {\n    flex: 1;\n    min-width: 200px; \/* \u624b\u673a\u7aef\u4f1a\u81ea\u52a8\u53d8\u6210\u4e0a\u4e0b\u6392\u5217 *\/\n  }\n\n  \/* 5. \u9488\u5bf9\u624b\u673a\u7aef\u7684\u5fae\u8c03 (768px \u4ee5\u4e0b) *\/\n  @media (max-width: 768px) {\n    .contact-page-wrapper {\n      padding: 20px 15px;\n    }\n    .contact-flex-container {\n      gap: 30px;\n    }\n    .contact-info-side, .contact-form-side {\n      flex: 1 1 100%; \/* \u624b\u673a\u7aef\u5f3a\u5236 100% \u5bbd\u5ea6 *\/\n    }\n    .map-frame-box {\n      height: 300px !important; \/* \u624b\u673a\u7aef\u5730\u56fe\u9ad8\u5ea6\u9002\u4e2d *\/\n    }\n    .input-group {\n      min-width: 100%; \/* \u624b\u673a\u7aef\u8f93\u5165\u6846\u5360\u6ee1\u4e00\u884c *\/\n    }\n  }\n\n  \/* \u901a\u7528\u8f93\u5165\u6846\u6837\u5f0f *\/\n  .custom-input {\n    padding: 12px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 14px;\n  }\n<\/style>\n\n<div class=\"contact-page-wrapper\">\n  <div class=\"contact-flex-container\">\n\n    <div class=\"contact-info-side\">\n      <div>\n        <h3 style=\"font-size: 24px; font-weight: 600; margin-bottom: 25px; color: #111;\">Contact Us<\/h3>\n        <ul style=\"list-style: none; padding: 0; margin: 0; line-height: 2.1; font-size: 15px; color: #333;\">\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\ud83c\udfe2<\/span> Dongguan Xin Guang Hong Metal & Plastic Co., Ltd.<\/li>\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\u2709\ufe0f<\/span> sharon@sz-xinguanghong.com<\/li>\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\ud83d\udcac<\/span> WhatsApp: +86 13268786568<\/li>\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\ud83d\udcde<\/span> Phone: +86 13268786568<\/li>\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\ud83d\udc69<\/span> Contact: Sharon<\/li>\n          <li style=\"margin-bottom: 8px;\"><span style=\"margin-right: 10px; color: #007bff;\">\ud83d\udccd<\/span> Address: No. 59, Dongxin'an Road, Humen Town, Dongguan City, Guangdong, China<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"map-frame-box\" style=\"width: 100%; height: 450px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;\">\n        <iframe \n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3690.627233816576!2d113.7252062!3d22.8255393!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34030612456789ab%3A0x1234567890abcdef!2z5Lic6I6e5biC6JmO6Zeo6Y6H5paw5a6J6LevNTnom7c!5e0!3m2!1szh-CN!2s!4v1700000000000!5m2!1szh-CN!2s\" \n          width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n      <\/div>\n    <\/div>\n\n    <div class=\"contact-form-side\">\n      <form action=\"https:\/\/formspree.io\/f\/mkoplryv\" method=\"POST\" enctype=\"multipart\/form-data\" id=\"contactForm\" style=\"display: flex; flex-direction: column; gap: 20px; height: 100%;\">\n        \n        <div class=\"input-row\">\n          <div class=\"input-group\">\n            <label style=\"font-size: 14px; color: #333; margin-bottom: 5px; display: block;\">Name <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"text\" name=\"Full_Name\" id=\"fullname\" class=\"custom-input\" placeholder=\"Your Name\" required>\n          <\/div>\n          <div class=\"input-group\">\n            <label style=\"font-size: 14px; color: #333; margin-bottom: 5px; display: block;\">Email <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"email\" name=\"Email_Address\" id=\"email\" class=\"custom-input\" placeholder=\"Your Email\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"input-row\">\n          <div class=\"input-group\">\n            <label style=\"font-size: 14px; color: #333; margin-bottom: 5px; display: block;\">Company <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"text\" name=\"Company\" id=\"company\" class=\"custom-input\" placeholder=\"Your Company\" required>\n          <\/div>\n          <div class=\"input-group\">\n            <label style=\"font-size: 14px; color: #333; margin-bottom: 5px; display: block;\">Phone<\/label>\n            <input type=\"text\" name=\"Phone\" class=\"custom-input\" placeholder=\"Your Phone\">\n          <\/div>\n        <\/div>\n\n        <div style=\"width: 100%; flex: 1; display: flex; flex-direction: column;\">\n          <label style=\"font-size: 14px; color: #333; margin-bottom: 5px; display: block;\">Message <span style=\"color: red;\">*<\/span><\/label>\n          <textarea name=\"Message\" class=\"custom-input\" placeholder=\"How can we help you?\" required style=\"flex: 1; min-height: 120px;\"><\/textarea>\n        <\/div>\n\n        <div style=\"border:1px dashed #ccc; padding: 20px; border-radius: 4px; background: #fdfdfd; text-align: center;\">\n          <input type=\"file\" name=\"attachment\" multiple style=\"font-size: 13px; width: 100%;\">\n          <p style=\"font-size: 11px; color: #999; margin-top: 10px;\">Note: File uploads require a Formspree paid plan.<\/p>\n        <\/div>\n\n        <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n          <input type=\"checkbox\" id=\"consent\" required style=\"margin-top: 4px; transform: scale(1.1);\">\n          <label for=\"consent\" style=\"font-size: 14px; color: #555; cursor: pointer;\">I agree to be contacted regarding my inquiry. <span style=\"color: red;\">*<\/span><\/label>\n        <\/div>\n\n        <button type=\"submit\" id=\"submitBtn\" disabled style=\"padding: 16px; background: #007bff; color: #fff; border: none; border-radius: 4px; font-weight: bold; cursor: not-allowed; opacity: 0.6; transition: 0.3s; font-size: 16px;\">\n          SEND MESSAGE\n        <\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const submitBtn = document.getElementById('submitBtn');\n  const contactForm = document.getElementById('contactForm');\n  const requiredFields = [\n    document.getElementById('fullname'),\n    document.getElementById('email'),\n    document.getElementById('company'),\n    document.getElementById('consent')\n  ];\n\n  function validate() {\n    const isAllValid = requiredFields.every(field => \n      field.type === 'checkbox' ? field.checked : field.value.trim() !== ''\n    );\n    submitBtn.disabled = !isAllValid;\n    submitBtn.style.opacity = isAllValid ? '1' : '0.6';\n    submitBtn.style.cursor = isAllValid ? 'pointer' : 'not-allowed';\n  }\n\n  \/\/ \u7edf\u4e00\u76d1\u542c\u8868\u5355\u5185\u7684\u6240\u6709\u8f93\u5165\u548c\u6539\u53d8\n  contactForm.addEventListener('input', validate);\n  contactForm.addEventListener('change', validate);\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-3a25b6f e-con-full e-flex e-con e-parent\" data-id=\"3a25b6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-853201d elementor-widget elementor-widget-shortcode\" data-id=\"853201d\" 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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":88,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/www.xghwj.com\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}