{"id":3812,"date":"2025-12-26T15:46:12","date_gmt":"2025-12-26T15:46:12","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=3812"},"modified":"2025-12-29T16:20:41","modified_gmt":"2025-12-29T16:20:41","slug":"%e4%bb%8b%e6%88%90%e5%9e%8b%e5%85%a8%e7%90%83%e5%b1%95%e8%a7%88","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/zh\/%e4%bb%8b%e6%88%90%e5%9e%8b%e5%85%a8%e7%90%83%e5%b1%95%e8%a7%88\/","title":{"rendered":"Mesoforming \u5168\u7403\u5c55\u89c8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3812\" class=\"elementor elementor-3812\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b74879 e-con-full e-flex e-con e-parent\" data-id=\"8b74879\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5c8d654 e-con-full e-flex e-con e-child\" data-id=\"5c8d654\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-835e334 elementor-widget elementor-widget-html\" data-id=\"835e334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \r\n    MESOFORMING GLOBAL EXHIBITIONS MODULE \r\n    Optimized for WordPress\/Elementor | High Performance | Isolated Styles\r\n-->\r\n\r\n<!-- 1. External Resources (Fonts & Icons) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- 2. SEO Schema Markup -->\r\n<script type=\"application\/ld+json\">\r\n[\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Event\",\r\n    \"name\": \"PlastFocus \/ India Plast 2025\",\r\n    \"startDate\": \"2025-05-01\",\r\n    \"location\": {\r\n      \"@type\": \"Place\",\r\n      \"name\": \"Yashobhoomi (IICC)\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"New Delhi\",\r\n        \"addressCountry\": \"IN\"\r\n      }\r\n    },\r\n    \"organizer\": { \"@type\": \"Organization\", \"name\": \"Mesoforming\" }\r\n  },\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Event\",\r\n    \"name\": \"CHINAPLAS 2025\",\r\n    \"startDate\": \"2025-04-15\",\r\n    \"endDate\": \"2025-04-18\",\r\n    \"location\": {\r\n      \"@type\": \"Place\",\r\n      \"name\": \"Shenzhen World Exhibition & Convention Center\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"Shenzhen\",\r\n        \"addressCountry\": \"CN\"\r\n      }\r\n    },\r\n    \"organizer\": { \"@type\": \"Organization\", \"name\": \"Mesoforming\" }\r\n  },\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Event\",\r\n    \"name\": \"Sino-Pack 2025\",\r\n    \"startDate\": \"2025-03-04\",\r\n    \"endDate\": \"2025-03-06\",\r\n    \"location\": {\r\n      \"@type\": \"Place\",\r\n      \"name\": \"China Import and Export Fair Complex\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"Guangzhou\",\r\n        \"addressCountry\": \"CN\"\r\n      }\r\n    },\r\n    \"organizer\": { \"@type\": \"Organization\", \"name\": \"Mesoforming\" }\r\n  },\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Event\",\r\n    \"name\": \"PLASTEX 2025\",\r\n    \"startDate\": \"2025-01-09\",\r\n    \"location\": {\r\n      \"@type\": \"Place\",\r\n      \"name\": \"Egypt International Exhibition Center\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"Cairo\",\r\n        \"addressCountry\": \"EG\"\r\n      }\r\n    },\r\n    \"organizer\": { \"@type\": \"Organization\", \"name\": \"Mesoforming\" }\r\n  }\r\n]\r\n<\/script>\r\n\r\n<!-- 3. Scoped Styles (Prevents Theme Conflicts) -->\r\n<style>\r\n    \/* =========================================\r\n       ISOLATION & RESET (Crucial for WP\/Elementor)\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope {\r\n        \/* Define Variables locally within scope *\/\r\n        --meso-primary: #711be1;\r\n        --meso-primary-dark: #4a00b0;\r\n        --meso-accent: #ff6b00;\r\n        --meso-accent-hover: #e65100;\r\n        --meso-bg-light: #f8f9fa;\r\n        --meso-bg-med: #e9ecef;\r\n        --meso-text-dark: #333333;\r\n        --meso-text-gray: #495057;\r\n        --meso-white: #ffffff;\r\n        --meso-card-radius: 12px;\r\n        --meso-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        \r\n        \/* Reset Base Styles *\/\r\n        font-family: 'Roboto', sans-serif;\r\n        color: var(--meso-text-dark);\r\n        background-color: var(--meso-white);\r\n        line-height: 1.6;\r\n        width: 100%;\r\n        max-width: 100vw;\r\n        overflow-x: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Aggressive Reset for children *\/\r\n    #meso-global-exhibitions-scope *, \r\n    #meso-global-exhibitions-scope *::before, \r\n    #meso-global-exhibitions-scope *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope h2, \r\n    #meso-global-exhibitions-scope h3, \r\n    #meso-global-exhibitions-scope h4 {\r\n        font-weight: 700;\r\n        margin-top: 0;\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n        color: var(--meso-text-dark);\r\n        font-family: 'Roboto', sans-serif; \/* Force font override *\/\r\n    }\r\n\r\n    \/* Standardize H2 Size across modules *\/\r\n    #meso-global-exhibitions-scope h2 {\r\n        font-size: 2.5rem; \/* Consistent H2 size *\/\r\n    }\r\n\r\n    #meso-global-exhibitions-scope p {\r\n        margin-bottom: 1rem;\r\n        margin-top: 0;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope a {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition: var(--meso-transition);\r\n        box-shadow: none; \/* Remove theme link underlines *\/\r\n    }\r\n\r\n    #meso-global-exhibitions-scope ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope img {\r\n        max-width: 100%;\r\n        display: block;\r\n        border-radius: var(--meso-card-radius);\r\n        height: auto;\r\n        border: none;\r\n        margin: 0;\r\n        box-shadow: none; \/* Reset theme image shadows *\/\r\n    }\r\n\r\n    \/* Container Utility *\/\r\n    #meso-global-exhibitions-scope .meso-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* =========================================\r\n       BUTTON STYLES\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .meso-btn {\r\n        display: inline-block;\r\n        padding: 12px 30px;\r\n        border-radius: 50px;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        font-size: 0.9rem;\r\n        cursor: pointer;\r\n        transition: var(--meso-transition);\r\n        border: none;\r\n        position: relative;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope .btn-primary {\r\n        background: linear-gradient(135deg, var(--meso-primary), var(--meso-primary-dark));\r\n        color: var(--meso-white) !important;\r\n        box-shadow: 0 4px 15px rgba(113, 27, 225, 0.3);\r\n    }\r\n    #meso-global-exhibitions-scope .btn-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 20px rgba(113, 27, 225, 0.4);\r\n        color: var(--meso-white) !important;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope .btn-accent {\r\n        background-color: var(--meso-accent);\r\n        color: var(--meso-white) !important;\r\n    }\r\n    #meso-global-exhibitions-scope .btn-accent:hover {\r\n        background-color: var(--meso-accent-hover);\r\n        transform: translateY(-2px);\r\n        color: var(--meso-white) !important;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope .btn-shine::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);\r\n        transform: skewX(-25deg);\r\n        animation: meso-shine 3s infinite;\r\n    }\r\n    @keyframes meso-shine { 100% { left: 200%; } }\r\n\r\n    \/* =========================================\r\n       SECTION COMPONENTS\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    #meso-global-exhibitions-scope .section-header h2 {\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    #meso-global-exhibitions-scope .section-header h2::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background: linear-gradient(to right, var(--meso-primary), var(--meso-accent));\r\n        margin: 15px auto 0;\r\n        border-radius: 2px;\r\n    }\r\n    #meso-global-exhibitions-scope .section-header p {\r\n        color: var(--meso-text-gray);\r\n        font-size: 1.1rem;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    \/* Animation Classes *\/\r\n    #meso-global-exhibitions-scope .fade-in-up {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 0.8s, transform 0.8s;\r\n    }\r\n    #meso-global-exhibitions-scope .fade-in-up.visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* =========================================\r\n       HERO SECTION\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .meso-hero {\r\n        position: relative;\r\n        height: 60vh;\r\n        min-height: 550px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--meso-white);\r\n        overflow: hidden;\r\n        background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024060816540897.webp');\r\n        background-position: center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n    }\r\n    #meso-global-exhibitions-scope .meso-hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.4);\r\n        z-index: 0;\r\n    }\r\n    #meso-global-exhibitions-scope .meso-hero-content {\r\n        text-align: center;\r\n        max-width: 900px;\r\n        padding: 20px;\r\n        z-index: 1;\r\n        position: relative;\r\n    }\r\n    #meso-global-exhibitions-scope .meso-hero h2 {\r\n        font-size: 3rem; \/* Hero H2 is larger exception *\/\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        text-shadow: 0 4px 10px rgba(0,0,0,0.5);\r\n        color: var(--meso-white);\r\n    }\r\n    #meso-global-exhibitions-scope .meso-hero h3 {\r\n        color: var(--meso-white);\r\n        margin-top: 20px;\r\n        font-weight: 300;\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    \/* Breadcrumbs *\/\r\n    #meso-global-exhibitions-scope .meso-breadcrumbs {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        font-size: 0.95rem;\r\n        margin-bottom: 20px;\r\n        color: rgba(255,255,255,0.9);\r\n    }\r\n    #meso-global-exhibitions-scope .meso-breadcrumbs a {\r\n        text-decoration: underline;\r\n        color: var(--meso-white);\r\n        font-weight: 500;\r\n    }\r\n    #meso-global-exhibitions-scope .meso-breadcrumbs a:hover {\r\n        color: var(--meso-accent);\r\n    }\r\n    #meso-global-exhibitions-scope .meso-breadcrumbs span { opacity: 0.7; }\r\n\r\n    #meso-global-exhibitions-scope .trust-bar {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 40px;\r\n        flex-wrap: wrap;\r\n        margin-top: 30px;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        backdrop-filter: blur(8px);\r\n        padding: 15px 30px;\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n    #meso-global-exhibitions-scope .trust-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-weight: 500;\r\n        color: var(--meso-white);\r\n    }\r\n    #meso-global-exhibitions-scope .trust-item i { color: var(--meso-accent); }\r\n\r\n    \/* =========================================\r\n       2025 HIGHLIGHTS\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-2025 {\r\n        padding: 80px 0;\r\n        background: var(--meso-white);\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 60px;\r\n        margin-bottom: 80px;\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-row:nth-child(even) {\r\n        flex-direction: row-reverse;\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-img {\r\n        flex: 1;\r\n        position: relative;\r\n        border-radius: var(--meso-card-radius);\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-img img {\r\n        transition: transform 0.5s;\r\n        width: 100%;\r\n        display: block;\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-img:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n    #meso-global-exhibitions-scope .zigzag-content { flex: 1; }\r\n    #meso-global-exhibitions-scope .zigzag-content h3 {\r\n        color: var(--meso-primary);\r\n        font-size: 2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n    #meso-global-exhibitions-scope .meta-tag {\r\n        display: inline-block;\r\n        background: var(--meso-bg-med);\r\n        padding: 5px 12px;\r\n        border-radius: 4px;\r\n        font-size: 0.85rem;\r\n        color: var(--meso-text-gray);\r\n        font-weight: 500;\r\n        margin-bottom: 15px;\r\n    }\r\n    #meso-global-exhibitions-scope .hotspot {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        width: 24px; height: 24px;\r\n        background: var(--meso-accent);\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7);\r\n        animation: meso-pulse 2s infinite;\r\n        z-index: 10;\r\n    }\r\n    #meso-global-exhibitions-scope .hotspot-tooltip {\r\n        position: absolute;\r\n        top: 40%; left: 50%;\r\n        transform: translate(-50%, 10px);\r\n        background: var(--meso-white);\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n        width: 200px;\r\n        text-align: center;\r\n        opacity: 0;\r\n        transition: var(--meso-transition);\r\n        pointer-events: none;\r\n        z-index: 11;\r\n    }\r\n    #meso-global-exhibitions-scope .hotspot-tooltip h4 {\r\n        color: var(--meso-text-dark);\r\n        margin: 0;\r\n        font-size: 1rem;\r\n    }\r\n    #meso-global-exhibitions-scope .hotspot-tooltip p {\r\n        color: var(--meso-text-gray);\r\n    }\r\n    #meso-global-exhibitions-scope .hotspot:hover + .hotspot-tooltip {\r\n        opacity: 1;\r\n        transform: translate(-50%, -10px);\r\n        pointer-events: auto;\r\n    }\r\n    @keyframes meso-pulse {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 107, 0, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); }\r\n    }\r\n\r\n    \/* =========================================\r\n       2024 POWERHOUSE\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-2024 {\r\n        padding: 80px 0;\r\n        background: var(--meso-bg-light);\r\n    }\r\n    #meso-global-exhibitions-scope .filter-nav {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin-bottom: 40px;\r\n        flex-wrap: wrap;\r\n    }\r\n    \/* Updated Filter Buttons: Larger & Capitalized *\/\r\n    #meso-global-exhibitions-scope .filter-btn {\r\n        background: transparent;\r\n        border: 2px solid var(--meso-primary);\r\n        color: var(--meso-primary);\r\n        padding: 12px 35px; \/* Increased padding *\/\r\n        border-radius: 30px;\r\n        cursor: pointer;\r\n        font-weight: 500;\r\n        font-size: 1.1rem; \/* Increased font size *\/\r\n        transition: var(--meso-transition);\r\n        font-family: inherit;\r\n        text-transform: capitalize; \/* Enforce Title Case (First letter capital) *\/\r\n    }\r\n    #meso-global-exhibitions-scope .filter-btn.active, \r\n    #meso-global-exhibitions-scope .filter-btn:hover {\r\n        background: var(--meso-primary);\r\n        color: var(--meso-white);\r\n    }\r\n\r\n    #meso-global-exhibitions-scope .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n        gap: 30px;\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-card {\r\n        background: var(--meso-white);\r\n        border-radius: var(--meso-card-radius);\r\n        overflow: hidden;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        transition: var(--meso-transition);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 4px;\r\n        background: linear-gradient(90deg, var(--meso-primary), var(--meso-accent));\r\n        z-index: 5;\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-img-wrapper {\r\n        position: relative;\r\n        height: 220px;\r\n        overflow: hidden;\r\n        cursor: zoom-in;\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-img-wrapper img {\r\n        width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s;\r\n    }\r\n    #meso-global-exhibitions-scope .gallery-card:hover .gallery-img-wrapper img {\r\n        transform: scale(1.1);\r\n    }\r\n    #meso-global-exhibitions-scope .badge-ddp {\r\n        position: absolute;\r\n        top: 10px; right: 10px;\r\n        background: #27ae60;\r\n        color: white;\r\n        padding: 5px 10px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        border-radius: 4px;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n        z-index: 2;\r\n    }\r\n    #meso-global-exhibitions-scope .card-body {\r\n        padding: 25px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    \/* =========================================\r\n       2023 FOUNDATION\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-2023 {\r\n        padding: 80px 0;\r\n        background: var(--meso-white);\r\n        border-bottom: 1px solid var(--meso-bg-med);\r\n    }\r\n    #meso-global-exhibitions-scope .history-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 40px;\r\n    }\r\n    #meso-global-exhibitions-scope .history-card {\r\n        background: var(--meso-white);\r\n        border-radius: var(--meso-card-radius);\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        transition: var(--meso-transition);\r\n        border: 1px solid var(--meso-bg-med);\r\n        position: relative;\r\n    }\r\n    #meso-global-exhibitions-scope .history-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: var(--meso-primary);\r\n    }\r\n    \r\n    \/* Updated History Image Box Height *\/\r\n    #meso-global-exhibitions-scope .history-img-box {\r\n        height: 280px; \/* Increased from 180px to show more image *\/\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n    #meso-global-exhibitions-scope .history-img-box img {\r\n        width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n    }\r\n    #meso-global-exhibitions-scope .history-date {\r\n        position: absolute;\r\n        top: 15px; left: 15px;\r\n        background: var(--meso-accent);\r\n        color: var(--meso-white);\r\n        padding: 5px 12px;\r\n        border-radius: 4px;\r\n        font-weight: 700;\r\n        font-size: 0.85rem;\r\n        z-index: 2;\r\n    }\r\n    #meso-global-exhibitions-scope .history-content { padding: 25px; }\r\n\r\n    \/* =========================================\r\n       VIRTUAL FACTORY\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-virtual {\r\n        position: relative;\r\n        padding: 100px 0;\r\n        background-image: url('https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/05\/2025051006400918.webp');\r\n        background-position: center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        background-attachment: fixed;\r\n        color: var(--meso-white);\r\n        text-align: center;\r\n    }\r\n    #meso-global-exhibitions-scope .section-virtual::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.5);\r\n        z-index: 1;\r\n    }\r\n    #meso-global-exhibitions-scope .virtual-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n    #meso-global-exhibitions-scope .virtual-content h2 {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 20px;\r\n        color: var(--meso-white);\r\n    }\r\n    #meso-global-exhibitions-scope .virtual-content p {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 40px;\r\n        opacity: 0.95;\r\n        color: var(--meso-white);\r\n    }\r\n    #meso-global-exhibitions-scope .virtual-btn-group {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* =========================================\r\n       CONVERSION & MAP\r\n       ========================================= *\/\r\n    #meso-global-exhibitions-scope .section-conversion {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        position: relative; \/* Ensure containment *\/\r\n    }\r\n    \r\n    \/* Updated Map Column to Fill Space *\/\r\n    #meso-global-exhibitions-scope .map-col {\r\n        flex: 1;\r\n        min-width: 400px;\r\n        position: relative; \/* Essential for absolute child *\/\r\n        min-height: 600px; \/* Base height *\/\r\n        padding: 0; \r\n        display: flex; \/* Ensure stretch *\/\r\n    }\r\n    #meso-global-exhibitions-scope .map-col iframe {\r\n        position: absolute; \/* Force fill *\/\r\n        top: 0; left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n        filter: grayscale(10%);\r\n        display: block;\r\n    }\r\n    #meso-global-exhibitions-scope .map-overlay-card {\r\n        position: absolute;\r\n        bottom: 30px; left: 30px; right: 30px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 30px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n        max-width: 400px;\r\n        text-align: center;\r\n        z-index: 2;\r\n    }\r\n\r\n    #meso-global-exhibitions-scope .form-col {\r\n        flex: 1;\r\n        min-width: 400px;\r\n        padding: 80px 60px;\r\n        background: var(--meso-bg-light);\r\n        border-left: 5px solid var(--meso-primary);\r\n    }\r\n    #meso-global-exhibitions-scope .form-group { margin-bottom: 20px; }\r\n    \r\n    \/* Updated Form Controls: Larger Inputs & Font *\/\r\n    #meso-global-exhibitions-scope .form-control {\r\n        width: 100%;\r\n        padding: 16px 20px; \/* Larger padding *\/\r\n        font-size: 1.1rem;  \/* Larger typing font *\/\r\n        border: 1px solid #ddd;\r\n        border-radius: 6px;\r\n        font-family: inherit;\r\n        transition: var(--meso-transition);\r\n        background-color: #fff;\r\n        color: #333;\r\n        height: auto;\r\n    }\r\n    \/* Larger Placeholder Text *\/\r\n    #meso-global-exhibitions-scope .form-control::placeholder {\r\n        font-size: 1.1rem;\r\n        color: #999;\r\n    }\r\n    #meso-global-exhibitions-scope .form-control:focus {\r\n        border-color: var(--meso-primary);\r\n        outline: none;\r\n    }\r\n    #meso-global-exhibitions-scope .form-check {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 25px;\r\n        font-size: 1rem;\r\n    }\r\n    #meso-global-exhibitions-scope label {\r\n        margin-bottom: 0; \/* WP Fix *\/\r\n        font-weight: 400;\r\n        color: var(--meso-text-dark);\r\n    }\r\n\r\n    \/* Lightbox *\/\r\n    #meso-lightbox {\r\n        position: fixed;\r\n        top: 0; left: 0;\r\n        width: 100vw; height: 100vh;\r\n        background: rgba(0,0,0,0.9);\r\n        z-index: 999999; \/* Higher than elementor *\/\r\n        display: none;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n    #meso-lightbox.active {\r\n        display: flex;\r\n        opacity: 1;\r\n    }\r\n    #meso-lightbox-img-content {\r\n        max-width: 90%;\r\n        max-height: 80vh;\r\n        border-radius: 4px;\r\n        object-fit: contain;\r\n    }\r\n    #meso-lightbox-close {\r\n        position: absolute;\r\n        top: 30px; right: 30px;\r\n        color: white;\r\n        font-size: 2rem;\r\n        cursor: pointer;\r\n        background: transparent;\r\n        border: none;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 768px) {\r\n        #meso-global-exhibitions-scope .meso-hero { height: auto; padding: 100px 20px; }\r\n        #meso-global-exhibitions-scope .meso-hero h2 { font-size: 2rem; }\r\n        #meso-global-exhibitions-scope .zigzag-row { flex-direction: column !important; gap: 30px; }\r\n        #meso-global-exhibitions-scope .gallery-grid, \r\n        #meso-global-exhibitions-scope .history-grid { grid-template-columns: 1fr; }\r\n        #meso-global-exhibitions-scope .section-conversion { flex-direction: column; }\r\n        #meso-global-exhibitions-scope .map-col, \r\n        #meso-global-exhibitions-scope .form-col { min-width: 100%; padding: 60px 20px; height: auto; }\r\n        #meso-global-exhibitions-scope .map-col { height: 400px; min-height: 400px; }\r\n        #meso-global-exhibitions-scope .map-overlay-card { position: relative; bottom: auto; left: auto; right: auto; margin: 0 auto; width: 100%; }\r\n        \r\n        #history-sections-wrapper { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; }\r\n        #history-sections-wrapper.open { max-height: 8000px; }\r\n        #meso-global-exhibitions-scope .mobile-toggle-btn {\r\n            display: block; width: 100%; text-align: center; padding: 15px;\r\n            background: var(--meso-bg-light); color: var(--meso-primary); font-weight: 700;\r\n            cursor: pointer; border-top: 1px solid #ddd;\r\n        }\r\n    }\r\n    @media (min-width: 769px) {\r\n        #meso-global-exhibitions-scope .mobile-toggle-btn { display: none; }\r\n        #history-sections-wrapper { display: block !important; max-height: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<!-- 4. HTML Structure (Wrapped in ID Scope) -->\r\n<div id=\"meso-global-exhibitions-scope\">\r\n\r\n    <!-- Hero Section -->\r\n    <header class=\"meso-hero\">\r\n        <div class=\"meso-hero-overlay\"><\/div>\r\n        <div class=\"meso-hero-content fade-in-up\">\r\n            <h2>Connecting The World With Precision<\/h2>\r\n            \r\n            <nav class=\"meso-breadcrumbs\">\r\n                <a href=\"\/\">Home<\/a> <span>\/<\/span> \r\n                <a href=\"https:\/\/mesoforming.com\/mesoforming-global-exhibitions\/\">Mesoforming Global Exhibitions<\/a>\r\n            <\/nav>\r\n\r\n            <h3 style=\"margin-top:20px; font-weight:300;\">From Cairo to Moscow, from Jakarta to Shenzhen.<br>See Mesoforming in action on the global stage.<\/h3>\r\n            \r\n            <a href=\"#2025-highlights\" class=\"meso-btn btn-primary btn-shine\">Explore Our Journey<\/a>\r\n\r\n            <div class=\"trust-bar\">\r\n                <div class=\"trust-item\"><i class=\"fa-solid fa-calendar-check\"><\/i> 12+ Years Exhibiting<\/div>\r\n                <div class=\"trust-item\"><i class=\"fa-solid fa-earth-americas\"><\/i> 40+ Countries Served<\/div>\r\n                <div class=\"trust-item\"><i class=\"fa-solid fa-handshake\"><\/i> 500+ Deals Signed On-Site<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- 2025 Highlights (REORDERED: May -> April -> March -> Jan) -->\r\n    <section id=\"2025-highlights\" class=\"section-2025\">\r\n        <div class=\"meso-container\">\r\n            <div class=\"section-header fade-in-up\">\r\n                <h2>2025 Global Highlights<\/h2>\r\n                <p>Leading innovation across continents<\/p>\r\n            <\/div>\r\n\r\n            <!-- Item 1: India (May) -->\r\n            <div class=\"zigzag-row fade-in-up\">\r\n                <div class=\"zigzag-img\" onclick=\"openMesoLightbox(this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-sales-team-discussing-with-Indian-customers-at-PlastFocus-India-Plast-2025-New-Delhi.webp\" alt=\"Mesoforming sales team discussing with Indian customers at PlastFocus India Plast 2025 New Delhi\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"zigzag-content\">\r\n                    <span class=\"meta-tag\"><i class=\"fa-solid fa-location-dot\"><\/i> New Delhi, India (May)<\/span>\r\n                    <h3>PlastFocus \/ India Plast 2025<\/h3>\r\n                    <p>Bringing <a href=\"\/products\/cup-thermoforming-machine\" style=\"color:var(--meso-primary); text-decoration:underline;\">Cost-effective Cup Production<\/a> solutions to New Delhi. The demand for our <a href=\"\/products\/lid-machine\" style=\"color:var(--meso-primary); font-weight:bold; text-decoration:underline;\">Automatic Lid Machine<\/a> was overwhelming.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: Shenzhen (April) -->\r\n            <div class=\"zigzag-row fade-in-up\">\r\n                <div class=\"zigzag-img hotspot-container\" onclick=\"openMesoLightbox(this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-Gen-5-High-Speed-Cup-Thermoforming-Machine-booth-display-at-CHINAPLAS-2025-Shenzhen-Exhibition.webp\" alt=\"Mesoforming Gen-5 High Speed Cup Thermoforming Machine booth display at CHINAPLAS 2025 Shenzhen Exhibition\" loading=\"lazy\">\r\n                    <div class=\"hotspot\" style=\"top: 60%; left: 45%;\"><\/div>\r\n                    <div class=\"hotspot-tooltip\">\r\n                        <h4>Gen-5 Cup Former<\/h4>\r\n                        <p style=\"font-size:0.8rem; margin:5px 0;\">45 cycles\/min Speed<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zigzag-content\">\r\n                    <span class=\"meta-tag\"><i class=\"fa-solid fa-location-dot\"><\/i> Shenzhen, China (April)<\/span>\r\n                    <h3>CHINAPLAS 2025<\/h3>\r\n                    <p>Our biggest showcase of the year. We unveiled the Gen-5 <a href=\"\/products\/cup-thermoforming-machine\" style=\"color:var(--meso-primary); font-weight:bold; text-decoration:underline;\">High-Speed Cup Former<\/a> running at 45 cycles\/min.<\/p>\r\n                    <p class=\"text-small\" style=\"font-size:0.9rem; color:var(--meso-text-gray);\"><i class=\"fa-solid fa-users\"><\/i> Visited by 800+ professionals<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 3: Guangzhou (March) -->\r\n            <div class=\"zigzag-row fade-in-up\">\r\n                <div class=\"zigzag-img\" onclick=\"openMesoLightbox(this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-intelligent-thermoforming-packaging-machinery-booth-at-Sino-Pack-2025-Guangzhou-China.webp\" alt=\"Mesoforming intelligent thermoforming packaging machinery booth at Sino-Pack 2025 Guangzhou China\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"zigzag-content\">\r\n                    <span class=\"meta-tag\"><i class=\"fa-solid fa-location-dot\"><\/i> Guangzhou, China (March)<\/span>\r\n                    <h3>Sino-Pack 2025<\/h3>\r\n                    <p>Expanding our reach in the Pearl River Delta. Showcasing versatile <a href=\"\/products\/thermoforming-machine\" style=\"color:var(--meso-primary); text-decoration:underline;\">Thermoforming Solutions<\/a> for the food and beverage packaging industry.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 4: Egypt (January) -->\r\n            <div class=\"zigzag-row fade-in-up\">\r\n                <div class=\"zigzag-img\" onclick=\"openMesoLightbox(this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-signing-contract-for-PP-food-container-production-line-at-PLASTEX-2025-Cairo-Egypt-exhibition.webp\" alt=\"Mesoforming signing contract for PP food container production line at PLASTEX 2025 Cairo Egypt exhibition\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"zigzag-content\">\r\n                    <span class=\"meta-tag\"><i class=\"fa-solid fa-location-dot\"><\/i> Cairo, Egypt (January)<\/span>\r\n                    <h3>PLASTEX 2025<\/h3>\r\n                    <p>A strong start to the year in the Middle East. We successfully signed 3 full production lines for PP food containers.<\/p>\r\n                    <a href=\"\/products\/molds\" style=\"color:var(--meso-primary); font-weight:500;\">See Thermoforming Molds displayed in Cairo <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Mobile Toggle -->\r\n    <div class=\"mobile-toggle-btn\" onclick=\"toggleMesoHistory()\">\r\n        View 2024 & 2023 Exhibitions <i class=\"fa-solid fa-chevron-down\" id=\"toggle-icon\"><\/i>\r\n    <\/div>\r\n\r\n    <!-- Wrapper for History -->\r\n    <div id=\"history-sections-wrapper\">\r\n        \r\n        <!-- 2024 Powerhouse -->\r\n        <section class=\"section-2024\">\r\n            <div class=\"meso-container\">\r\n                <div class=\"section-header\">\r\n                    <h2>2024 Market Powerhouse<\/h2>\r\n                    <p>Deepening our roots in key global markets<\/p>\r\n                <\/div>\r\n\r\n                <!-- Updated Filter Nav: Larger Buttons, Title Case -->\r\n                <div class=\"filter-nav\">\r\n                    <button class=\"filter-btn active\" onclick=\"filterMesoGallery('all')\">All<\/button>\r\n                    <button class=\"filter-btn\" onclick=\"filterMesoGallery('china')\">China Domestic<\/button>\r\n                    <button class=\"filter-btn\" onclick=\"filterMesoGallery('russia')\">Russia<\/button>\r\n                    <button class=\"filter-btn\" onclick=\"filterMesoGallery('sea')\">Southeast Asia<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"gallery-grid\">\r\n                    \r\n                    <!-- 1. Chinaplas Shanghai -->\r\n                    <div class=\"gallery-card fade-in-up\" data-category=\"china\" onclick=\"openMesoLightbox(this)\">\r\n                        <div class=\"gallery-img-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-classic-servo-thermoforming-solution-showcased-at-CHINAPLAS-2024-Shanghai.webp\" alt=\"Mesoforming classic servo thermoforming solution showcased at CHINAPLAS 2024 Shanghai\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h4>CHINAPLAS Shanghai<\/h4>\r\n                            <p>April 2024. Showcasing our classic servo solutions to the global market in Shanghai.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2. Russia Rosplast -->\r\n                    <div class=\"gallery-card fade-in-up\" data-category=\"russia\" onclick=\"openMesoLightbox(this)\">\r\n                        <div class=\"gallery-img-wrapper\">\r\n                            <span class=\"badge-ddp\"><i class=\"fa-solid fa-shield-halved\"><\/i> DDP Shipping<\/span>\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Heavy-duty-industrial-parts-thermoforming-machine-delivered-DDP-to-Rosplast-2024-Moscow-Russia.webp\" alt=\"Heavy duty industrial parts thermoforming machine delivered DDP to Rosplast 2024 Moscow Russia\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h4>Rosplast 2024 (Moscow)<\/h4>\r\n                            <p>June 2024. Despite challenges, we deliver heavy-duty <a href=\"\/products\/industrial-parts-thermoforming-machine\" style=\"color:var(--meso-primary);\">Industrial Forming Machines<\/a>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 3. Foshan -->\r\n                    <div class=\"gallery-card fade-in-up\" data-category=\"china\" onclick=\"openMesoLightbox(this)\">\r\n                        <div class=\"gallery-img-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-plastic-machinery-booth-at-Foshan-Machinery-Expo-October-2024-South-China.webp\" alt=\"Mesoforming plastic machinery booth at Foshan Machinery Expo October 2024 South China\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h4>Foshan Machinery Expo<\/h4>\r\n                            <p>October 2024. Connecting with the manufacturing hub of South China.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 4. SWOP Shanghai -->\r\n                    <div class=\"gallery-card fade-in-up\" data-category=\"china\" onclick=\"openMesoLightbox(this)\">\r\n                        <div class=\"gallery-img-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-food-packaging-thermoforming-solutions-displayed-at-SWOP-Shanghai-2024.webp\" alt=\"Mesoforming food packaging thermoforming solutions displayed at SWOP Shanghai 2024\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h4>SWOP Shanghai 2024<\/h4>\r\n                            <p>November 2024. Partnering with top food brands for packaging innovation.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 5. Indonesia -->\r\n                    <div class=\"gallery-card fade-in-up\" data-category=\"sea\" onclick=\"openMesoLightbox(this)\">\r\n                        <div class=\"gallery-img-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Automatic-plastic-cup-lid-making-machine-demonstration-at-Plastics-and-Rubber-Indonesia-2024-Jakarta.webp\" alt=\"Automatic plastic cup lid making machine demonstration at Plastics and Rubber Indonesia 2024 Jakarta\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h4>Plastics & Rubber Indonesia<\/h4>\r\n                            <p>Jakarta, Nov 2024. The <a href=\"\/products\/lid-machine\" style=\"color:var(--meso-primary);\">Lid Making Machine<\/a> was popular locally.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 2023 Foundation -->\r\n        <section class=\"section-2023\">\r\n            <div class=\"meso-container\">\r\n                <div class=\"section-header\">\r\n                    <h2>Our History<\/h2>\r\n                    <p>Milestones that defined our global journey<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"history-grid\">\r\n                    <!-- Thailand -->\r\n                    <div class=\"history-card fade-in-up\">\r\n                        <div class=\"history-img-box\">\r\n                            <span class=\"history-date\">Nov 2023<\/span>\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-automatic-cup-thermoforming-machine-live-demo-at-InterPlas-Thailand-2023-Bangkok.webp\" alt=\"Mesoforming automatic cup thermoforming machine live demo at InterPlas Thailand 2023 Bangkok\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"history-content\">\r\n                            <h4>ProPak Asia<\/h4>\r\n                            <span class=\"location\"><i class=\"fa-solid fa-location-dot\"><\/i> Bangkok<\/span>\r\n                            <p>Demonstrating high-performance packaging solutions at Asia's number one processing event.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Thailand -->\r\n                    <div class=\"history-card fade-in-up\">\r\n                        <div class=\"history-img-box\">\r\n                            <span class=\"history-date\">Jun 2023<\/span>\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Mesoforming-team-showcasing-plastic-packaging-solutions-at-InterPlas-Thailand-2023-in-Bangkok.webp\" alt=\"Mesoforming team showcasing plastic packaging solutions at InterPlas Thailand 2023 in Bangkok\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"history-content\">\r\n                            <h4>InterPlas Thailand<\/h4>\r\n                            <span class=\"location\"><i class=\"fa-solid fa-location-dot\"><\/i> Bangkok<\/span>\r\n                            <p>Our first major step into the Thai market. Establishing key partnerships.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Shenzhen 2023 -->\r\n                    <div class=\"history-card fade-in-up\">\r\n                        <div class=\"history-img-box\">\r\n                            <span class=\"history-date\">Apr 2023<\/span>\r\n                            <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2025\/12\/Debut-of-Mesoforming-classic-servo-cup-forming-machine-at-CHINAPLAS-2023-Shenzhen-Exhibition.webp\" alt=\"Debut of Mesoforming classic servo cup forming machine at CHINAPLAS 2023 Shenzhen Exhibition\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"history-content\">\r\n                            <h4>CHINAPLAS Shenzhen<\/h4>\r\n                            <span class=\"location\"><i class=\"fa-solid fa-location-dot\"><\/i> Shenzhen<\/span>\r\n                            <p>The classic servo model debut. Marking the beginning of our high-speed era.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Factory Tour -->\r\n    <section class=\"section-virtual\">\r\n        <div class=\"virtual-content fade-in-up\">\r\n            <h2>Missed the Exhibition? Come to Shantou!<\/h2>\r\n            <p>An exhibition booth is too small to show our full capacity. We invite you to visit our 10,000\u33a1 manufacturing base.<\/p>\r\n            <div class=\"virtual-btn-group\">\r\n                <button class=\"meso-btn btn-accent btn-shine\" onclick=\"document.querySelector('#meso-whatsappForm').scrollIntoView({behavior: 'smooth'})\">Book Factory Visit<\/button>\r\n                <a href=\"\/resources\/factory-tour\" class=\"meso-btn btn-primary\"><i class=\"fa-solid fa-play\"><\/i> Watch Online Factory Tour<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Conversion & Map -->\r\n    <section class=\"section-conversion\">\r\n        <!-- Updated Map Col: Full Height Fill -->\r\n        <div class=\"map-col\">\r\n            <iframe \r\n                src=\"https:\/\/maps.google.com\/maps?q=Inside+Factory+14,+Changchun+Rd,+Daxue+Rd,+Jinping+District,+Shantou,+Guangdong&t=&z=13&ie=UTF8&iwloc=&output=embed\" \r\n                allowfullscreen=\"\" \r\n                loading=\"lazy\" \r\n                referrerpolicy=\"no-referrer-when-downgrade\">\r\n            <\/iframe>\r\n            <div class=\"map-overlay-card fade-in-up\">\r\n                <i class=\"fa-solid fa-location-dot\" style=\"font-size: 2.5rem; color: var(--meso-accent); margin-bottom: 15px;\"><\/i>\r\n                <h3 style=\"margin-bottom: 10px;\">Did you miss us at the expo?<\/h3>\r\n                <p style=\"font-size: 1rem; color: var(--meso-text-dark);\">Visit a running machine near you. We have references globally.<\/p>\r\n                <button class=\"meso-btn btn-accent btn-shine\" style=\"margin-top:15px;\">Find Reference Customer<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-col\">\r\n            <!-- Updated Header: H2 matches other sections, no inline font-size -->\r\n            <div class=\"section-header\" style=\"text-align: left; margin-bottom: 40px;\">\r\n                <h2>Planning to visit China?<\/h2>\r\n                <p style=\"margin-top:5px;\">We provide full business support, including Visa Invitation Letters.<\/p>\r\n            <\/div>\r\n            \r\n            <form id=\"meso-whatsappForm\" onsubmit=\"sendMesoToWhatsApp(event)\">\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" id=\"meso-name\" class=\"form-control\" placeholder=\"Your Name\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" id=\"meso-company\" class=\"form-control\" placeholder=\"Company Name\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" id=\"meso-phone\" class=\"form-control\" placeholder=\"Phone \/ WhatsApp Number\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"email\" id=\"meso-email\" class=\"form-control\" placeholder=\"Email Address\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" id=\"meso-country\" class=\"form-control\" placeholder=\"Country\" required>\r\n                <\/div>\r\n                <div class=\"form-check\">\r\n                    <input type=\"checkbox\" id=\"meso-visa\">\r\n                    <label for=\"meso-visa\">I need a Visa Invitation Letter<\/label>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"meso-btn btn-primary\" style=\"width: 100%;\">Get Support Team to Contact Me<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Outside Scope (But Styled via ID) -->\r\n<div id=\"meso-lightbox\" onclick=\"closeMesoLightbox(event)\">\r\n    <button id=\"meso-lightbox-close\" onclick=\"closeMesoLightboxDirect()\">&times;<\/button>\r\n    <img decoding=\"async\" id=\"meso-lightbox-img-content\" src=\"\" alt=\"Full view\">\r\n    <a href=\"#meso-whatsappForm\" onclick=\"closeMesoLightboxDirect()\" class=\"meso-btn btn-accent\" style=\"margin-top:20px;\">Inquire about this scene<\/a>\r\n<\/div>\r\n\r\n<!-- 5. JavaScript Logic (Function Names Namespaced to avoid Conflict) -->\r\n<script>\r\n    (function() {\r\n        \/\/ 1. Scroll Animations\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('#meso-global-exhibitions-scope .fade-in-up').forEach(el => observer.observe(el));\r\n    })();\r\n\r\n    \/\/ 2. Filter Gallery Logic\r\n    function filterMesoGallery(category) {\r\n        \/\/ Only target buttons inside our scope\r\n        const scope = document.getElementById('meso-global-exhibitions-scope');\r\n        scope.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\r\n        event.target.classList.add('active');\r\n\r\n        scope.querySelectorAll('.gallery-card').forEach(item => {\r\n            if (category === 'all' || item.getAttribute('data-category') === category) {\r\n                item.style.display = 'flex';\r\n                item.style.opacity = '0';\r\n                setTimeout(() => item.style.opacity = '1', 100);\r\n            } else {\r\n                item.style.display = 'none';\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 3. Mobile History Toggle\r\n    function toggleMesoHistory() {\r\n        const section = document.getElementById('history-sections-wrapper');\r\n        const btn = document.querySelector('#meso-global-exhibitions-scope .mobile-toggle-btn');\r\n        section.classList.toggle('open');\r\n        \r\n        if (section.classList.contains('open')) {\r\n            btn.innerHTML = 'Hide History <i class=\"fa-solid fa-chevron-down\" style=\"transform: rotate(180deg)\"><\/i>';\r\n        } else {\r\n            btn.innerHTML = 'View 2024 & 2023 Exhibitions <i class=\"fa-solid fa-chevron-down\"><\/i>';\r\n        }\r\n    }\r\n\r\n    \/\/ 4. WhatsApp Automation\r\n    function sendMesoToWhatsApp(e) {\r\n        e.preventDefault();\r\n        const name = document.getElementById('meso-name').value;\r\n        const company = document.getElementById('meso-company').value;\r\n        const phone = document.getElementById('meso-phone').value;\r\n        const email = document.getElementById('meso-email').value;\r\n        const country = document.getElementById('meso-country').value;\r\n        const visa = document.getElementById('meso-visa').checked ? 'Yes' : 'No';\r\n\r\n        const message = `*New Exhibition Inquiry*%0A---------------------------%0A\ud83d\udc64 Name: ${name}%0A\ud83c\udfe2 Company: ${company}%0A\ud83d\udcde Phone: ${phone}%0A\ud83d\udce7 Email: ${email}%0A\ud83c\udf0d Country: ${country}%0A\ud83d\udec2 Needs Visa: ${visa}%0A---------------------------%0APlease contact me.`;\r\n        \r\n        window.open(`https:\/\/wa.me\/18025612076?text=${message}`, '_blank');\r\n    }\r\n\r\n    \/\/ 5. Lightbox Logic\r\n    function openMesoLightbox(element) {\r\n        const img = element.querySelector('img');\r\n        const lightbox = document.getElementById('meso-lightbox');\r\n        const content = document.getElementById('meso-lightbox-img-content');\r\n        \r\n        if(img && window.innerWidth > 768) {\r\n            content.src = img.src;\r\n            content.alt = img.alt;\r\n            lightbox.classList.add('active');\r\n            \/\/ Prevent WP scroll\r\n            document.documentElement.style.overflow = 'hidden'; \r\n        }\r\n    }\r\n\r\n    function closeMesoLightbox(e) {\r\n        if (e.target.id === 'meso-lightbox') { closeMesoLightboxDirect(); }\r\n    }\r\n\r\n    function closeMesoLightboxDirect() {\r\n        document.getElementById('meso-lightbox').classList.remove('active');\r\n        \/\/ Restore WP scroll\r\n        document.documentElement.style.overflow = '';\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Connecting The World With Precision Home \/ Mesoforming Global Exhibitions From Cairo to Moscow, from Jakarta to Shenzhen.See Mesoforming in action on the global stage. Explore Our Journey 12+ Years Exhibiting 40+ Countries Served 500+ Deals Signed On-Site 2025 Global Highlights Leading innovation across continents New Delhi, India (May) PlastFocus \/ India Plast 2025 Bringing [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3812","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/pages\/3812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/comments?post=3812"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/pages\/3812\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/zh\/wp-json\/wp\/v2\/media?parent=3812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}