{"id":238,"date":"2026-09-01T20:49:59","date_gmt":"2026-09-01T12:49:59","guid":{"rendered":"https:\/\/hfcnsourcing.com\/?page_id=238"},"modified":"2026-10-12T20:08:44","modified_gmt":"2026-10-12T12:08:44","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hongfengsourcing.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"238\" class=\"elementor elementor-238\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d36d0a4 e-con-full e-flex e-con e-parent\" data-id=\"d36d0a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-hf_hero_1790664501198 elementor-widget elementor-widget-shortcode\" data-id=\"hf_hero_1790664501198\" 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       \u3010\u7b2c\u4e00\u90e8\u5206\u3011\u4e3b\u56fe\u5bb9\u5668\n       ============================================================ *\/\n    .hf-hero-container{\n        position:relative;\n        z-index:4;\n        width:100%;\n        min-height:700px; \/* \u2605 \u4e3b\u56fe\u9ad8\u5ea6\uff0c\u53ef\u4fee\u6539 *\/\n        \/* \u2605 \u80cc\u666f\u56fe\u5728\u8fd9\u91cc\u6539 *\/\n        background:url('https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/hero.webp') no-repeat;\n        \/* \u2605 \u80cc\u666f\u56fe\u4f4d\u7f6e\u5728\u8fd9\u91cc\u6539\uff1a30% 85% \u8868\u793a\u6c34\u5e73\u7a0d\u9760\u53f3+\u5782\u76f4\u5411\u4e0b\uff0c\u5de6\u4fa7\u6df1\u8272\u533a\u57df\u886c\u6258\u6807\u9898 *\/\n        \/* \u7b2c\u4e00\u4e2a\u503c\uff1a\u6c34\u5e73\u4f4d\u7f6e\uff0c0%=\u9760\u5de6\uff0c50%=\u5c45\u4e2d\uff0c100%=\u9760\u53f3 *\/\n        \/* \u7b2c\u4e8c\u4e2a\u503c\uff1a\u5782\u76f4\u4f4d\u7f6e\uff0c\u8d8a\u5927\u8d8a\u9760\u4e0b *\/\n        \/* \u6ce8\u610f\uff1a\u4e0d\u8981\u8d85\u8fc7100%\uff0c\u5426\u5219\u56fe\u7247\u4f1a\u8d85\u51fa\u5bb9\u5668\u5bfc\u81f4\u53f3\u4fa7\u7a7a\u767d *\/\n        background-position:30% 85%;\n        background-size:cover;\n    }\n    \/* ============================================================\n       \u3010\u7b2c\u4e8c\u90e8\u5206\u3011\u6807\u9898\u3001\u526f\u6807\u9898\u533a\u57df\n       ============================================================ *\/\n    .hf-hero-top{\n        position:relative;\n        z-index:2;\n        \/* \u6807\u9898\u5c45\u4e2d + \u4f4d\u7f6e\u4e0a\u79fb\u5230\u624b\u7684\u4e0a\u65b9 *\/\n        padding:95px 40px 80px 40px;\n        max-width:1300px;\n        margin:0 auto; \/* \u6c34\u5e73\u5c45\u4e2d\uff08\u539fmargin-left:140px\u504f\u53f3\u5df2\u5220\u9664\uff09 *\/\n        text-align:center;\n    }\n    \/* \u6807\u9898\uff08\u5c45\u4e2d\u653e\u5927\u7248\uff1a38px \u2192 60px\uff0c\u767d\u8272+\u9634\u5f71\uff09 *\/\n    .hf-hero-title{\n        font-family:Georgia,serif !important;\n        font-size:60px !important; \/* \u2605 \u6807\u9898\u653e\u5927\u523060px *\/\n        font-weight:700 !important;\n        color:#FFFFFF !important;\n        margin-bottom:24px !important;\n        line-height:1.3 !important;\n        text-indent:0 !important;\n        text-align:center !important;\n        max-width:100%;\n        display:block !important; \/* block\u914d\u5408margin:0 auto\u5c45\u4e2d *\/\n        text-shadow:0 2px 14px rgba(15,43,70,.75) !important;\n    }\n    .hf-hero-title span{\n        color:#1E5AA8 !important; \/* \u5f3a\u8c03\u8bcd\u4fdd\u6301\u54c1\u724c\u84dd\u8272 *\/\n        text-shadow:0 2px 14px rgba(15,43,70,.75) !important;\n    }\n    \/* \u526f\u6807\u9898\uff08\u653e\u5927+\u91cd\u65b0\u6392\u7248\uff1a15px \u2192 22px\uff0c\u4e24\u884c\u5c45\u4e2d\uff09 *\/\n    .hf-hero-subtitle{\n        font-size:22px !important; \/* \u2605 \u526f\u6807\u9898\u653e\u5927\u523022px *\/\n        color:#E8F0F8 !important;\n        margin-bottom:0 !important;\n        line-height:1.8 !important;\n        text-align:center !important;\n        max-width:1000px;\n        margin-left:auto;\n        margin-right:auto;\n        white-space:normal !important; \/* \u5141\u8bb8\u6362\u884c\uff08\u539fnowrap\u5df2\u5220\u9664\uff09 *\/\n        text-shadow:0 1px 8px rgba(15,43,70,.65) !important;\n        font-weight:500 !important;\n    }\n    \/* \u526f\u6807\u9898\u4e24\u884c\u6392\u7248 *\/\n    .hf-hero-subtitle .sub-line1{ display:block; }\n    .hf-hero-subtitle .sub-line2{ display:block; margin-top:2px; }\n    \/* ============================================================\n       \u3010\u7b2c\u4e09\u90e8\u5206\u3011\u6570\u636e\u7edf\u8ba1\u680f\n       \u2605\u2605\u2605 \u6570\u5b57\u5728\u4e0b\u9762HTML\u90e8\u5206\u7684 data-target \u5c5e\u6027\u4fee\u6539 \u2605\u2605\u2605\n       ============================================================ *\/\n    .hf-hero-stats{\n        position:relative;\n        z-index:3;\n        background:rgba(255,255,255,.12);\n        backdrop-filter:blur(20px) brightness(1);\n        -webkit-backdrop-filter:blur(20px) brightness(1);\n        box-shadow:0 -4px 20px rgba(15,43,70,.10);\n        padding:20px 40px;\n        background-color:#F4F9FD;\n    }\n    .hf-stats-grid{\n        display:grid;\n        grid-template-columns:repeat(4,1fr);\n        gap:16px;\n        max-width:1400px;\n        margin:0 auto;\n    }\n    .hf-stat-item{text-align:center;}\n    .hf-stat-number{\n        font-family:Georgia,serif;\n        font-size:28px;\n        font-weight:700;\n        color:#D9A95A;\n        margin-bottom:4px;\n    }\n    .hf-stat-label{\n        font-size:12px;\n        color:#546880;\n        font-weight:500;\n    }\n    \/* ============================================================\n       \u3010\u7b2c\u56db\u90e8\u5206\u3011\u79fb\u52a8\u7aef\u9002\u914d\n       ============================================================ *\/\n    \/* ===== \u5e73\u677f\u65ad\u70b9 (768-1024px)\uff1a\u6807\u9898\u5c45\u4e2d\u653e\u5927 ===== *\/\n    @media(max-width:1024px){\n        .hf-hero-container{\n            min-height:580px;\n            background-position:30% 85%;\n        }\n        .hf-hero-top{\n            padding:80px 32px 70px 32px;\n            margin:0 auto;\n            max-width:100%;\n            text-align:center;\n        }\n        .hf-hero-top .hf-hero-title{\n            font-size:34px !important; \/* \u5e73\u677f\u7aef\u6807\u9898\u653e\u5927\uff08\u539f26px\uff09 *\/\n            text-indent:0 !important;\n            text-align:center !important;\n            line-height:1.35 !important;\n            display:block !important;\n            width:100% !important;\n            max-width:100% !important;\n            margin-left:auto !important;\n            margin-right:auto !important;\n        }\n        .hf-hero-subtitle{\n            font-size:17px !important; \/* \u5e73\u677f\u7aef\u526f\u6807\u9898\u653e\u5927\uff08\u539f14px\uff09 *\/\n            max-width:100%;\n            text-align:center !important;\n            white-space:normal !important;\n            line-height:1.7 !important;\n        }\n        .hf-hero-subtitle .sub-line2{\n            display:block;\n        }\n        .hf-hero-stats{\n            padding:24px 32px;\n        }\n        .hf-stats-grid{\n            grid-template-columns:repeat(4,1fr);\n            gap:16px;\n        }\n        .hf-stat-number{\n            font-size:28px;\n        }\n    }\n    @media(max-width:900px){\n        .hf-hero-container{\n            min-height:550px;\n            background-position:30% 85%;\n        }\n        .hf-hero-top{\n            padding:70px 24px 60px 24px;\n            margin:0 auto;\n            max-width:100%;\n        }\n        .hf-hero-top .hf-hero-title{\n            font-size:30px !important; \/* 900px\u6807\u9898\u653e\u5927\uff08\u539f24px\uff09 *\/\n            text-indent:0 !important;\n            text-align:center !important;\n            display:block !important;\n            width:100% !important;\n            max-width:100% !important;\n            margin-left:auto !important;\n            margin-right:auto !important;\n        }\n        .hf-hero-subtitle{\n            font-size:15px !important; \/* 900px\u526f\u6807\u9898\u653e\u5927\uff08\u539f13px\uff09 *\/\n            max-width:100%;\n            text-align:center !important;\n            white-space:normal !important;\n        }\n        .hf-hero-subtitle .sub-line2{\n            display:block;\n        }\n        .hf-hero-stats{\n            padding:20px 24px;\n        }\n        .hf-stats-grid{\n            grid-template-columns:repeat(2,1fr);\n            gap:16px;\n        }\n        .hf-stat-number{\n            font-size:28px;\n        }\n    }\n    @media(max-width:600px){\n        .hf-hero-container{\n            min-height:540px;\n            \/* ===== \u624b\u673a\u7aef\u4e13\u7528\u80cc\u666f\u56fe ===== *\/\n            background-image:url('https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/shouji.webp') !important;\n            background-size:cover !important;\n            background-position:45% -20px !important;\n            background-color:#FFFDF8 !important;\n        }\n        .hf-hero-top{\n            padding:90px 16px 40px !important; \/* \u6062\u590d\u539fpadding-top:90px *\/\n            text-align:center !important;\n        }\n        .hf-hero-top .hf-hero-title{\n            font-size:18px !important; \/* \u6062\u590d\u539f\u624b\u673a\u7aef\u6807\u9898\u5927\u5c0f:18px *\/\n            text-indent:0 !important;\n            text-align:center !important;\n            line-height:1.4 !important;\n            display:block !important;\n            width:100% !important;\n            max-width:100% !important;\n            margin-left:auto !important;\n            margin-right:auto !important;\n        }\n        .hf-hero-subtitle{\n            font-size:12px !important; \/* \u2605 \u4ece12.5px\u5fae\u8c03\u4e3a12px\uff0c\u786e\u4fdd\u4e24\u884c\u4e0d\u6ea2\u51fa *\/\n            margin-bottom:16px !important;\n            white-space:normal !important;\n            line-height:1.6 !important; \/* \u2605 \u884c\u9ad8\u4ece1.65\u6536\u7d27\u4e3a1.6 *\/\n            text-align:center !important;\n        }\n        .hf-hero-subtitle .sub-line2{\n            display:block;\n        }\n        .hf-hero-stats{\n            padding:8px;\n        }\n        .hf-stats-grid{\n            grid-template-columns:repeat(2,1fr);\n            gap:6px;\n        }\n        .hf-stat-number{\n            font-size:22px;\n        }\n        .hf-stat-label{\n            font-size:10px;\n        }\n    }\n    <\/style>\n    <!-- ============================================================\n         \u3010HTML\u7ed3\u6784\u3011\n         ============================================================ -->\n    <div class=\"hf-hero-container\">\n        <div class=\"hf-hero-top\">\n            <!-- \u2605 \u6807\u9898\u6587\u5b57\u5728\u8fd9\u91cc\u6539 -->\n            <h1 class=\"hf-hero-title\">Your <span>Transparent<\/span> Sourcing Agent<br>You're in <span>Control<\/span>. We <span>Represent<\/span>.<\/h1>\n            <!-- \u2605 \u526f\u6807\u9898\u6587\u5b57\u5728\u8fd9\u91cc\u6539\uff08\u4e24\u884c\u5c45\u4e2d\u6392\u7248\uff0c\u5df2\u5220\u9664\u7834\u6298\u53f7\uff0c\u91cd\u65b0\u5206\u884c\u907f\u514d\u624b\u673a\u7aef3\u884c\uff09 -->\n\t\t\t\t\t<p class=\"hf-hero-subtitle\">\n    \t\t\t\t\t<span class=\"sub-line1\">Search verified factories, source quality products,<\/span>\n    \t\t\t\t\t\t<span class=\"sub-line2\">and access expert sourcing guides \u2014 all with your trusted sourcing partner.<\/span>\n\t\t\t\t\t\t\t<\/p>\n        <\/div>\n    <\/div>\n    <!-- ============================================================\n         \u3010\u6570\u636e\u7edf\u8ba1\u680f\u3011\n         \u2605\u2605\u2605 \u6570\u5b57\u5728\u8fd9\u91cc\u6539\uff1a\u4fee\u6539 data-target \u7684\u503c\u5373\u53ef \u2605\u2605\u2605\n         \u2605\u2605\u2605 \u6807\u7b7e\u5728\u8fd9\u91cc\u6539\uff1a\u4fee\u6539 stat-label \u91cc\u7684\u6587\u5b57\u5373\u53ef \u2605\u2605\u2605\n         ============================================================ -->\n    <div class=\"hf-hero-stats\">\n        <div class=\"hf-stats-grid\">\n            <div class=\"hf-stat-item\">\n                <div class=\"hf-stat-number\" data-target=\"64\">0<\/div> <!-- \u2605 \u6539\u6570\u5b57\uff1a64 -->\n                <div class=\"hf-stat-label\">Countries and Regions<\/div> <!-- \u2605 \u6539\u6807\u7b7e -->\n            <\/div>\n            <div class=\"hf-stat-item\">\n                <div class=\"hf-stat-number\" data-target=\"5300\" data-suffix=\"+\">0<\/div> <!-- \u2605 \u6539\u6570\u5b57\uff1a5300 -->\n                <div class=\"hf-stat-label\">Has Served<\/div> <!-- \u2605 \u6539\u6807\u7b7e -->\n            <\/div>\n            <div class=\"hf-stat-item\">\n                <div class=\"hf-stat-number\" data-target=\"100\" data-suffix=\"%\">0<\/div>\n                <div class=\"hf-stat-label\">Transparent Pricing<\/div>\n            <\/div>\n            <div class=\"hf-stat-item\">\n                <div class=\"hf-stat-number\" data-target=\"10000\" data-suffix=\"+\">0<\/div> <!-- \u2605 \u6539\u6570\u5b57\uff1a10000 -->\n                <div class=\"hf-stat-label\">Source Factory<\/div> <!-- \u2605 \u6539\u6807\u7b7e -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    \/**\n     * \u6570\u5b57\u6eda\u52a8\u52a8\u753b\n     *\/\n    function hfHeroAnimateCountUp(){\n        var numbers = document.querySelectorAll('.hf-stat-number');\n        numbers.forEach(function(el){\n            var target = parseInt(el.getAttribute('data-target'));\n            var suffix = el.getAttribute('data-suffix') || '';\n            var duration = 2000;\n            var startTime = null;\n            \n            function update(timestamp){\n                if(!startTime) startTime = timestamp;\n                var progress = Math.min((timestamp - startTime) \/ duration, 1);\n                var easeProgress = 1 - Math.pow(1 - progress, 4);\n                var current = Math.floor(easeProgress * target);\n                \n                if(target >= 1000){\n                    el.textContent = current.toLocaleString() + suffix;\n                } else {\n                    el.textContent = current + suffix;\n                }\n                \n                if(progress < 1){\n                    setTimeout(function(){ update(performance.now()); }, 16);\n                } else {\n                    if(target >= 1000){\n                        el.textContent = target.toLocaleString() + suffix;\n                    } else {\n                        el.textContent = target + suffix;\n                    }\n                }\n            }\n            setTimeout(function(){ update(performance.now()); }, 16);\n        });\n    }\n    \/* \u6570\u5b57\u6eda\u52a8\u52a8\u753b\u542f\u52a8\n       \u4fee\u590d\uff1aElementor\u811a\u672c\u52a0\u8f7d\u665a\u4e8eload\u4e8b\u4ef6\uff0c\u5bfc\u81f4load\u4e8b\u4ef6\u5df2\u89e6\u53d1\u3001\u56de\u8c03\u6c38\u8fdc\u4e0d\u6267\u884c\n       \u73b0\u5728\u6539\u4e3a\uff1a\u811a\u672c\u7acb\u5373\u6267\u884c + DOMContentLoaded + 1.5\u79d2\u5f3a\u5236\u515c\u5e95 + IntersectionObserver *\/\n    (function(){\n        var started = false;\n        function startAnimation(){\n            if(started) return;\n            started = true;\n            setTimeout(hfHeroAnimateCountUp, 200);\n        }\n        if(document.readyState === 'complete' || document.readyState === 'interactive'){ startAnimation(); }\n        document.addEventListener('DOMContentLoaded', startAnimation);\n        setTimeout(startAnimation, 1500);\n        if('IntersectionObserver' in window){\n            var statsEl = document.querySelector('.hf-hero-stats');\n            if(statsEl){\n                var io = new IntersectionObserver(function(entries){\n                    entries.forEach(function(entry){\n                        if(entry.isIntersecting){ startAnimation(); io.disconnect(); }\n                    });\n                }, {threshold: 0.3});\n                io.observe(statsEl);\n            }\n        }\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0872019 e-con-full e-flex e-con e-parent\" data-id=\"0872019\" data-element_type=\"container\" data-e-type=\"container\" id=\"hf-duo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c411a51 elementor-widget elementor-widget-shortcode\" data-id=\"c411a51\" 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    \/* ===== CTA\u6a2a\u5e45 ===== *\/\n    .hf-cta-hero{width:100%;max-width:100%;margin:0;position:relative;border-radius:0;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;}\n    \/* \u2605 \u4fee\u590d\uff1a\u80cc\u666f\u56fe\u7528html body\u524d\u7f00\u63d0\u9ad8\u4f18\u5148\u7ea7\uff0c\u8986\u76d6Elementor\u61d2\u52a0\u8f7d\uff1b\u52a0fixed\u56fa\u5b9a\u6548\u679c *\/\n    html body .hf-cta-bg{\n        position:absolute;inset:0;\n        background-image:url(https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/about.webp) !important;\n        background-position:center center !important;\n        background-size:cover !important;\n        background-repeat:no-repeat !important;\n        background-attachment:fixed !important; \/* \u2605 \u80cc\u666f\u56fe\u56fa\u5b9a\u89c6\u5dee\u6548\u679c *\/\n    }\n    \/* \u2605 \u51cf\u5c11\u906e\u7f69\u900f\u660e\u5ea6\uff1a\u4ece0.86\u964d\u52300.72\uff0c\u80cc\u666f\u56fe\u66f4\u6e05\u6670 *\/\n    html body .hf-cta-overlay{\n        position:absolute;inset:0;\n        background:rgba(15,43,70,0.72) !important;\n    }\n    \/* \u2605 \u53bb\u9664\u5de6\u8fb9\u84dd\u8272\u8272\u5757 *\/\n    html body .hf-cta-bar-l{display:none !important;}\n    \/* \u2605 \u53bb\u9664\u53f3\u8fb9\u84dd\u8272\u8272\u5757 *\/\n    html body .hf-cta-bar-r{display:none !important;}\n    .hf-cta-content{position:relative;z-index:3;padding:56px 40px;max-width:1000px;}\n    .hf-cta-content h2{font-family:Georgia,serif;font-size:48px;font-weight:700;color:#FFFDF8;margin-bottom:12px;line-height:1.15;}\n    .hf-cta-content h2 span{color:#5B9BD5;}\n    .hf-cta-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;}\n    .hf-cta-divider::before,.hf-cta-divider::after{content:'';width:60px;height:2px;background:linear-gradient(90deg,transparent,#5B9BD5);}\n    .hf-cta-divider::after{background:linear-gradient(90deg,#5B9BD5,transparent);}\n    .hf-cta-divider i{color:#5B9BD5;font-size:11px;}\n    .hf-cta-content p{font-size:17px;color:rgba(255,253,248,.82);line-height:1.85;max-width:900px;margin:0 auto 32px;}\n    .hf-cta-btn{display:inline-block;padding:12px 56px;border-radius:24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;cursor:pointer;border:none;letter-spacing:.5px;background:linear-gradient(135deg,#2A6BC4,#1E5AA8);color:#FFFFFF;box-shadow:0 5px 16px rgba(30,90,168,.4);font-family:'Roboto','Segoe UI',Arial,sans-serif;}\n    .hf-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,90,168,.55);}\n    \/* ===== \u5f39\u51fa\u8868\u5355\uff08append\u5230body\uff0c\u8131\u79bbElementor\u5bb9\u5668\uff09 ===== *\/\n    .hf-cta-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,43,70,.6);backdrop-filter:blur(4px);z-index:99999;align-items:center;justify-content:center;padding:20px;animation:hfCtaFadeIn .25s ease;}\n    .hf-cta-modal-overlay.show{display:flex;}\n    @keyframes hfCtaFadeIn{from{opacity:0;}to{opacity:1;}}\n    .hf-cta-modal{background:#FFFDF8;border-radius:16px;width:100%;max-width:640px;max-height:92vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:hfCtaSlideUp .3s ease;position:relative;display:flex;flex-direction:column;font-family:'Segoe UI',Arial,sans-serif;}\n    @keyframes hfCtaSlideUp{from{opacity:0;transform:translateY(30px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}}\n    .hf-cta-modal-header{background:linear-gradient(135deg,#2A6BC4,#1E5AA8);padding:28px 36px;border-radius:16px 16px 0 0;position:relative;flex-shrink:0;}\n    .hf-cta-modal-header h3{font-family:Georgia,serif;font-size:26px;color:#FFFFFF;margin:0 0 8px 0;}\n    .hf-cta-modal-header p{font-size:14px;color:rgba(255,255,255,.88);margin:0;line-height:1.6;}\n    .hf-cta-modal-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);border:none;color:#FFFFFF;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;}\n    .hf-cta-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg);}\n    .hf-cta-modal-source{display:inline-block;padding:5px 16px;background:rgba(255,255,255,.16);border-radius:20px;font-size:12px;font-weight:600;color:#FFFFFF;margin-top:14px;}\n    .hf-cta-modal-body{padding:28px 36px 32px;overflow-y:auto;flex:1;}\n    .hf-cta-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}\n    .hf-cta-form-group{margin-bottom:18px;}\n    .hf-cta-form-group label{display:block;font-size:13px;font-weight:600;color:#2B3546;margin-bottom:7px;}\n    .hf-cta-form-group label .required{color:#C0392B;margin-left:2px;}\n    .hf-cta-form-group input,.hf-cta-form-group textarea{width:100%;padding:13px 18px;border:1.5px solid #C5D9EE;border-radius:10px;background:#FFFDF8;font-size:14px;color:#2B3546;transition:all .2s;font-family:inherit;box-sizing:border-box;}\n    .hf-cta-form-group input:focus,.hf-cta-form-group textarea:focus{outline:none;border-color:#1E5AA8;box-shadow:0 0 0 3px rgba(30,90,168,.15);}\n    .hf-cta-form-group input::placeholder,.hf-cta-form-group textarea::placeholder{color:#9FB4CC;}\n    .hf-cta-form-group textarea{resize:vertical;min-height:90px;}\n    .hf-cta-form-submit{width:100%;padding:15px;background:linear-gradient(135deg,#2A6BC4,#1E5AA8);color:#FFFFFF;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:6px;font-family:'Roboto','Segoe UI',Arial,sans-serif;}\n    .hf-cta-form-submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(30,90,168,.4);}\n    .hf-cta-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}\n    .hf-cta-modal-success{display:none;text-align:center;padding:36px;flex:1;flex-direction:column;align-items:center;justify-content:center;}\n    .hf-cta-modal-success.show{display:flex;}\n    .hf-cta-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2A6BC4,#1E5AA8);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;color:#FFF;box-shadow:0 6px 20px rgba(30,90,168,.4);}\n    .hf-cta-modal-success h3{font-family:Georgia,serif;font-size:26px;color:#0F2B46;margin:0 0 12px 0;}\n    .hf-cta-modal-success p{font-size:15px;color:#546880;line-height:1.8;margin:0 0 28px 0;max-width:420px;}\n    .hf-cta-success-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}\n    .hf-cta-success-btn-primary{padding:13px 32px;background:linear-gradient(135deg,#2A6BC4,#1E5AA8);color:#FFFFFF;border:none;border-radius:34px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;font-family:'Roboto','Segoe UI',Arial,sans-serif;}\n    .hf-cta-success-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(30,90,168,.4);}\n    .hf-cta-success-btn-secondary{padding:13px 32px;background:transparent;color:#1E5AA8;border:2px solid #4A7FC4;border-radius:34px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;font-family:'Roboto','Segoe UI',Arial,sans-serif;}\n    .hf-cta-success-btn-secondary:hover{background:rgba(30,90,168,.08);}\n    @media(max-width:900px){\n        .hf-cta-content h2{font-size:34px;font-weight:700;}\n        .hf-cta-content{padding:40px 20px;}\n        .hf-cta-content p{font-size:15px;max-width:100%;}\n        \/* \u624b\u673a\u7aef\u80cc\u666f\u56fefixed\u5728\u67d0\u4e9b\u6d4f\u89c8\u5668\u6709\u95ee\u9898\uff0c\u6539\u4e3ascroll *\/\n        html body .hf-cta-bg{background-attachment:scroll !important;}\n    }\n    @media(max-width:600px){\n        .hf-cta-form-row{grid-template-columns:1fr;}\n        .hf-cta-modal-header{padding:24px 20px;}\n        .hf-cta-modal-body{padding:20px;}\n    }\n    <\/style>\n    <div class=\"hf-cta-hero\">\n        <div class=\"hf-cta-bg\"><\/div>\n        <div class=\"hf-cta-overlay\"><\/div>\n        <!-- \u5de6\u53f3\u8272\u5757\u5df2\u901a\u8fc7CSS\u9690\u85cf\uff08display:none\uff09\uff0cHTML\u4fdd\u7559\u4e0d\u5f71\u54cd -->\n        <div class=\"hf-cta-bar-l\"><\/div>\n        <div class=\"hf-cta-bar-r\"><\/div>\n        <div class=\"hf-cta-content\">\n            <h2>Start Your <span>Efficient Sourcing<\/span> Journey Today<\/h2>\n            <div class=\"hf-cta-divider\"><i class=\"fas fa-diamond\"><\/i><\/div>\n            <p>Your needs define our service. There's no standard workflow \u2014 we provide exactly what you require, when you require it. Need a factory? We find it. Need QC? We're on-site. Need logistics? We coordinate it all. Flexible, dedicated, and always focused on delivering the best outcome for you. Your dedicated sourcing partner handles everything from initial factory matching to final shipment \u2014 one point of contact, no hidden fees. Work with a sourcing partner who knows every factory in the Pearl River Delta. Get your free quote today.<\/p>\n            <button class=\"hf-cta-btn\" onclick=\"hfOpenCtaModal()\">Contact Us<\/button>\n        <\/div>\n    <\/div>\n    <script>\n    var hfCtaModalBuilt = false;\n    function hfBuildCtaModal() {\n        if(hfCtaModalBuilt) return;\n        var html = '<div class=\"hf-cta-modal-overlay\" id=\"hfCtaModalOverlay\" onclick=\"hfCloseCtaModalOutside(event)\">' +\n            '<div class=\"hf-cta-modal\">' +\n                '<div class=\"hf-cta-modal-header\">' +\n                    '<button class=\"hf-cta-modal-close\" onclick=\"hfCloseCtaModal()\">&times;<\/button>' +\n                    '<h3>Get Started with hongfengSourcing<\/h3>' +\n                    '<p>Tell us what you need and our team will match you with the right resources \u2014 factories, quality control, logistics, and more.<\/p>' +\n                    '<div class=\"hf-cta-modal-source\">From: CTA Banner<\/div>' +\n                '<\/div>' +\n                '<div class=\"hf-cta-modal-body\" id=\"hfCtaModalForm\">' +\n                    '<form id=\"hfCtaInquiryForm\" onsubmit=\"hfSubmitCtaForm(event)\">' +\n                        '<div class=\"hf-cta-form-row\">' +\n                            '<div class=\"hf-cta-form-group\"><label>Name <span class=\"required\">*<\/span><\/label><input type=\"text\" name=\"name\" placeholder=\"Your full name\" required><\/div>' +\n                            '<div class=\"hf-cta-form-group\"><label>Email <span class=\"required\">*<\/span><\/label><input type=\"email\" name=\"email\" placeholder=\"your@email.com\" required><\/div>' +\n                        '<\/div>' +\n                        '<div class=\"hf-cta-form-row\">' +\n                            '<div class=\"hf-cta-form-group\"><label>Company<\/label><input type=\"text\" name=\"company\" placeholder=\"Your company name\"><\/div>' +\n                            '<div class=\"hf-cta-form-group\"><label>Country<\/label><input type=\"text\" name=\"country\" placeholder=\"Your country\"><\/div>' +\n                        '<\/div>' +\n                        '<div class=\"hf-cta-form-group\"><label>Interested In <span class=\"required\">*<\/span><\/label><input type=\"text\" name=\"interested\" placeholder=\"e.g. Factory sourcing, Quality control, Logistics, OEM manufacturing...\" required><\/div>' +\n                        '<div class=\"hf-cta-form-group\"><label>Your Requirements <span class=\"required\">*<\/span><\/label><textarea name=\"message\" placeholder=\"Tell us about your needs, quantity, target price, timeline, etc.\" required><\/textarea><\/div>' +\n                        '<input type=\"hidden\" name=\"source\" value=\"CTA Banner\">' +\n                        '<button type=\"submit\" class=\"hf-cta-form-submit\" id=\"hfCtaSubmitBtn\">Send Request<\/button>' +\n                    '<\/form>' +\n                '<\/div>' +\n                '<div class=\"hf-cta-modal-success\" id=\"hfCtaModalSuccess\">' +\n                    '<div class=\"hf-cta-success-icon\">&#10003;<\/div>' +\n                    '<h3>Thank You!<\/h3>' +\n                    '<p>Your request has been received. Our sourcing specialist will review your requirements and contact you within 24 hours.<\/p>' +\n                    '<div class=\"hf-cta-success-actions\">' +\n                        '<a href=\"\/factory-audit-in-china\/\" class=\"hf-cta-success-btn-primary\">How We Vet Factories<\/a>' +\n                        '<a href=\"\/products\/\" class=\"hf-cta-success-btn-secondary\">Browse Products<\/a>' +\n                        '<button class=\"hf-cta-success-btn-secondary\" onclick=\"hfCloseCtaModal()\">Close<\/button>' +\n                    '<\/div>' +\n                '<\/div>' +\n            '<\/div>' +\n        '<\/div>';\n        var div = document.createElement('div');\n        div.innerHTML = html;\n        document.body.appendChild(div.firstChild);\n        hfCtaModalBuilt = true;\n    }\n    function hfOpenCtaModal() {\n        hfBuildCtaModal();\n        var overlay = document.getElementById('hfCtaModalOverlay');\n        overlay.classList.add('show');\n        document.body.style.overflow = 'hidden';\n        document.getElementById('hfCtaModalForm').style.display = 'block';\n        document.getElementById('hfCtaModalSuccess').classList.remove('show');\n        document.getElementById('hfCtaInquiryForm').reset();\n        var btn = document.getElementById('hfCtaSubmitBtn');\n        btn.disabled = false;\n        btn.textContent = 'Send Request';\n    }\n    function hfCloseCtaModal() {\n        var overlay = document.getElementById('hfCtaModalOverlay');\n        if(overlay) {\n            overlay.classList.remove('show');\n            document.body.style.overflow = '';\n        }\n    }\n    function hfCloseCtaModalOutside(e) {\n        if(e.target === document.getElementById('hfCtaModalOverlay')) hfCloseCtaModal();\n    }\n    function hfSubmitCtaForm(e) {\n        e.preventDefault();\n        var btn = document.getElementById('hfCtaSubmitBtn');\n        btn.disabled = true;\n        btn.textContent = 'Sending...';\n        var formData = new FormData(document.getElementById('hfCtaInquiryForm'));\n        formData.append('action', 'hf_hero_inquiry_submit');\n        fetch('https:\/\/hongfengsourcing.com\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(function(res){ return res.json(); })\n        .then(function(data) {\n            if(data.success) {\n                document.getElementById('hfCtaModalForm').style.display = 'none';\n                document.getElementById('hfCtaModalSuccess').classList.add('show');\n            } else {\n                alert(data.data || 'Submission failed, please try again.');\n                btn.disabled = false;\n                btn.textContent = 'Send Request';\n            }\n        })\n        .catch(function(err) {\n            alert('Network error, please try again.');\n            btn.disabled = false;\n            btn.textContent = 'Send Request';\n        });\n    }\n    document.addEventListener('keydown', function(e) {\n        if(e.key === 'Escape') hfCloseCtaModal();\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56e8477 e-con-full e-flex e-con e-parent\" data-id=\"56e8477\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12f506 elementor-widget elementor-widget-html\" data-id=\"c12f506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     About \u677f\u5757 \u00b7 \u5de6\u5927\u56fe + \u53ef\u5207\u6362\u9519\u843d\u7f29\u7565\u56fe\uff08\u7f29\u7565\u56fe\u4f18\u5316\u7248\uff09\r\n     \u7528\u6cd5\uff1aElementor HTML \u5c0f\u90e8\u4ef6\uff0c\u6574\u6bb5\u7c98\u8d34\r\n     \u4f18\u5316\uff1a\u7f29\u7565\u56fe\u7528150x150\u5c0f\u56fe\uff0c\u5927\u56fe\u7528\u539f\u56fe\uff0c\u6bcf\u6b21\u5237\u65b0\u968f\u673a\u663e\u793a\r\n     2026-10-10 \u66f4\u65b0\uff1a\u8eab\u4efd\u5b9a\u4f4d\u4ece\"\u5e73\u53f0\"\u6539\u4e3a\"\u4ee3\u7406\"\r\n       - resource connection platform \u2192 your sourcing agent\r\n       - connect you with \u2192 represent you to\r\n       - match you with \u2192 represent you to\r\n     ============================================================ -->\r\n<style>\r\n.hf-about-wrap{\r\n  display:flex;\r\n  width:100%;\r\n  box-sizing:border-box;\r\n  min-height:500px;\r\n  overflow:hidden;\r\n  font-family:'Segoe UI',Arial,sans-serif;\r\n}\r\n.hf-about-main{\r\n  flex:0 0 45%;\r\n  position:relative;\r\n  overflow:hidden;\r\n  min-height:500px;\r\n  background:#0F2B46;\r\n}\r\n.hf-about-main img{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center 40%;\r\n  display:block;\r\n  transition:opacity .35s ease;\r\n}\r\n.hf-about-main::after{\r\n  content:none;\r\n}\r\n.hf-about-body{\r\n  flex:1;\r\n  background:linear-gradient(160deg,#0F2B46,#1A3D66);\r\n  padding:44px 44px 36px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n.hf-about-body h2{\r\n  font-family:Georgia,serif !important;\r\n  font-size:28px !important;\r\n  font-weight:700 !important;\r\n  color:#FFFDF8 !important;\r\n  line-height:1.3 !important;\r\n  margin:0 0 14px 0 !important;\r\n  text-align:left !important;\r\n}\r\n.hf-about-body h2 span{\r\n  color:#5B9BD5 !important;\r\n}\r\n.hf-about-body p{\r\n  font-size:13px !important;\r\n  color:#C5D9EE !important;\r\n  line-height:1.85 !important;\r\n  margin:0 0 20px 0 !important;\r\n  text-align:left !important;\r\n}\r\n.hf-about-btn{\r\n  display:inline-block !important;\r\n  padding:11px 30px !important;\r\n  background:linear-gradient(135deg,#2A6BC4,#1E5AA8) !important;\r\n  color:#fff !important;\r\n  font-size:13px !important;\r\n  font-weight:700 !important;\r\n  border-radius:24px !important;\r\n  text-decoration:none !important;\r\n  align-self:flex-start !important;\r\n  margin-bottom:24px !important;\r\n  transition:all .3s !important;\r\n}\r\n.hf-about-btn:hover{\r\n  transform:translateY(-2px) !important;\r\n  box-shadow:0 6px 18px rgba(42,107,196,.4) !important;\r\n}\r\n.hf-about-thumbs{\r\n  display:flex;\r\n  gap:8px;\r\n  align-items:center;\r\n  flex-wrap:nowrap;\r\n}\r\n.hf-about-thumbs .t{\r\n  flex:1 1 0;\r\n  min-width:0;\r\n  width:auto;\r\n  height:52px;\r\n  border-radius:10px;\r\n  overflow:hidden;\r\n  border:2px solid rgba(255,255,255,.12);\r\n  cursor:pointer;\r\n  transition:all .25s;\r\n  box-shadow:0 4px 12px rgba(0,0,0,.3);\r\n}\r\n.hf-about-thumbs .t img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  opacity:.8;\r\n  transition:opacity .2s;\r\n  display:block;\r\n}\r\n.hf-about-thumbs .t:hover{\r\n  transform:translateY(-4px);\r\n  border-color:#5B9BD5;\r\n}\r\n.hf-about-thumbs .t:hover img{opacity:1;}\r\n.hf-about-thumbs .t.active{\r\n  border-color:#5B9BD5;\r\n  box-shadow:0 6px 18px rgba(91,155,213,.4);\r\n}\r\n.hf-about-thumbs .t.active img{opacity:1;}\r\n.hf-about-hint{\r\n  font-size:11px;\r\n  color:#7E93AA;\r\n  margin-top:8px;\r\n}\r\n@media(max-width:900px){\r\n  .hf-about-wrap{\r\n    flex-direction:column;\r\n    min-height:0;\r\n  }\r\n  .hf-about-main{\r\n    flex:none;\r\n    width:100%;\r\n    height:280px !important;\r\n    min-height:280px !important;\r\n  }\r\n  .hf-about-body{\r\n    padding:20px 22px 34px;\r\n  }\r\n  .hf-about-thumbs{\r\n    order:-2;\r\n    flex-wrap:nowrap;\r\n    gap:8px;\r\n    margin-bottom:4px;\r\n    overflow-x:auto;\r\n    -webkit-overflow-scrolling:touch;\r\n    scrollbar-width:none;\r\n  }\r\n  .hf-about-thumbs::-webkit-scrollbar{display:none;}\r\n  .hf-about-thumbs .t{\r\n    flex:0 0 auto;\r\n    width:58px;\r\n    height:44px;\r\n  }\r\n  .hf-about-hint{\r\n    order:-1;\r\n    font-size:10px;\r\n    text-align:center;\r\n    margin-top:4px;\r\n    margin-bottom:20px;\r\n  }\r\n  .hf-about-body h2{\r\n    font-size:23px !important;\r\n    margin-bottom:12px !important;\r\n  }\r\n  .hf-about-body p{\r\n    font-size:13px !important;\r\n    line-height:1.8 !important;\r\n    margin-bottom:20px !important;\r\n  }\r\n  .hf-about-btn{\r\n    padding:11px 28px !important;\r\n    margin-bottom:0 !important;\r\n  }\r\n}\r\n@media(max-width:480px){\r\n  .hf-about-main{\r\n    height:250px !important;\r\n    min-height:250px !important;\r\n  }\r\n  .hf-about-body{\r\n    padding:16px 18px 30px;\r\n  }\r\n  .hf-about-body h2{\r\n    font-size:20px !important;\r\n  }\r\n  .hf-about-body p{\r\n    font-size:12.5px !important;\r\n  }\r\n  .hf-about-thumbs{\r\n    gap:6px;\r\n  }\r\n  .hf-about-thumbs .t{\r\n    width:52px;\r\n    height:40px;\r\n    border-width:1.5px;\r\n  }\r\n  .hf-about-hint{\r\n    margin-bottom:16px;\r\n  }\r\n}\r\n<\/style>\r\n<div class=\"hf-about-wrap\">\r\n  <!-- \u5de6\u4fa7\u5927\u56fe\uff08\u70b9\u51fb\u7f29\u7565\u56fe\u5207\u6362\uff0c\u5237\u65b0\u9875\u9762\u968f\u673a\u663e\u793a\uff09 -->\r\n  <div class=\"hf-about-main\">\r\n    <img decoding=\"async\" id=\"hfAboutMain\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_180351_758.webp\" alt=\"Factory verification visit\">\r\n  <\/div>\r\n  <!-- \u53f3\u4fa7\u5185\u5bb9 -->\r\n  <div class=\"hf-about-body\">\r\n    <h2>About <span>HONGFENGSOURCING<\/span> \u2014 Your Pearl River Delta Sourcing Agent<\/h2>\r\n    <!-- \u2605 \u4fee\u6539\uff1a\u8eab\u4efd\u5b9a\u4f4d\u4ece\u5e73\u53f0\u6539\u4e3a\u4ee3\u7406 -->\r\n    <p>As your sourcing agent in the Pearl River Delta, HONGFENGSOURCING works only for you \u2014 not for factories. We don't own factories \u2014 we represent you to the right ones for procurement. From verified factories to third-party QC inspectors, translators, and logistics partners, we represent you to the resources you need, oversee every step, and have your back when things get complicated. We provide transparent factory quotes and you choose the best option.Sourcing made simple, transparent, and efficient.\r\n<\/p>\r\n    <a href=\"\/about-us\/\" class=\"hf-about-btn\">Learn More \u00bb<\/a>\r\n    <!-- \u7f29\u7565\u56fe\uff1aimg\u7528150x150\u7f29\u7565\u56fe\uff0cdata-src\u7528\u539f\u56fe -->\r\n    <div class=\"hf-about-thumbs\" id=\"hfAboutThumbs\">\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/\u5b9e\u62cd\u56fe-2.webp\" data-pos=\"center 35%\" data-pos-mobile=\"center 28%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/\u5b9e\u62cd\u56fe-2-150x150.webp\" alt=\"Sample room inspection\"><\/div>\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_180351_758.webp\" data-pos=\"center 48%\" data-pos-mobile=\"center 42%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_180351_758-150x150.webp\" alt=\"Automated production line\"><\/div>\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_192912_040.webp\" data-pos=\"center 42%\" data-pos-mobile=\"center 35%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_192912_040-150x150.webp\" alt=\"Showroom sample review\"><\/div>\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_193553_895.webp\" data-pos=\"center 50%\" data-pos-mobile=\"center 43%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_193553_895-150x150.webp\" alt=\"Business meeting\"><\/div>\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_193642_615.webp\" data-pos=\"center 40%\" data-pos-mobile=\"center 33%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/ScreenShot_2026-10-07_193642_615-150x150.webp\" alt=\"Cable product inspection\"><\/div>\r\n      <div class=\"t\" data-src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/xiangxun-2.webp\" data-pos=\"center 50%\" data-pos-mobile=\"center 33%\"><img decoding=\"async\" src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/xiangxun-2.webp\" alt=\"Aromatherapy\"><\/div>\r\n    <\/div>\r\n    <div class=\"hf-about-hint\">\u2191 Click thumbnails to view more factory photos<\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function(){\r\n  var main = document.getElementById('hfAboutMain');\r\n  var thumbs = document.querySelectorAll('#hfAboutThumbs .t');\r\n  function applyThumb(thumb){\r\n    main.src = thumb.getAttribute('data-src');\r\n    var isMobile = window.innerWidth < 900;\r\n    var pos = isMobile\r\n      ? (thumb.getAttribute('data-pos-mobile') || thumb.getAttribute('data-pos'))\r\n      : thumb.getAttribute('data-pos');\r\n    main.style.objectPosition = pos || 'center 40%';\r\n  }\r\n  \/* \u6bcf\u6b21\u5237\u65b0\u968f\u673a\u663e\u793a\u4e00\u5f20 *\/\r\n  var picParam = new URLSearchParams(window.location.search).get('pic');\r\n  var defaultIndex;\r\n  if(picParam !== null && !isNaN(parseInt(picParam,10))){\r\n    defaultIndex = parseInt(picParam,10) % thumbs.length;\r\n  }else{\r\n    defaultIndex = Math.floor(Math.random() * thumbs.length);\r\n  }\r\n  var defaultThumb = thumbs[defaultIndex];\r\n  thumbs.forEach(function(x){x.classList.remove('active');});\r\n  defaultThumb.classList.add('active');\r\n  applyThumb(defaultThumb);\r\n  \/* \u70b9\u51fb\u7f29\u7565\u56fe\u5207\u6362\u5927\u56fe *\/\r\n  thumbs.forEach(function(t){\r\n    t.addEventListener('click', function(){\r\n      thumbs.forEach(function(x){x.classList.remove('active');});\r\n      this.classList.add('active');\r\n      main.style.opacity = '0';\r\n      var thumb = this;\r\n      setTimeout(function(){\r\n        applyThumb(thumb);\r\n        main.style.opacity = '1';\r\n      }, 350);\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78f9d83 e-con-full e-flex e-con e-parent\" data-id=\"78f9d83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-801b3d5 elementor-widget elementor-widget-shortcode\" data-id=\"801b3d5\" 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\">    <!-- ============ CSS ============ -->\n    <style>\n    .hf-home-blog-wrap{max-width:1200px;margin:0 auto;padding:50px 24px;}\n    \/* \u6807\u9898\u680f\uff1a\u5de6\u5bf9\u9f50+\u53f3\u6309\u94ae+\u5e95\u90e8\u91d1\u8272\u4e0b\u5212\u7ebf *\/\n    .hf-home-blog-topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid rgba(30,90,168,.2);}\n    .hf-home-blog-title{font-family:Georgia,serif;font-size:28px;color:#0F2B46;font-weight:700;margin:0;}\n    .hf-home-blog-title span{color:#1E5AA8;}\n    .hf-explore-more{color:#1E5AA8;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;}\n    .hf-explore-more:hover{color:#17467F;}\n    \/* \u4e0b\u5212\u7ebf\u5f0f\u6807\u7b7e\uff08\u4e00\u884c\u6392\u5217\uff09 *\/\n    .hf-home-cat-tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid rgba(30,90,168,.12);flex-wrap:wrap;}\n    .hf-home-cat-tab{padding:10px 20px;font-size:13px;font-weight:600;color:#546880;cursor:pointer;transition:all .25s;border-bottom:2px solid transparent;margin-bottom:-1px;user-select:none;}\n    .hf-home-cat-tab:hover{color:#0F2B46;}\n    .hf-home-cat-tab.active{color:#1E5AA8;border-bottom-color:#1E5AA8;}\n    \/* \u5e03\u5c40\uff1a\u5de6\u4fa7\u5927\u56fe + \u53f3\u4fa72x2\u5c0f\u5361\uff0c\u7b49\u9ad8\u62c9\u4f38 *\/\n    .hf-home-posts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch;transition:opacity .2s;}\n    \/* \u5de6\u4fa7\u5927\u56fe\u5361\uff1a\u5168\u56fe\u8986\u76d6+\u5e95\u90e8\u906e\u7f69 *\/\n    .hf-home-feat{border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;height:100%;min-height:420px;max-height:520px;}\n    .hf-home-feat:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,43,70,.18);}\n    .hf-home-feat-thumb{width:100%;height:100%;overflow:hidden;position:relative;background:#DCEAF7;}\n    .hf-home-feat-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s;display:block;}\n    .hf-home-feat:hover .hf-home-feat-thumb img{transform:scale(1.05);}\n    .hf-home-feat-overlay{position:absolute;bottom:0;left:0;right:0;padding:28px 24px 22px;background:linear-gradient(transparent,rgba(15,43,70,.88));color:#FFF;}\n    .hf-home-feat-cat{display:inline-block;padding:4px 12px;background:rgba(30,90,168,.95);color:#FFFFFF;font-size:11px;font-weight:700;border-radius:12px;margin-bottom:10px;}\n    .hf-home-feat-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:rgba(255,255,255,.75);margin-bottom:8px;flex-wrap:wrap;}\n    .hf-home-feat-meta span{display:flex;align-items:center;gap:5px;}\n    .hf-home-feat-title{font-family:Georgia,serif;font-size:21px;line-height:1.35;color:#FFF;margin:0 0 8px 0;}\n    .hf-home-feat-excerpt{font-size:13px;color:rgba(255,255,255,.82);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;}\n    \/* \u53f3\u4fa72x2\u5c0f\u5361 *\/\n    .hf-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;}\n    .hf-home-card{background:#FFFDF8;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s;border:1px solid rgba(30,90,168,.08);}\n    .hf-home-card:hover{border-color:rgba(30,90,168,.3);box-shadow:0 6px 18px rgba(15,43,70,.07);transform:translateY(-2px);}\n    .hf-home-card-thumb{width:100%;aspect-ratio:4\/3;overflow:hidden;position:relative;background:#DCEAF7;}\n    .hf-home-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s;display:block;}\n    .hf-home-card:hover .hf-home-card-thumb img{transform:scale(1.06);}\n    .hf-home-card-cat{position:absolute;top:8px;left:8px;padding:3px 10px;background:rgba(30,90,168,.95);color:#FFFFFF;font-size:10px;font-weight:700;border-radius:10px;}\n    .hf-home-card-body{padding:12px;}\n    .hf-home-card-title{font-size:12.5px;font-weight:600;color:#0F2B46;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;}\n    \/* \u52a0\u8f7d\u52a8\u753b *\/\n    .hf-home-loading{text-align:center;padding:20px;grid-column:1\/-1;}\n    .hf-home-dots{display:inline-flex;gap:6px;}\n    .hf-home-dots span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#2A6BC4,#1E5AA8);animation:hfHomeBounce 1.4s ease-in-out infinite;}\n    .hf-home-dots span:nth-child(2){animation-delay:.2s;}\n    .hf-home-dots span:nth-child(3){animation-delay:.4s;}\n    @keyframes hfHomeBounce{0%,80%,100%{transform:scale(.5);opacity:.35;}40%{transform:scale(1.1);opacity:1;}}\n    \/* \u65e0\u7ed3\u679c *\/\n    .hf-home-no-result{grid-column:1\/-1;text-align:center;padding:40px;color:#7E93AA;}\n    .hf-home-no-result .icon{font-size:48px;margin-bottom:12px;}\n    @media(max-width:900px){\n        .hf-home-posts{grid-template-columns:1fr;}\n        .hf-home-feat{min-height:320px;max-height:420px;}\n        .hf-home-feat-thumb img{display:block;}\n        .hf-home-blog-title{font-size:24px;}\n    }\n    @media(max-width:600px){\n        .hf-home-grid{grid-template-columns:1fr;}\n        .hf-home-cat-tab{padding:8px 14px;font-size:12px;}\n        .hf-home-feat{min-height:280px;max-height:360px;}\n        .hf-home-feat-overlay{padding:20px 16px 16px;}\n        .hf-home-feat-title{font-size:17px;}\n    }\n    <\/style>\n    <!-- ============ HTML ============ -->\n    <div class=\"hf-home-blog-wrap\">\n        <!-- \u6807\u9898\u680f\uff08\u5de6\u5bf9\u9f50+\u53f3\u6309\u94ae+\u4e0b\u5212\u7ebf\uff09 -->\n        <div class=\"hf-home-blog-topbar\">\n            <h2 class=\"hf-home-blog-title\">News & <span>Insights<\/span><\/h2>\n            <a href=\"\/blog\/\" class=\"hf-explore-more\">View All \u2192<\/a>\n        <\/div>\n        <!-- \u4e0b\u5212\u7ebf\u5f0f\u6807\u7b7e\uff08\u4e00\u884c\u6392\u5217\uff09 -->\n        <div class=\"hf-home-cat-tabs\" id=\"hfHomeTabs\">\n                        <div class=\"hf-home-cat-tab active\" data-cat=\"\">\n                All            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"sourcing-tips\">\n                Sourcing Tips            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"procurement-stories\">\n                Procurement Stories            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"industry-news\">\n                Industry News            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"events\">\n                Events            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"qc-inspection\">\n                QC &amp; Inspection            <\/div>\n                        <div class=\"hf-home-cat-tab \" data-cat=\"logistics\">\n                Logistics            <\/div>\n                    <\/div>\n        <!-- \u6587\u7ae0\u533a -->\n        <div class=\"hf-home-posts\" id=\"hfHomePosts\">\n                        <div class=\"hf-home-feat\" onclick=\"window.location.href='\/blog\/?highlight=4804'\">\n                <div class=\"hf-home-feat-thumb\">\n                    <img src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/09\/feature-3.webp\" alt=\"Sea Freight from China: FOB, CIF, DDP and All the Hidden Fees Explained\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"hf-home-feat-overlay\">\n                        <span class=\"hf-home-feat-cat\">LOGISTICS<\/span>\n                        <div class=\"hf-home-feat-meta\">\n                            <span><i class=\"far fa-calendar\"><\/i> Sep 20, 2026<\/span>\n                            <span><i class=\"far fa-eye\"><\/i> 2,938 views<\/span>\n                        <\/div>\n                        <h3 class=\"hf-home-feat-title\">Sea Freight from China: FOB, CIF, DDP and All the Hidden Fees Explained<\/h3>\n                        <p class=\"hf-home-feat-excerpt\">Before we talk sea freight: why the quote you see is never the price you pay Sea freight from China is the backbone of global trade. More than 80 percent of everything traded internationally travels by ship, and the Pearl River Delta \u2014 with its three major ports at Yantian, Shekou, and Nansha \u2014 is [&hellip;]<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <!-- \u53f3\u4fa72x2\u968f\u673a\u5c0f\u5361 -->\n            <div class=\"hf-home-grid\" id=\"hfHomeGrid\">\n                                <div class=\"hf-home-card\" onclick=\"window.location.href='\/blog\/?highlight=4842'\">\n                    <div class=\"hf-home-card-thumb\">\n                        <span class=\"hf-home-card-cat\">EVENTS<\/span>\n                        <img src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/09\/feature-2-300x180.jpg\" alt=\"Canton Fair Sourcing 2026: A Complete Guide for First-Time and Returning Buyers\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"hf-home-card-body\">\n                        <h4 class=\"hf-home-card-title\">Canton Fair Sourcing 2026: A Complete Guide for First-Time and Returning Buyers<\/h4>\n                    <\/div>\n                <\/div>\n                                <div class=\"hf-home-card\" onclick=\"window.location.href='\/blog\/?highlight=5792'\">\n                    <div class=\"hf-home-card-thumb\">\n                        <span class=\"hf-home-card-cat\">QC &amp; INS<\/span>\n                        <img src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/QC-tese-300x200.webp\" alt=\"AQL Inspection Explained: How Many Units Should You Actually Check?\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"hf-home-card-body\">\n                        <h4 class=\"hf-home-card-title\">AQL Inspection Explained: How Many Units Should You Actually Check?<\/h4>\n                    <\/div>\n                <\/div>\n                                <div class=\"hf-home-card\" onclick=\"window.location.href='\/blog\/?highlight=5678'\">\n                    <div class=\"hf-home-card-thumb\">\n                        <span class=\"hf-home-card-cat\">PROCUREM<\/span>\n                        <img src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/10\/xiangxun-3-168x300.webp\" alt=\"How We Audited a Huizhou Aroma Diffuser Factory for a European Buyer\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"hf-home-card-body\">\n                        <h4 class=\"hf-home-card-title\">How We Audited a Huizhou Aroma Diffuser Factory for a European Buyer<\/h4>\n                    <\/div>\n                <\/div>\n                                <div class=\"hf-home-card\" onclick=\"window.location.href='\/blog\/?highlight=4811'\">\n                    <div class=\"hf-home-card-thumb\">\n                        <span class=\"hf-home-card-cat\">INDUSTRY<\/span>\n                        <img src=\"https:\/\/hongfengsourcing.com\/wp-content\/uploads\/2026\/09\/feature-4-300x225.webp\" alt=\"Pearl River Delta vs Yangtze River Delta: Where to Source in 2026\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"hf-home-card-body\">\n                        <h4 class=\"hf-home-card-title\">Pearl River Delta vs Yangtze River Delta: Where to Source in 2026<\/h4>\n                    <\/div>\n                <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    <!-- ============ JS\uff1atab\u5207\u6362AJAX ============ -->\n    <script>\n    (function(){\n        var switching = false;\n        var ajaxUrl = 'https:\/\/hongfengsourcing.com\/wp-admin\/admin-ajax.php';\n        document.querySelectorAll('.hf-home-cat-tab').forEach(function(tab){\n            tab.addEventListener('click', function(){\n                if(switching || this.classList.contains('active')) return;\n                document.querySelectorAll('.hf-home-cat-tab').forEach(function(t){t.classList.remove('active');});\n                this.classList.add('active');\n                var cat = this.dataset.cat || '';\n                switching = true;\n                var posts = document.getElementById('hfHomePosts');\n                posts.style.opacity = '0.4';\n                var params = new URLSearchParams();\n                params.append('action', 'hf_home_blog_switch');\n                params.append('cat', cat);\n                fetch(ajaxUrl, {\n                    method: 'POST',\n                    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n                    body: params.toString()\n                })\n                .then(function(r){return r.text();})\n                .then(function(html){\n                    posts.innerHTML = html;\n                    posts.style.opacity = '1';\n                    switching = false;\n                })\n                .catch(function(){\n                    posts.style.opacity = '1';\n                    switching = false;\n                });\n            });\n        });\n    })();\n    <\/script>\n    <\/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>About HONGFENGSOURCING \u2014 Your Pearl River Delta Sourcing Agent As your sourcing agent in the Pearl River Delta, HONGFENGSOURCING works only for you \u2014 not for factories. We don&#8217;t own factories \u2014 we represent you to the right ones for procurement. From verified factories to third-party QC inspectors, translators, and logistics partners, we represent you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5060,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-238","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/pages\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/comments?post=238"}],"version-history":[{"count":5,"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":5711,"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/pages\/238\/revisions\/5711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/media\/5060"}],"wp:attachment":[{"href":"https:\/\/hongfengsourcing.com\/es\/wp-json\/wp\/v2\/media?parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}