{"id":5785,"date":"2025-02-17T03:54:47","date_gmt":"2025-02-17T03:54:47","guid":{"rendered":"https:\/\/landercoll.com\/?page_id=5785"},"modified":"2026-01-12T03:10:10","modified_gmt":"2026-01-12T03:10:10","slug":"home-2","status":"publish","type":"page","link":"https:\/\/landercoll.com\/el","title":{"rendered":"\u0391\u03c1\u03c7\u03b9\u03ba\u03ae \u03c3\u03b5\u03bb\u03af\u03b4\u03b1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5785\" class=\"elementor elementor-5785\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da55ad1 e-con-full e-flex e-con e-parent\" data-id=\"da55ad1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2efa7f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f2efa7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Banner \u8f6e\u64ad\u6a21\u5757 - \u5b8c\u5168\u72ec\u7acb\u5c01\u88c5\u7248 -->\n<style>\n    \/* ========================================\n       CSS \u4f5c\u7528\u57df\u9694\u79bb - \u6240\u6709\u6837\u5f0f\u6dfb\u52a0\u7279\u5b9a\u524d\u7f00\n       ======================================== *\/\n    \n    \/* \u91cd\u7f6e\u6a21\u5757\u5185\u6240\u6709\u5143\u7d20\u7684\u6837\u5f0f *\/\n    .landu-banner-module,\n    .landu-banner-module *,\n    .landu-banner-module *::before,\n    .landu-banner-module *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* \u72ec\u7acb\u6307\u793a\u5668\u5bb9\u5668\u7684\u6837\u5f0f\u91cd\u7f6e *\/\n    .landu-banner-indicators-wrapper,\n    .landu-banner-indicators-wrapper *,\n    .landu-banner-indicators-wrapper *::before,\n    .landu-banner-indicators-wrapper *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* ========================================\n       LANDU Banner \u57fa\u7840\u6837\u5f0f\n       ======================================== *\/\n    .landu-banner-module {\n        position: relative;\n        width: 100%;\n        background: #1a2332;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n        isolation: isolate;\n    }\n\n    .landu-banner-module .landu-banner-carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .landu-banner-module .landu-banner-slide {\n        position: relative;\n        width: 100%;\n        height: 700px;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n        display: none;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active {\n        opacity: 1;\n        visibility: visible;\n        display: block;\n    }\n\n    \/* Banner 1: \u54c1\u724c\u4ecb\u7ecd *\/\n    .landu-banner-module .landu-banner-brand-hero {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 30%, #1e40af 60%, #3b82f6 90%, #1e293b 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 18s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    @keyframes landu-professional-gradient {\n        0%, 100% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n    }\n\n    .landu-banner-module .landu-banner-brand-hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.2) 0%, transparent 50%);\n        pointer-events: none;\n        animation: landu-professional-glow 12s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    @keyframes landu-professional-glow {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.85; transform: scale(1.05); }\n    }\n\n    .landu-banner-module .landu-geometric-decoration {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.08;\n        z-index: 1;\n        animation: landu-float-geometric 20s ease-in-out infinite;\n    }\n\n    .landu-banner-module .landu-geo-circle-1 {\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\n        top: -100px;\n        right: -100px;\n    }\n\n    .landu-banner-module .landu-geo-circle-2 {\n        width: 300px;\n        height: 300px;\n        background: linear-gradient(135deg, #2563eb, #1e40af);\n        bottom: -80px;\n        left: -80px;\n        animation-delay: 5s;\n    }\n\n    .landu-banner-module .landu-geo-circle-3 {\n        width: 200px;\n        height: 200px;\n        background: linear-gradient(135deg, #60a5fa, #3b82f6);\n        top: 40%;\n        left: 10%;\n        animation-delay: 10s;\n    }\n\n    @keyframes landu-float-geometric {\n        0%, 100% { transform: translateY(0) rotate(0deg); }\n        25% { transform: translateY(-30px) rotate(90deg); }\n        50% { transform: translateY(0) rotate(180deg); }\n        75% { transform: translateY(-20px) rotate(270deg); }\n    }\n\n    .landu-banner-module .landu-brand-hero-split {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        width: 100%;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 1.2fr 0.8fr;\n        gap: 80px;\n        align-items: center;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-brand-hero-split {\n        animation: landu-fadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards;\n    }\n\n    @keyframes landu-fadeInUp {\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .landu-banner-module .landu-brand-left {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-brand-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 8px 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 50px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        width: fit-content;\n        backdrop-filter: blur(10px);\n    }\n\n    .landu-banner-module .landu-brand-eyebrow svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    .landu-banner-module .landu-brand-hero-title {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .landu-banner-module .landu-brand-name {\n        font-size: 72px;\n        font-weight: 900;\n        line-height: 1;\n        letter-spacing: -2px;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: landu-gradient-text-flow 8s ease infinite;\n        filter: drop-shadow(0 0 30px rgba(59, 130, 246, 0.5));\n    }\n\n    @keyframes landu-gradient-text-flow {\n        0%, 100% { background-position: 0% center; }\n        50% { background-position: 100% center; }\n    }\n\n    .landu-banner-module .landu-brand-tagline {\n        font-size: 32px;\n        font-weight: 600;\n        line-height: 1.2;\n        color: #f8fafc;\n        letter-spacing: -0.5px;\n    }\n\n    .landu-banner-module .landu-brand-description {\n        font-size: 18px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.8);\n        font-weight: 400;\n        max-width: 600px;\n    }\n\n    .landu-banner-module .landu-brand-description strong {\n        color: #60a5fa;\n        font-weight: 700;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 12px;\n        width: fit-content;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4);\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.6s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-btn-icon {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover .landu-btn-icon {\n        transform: translateX(4px);\n    }\n\n    .landu-banner-module .landu-brand-right {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-stats-card {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n        padding: 32px 40px;\n        background: rgba(30, 58, 138, 0.25);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 20px;\n        backdrop-filter: blur(20px);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-stat-item {\n        flex: 1;\n        text-align: center;\n    }\n\n    .landu-banner-module .landu-stat-value {\n        font-size: 48px;\n        font-weight: 900;\n        line-height: 1;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 8px;\n    }\n\n    .landu-banner-module .landu-stat-plus {\n        font-size: 32px;\n    }\n\n    .landu-banner-module .landu-stat-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: rgba(248, 250, 252, 0.7);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .landu-banner-module .landu-stat-divider {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(180deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%);\n    }\n\n    .landu-banner-module .landu-feature-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n\n    .landu-banner-module .landu-feature-box {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        padding: 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 16px;\n        backdrop-filter: blur(15px);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-feature-box:hover {\n        background: rgba(59, 130, 246, 0.25);\n        border-color: rgba(59, 130, 246, 0.5);\n        transform: translateY(-4px);\n        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .landu-banner-module .landu-feature-icon {\n        width: 32px;\n        height: 32px;\n    }\n\n    .landu-banner-module .landu-feature-icon svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-feature-text {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        text-align: center;\n    }\n\n    \/* Banner 2: \u4ea7\u54c1\u5c55\u793a *\/\n    .landu-banner-module .landu-banner-product-showcase {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 25%, #2563eb 50%, #3b82f6 75%, #1e3a8a 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 12s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n    }\n\n    .landu-banner-module .landu-banner-product-showcase::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.25) 0%, transparent 50%),\n                    radial-gradient(ellipse at 50% 90%, rgba(96, 165, 250, 0.2) 0%, transparent 60%);\n        pointer-events: none;\n        animation: landu-professional-glow 8s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    .landu-banner-module .landu-product-showcase-container {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 48fr 52fr;\n        gap: 60px;\n        align-items: center;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-left {\n        opacity: 0;\n        transform: translateX(-30px);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-left {\n        animation: landu-fadeInLeft 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;\n    }\n\n    @keyframes landu-fadeInLeft {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-showcase-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 7px 18px;\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        border-radius: 100px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        margin-bottom: 18px;\n        backdrop-filter: blur(15px);\n        width: fit-content;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-tag svg {\n        width: 14px;\n        height: 14px;\n    }\n\n    .landu-banner-module .landu-product-showcase-title {\n        font-size: 30px;\n        font-weight: 800;\n        line-height: 1.25;\n        margin-bottom: 14px;\n        letter-spacing: -0.8px;\n        color: #f8fafc;\n        text-shadow: 0 2px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-gradient {\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 30%, #2563eb 70%, #1e40af 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        font-weight: 900;\n        display: block;\n        font-size: 34px;\n        margin-top: 6px;\n        letter-spacing: -1px;\n        filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.5));\n        animation: landu-gradient-text-flow 6s ease infinite;\n        background-size: 200% auto;\n    }\n\n    .landu-banner-module .landu-product-showcase-subtitle {\n        font-size: 14px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.85);\n        margin-bottom: 20px;\n        font-weight: 500;\n        max-width: 480px;\n    }\n\n    .landu-banner-module .landu-product-features-list {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        margin-bottom: 20px;\n    }\n\n    .landu-banner-module .landu-product-feature-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 11px 16px;\n        background: rgba(59, 130, 246, 0.2);\n        backdrop-filter: blur(25px);\n        border-radius: 10px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .landu-banner-module .landu-product-feature-item::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 3px;\n        height: 100%;\n        background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover {\n        background: rgba(59, 130, 246, 0.3);\n        border-color: rgba(96, 165, 250, 0.6);\n        transform: translateX(4px);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-icon {\n        min-width: 20px;\n        height: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-feature-icon svg {\n        width: 20px;\n        height: 20px;\n        fill: #60a5fa;\n        filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));\n    }\n\n    .landu-banner-module .landu-product-feature-content {\n        flex: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        margin-bottom: 2px;\n        letter-spacing: -0.2px;\n    }\n\n    .landu-banner-module .landu-product-feature-desc {\n        font-size: 12px;\n        color: rgba(248, 250, 252, 0.7);\n        line-height: 1.4;\n    }\n\n    .landu-banner-module .landu-product-showcase-cta {\n        display: flex;\n        gap: 12px;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 26px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        background-size: 200% auto;\n        color: #fff;\n        font-size: 13px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 10px;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 6px 25px rgba(59, 130, 246, 0.5);\n        letter-spacing: 0.3px;\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary {\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        color: #60a5fa;\n        box-shadow: none;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary:hover {\n        background: rgba(59, 130, 246, 0.35);\n        border-color: rgba(96, 165, 250, 0.8);\n    }\n\n    .landu-banner-module .landu-product-showcase-right {\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n        opacity: 0;\n        transform: translateX(30px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-right {\n        animation: landu-fadeInRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\n    }\n\n    @keyframes landu-fadeInRight {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-card-compact {\n        display: grid;\n        grid-template-columns: 150px 1fr;\n        gap: 18px;\n        background: rgba(59, 130, 246, 0.15);\n        backdrop-filter: blur(25px);\n        border-radius: 14px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-product-card-compact::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover {\n        transform: translateY(-6px);\n        border-color: rgba(96, 165, 250, 0.6);\n        box-shadow: 0 20px 50px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-card-image {\n        position: relative;\n        width: 150px;\n        height: 100%;\n        min-height: 160px;\n        overflow: hidden;\n        background: linear-gradient(135deg, rgba(30, 58, 138, 0.7) 0%, rgba(30, 64, 175, 0.9) 100%);\n    }\n\n    .landu-banner-module .landu-product-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover .landu-product-card-image img {\n        transform: scale(1.1);\n    }\n\n    .landu-banner-module .landu-product-card-badge {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        padding: 4px 12px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 9px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        border-radius: 20px;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.6);\n        z-index: 2;\n    }\n\n    .landu-banner-module .landu-product-card-badge.landu-versatile {\n        background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);\n    }\n\n    .landu-banner-module .landu-product-card-content {\n        padding: 18px 18px 18px 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-card-name {\n        font-size: 18px;\n        font-weight: 800;\n        color: #f8fafc;\n        margin-bottom: 4px;\n        letter-spacing: -0.4px;\n        line-height: 1.2;\n    }\n\n    .landu-banner-module .landu-product-card-tag {\n        font-size: 11px;\n        font-weight: 600;\n        color: #60a5fa;\n        margin-bottom: 3px;\n    }\n\n    .landu-banner-module .landu-product-card-chemical {\n        font-size: 10px;\n        color: rgba(248, 250, 252, 0.5);\n        font-style: italic;\n        margin-bottom: 10px;\n    }\n\n    .landu-banner-module .landu-product-card-description {\n        font-size: 12px;\n        line-height: 1.5;\n        color: rgba(248, 250, 252, 0.8);\n        margin-bottom: 12px;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-product-card-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        color: #60a5fa;\n        font-size: 12px;\n        font-weight: 700;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        letter-spacing: 0.3px;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover {\n        gap: 10px;\n        color: #93c5fd;\n    }\n\n    .landu-banner-module .landu-product-card-link svg {\n        width: 14px;\n        height: 14px;\n        fill: currentColor;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover svg {\n        transform: translateX(3px);\n    }\n\n    \/* \u8f6e\u64ad\u63a7\u5236 *\/\n    .landu-banner-indicators-wrapper {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        padding: 24px 0;\n        background: #f8fafc;\n        z-index: 20;\n        isolation: isolate;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator {\n        width: 10px !important;\n        height: 10px !important;\n        min-width: 10px !important;\n        min-height: 10px !important;\n        border-radius: 50% !important;\n        background: rgba(59, 130, 246, 0.25) !important;\n        border: none !important;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 0 !important;\n        margin: 0 !important;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 0;\n        height: 0;\n        background: #fff;\n        border-radius: 50%;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator:hover {\n        background: rgba(59, 130, 246, 0.4) !important;\n        transform: scale(1.2);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active {\n        width: 10px !important;\n        height: 10px !important;\n        background: #3b82f6 !important;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active::after {\n        width: 4px;\n        height: 4px;\n    }\n\n    .landu-banner-module .landu-banner-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 44px;\n        height: 44px;\n        background: rgba(59, 130, 246, 0.3);\n        backdrop-filter: blur(25px);\n        border: 1px solid rgba(96, 165, 250, 0.5);\n        border-radius: 50%;\n        color: #f8fafc;\n        font-size: 20px;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 20;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-banner-arrow:hover {\n        background: rgba(59, 130, 246, 0.5);\n        border-color: rgba(96, 165, 250, 0.7);\n        transform: translateY(-50%) scale(1.1);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);\n    }\n\n    .landu-banner-module .landu-arrow-prev { left: 30px; }\n    .landu-banner-module .landu-arrow-next { right: 30px; }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: 650px; }\n        .landu-banner-module .landu-brand-hero-split { gap: 60px; padding: 60px 60px; }\n        .landu-banner-module .landu-brand-name { font-size: 64px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 28px; }\n        .landu-banner-module .landu-stat-value { font-size: 42px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 60px 60px; gap: 50px; grid-template-columns: 1fr 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 30px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 140px 1fr; gap: 16px; }\n        .landu-banner-module .landu-product-card-image { width: 140px; min-height: 150px; }\n    }\n\n    @media (max-width: 1024px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: auto; min-height: 600px; }\n        .landu-banner-module .landu-brand-hero-split { grid-template-columns: 1fr; gap: 50px; padding: 50px 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 56px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 24px; }\n        .landu-banner-module .landu-brand-description { font-size: 16px; }\n        .landu-banner-module .landu-product-showcase-container { grid-template-columns: 1fr; gap: 40px; padding: 50px 40px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 150px 1fr; gap: 18px; }\n        .landu-banner-module .landu-product-card-image { width: 150px; min-height: 160px; }\n    }\n\n    @media (max-width: 768px) {\n        .landu-banner-module .landu-brand-hero-split { padding: 40px 30px; gap: 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 48px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 20px; }\n        .landu-banner-module .landu-brand-description { font-size: 15px; }\n        .landu-banner-module .landu-brand-cta-btn { width: 100%; justify-content: center; padding: 16px 36px; }\n        .landu-banner-module .landu-stats-card { flex-direction: column; gap: 24px; padding: 28px 32px; }\n        .landu-banner-module .landu-stat-divider { width: 80px; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%); }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n        .landu-banner-module .landu-feature-box { padding: 16px; }\n        .landu-banner-module .landu-feature-icon { width: 28px; height: 28px; }\n        .landu-banner-module .landu-feature-text { font-size: 12px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 40px 30px; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 22px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-subtitle { font-size: 13px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-card-image { width: 100%; height: 180px; min-height: 180px; }\n        .landu-banner-module .landu-product-card-content { padding: 18px 20px 20px; }\n        .landu-banner-module .landu-product-showcase-cta { flex-direction: column; align-items: stretch; }\n        .landu-banner-module .landu-product-showcase-btn { justify-content: center; }\n        .landu-banner-module .landu-banner-arrow { width: 40px; height: 40px; font-size: 18px; }\n        .landu-banner-module .landu-arrow-prev { left: 20px; }\n        .landu-banner-module .landu-arrow-next { right: 20px; }\n        .landu-banner-indicators-wrapper { padding: 20px 0; gap: 10px; }\n        .landu-banner-indicators-wrapper .landu-indicator { width: 8px !important; height: 8px !important; min-width: 8px !important; min-height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active { width: 8px !important; height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active::after { width: 3px; height: 3px; }\n    }\n\n    @media (max-width: 480px) {\n        .landu-banner-module .landu-brand-name { font-size: 36px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 18px; }\n        .landu-banner-module .landu-brand-description { font-size: 14px; }\n        .landu-banner-module .landu-brand-eyebrow { font-size: 11px; padding: 6px 16px; }\n        .landu-banner-module .landu-stat-value { font-size: 36px; }\n        .landu-banner-module .landu-stat-label { font-size: 11px; }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 20px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 24px; }\n        .landu-banner-module .landu-product-card-name { font-size: 16px; }\n        .landu-banner-module .landu-product-card-image { height: 160px; min-height: 160px; }\n        .landu-banner-indicators-wrapper { gap: 8px; padding: 16px 0; }\n    }\n<\/style>\n\n<section class=\"landu-banner-module\">\n    <div class=\"landu-banner-carousel\">\n        <div class=\"landu-banner-slide landu-active\">\n            <div class=\"landu-banner-brand-hero\">\n                <div class=\"landu-geometric-decoration landu-geo-circle-1\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-2\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-3\"><\/div>\n                <div class=\"landu-brand-hero-split\">\n                    <div class=\"landu-brand-left\">\n                        <div class=\"landu-brand-eyebrow\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n                            <\/svg>\n                            <span>\u039c\u03ac\u03c1\u03ba\u03b1 LANDU<\/span>\n                        <\/div>\n                        <h1 class=\"landu-brand-hero-title\">\n                            <span class=\"landu-brand-name\">LANDERCOLL<\/span>\n                            <span class=\"landu-brand-tagline\">\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03a5\u03b4\u03b1\u03c4\u03ac\u03bd\u03b8\u03c1\u03b1\u03ba\u03b5\u03c2 \u039a\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2<\/span>\n                        <\/h1>\n                        <p class=\"landu-brand-description\">\n                            \u03a0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03bf\u03c2 \u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03ae\u03c2 <strong>HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC<\/strong><br>\u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u0391\u03c5\u03c1\u03b9\u03b1\u03bd\u03ad\u03c2 \u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b5\u03c2\n                        <\/p>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%80%ce%b1%cf%86%ce%ae\/\" class=\"landu-brand-cta-btn\">\n                            <span class=\"landu-btn-text\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/span>\n                            <span class=\"landu-btn-icon\">\u2192<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"landu-brand-right\">\n                        <div class=\"landu-stats-card\">\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">1000<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">\u0395\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03ad\u03c2 \u0395\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2<\/div>\n                            <\/div>\n                            <div class=\"landu-stat-divider\"><\/div>\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">60<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">\u03a7\u03ce\u03c1\u03b5\u03c2 \u03c3\u03b5 \u03cc\u03bb\u03bf \u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-feature-grid\">\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03a0\u03c1\u03ce\u03c4\u03b7\u03c2 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                        <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">\u03a0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03a0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">\u0392\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"landu-banner-slide\">\n            <div class=\"landu-banner-product-showcase\">\n                <div class=\"landu-product-showcase-container\">\n                    <div class=\"landu-product-showcase-left\">\n                        <div class=\"landu-product-showcase-tag\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\"\/>\n                            <\/svg>\n                            <span>Innovation Excellence<\/span>\n                        <\/div>\n                        <h1 class=\"landu-product-showcase-title\">\n                            \u039c\u03b5\u03c4\u03b1\u03bc\u03bf\u03c1\u03c6\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b9\u03c2 \u0395\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5\n                            <span class=\"landu-product-showcase-gradient\">Advanced Innovation<\/span>\n                        <\/h1>\n                        <p class=\"landu-product-showcase-subtitle\">\n                            LANDU brings you advanced cellulose ethers that set new standards in coating performance\u2014offering unmatched control, superior quality, and eco-conscious solutions.\n                        <\/p>\n                        <div class=\"landu-product-features-list\">\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">\u03a0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b7 \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ae \u03a1\u03b5\u03c5\u03c3\u03c4\u03bf\u03b4\u03c5\u03bd\u03b1\u03bc\u03b9\u03ba\u03ae\u03c2<\/div>\n                                    <div class=\"landu-product-feature-desc\">\u0391\u03ba\u03c1\u03b9\u03b2\u03ae\u03c2 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b9\u03be\u03ce\u03b4\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03ac\u03c8\u03bf\u03b3\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">\u0391\u03bd\u03ce\u03c4\u03b5\u03c1\u03b7 \u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03a6\u03b9\u03bb\u03bc<\/div>\n                                    <div class=\"landu-product-feature-desc\">\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03bb\u03b5\u03af\u03b1 \u03c5\u03c6\u03ae \u03bc\u03b5 \u03b5\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">\u0397\u03b3\u03b5\u03c3\u03af\u03b1 \u03c3\u03c4\u03b7 \u0392\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7 \u03a7\u03b7\u03bc\u03b5\u03af\u03b1<\/div>\n                                    <div class=\"landu-product-feature-desc\">\u03a6\u03b9\u03bb\u03b9\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03c3\u03c5\u03bd\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c5\u03c0\u03b5\u03cd\u03b8\u03c5\u03bd\u03b7 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-showcase-cta\">\n                            <a href=\"https:\/\/landu-china.com\/en\/products\/\" class=\"landu-product-showcase-btn\">\n                                <span>\u0395\u03be\u03b5\u03c1\u03b5\u03c5\u03bd\u03ae\u03c3\u03c4\u03b5 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/landu-china.com\/en\/contact-us\/\" class=\"landu-product-showcase-btn landu-product-showcase-btn-secondary\">\n                                <span>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"landu-product-showcase-right\">\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" alt=\"LANDERCOLL HEMC\">\n                                <div class=\"landu-product-card-badge\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEMC<\/h3>\n                                <p class=\"landu-product-card-tag\">\u0392\u03b1\u03b8\u03bc\u03cc\u03c2 \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae\u03c2 \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2<\/p>\n                                <p class=\"landu-product-card-chemical\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03b1\u03b9\u03b8\u03c5\u03bb\u03bf\u03bc\u03b5\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    \u0392\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b1 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c1\u03bf\u03ae\u03c2, \u03c4\u03b7\u03bd \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1 \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c3\u03c5\u03bd\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b5\u03c0\u03b9\u03c6\u03ac\u03bd\u03b5\u03b9\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b5\u03c2 \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03c8\u03bf\u03b3\u03b5\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"landu-product-card-link\">\n                                    <span>\u0395\u03be\u03b5\u03c1\u03b5\u03c5\u03bd\u03ae\u03c3\u03c4\u03b5 \u039b\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/07\/LANDU-HEC-Hydroxyethyl-Cellulose-product.jpg\" alt=\"LANDERCOLL HEC\">\n                                <div class=\"landu-product-card-badge landu-versatile\">\u03a0\u03bf\u03bb\u03c5\u03c7\u03c1\u03b7\u03c3\u03c4\u03b9\u03ba\u03cc<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEC<\/h3>\n                                <p class=\"landu-product-card-tag\">\u03a0\u03bf\u03bb\u03c5\u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae \u03a1\u03b5\u03c5\u03c3\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03b1<\/p>\n                                <p class=\"landu-product-card-chemical\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03b1\u03b9\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    \u03a0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03bf \u03c0\u03ae\u03ba\u03c4\u03c9\u03bc\u03b1, \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c3\u03b5 \u03c5\u03b4\u03b1\u03c4\u03b9\u03ba\u03ac \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1, \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b1 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-cellulose-hec\/\" class=\"landu-product-card-link\">\n                                    <span>\u0395\u03be\u03b5\u03c1\u03b5\u03c5\u03bd\u03ae\u03c3\u03c4\u03b5 \u039b\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b5\u03c2<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"landu-banner-arrow landu-arrow-prev\" aria-label=\"\u03a0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\">\u2039<\/button>\n    <button class=\"landu-banner-arrow landu-arrow-next\" aria-label=\"\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf\">\u203a<\/button>\n<\/section>\n\n<div class=\"landu-banner-indicators-wrapper\">\n    <button class=\"landu-indicator landu-active\" data-slide=\"0\" aria-label=\"\u0394\u03b9\u03b1\u03c6\u03ac\u03bd\u03b5\u03b9\u03b1 1\"><\/button>\n    <button class=\"landu-indicator\" data-slide=\"1\" aria-label=\"\u0394\u03b9\u03b1\u03c6\u03ac\u03bd\u03b5\u03b9\u03b1 2\"><\/button>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    class LanduBannerCarousel {\n        constructor(selector) {\n            this.module = document.querySelector(selector);\n            if (!this.module) return;\n            \n            this.slides = this.module.querySelectorAll('.landu-banner-slide');\n            this.indicators = document.querySelectorAll('.landu-banner-indicators-wrapper .landu-indicator');\n            this.prevBtn = this.module.querySelector('.landu-arrow-prev');\n            this.nextBtn = this.module.querySelector('.landu-arrow-next');\n            \n            this.currentIndex = 0;\n            this.totalSlides = this.slides.length;\n            this.isTransitioning = false;\n            this.autoPlayTimer = null;\n            this.autoPlayDelay = 7000;\n            \n            this.init();\n        }\n        \n        init() {\n            this.prevBtn?.addEventListener('click', () => this.prev());\n            this.nextBtn?.addEventListener('click', () => this.next());\n            \n            this.indicators.forEach((indicator, index) => {\n                indicator.addEventListener('click', () => this.goTo(index));\n            });\n            \n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'ArrowLeft') this.prev();\n                if (e.key === 'ArrowRight') this.next();\n            });\n            \n            this.initTouch();\n            \n            this.module.addEventListener('mouseenter', () => this.stopAutoPlay());\n            this.module.addEventListener('mouseleave', () => this.startAutoPlay());\n            \n            document.addEventListener('visibilitychange', () => {\n                document.hidden ? this.stopAutoPlay() : this.startAutoPlay();\n            });\n            \n            this.startAutoPlay();\n        }\n        \n        goTo(index) {\n            if (this.isTransitioning || index === this.currentIndex) return;\n            \n            this.isTransitioning = true;\n            \n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove\n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove('landu-active');\n            \n            this.currentIndex = index;\n            this.slides[this.currentIndex].classList.add('landu-active');\n            this.indicators[this.currentIndex].classList.add('landu-active');\n            \n            setTimeout(() => {\n                this.isTransitioning = false;\n            }, 1200);\n        }\n        \n        next() {\n            const nextIndex = (this.currentIndex + 1) % this.totalSlides;\n            this.goTo(nextIndex);\n        }\n        \n        prev() {\n            const prevIndex = (this.currentIndex - 1 + this.totalSlides) % this.totalSlides;\n            this.goTo(prevIndex);\n        }\n        \n        startAutoPlay() {\n            this.stopAutoPlay();\n            this.autoPlayTimer = setInterval(() => this.next(), this.autoPlayDelay);\n        }\n        \n        stopAutoPlay() {\n            if (this.autoPlayTimer) {\n                clearInterval(this.autoPlayTimer);\n                this.autoPlayTimer = null;\n            }\n        }\n        \n        initTouch() {\n            let touchStartX = 0;\n            let touchEndX = 0;\n            \n            this.module.addEventListener('touchstart', (e) => {\n                touchStartX = e.changedTouches[0].screenX;\n            }, { passive: true });\n            \n            this.module.addEventListener('touchend', (e) => {\n                touchEndX = e.changedTouches[0].screenX;\n                const diff = touchStartX - touchEndX;\n                \n                if (Math.abs(diff) > 50) {\n                    diff > 0 ? this.next() : this.prev();\n                }\n            }, { passive: true });\n        }\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => {\n            new LanduBannerCarousel('.landu-banner-module');\n        });\n    } else {\n        new LanduBannerCarousel('.landu-banner-module');\n    }\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e27ee92 e-con-full e-flex e-con e-parent\" data-id=\"e27ee92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-701e5d6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"701e5d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDERCOLL Professional Edition -->\n<style>\n    \/* ========================================\n       1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n       ======================================== *\/\n    :root {\n        --primary-blue: #0066ff;\n        --primary-dark: #0052cc;\n        --accent-cyan: #00d4ff;\n        --accent-purple: #6366f1;\n        --accent-orange: #ff6b35;\n        --dark: #0a0a0a;\n        --gray-900: #1a1a1a;\n        --gray-700: #404040;\n        --gray-500: #737373;\n        --gray-300: #d4d4d4;\n        --gray-100: #f5f5f5;\n        --white: #ffffff;\n    }\n\n    .product-section {\n        position: relative;\n        background: linear-gradient(to bottom, var(--white) 0%, var(--gray-100) 100%);\n        padding: 120px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f *\/\n    .animated-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .bg-orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(120px);\n        opacity: 0.06;\n        animation: float-orb 25s ease-in-out infinite;\n    }\n\n    .orb-1 {\n        top: 10%;\n        right: 10%;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, var(--primary-blue) 0%, transparent 70%);\n    }\n\n    .orb-2 {\n        bottom: 10%;\n        left: 10%;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);\n        animation-delay: 5s;\n    }\n\n    @keyframes float-orb {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(40px, -40px); }\n    }\n\n    .product-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 60px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* ========================================\n       2. \u6807\u9898\u533a\u57df\n       ======================================== *\/\n    .product-header {\n        text-align: center;\n        margin-bottom: 80px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .product-label {\n        display: inline-block;\n        padding: 8px 24px;\n        background: var(--dark);\n        color: var(--white);\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        border-radius: 100px;\n        margin-bottom: 28px;\n    }\n\n    .product-title {\n        font-size: 56px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 20px;\n        line-height: 1.1;\n        letter-spacing: -1.5px;\n    }\n\n    .title-highlight {\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-cyan) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .product-subtitle {\n        font-size: 20px;\n        color: var(--gray-500);\n        line-height: 1.6;\n        font-weight: 400;\n    }\n\n    \/* ========================================\n       3. \u4ea7\u54c1\u5361\u7247\u7f51\u683c\n       ======================================== *\/\n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n    }\n\n    .product-card {\n        background: var(--white);\n        border-radius: 24px;\n        overflow: hidden;\n        position: relative;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        border-color: rgba(0, 102, 255, 0.2);\n    }\n\n    \/* \u56fe\u7247\u5bb9\u5668 *\/\n    .product-image-wrapper {\n        height: 280px;\n        position: relative;\n        overflow: hidden;\n        background: var(--gray-100);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        transition: transform 0.6s ease;\n    }\n\n    .product-card:hover .product-image {\n        transform: scale(1.08);\n    }\n\n    \/* \u6e10\u53d8\u906e\u7f69 *\/\n    .image-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 50%;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .product-card:hover .image-overlay {\n        opacity: 1;\n    }\n\n    \/* \u5fbd\u7ae0 *\/\n    .product-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        padding: 8px 16px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(10px);\n        color: var(--primary-blue);\n        font-size: 11px;\n        font-weight: 700;\n        border-radius: 100px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        z-index: 10;\n    }\n\n    .badge-bestseller { color: var(--primary-blue); }\n    .badge-hightemp { color: var(--accent-purple); }\n    .badge-versatile { color: var(--accent-orange); }\n\n    \/* ========================================\n       4. \u5185\u5bb9\u533a\u57df\n       ======================================== *\/\n    .product-content {\n        padding: 32px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-code {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        color: var(--primary-blue);\n        background: rgba(0, 102, 255, 0.08);\n        padding: 6px 14px;\n        border-radius: 8px;\n        margin-bottom: 16px;\n        align-self: flex-start;\n        letter-spacing: 1px;\n    }\n\n    .product-card:nth-child(2) .product-code {\n        color: var(--accent-purple);\n        background: rgba(99, 102, 241, 0.08);\n    }\n\n    .product-card:nth-child(3) .product-code {\n        color: var(--accent-orange);\n        background: rgba(255, 107, 53, 0.08);\n    }\n\n    .product-name {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }\n\n    .product-description {\n        font-size: 15px;\n        color: var(--gray-700);\n        line-height: 1.7;\n        margin-bottom: 28px;\n        flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .product-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        width: 100%;\n        padding: 16px 0;\n        background: var(--dark);\n        color: var(--white);\n        font-weight: 600;\n        font-size: 15px;\n        border-radius: 100px;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 2px solid var(--dark);\n    }\n\n    .product-button:hover {\n        background: transparent;\n        color: var(--dark);\n        transform: translateY(-2px);\n    }\n\n    .product-card:nth-child(1) .product-button {\n        background: var(--primary-blue);\n        border-color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(1) .product-button:hover {\n        background: transparent;\n        color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(2) .product-button {\n        background: var(--accent-purple);\n        border-color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(2) .product-button:hover {\n        background: transparent;\n        color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(3) .product-button {\n        background: var(--accent-orange);\n        border-color: var(--accent-orange);\n    }\n\n    .product-card:nth-child(3) .product-button:hover {\n        background: transparent;\n        color: var(--accent-orange);\n    }\n\n    .button-arrow {\n        font-size: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .product-button:hover .button-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* ========================================\n       5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n       ======================================== *\/\n    @media (max-width: 1200px) {\n        .product-container {\n            padding: 0 40px;\n        }\n\n        .product-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 32px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .product-section {\n            padding: 80px 0;\n        }\n\n        .product-container {\n            padding: 0 24px;\n        }\n\n        .product-grid {\n            grid-template-columns: 1fr;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n\n        .product-title {\n            font-size: 40px;\n        }\n\n        .product-subtitle {\n            font-size: 18px;\n        }\n\n        .product-header {\n            margin-bottom: 60px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .product-title {\n            font-size: 32px;\n        }\n\n        .product-name {\n            font-size: 20px;\n        }\n\n        .product-image-wrapper {\n            height: 240px;\n        }\n    }\n<\/style>\n\n<section class=\"product-section\">\n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"animated-background\">\n        <div class=\"bg-orb orb-1\"><\/div>\n        <div class=\"bg-orb orb-2\"><\/div>\n    <\/div>\n\n    <div class=\"product-container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"product-header\">\n            <div class=\"product-label\">LANDERCOLL ISO-Certified Excellence<\/div>\n            <h2 class=\"product-title\">\n                <span class=\"title-highlight\">LANDERCOLL<\/span> \u0391\u03b9\u03b8\u03ad\u03c1\u03b1\u03c2 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2\n            <\/h2>\n            <p class=\"product-subtitle\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c7\u03b7\u03bc\u03b9\u03ba\u03ce\u03bd \u03bb\u03cd\u03c3\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03c4\u03c1\u03bf\u03c6\u03bf\u03b4\u03bf\u03c4\u03bf\u03cd\u03bd \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b2\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03bc\u03b5 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7.<\/p>\n        <\/div>\n\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\n        <div class=\"product-grid\">\n            \n            <!-- \u4ea7\u54c1 1: HPMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/HPMC-Hydroxypropyl-Methyl-Cellulose-4-1024x683.jpg\" \n                         alt=\"HPMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-bestseller\">\u2b50 \u039a\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03c3\u03b5 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HPMC<\/div>\n                    <h3 class=\"product-name\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03c0\u03c1\u03bf\u03c0\u03c5\u03bb\u03bf\u03bc\u03b5\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7<\/h3>\n                    <p class=\"product-description\">\u0392\u03b1\u03c3\u03b9\u03ba\u03cc \u03c0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c4\u03bf \u03b3\u03b9\u03b1 \u03be\u03b7\u03c1\u03ac \u03bc\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u03ba\u03bf\u03bd\u03b9\u03b1\u03bc\u03ac\u03c4\u03c9\u03bd, \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b4\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03bd\u03b5\u03c1\u03bf\u03cd, \u03c4\u03b7\u03bd \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c0\u03c1\u03cc\u03c3\u03c6\u03c5\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03ba\u03cc\u03bb\u03bb\u03b5\u03c2 \u03c0\u03bb\u03b1\u03ba\u03b9\u03b4\u03af\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03bf\u03b2\u03ac\u03b4\u03b5\u03c2.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b1%ce%b9%ce%b8%ce%ad%cf%81%ce%b1%cf%82-%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7%cf%82\/%cf%85%ce%b4%cf%81%ce%bf%ce%be%cf%85%cf%80%cf%81%ce%bf%cf%80%cf%85%ce%bb%ce%bf%ce%bc%ce%b5%ce%b8%cf%85%ce%bb%ce%bf%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7-hpmc\/\" class=\"product-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 2: HEMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" \n                         alt=\"HEMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-hightemp\">\ud83c\udf21\ufe0f \u03a5\u03c8\u03b7\u03bb\u03ae \u0398\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b1<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEMC<\/div>\n                    <h3 class=\"product-name\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03b1\u03b9\u03b8\u03c5\u03bb\u03bf\u03bc\u03b5\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7<\/h3>\n                    <p class=\"product-description\">\u0386\u03c1\u03b9\u03c3\u03c4\u03b7 \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ae \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b3\u03b9\u03b1 \u03b6\u03b5\u03c3\u03c4\u03ac \u03ba\u03bb\u03af\u03bc\u03b1\u03c4\u03b1. \u03a0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03b5\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03ba\u03ac\u03bc\u03c8\u03b7 \u03ba\u03b1\u03b9 \u03c7\u03c1\u03cc\u03bd\u03bf \u03b1\u03bd\u03bf\u03af\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03bc\u03b5 \u03c4\u03c3\u03b9\u03bc\u03ad\u03bd\u03c4\u03bf \u03ba\u03b1\u03b9 \u03b3\u03cd\u03c8\u03bf.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b1%ce%b9%ce%b8%ce%ad%cf%81%ce%b1%cf%82-%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7%cf%82\/%cf%85%ce%b4%cf%81%ce%bf%ce%be%cf%85%ce%b1%ce%b9%ce%b8%cf%85%ce%bb%ce%bf%ce%bc%ce%b5%ce%b8%cf%85%ce%bb%ce%bf%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7-hemc-mhec\/\" class=\"product-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 3: HEC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Cellulose-HEC-3-1024x683.jpg\" \n                         alt=\"HEC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-versatile\">\u2728 \u03a0\u03bf\u03bb\u03c5\u03c7\u03c1\u03b7\u03c3\u03c4\u03b9\u03ba\u03cc<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEC<\/div>\n                    <h3 class=\"product-name\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03b1\u03b9\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7<\/h3>\n                    <p class=\"product-description\">\u039c\u03b7 \u03b9\u03bf\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c0\u03b1\u03c7\u03cd\u03c1\u03c1\u03b5\u03c5\u03c3\u03c4\u03bf\u03c2 \u03c0\u03b1\u03c1\u03ac\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03c5\u03b4\u03b1\u03c4\u03b9\u03ba\u03ac \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2. \u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b5\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03bf\u03b4\u03bf\u03c7\u03ae \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2, \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c1\u03bf\u03ae.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b1%ce%b9%ce%b8%ce%ad%cf%81%ce%b1%cf%82-%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7%cf%82\/%cf%85%ce%b4%cf%81%ce%bf%ce%be%cf%85%ce%b1%ce%b9%ce%b8%cf%85%ce%bb%ce%bf%ce%ba%cf%85%cf%84%cf%84%ce%b1%cf%81%ce%af%ce%bd%ce%b7-hec\/\" class=\"product-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03b9\u03ce\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df253a5 e-con-full e-flex e-con e-parent\" data-id=\"df253a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11e979 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b11e979\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"applications-section\">\n    \n    <div class=\"container\">\n        \n        <div class=\"section-header\">\n            <div class=\"header-label\">Industry Solutions<\/div>\n            <h2 class=\"section-title\">\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b5\u03c2 \u03b1\u03b9\u03b8\u03ad\u03c1\u03b1 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b7 \u03b2\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b1<\/h2>\n            <p class=\"section-subtitle\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c7\u03b7\u03bc\u03b9\u03ba\u03ce\u03bd \u03bb\u03cd\u03c3\u03b5\u03c9\u03bd \u03c0\u03bf\u03c5 \u03c4\u03c1\u03bf\u03c6\u03bf\u03b4\u03bf\u03c4\u03bf\u03cd\u03bd \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03b2\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03bc\u03b5 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7.<\/p>\n        <\/div>\n\n        <!-- Row 1: 2 Cards -->\n        <div class=\"row-2\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-red\">Featured<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/bucket-with-construction-mix-gypsum-plaster-man-s-hand-with-a-spatula.jpg\" alt=\"\u039a\u03bf\u03bd\u03af\u03b1\u03bc\u03b1 \u03be\u03b7\u03c1\u03bf\u03cd \u03bc\u03af\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">\u039a\u03bf\u03bd\u03af\u03b1\u03bc\u03b1 \u03be\u03b7\u03c1\u03bf\u03cd \u03bc\u03af\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2<\/h3>\n                    <p class=\"card-description\">\u039f \u03b1\u03b9\u03b8\u03ad\u03c1\u03b1\u03c2 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2 \u03b5\u03bd\u03b9\u03c3\u03c7\u03cd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ba\u03bf\u03bd\u03b9\u03ac\u03bc\u03b1\u03c4\u03bf\u03c2 \u03be\u03b7\u03c1\u03bf\u03cd \u03bc\u03af\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2 \u03bc\u03ad\u03c3\u03c9 \u03c0\u03bf\u03bb\u03c5\u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae\u03c2 \u03c4\u03c1\u03bf\u03c0\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2: \u03b7 \u03b1\u03bd\u03ce\u03c4\u03b5\u03c1\u03b7 \u03ba\u03b1\u03c4\u03b1\u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03bd\u03b5\u03c1\u03bf\u03cd (\u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u226595% RH) \u03b1\u03c0\u03bf\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c9\u03c1\u03b7 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1\u03c2, \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7 \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03b7 \u03b5\u03bd\u03c5\u03b4\u03ac\u03c4\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c4\u03c3\u03b9\u03bc\u03ad\u03bd\u03c4\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae \u03c3\u03b5 \u03b8\u03bb\u03af\u03c8\u03b7.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%ce%ba%ce%bf%ce%bd%ce%af%ce%b1%ce%bc%ce%b1-%ce%be%ce%b7%cf%81%ce%ac%cf%82-%ce%b1%ce%bd%ce%ac%ce%bc%ce%b9%ce%be%ce%b7%cf%82\/hpmc-%ce%b3%ce%b9%ce%b1-%ce%ba%cf%8c%ce%bb%ce%bb%ce%b1-%cf%80%ce%bb%ce%b1%ce%ba%ce%b9%ce%b4%ce%af%cf%89%ce%bd\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u039a\u03bf\u03bb\u03bb\u03b7\u03c4\u03b9\u03ba\u03cc \u03c4\u03c3\u03b9\u03bc\u03ad\u03bd\u03c4\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b1\u03ba\u03ac\u03ba\u03b9\u03b1<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%ce%ba%ce%bf%ce%bd%ce%af%ce%b1%ce%bc%ce%b1-%ce%be%ce%b7%cf%81%ce%ac%cf%82-%ce%b1%ce%bd%ce%ac%ce%bc%ce%b9%ce%be%ce%b7%cf%82\/%cf%84%cf%83%ce%b9%ce%bc%ce%b5%ce%bd%cf%84%ce%bf%ce%b5%ce%b9%ce%b4%ce%ae%cf%82-%cf%83%cf%84%cf%8c%ce%ba%ce%bf%cf%82-%cf%84%ce%bf%ce%af%cf%87%ce%bf%cf%85-%ce%bc%ce%b5-%ce%b2%ce%ac%cf%83%ce%b7-%cf%84\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a3\u03c4\u03cc\u03ba\u03bf\u03c2 \u03c4\u03bf\u03af\u03c7\u03bf\u03c5 \/ Skim Coat<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%ce%ba%ce%bf%ce%bd%ce%af%ce%b1%ce%bc%ce%b1-%ce%be%ce%b7%cf%81%ce%ac%cf%82-%ce%b1%ce%bd%ce%ac%ce%bc%ce%b9%ce%be%ce%b7%cf%82\/%cf%80%cf%81%cf%8c%cf%83%ce%b8%ce%b5%cf%84%ce%bf-%cf%84%cf%83%ce%b9%ce%bc%ce%b5%ce%bd%cf%84%ce%bf%ce%ba%ce%bf%ce%bd%ce%b9%ce%ac%ce%bc%ce%b1%cf%84%ce%bf%cf%82-%cf%83%ce%bf%ce%b2%ce%ac\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a4\u03c3\u03b9\u03bc\u03b5\u03bd\u03c4\u03bf\u03ba\u03bf\u03bd\u03af\u03b1\u03bc\u03b1 \/ \u03c3\u03bf\u03b2\u03ac\u03c2<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%ce%ba%ce%bf%ce%bd%ce%af%ce%b1%ce%bc%ce%b1-%ce%be%ce%b7%cf%81%ce%ac%cf%82-%ce%b1%ce%bd%ce%ac%ce%bc%ce%b9%ce%be%ce%b7%cf%82\/\" class=\"card-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-green\">Popular<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/painting-kit.jpg\" alt=\"\u03a7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">\u03a7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2<\/h3>\n                    <p class=\"card-description\">\u03a3\u03c4\u03b7 \u03b2\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b1 \u03c7\u03c1\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c7\u03c1\u03b9\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd, \u03bf \u03b1\u03b9\u03b8\u03ad\u03c1\u03b1\u03c2 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2 \u03b4\u03c1\u03b1 \u03c9\u03c2 \u03c0\u03c5\u03ba\u03bd\u03c9\u03c4\u03b9\u03ba\u03cc \u03ba\u03b1\u03b9 \u03c4\u03c1\u03bf\u03c0\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03ae\u03c2 \u03c1\u03b5\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2, \u03c0\u03b1\u03c1\u03ad\u03c7\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf \u03b9\u03be\u03ce\u03b4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c9\u03bc\u03ad\u03bd\u03b7 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1, \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03c7\u03b1\u03bb\u03ac\u03c1\u03c9\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03bc\u03b5 \u03c0\u03b9\u03bd\u03ad\u03bb\u03bf \u03ae \u03c1\u03bf\u03bb\u03cc. \u0395\u03bd\u03b9\u03c3\u03c7\u03cd\u03b5\u03b9 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03c4\u03b7 \u03c3\u03c5\u03b3\u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03bd\u03b5\u03c1\u03bf\u03cd, \u03b1\u03c0\u03bf\u03c4\u03c1\u03ad\u03c0\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c9\u03c1\u03b7 \u03be\u03ae\u03c1\u03b1\u03bd\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bf\u03bc\u03bf\u03b9\u03cc\u03bc\u03bf\u03c1\u03c6\u03bf \u03c3\u03c7\u03b7\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc \u03c6\u03b9\u03bb\u03bc.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/%cf%80%cf%81%cf%8c%cf%83%ce%b8%ce%b5%cf%84%ce%bf-%ce%b2%ce%b1%cf%86%ce%ae%cf%82-%ce%bc%ce%b5-%cf%85%cf%86%ce%ae\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0392\u03b1\u03c6\u03ae \u03bc\u03b5 \u03c5\u03c6\u03ae<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/%cf%80%ce%bf%ce%bb%cf%85%ce%bc%ce%b5%cf%81%ce%b9%cf%83%ce%bc%cf%8c%cf%82-%ce%b3%ce%b1%ce%bb%ce%b1%ce%ba%cf%84%cf%8e%ce%bc%ce%b1%cf%84%ce%bf%cf%82\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a0\u03bf\u03bb\u03c5\u03bc\u03b5\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b1\u03bb\u03b1\u03ba\u03c4\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1-%ce%b3%ce%b1%ce%bb%ce%b1%ce%ba%cf%84%cf%8e%ce%bc%ce%b1%cf%84%ce%bf%cf%82\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a7\u03c1\u03ce\u03bc\u03b1 \u03b3\u03b1\u03bb\u03b1\u03ba\u03c4\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/\" class=\"card-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Row 2: 3 Cards -->\n        <div class=\"row-3\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-blue\">Certified<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/blue-and-white-capsules-spilled-out-of-a-medicine-jar-on-a-blue-background-.jpg\" alt=\"\u03a6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">\u03a6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/h3>\n                    <p class=\"card-description\">\u0397 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7 Landercoll\u00ae \u03c3\u03c4\u03b1 \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b4\u03c1\u03b1 \u03c9\u03c2 \u03c3\u03c5\u03bd\u03b4\u03b5\u03c4\u03b9\u03ba\u03cc \u03c5\u03bb\u03b9\u03ba\u03cc, \u03c0\u03c5\u03ba\u03bd\u03c9\u03c4\u03b9\u03ba\u03cc, \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03ac\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b5\u03bb\u03b5\u03b3\u03c7\u03cc\u03bc\u03b5\u03bd\u03b7\u03c2 \u03b1\u03c0\u03bf\u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03b4\u03b9\u03c3\u03ba\u03af\u03b1, \u03ba\u03ac\u03c8\u03bf\u03c5\u03bb\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b1\u03b9\u03c9\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%8a%cf%8c%ce%bd%cf%84%ce%b1\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%ce%ad%ce%ba%ce%b4%ce%bf%cf%87%ce%b1\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03ad\u03ba\u03b4\u03bf\u03c7\u03b1<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%8a%cf%8c%ce%bd%cf%84%ce%b1\/%ce%b5%ce%bd%ce%b5%cf%81%ce%b3%ce%ac-%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%cf%83%cf%85%cf%83%cf%84%ce%b1%cf%84%ce%b9%ce%ba%ce%ac\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0395\u03bd\u03b5\u03c1\u03b3\u03ac \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ac<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%8a%cf%8c%ce%bd%cf%84%ce%b1\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%ce%b5%ce%bd%ce%b4%ce%b9%ce%ac%ce%bc%ce%b5%cf%83%ce%b1-%cf%80%cf%81%ce%bf%cf%8a%cf%8c%ce%bd%cf%84%ce%b1\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac \u03b5\u03bd\u03b4\u03b9\u03ac\u03bc\u03b5\u03c3\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%86%ce%b1%cf%81%ce%bc%ce%b1%ce%ba%ce%b5%cf%85%cf%84%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%8a%cf%8c%ce%bd%cf%84%ce%b1\/\" class=\"card-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-orange\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2024\/12\/food-and-beverage.jpg\" alt=\"\u03a0\u03bf\u03c4\u03ac &amp; \u03a0\u03bf\u03c4\u03ac\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">\u03a0\u03bf\u03c4\u03ac &amp; \u03a0\u03bf\u03c4\u03ac<\/h3>\n                    <p class=\"card-description\">\u0397 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7 Landercoll\u00ae \u03c3\u03c4\u03b1 \u03c4\u03c1\u03cc\u03c6\u03b9\u03bc\u03b1 \u03b4\u03c1\u03b1 \u03c9\u03c2 \u03c0\u03b7\u03ba\u03c4\u03b9\u03ba\u03cc, \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03ae\u03c2, \u03b3\u03b1\u03bb\u03b1\u03ba\u03c4\u03c9\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b9\u03c3\u03c7\u03c5\u03c4\u03ae\u03c2 \u03c5\u03c6\u03ae\u03c2 \u03c3\u03b5 \u03c3\u03ac\u03bb\u03c4\u03c3\u03b5\u03c2, \u03b3\u03b1\u03bb\u03b1\u03ba\u03c4\u03bf\u03ba\u03bf\u03bc\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b3\u03bb\u03bf\u03c5\u03c4\u03ad\u03bd\u03b7.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%80%ce%bf%cf%84%ce%ac-%cf%80%ce%bf%cf%84%ce%ac\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u03a0\u03bf\u03c4\u03ac<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%80%ce%bf%cf%84%ce%ac-%cf%80%ce%bf%cf%84%ce%ac\/%ce%b5%cf%80%ce%b9%ce%b4%cf%8c%cf%81%cf%80%ce%b9%ce%b1-%ce%ba%ce%b1%ce%b9-%cf%80%ce%b1%ce%b3%cf%89%cf%84%ce%ac\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0396\u03b1\u03c7\u03b1\u03c1\u03c9\u03c4\u03ac<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%80%ce%bf%cf%84%ce%ac-%cf%80%ce%bf%cf%84%ce%ac\/%ce%b1%cf%81%cf%84%ce%bf%cf%80%ce%bf%ce%b9%ce%b5%ce%af%ce%bf\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0391\u03c1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03bf<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/\" class=\"card-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-purple\">Innovative<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/household-detergents-and-cleaning-tools-against-blue-tile-background.jpg\" alt=\"\u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae &amp; \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ae \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">\u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae &amp; \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ae \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1<\/h3>\n                    <p class=\"card-description\">\u0397 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7 Landercoll\u00ae \u03c3\u03c4\u03b1 \u03b1\u03c0\u03bf\u03c1\u03c1\u03c5\u03c0\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ae\u03c2 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\u03c2 \u03b5\u03bd\u03b9\u03c3\u03c7\u03cd\u03b5\u03b9 \u03c4\u03bf \u03b9\u03be\u03ce\u03b4\u03b5\u03c2, \u03b1\u03c0\u03bf\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03ba\u03cc\u03bb\u03bb\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c7\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%80%cf%81%ce%bf%cf%83%cf%89%cf%80%ce%b9%ce%ba%ce%ae-%cf%86%cf%81%ce%bf%ce%bd%cf%84%ce%af%ce%b4%ce%b1-%cf%83%cf%84%ce%bf-%cf%83%cf%80%ce%af%cf%84%ce%b9\/%ce%b1%cf%80%ce%bf%cf%81%cf%81%cf%85%cf%80%ce%b1%ce%bd%cf%84%ce%b9%ce%ba%cf%8c-%ce%bf%ce%b9%ce%ba%ce%b9%ce%b1%ce%ba%ce%ae%cf%82-%cf%86%cf%81%ce%bf%ce%bd%cf%84%ce%af%ce%b4%ce%b1%cf%82\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0391\u03c0\u03bf\u03c1\u03c1\u03c5\u03c0\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03bf\u03b9\u03ba\u03b9\u03b1\u03ba\u03ae\u03c2 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\u03c2<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%80%cf%81%ce%bf%cf%83%cf%89%cf%80%ce%b9%ce%ba%ce%ae-%cf%86%cf%81%ce%bf%ce%bd%cf%84%ce%af%ce%b4%ce%b1-%cf%83%cf%84%ce%bf-%cf%83%cf%80%ce%af%cf%84%ce%b9\/%ce%b1%cf%80%ce%bf%cf%81%cf%81%cf%85%cf%80%ce%b1%ce%bd%cf%84%ce%b9%ce%ba%cf%8c-%cf%80%cf%81%ce%bf%cf%83%cf%89%cf%80%ce%b9%ce%ba%ce%ae%cf%82-%cf%86%cf%81%ce%bf%ce%bd%cf%84%ce%af%ce%b4%ce%b1%cf%82\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u0391\u03c0\u03bf\u03c1\u03c1\u03c5\u03c0\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae\u03c2 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\u03c2<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%ce%ae\/%cf%87%cf%81%cf%8e%ce%bc%ce%b1%cf%84%ce%b1-%ce%b5%cf%80%ce%b9%cf%83%cf%84%cf%81%cf%8e%cf%83%ce%b5%ce%b9%cf%82\/\" class=\"card-button\">\n                        <span>\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --primary-blue: #0066ff;\n    --accent-cyan: #00d4ff;\n    --accent-purple: #6366f1;\n    --accent-orange: #ff6b35;\n    --accent-green: #10b981;\n    --dark: #0a0a0a;\n    --gray-900: #1a1a1a;\n    --gray-700: #404040;\n    --gray-500: #737373;\n    --gray-300: #d4d4d4;\n    --gray-100: #f5f5f5;\n    --white: #ffffff;\n}\n\n.applications-section {\n    background: linear-gradient(180deg, var(--white) 0%, var(--gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.applications-section::before {\n    content: '';\n    position: absolute;\n    top: 10%;\n    right: 5%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(0, 102, 255, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.applications-section::after {\n    content: '';\n    position: absolute;\n    bottom: 10%;\n    left: 5%;\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.section-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 80px;\n}\n\n.header-label {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--dark);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    border-radius: 100px;\n    margin-bottom: 28px;\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.section-subtitle {\n    font-size: 18px;\n    color: var(--gray-500);\n    line-height: 1.6;\n    font-weight: 400;\n}\n\n\/* ========================================\n   3. \u5361\u7247\u7f51\u683c\u5e03\u5c40\n   ======================================== *\/\n.row-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n    margin-bottom: 40px;\n}\n\n.row-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.application-card {\n    background: var(--white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.application-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.card-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-red { color: #ef4444; }\n.badge-green { color: #10b981; }\n.badge-blue { color: #3b82f6; }\n.badge-orange { color: #f59e0b; }\n.badge-purple { color: #8b5cf6; }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--gray-100);\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.application-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.application-card:hover .image-overlay {\n    opacity: 1;\n}\n\n\/* ========================================\n   4. \u5185\u5bb9\u533a\u57df\n   ======================================== *\/\n.card-content {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u5217\u8868 *\/\n.card-links {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    margin-bottom: 28px;\n    border-top: 1px solid var(--gray-300);\n    padding-top: 20px;\n}\n\n.link-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    font-size: 14px;\n    color: var(--gray-700);\n    text-decoration: none;\n    transition: all 0.3s ease;\n    border-bottom: 1px solid transparent;\n}\n\n.link-item:hover {\n    color: var(--primary-blue);\n    padding-left: 8px;\n    border-bottom-color: var(--gray-300);\n}\n\n.link-icon {\n    font-size: 16px;\n    font-weight: 700;\n    transition: transform 0.3s ease;\n}\n\n.link-item:hover .link-icon {\n    transform: translateX(4px);\n}\n\n\/* \u6309\u94ae *\/\n.card-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 16px 0;\n    background: var(--dark);\n    color: var(--white);\n    font-weight: 600;\n    font-size: 15px;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--dark);\n}\n\n.card-button:hover {\n    background: transparent;\n    color: var(--dark);\n    transform: translateY(-2px);\n}\n\n.button-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-button:hover .button-arrow {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 40px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .applications-section {\n        padding: 80px 0;\n    }\n\n    .container {\n        padding: 0 24px;\n    }\n\n    .section-header {\n        margin-bottom: 60px;\n    }\n\n    .section-title {\n        font-size: 36px;\n    }\n\n    .section-subtitle {\n        font-size: 16px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .card-title {\n        font-size: 20px;\n    }\n\n    .card-description {\n        font-size: 14px;\n    }\n\n    .card-image {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n\n    .card-content {\n        padding: 24px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ace5ba3 e-con-full e-flex e-con e-parent\" data-id=\"ace5ba3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f2ead elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e2f2ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hero-section\">\n    \n    <div class=\"hero-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"hero-header\">\n            <div class=\"hero-badge\">Industry Excellence<\/div>\n            <h1 class=\"hero-main-title\">Precision-Formulated Cellulose Ether for Peak Industrial Performance<\/h1>\n            <p class=\"hero-description\">LANDERCOLL Precision Cellulose Ethers for Tomorrow's Industries<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"intro-panel\">\n            <p>As a global leader in cellulose ether innovation, LANDERCOLL delivers nature-driven performance for industries shaping tomorrow. Trusted by <strong>1000+ enterprises<\/strong> across construction, pharma, and detergents, our products emerge in global markets, including HPMC, HEMC, HEC, and CMC.<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u7279\u6027\u5361\u7247 -->\n        <div class=\"features-grid\">\n            \n            <!-- Feature 1 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-primary\">Featured<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-9.jpg\" alt=\"\u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-primary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n                            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">\u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/h3>\n                    <p class=\"feature-text\">\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u03c3\u03cd\u03bc\u03c6\u03c9\u03bd\u03b1 \u03bc\u03b5 \u03c4\u03b1 \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 REACH \u03ba\u03b1\u03b9 ISO \u03c4\u03b7\u03c2 \u0395\u0395, \u03b7 LANDERCOLL \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c6\u03bf\u03c3\u03b9\u03c9\u03bc\u03ad\u03bd\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b4\u03b9\u03b5\u03b8\u03bd\u03ce\u03bd \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03c3\u03bc\u03ce\u03bd \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03bf\u03c7\u03ae \u03b1\u03c3\u03c6\u03b1\u03bb\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03c9\u03bd.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-secondary\">\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/06\/LANDU-\u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439-\u0446\u0435\u043d\u0442\u0440.jpg\" alt=\"\u039a\u03af\u03bd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1\u03c2\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-secondary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">\u039a\u03af\u03bd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1\u03c2<\/h3>\n                    <p class=\"feature-text\">\u0397 LANDERCOLL \u03ad\u03c7\u03b5\u03b9 \u03b5\u03b9\u03c3\u03b1\u03b3\u03ac\u03b3\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03c3\u03b5\u03b9\u03c1\u03ac \u03c0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03c9\u03bd \u03bf\u03c1\u03b3\u03ac\u03bd\u03c9\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03c3\u03b5\u03b9 \u03c4\u03b7 \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03cc\u03bc\u03b5\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03c9\u03bd \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03bc\u03b1\u03c2.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 3 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-tertiary\">Certified<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-manufacturing-certification.png\" alt=\"Global Standards\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-tertiary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Global Standards<\/h3>\n                    <p class=\"feature-text\">Our commitment to excellence is reflected in our comprehensive certifications, ensuring compliance with the highest international quality and safety standards.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- CTA \u6309\u94ae -->\n        <div class=\"hero-cta\">\n            <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%84%ce%b1%ce%b9%cf%81%ce%b5%ce%af%ce%b1\/\" class=\"hero-button\">\n                <span>Discover Our Story<\/span>\n                <span class=\"button-icon\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"hero-background\">\n        <div class=\"bg-gradient bg-gradient-1\"><\/div>\n        <div class=\"bg-gradient bg-gradient-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --hero-primary: #0066ff;\n    --hero-primary-dark: #0052cc;\n    --hero-secondary: #6366f1;\n    --hero-tertiary: #10b981;\n    --hero-dark: #0a0a0a;\n    --hero-gray-900: #1a1a1a;\n    --hero-gray-700: #404040;\n    --hero-gray-500: #737373;\n    --hero-gray-300: #d4d4d4;\n    --hero-gray-100: #f5f5f5;\n    --hero-white: #ffffff;\n}\n\n.hero-section {\n    background: linear-gradient(180deg, var(--hero-white) 0%, var(--hero-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-gradient {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-bg 25s ease-in-out infinite;\n}\n\n.bg-gradient-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--hero-primary) 0%, transparent 70%);\n}\n\n.bg-gradient-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--hero-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-bg {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\uff08\u4f18\u5316\u540e\u7684\u5c3a\u5bf8\uff09\n   ======================================== *\/\n.hero-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 60px;\n}\n\n.hero-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.hero-main-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.hero-description {\n    font-size: 20px;\n    color: var(--hero-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u4ecb\u7ecd\u9762\u677f\n   ======================================== *\/\n.intro-panel {\n    background: var(--hero-white);\n    border-left: 4px solid var(--hero-primary);\n    padding: 36px 44px;\n    border-radius: 16px;\n    margin-bottom: 70px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n}\n\n.intro-panel p {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--hero-gray-700);\n    margin: 0;\n}\n\n.intro-panel strong {\n    color: var(--hero-primary);\n    font-weight: 700;\n}\n\n\/* ========================================\n   4. \u7279\u6027\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    margin-bottom: 70px;\n}\n\n.feature-card {\n    background: var(--hero-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.feature-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-primary { color: var(--hero-primary); }\n.badge-secondary { color: var(--hero-secondary); }\n.badge-tertiary { color: var(--hero-tertiary); }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.feature-image-wrapper {\n    height: 260px;\n    position: relative;\n    overflow: hidden;\n    background: var(--hero-gray-100);\n}\n\n.feature-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.feature-card:hover .feature-image {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.feature-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.feature-card:hover .feature-overlay {\n    opacity: 1;\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.feature-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-icon-box {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: all 0.4s ease;\n}\n\n.icon-primary {\n    background: rgba(0, 102, 255, 0.1);\n    color: var(--hero-primary);\n}\n\n.icon-secondary {\n    background: rgba(99, 102, 241, 0.1);\n    color: var(--hero-secondary);\n}\n\n.icon-tertiary {\n    background: rgba(16, 185, 129, 0.1);\n    color: var(--hero-tertiary);\n}\n\n.feature-card:hover .feature-icon-box {\n    transform: scale(1.1) rotate(-5deg);\n}\n\n.feature-title {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.feature-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--hero-gray-700);\n}\n\n\/* ========================================\n   5. CTA \u6309\u94ae\n   ======================================== *\/\n.hero-cta {\n    text-align: center;\n}\n\n.hero-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 38px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--hero-dark);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.hero-button:hover {\n    background: transparent;\n    color: var(--hero-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.button-icon {\n    font-size: 20px;\n    transition: transform 0.3s ease;\n}\n\n.hero-button:hover .button-icon {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   6. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .hero-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .hero-main-title {\n        font-size: 40px;\n    }\n\n    .hero-description {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-section {\n        padding: 100px 0;\n    }\n\n    .hero-container {\n        padding: 0 24px;\n    }\n\n    .hero-main-title {\n        font-size: 32px;\n    }\n\n    .hero-description {\n        font-size: 17px;\n    }\n\n    .intro-panel {\n        padding: 28px;\n    }\n\n    .intro-panel p {\n        font-size: 15px;\n    }\n\n    .feature-title {\n        font-size: 20px;\n    }\n\n    .feature-image-wrapper {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-main-title {\n        font-size: 26px;\n    }\n\n    .hero-description {\n        font-size: 16px;\n    }\n\n    .intro-panel {\n        padding: 24px;\n    }\n\n    .feature-body {\n        padding: 24px;\n    }\n\n    .hero-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-befaa57 e-con-full e-flex e-con e-parent\" data-id=\"befaa57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f57f543 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f57f543\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"innovation-section\">\n    \n    <div class=\"innovation-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"innovation-header\">\n            <div class=\"innovation-badge\">Innovation Excellence<\/div>\n            <h2 class=\"innovation-title\">LANDERCOLL: \u03a0\u03c1\u03c9\u03c4\u03bf\u03c0\u03bf\u03c1\u03b9\u03b1\u03ba\u03ac \u03bd\u03ad\u03b1 \u03c3\u03cd\u03bd\u03bf\u03c1\u03b1 \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03b1\u03b9\u03b8\u03ad\u03c1\u03b1 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2<\/h2>\n            <p class=\"innovation-subtitle\">\u03a7\u03b7\u03bc\u03b5\u03af\u03b1 \u03b2\u03b1\u03c3\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7 \u03c3\u03b5 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ad\u03c8\u03b9\u03bc\u03b7 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u670d\u52a1\u5361\u7247 -->\n        <div class=\"innovation-grid\">\n            \n            <!-- Service 1 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">01<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-sample-test.jpg\" alt=\"\u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b7 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c3\u03b7\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polyline points=\"12 6 12 12 16 14\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">\u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b7 \u03c3\u03cd\u03bd\u03b8\u03b5\u03c3\u03b7<\/h3>\n                    <p class=\"card-description\">At LANDERCOLL, we engineer precision-grade cellulose ether formulations to meet your exact industrial requirements. Leveraging our triple-lab R&amp;D infrastructure, we customize HPMC, HEC, CMC, and HEMC variants across 20+ parameters.<\/p>\n                    <a href=\"https:\/\/landu-china.com\/en\/services\/formulation-development\/\" class=\"card-link-button\">\n                        <span>\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 2 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">02<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-11-scaled.jpg\" alt=\"\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b4\u03b5\u03b9\u03b3\u03bc\u03b1\u03c4\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ce\u03bd \u03b4\u03bf\u03ba\u03b9\u03bc\u03ce\u03bd\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                                <polyline points=\"14 2 14 8 20 8\"\/>\n                                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n                                <polyline points=\"10 9 9 9 8 9\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b4\u03b5\u03b9\u03b3\u03bc\u03b1\u03c4\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ce\u03bd \u03b4\u03bf\u03ba\u03b9\u03bc\u03ce\u03bd<\/h3>\n                    <p class=\"card-description\">\u03a3\u03c4\u03b7 LANDERCOLL, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b5\u03af\u03b3\u03bc\u03b1\u03c4\u03b1 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03b5\u03af\u03c2 \u03b5\u03ba\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03b9\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b7 \u03ba\u03b1\u03b8\u03bf\u03b4\u03ae\u03b3\u03b7\u03c3\u03b7. \u0395\u03ac\u03bd \u03ad\u03c7\u03b5\u03c4\u03b5 \u03bf\u03c0\u03bf\u03b9\u03b5\u03c3\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ae \u03b1\u03bd\u03b7\u03c3\u03c5\u03c7\u03af\u03b5\u03c2 \u03c3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2, \u03b7 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c7\u03b7\u03bc\u03b9\u03ba\u03ce\u03bd \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/el\/%cf%85%cf%80%ce%b7%cf%81%ce%b5%cf%83%ce%af%ce%b5%cf%82\/\" class=\"card-link-button\">\n                        <span>\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 3 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">03<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-laboratory.jpg\" alt=\"\u0395\u03c0\u03b5\u03ba\u03c4\u03b5\u03af\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae\u03c2\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">\u0395\u03c0\u03b5\u03ba\u03c4\u03b5\u03af\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae\u03c2<\/h3>\n                    <p class=\"card-description\">Continuously expanding beyond traditional sectors, LANDERCOLL is driving cellulose ether innovations into cutting-edge industries. Our R&amp;D breakthroughs now enable our Cellulose Ether to revolutionize ceramic, oil drilling, paint remover, and textiles.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/el\/%ce%b5%cf%84%ce%b1%ce%b9%cf%81%ce%b5%ce%af%ce%b1\/%ce%ba%ce%ad%ce%bd%cf%84%cf%81%ce%bf-%ce%ba%ce%b1%ce%b9%ce%bd%ce%bf%cf%84%ce%bf%ce%bc%ce%af%ce%b1%cf%82\/\" class=\"card-link-button\">\n                        <span>\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"innovation-background\">\n        <div class=\"bg-shape shape-1\"><\/div>\n        <div class=\"bg-shape shape-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --innov-primary: #0066ff;\n    --innov-secondary: #6366f1;\n    --innov-tertiary: #10b981;\n    --innov-dark: #0a0a0a;\n    --innov-gray-900: #1a1a1a;\n    --innov-gray-700: #404040;\n    --innov-gray-500: #737373;\n    --innov-gray-300: #d4d4d4;\n    --innov-gray-100: #f5f5f5;\n    --innov-white: #ffffff;\n}\n\n.innovation-section {\n    background: linear-gradient(180deg, var(--innov-white) 0%, var(--innov-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.innovation-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-shape {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-shape 25s ease-in-out infinite;\n}\n\n.shape-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--innov-primary) 0%, transparent 70%);\n}\n\n.shape-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--innov-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-shape {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.innovation-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.innovation-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 70px;\n}\n\n.innovation-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--innov-dark);\n    color: var(--innov-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.innovation-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.innovation-subtitle {\n    font-size: 20px;\n    color: var(--innov-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u670d\u52a1\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.innovation-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.innovation-card {\n    background: var(--innov-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.innovation-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u7f16\u53f7\u5fbd\u7ae0 *\/\n.card-number-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    z-index: 10;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image-container {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--innov-gray-100);\n}\n\n.card-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.innovation-card:hover .card-image {\n    transform: scale(1.08);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.card-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(0, 102, 255, 0.9) 0%, rgba(99, 102, 241, 0.9) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.innovation-card:hover .card-image-overlay {\n    opacity: 1;\n}\n\n.overlay-icon-wrapper {\n    transform: scale(0.8);\n    transition: transform 0.4s ease;\n}\n\n.innovation-card:hover .overlay-icon-wrapper {\n    transform: scale(1);\n}\n\n.overlay-icon-wrapper svg {\n    color: var(--innov-white);\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.card-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-heading {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--innov-gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u6309\u94ae *\/\n.card-link-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--innov-primary);\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    position: relative;\n    align-self: flex-start;\n}\n\n.card-link-button::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--innov-primary);\n    transition: width 0.3s ease;\n}\n\n.card-link-button:hover::after {\n    width: calc(100% - 30px);\n}\n\n.card-link-button:hover {\n    gap: 14px;\n}\n\n.link-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-link-button:hover .link-arrow {\n    transform: translateX(4px);\n}\n\n\/* ========================================\n   4. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .innovation-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .innovation-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .innovation-title {\n        font-size: 40px;\n    }\n\n    .innovation-subtitle {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .innovation-section {\n        padding: 100px 0;\n    }\n\n    .innovation-container {\n        padding: 0 24px;\n    }\n\n    .innovation-title {\n        font-size: 32px;\n    }\n\n    .innovation-subtitle {\n        font-size: 17px;\n    }\n\n    .card-heading {\n        font-size: 20px;\n    }\n\n    .card-image-container {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .innovation-title {\n        font-size: 26px;\n    }\n\n    .innovation-subtitle {\n        font-size: 16px;\n    }\n\n    .card-body {\n        padding: 24px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd0407d e-con-full e-flex e-con e-parent\" data-id=\"fd0407d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0072f27 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0072f27\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"exhibition-showcase\">\n    \n    <div class=\"container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"showcase-header\">\n            <div class=\"header-tag\">\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n                <span>Global Excellence<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n            <\/div>\n            <h2>\u03a3\u03c5\u03bd-\u03b1\u03bd\u03b1\u03c0\u03c4\u03c5\u03b3\u03bc\u03ad\u03bd\u03bf\u03b9 \u03b1\u03b9\u03b8\u03ad\u03c1\u03b5\u03c2 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2: \u03a7\u03b7\u03bc\u03b5\u03af\u03b1 \u03bc\u03b1\u03c2<\/h2>\n            <p class=\"showcase-subtitle\">LANDERCOLL | \u03a0\u03b1\u03b3\u03ba\u03bf\u03c3\u03bc\u03af\u03c9\u03c2 \u03b1\u03bd\u03b1\u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03af\u03b1 \u03c3\u03c4\u03bf\u03bd \u03b1\u03b9\u03b8\u03ad\u03c1\u03b1 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"showcase-intro\">\n            <p>\u0388\u03c7\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03c3\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2 \u03c3\u03b5 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03b2\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ac \u03c6\u03cc\u03c1\u03bf\u03c5\u03bc, \u03cc\u03c0\u03c9\u03c2 \u03c4\u03bf <strong>\u0388\u03ba\u03b8\u03b5\u03c3\u03b7 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03c9\u03bd \u039c\u03ad\u03c3\u03b7\u03c2 \u0391\u03bd\u03b1\u03c4\u03bf\u03bb\u03ae\u03c2<\/strong>, <strong>\u0395\u03c5\u03c1\u03c9\u03c0\u03b1\u03ca\u03ba\u03ae \u03ad\u03ba\u03b8\u03b5\u03c3\u03b7 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ce\u03c3\u03b5\u03c9\u03bd<\/strong>, \u03ba\u03b1\u03b9 <strong>Asia-Pacific Coatings Expo<\/strong>, LANDERCOLL has cemented its reputation for delivering uncompromised quality and batch-to-batch consistency across global markets. Our cellulose ether solutions \u2013 rigorously tested to meet <strong>ISO 9001<\/strong> \u2013 have earned the trust of <strong>500+ manufacturers<\/strong> seeking reliable performance in coatings, construction, and specialty applications.<\/p>\n        <\/div>\n\n        <!-- \u56fe\u7247\u5c55\u793a - 4\u5217\u7f51\u683c -->\n        <div class=\"showcase-grid\">\n            \n            <!-- Image 1 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-saleswoman-at-CHINACOAT-2025-scaled.jpg\" alt=\"Sales Representative\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udc65<\/div>\n                    <h4>Dedicated Service<\/h4>\n                    <p>Professional Sales Team<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 2 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/DSC01721-scaled.jpg\" alt=\"Exhibition Hall\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfe2<\/div>\n                    <h4>World-Class Exhibition<\/h4>\n                    <p>International Recognition<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 3 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-1-scaled.jpg\" alt=\"Product Presentation\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udce6<\/div>\n                    <h4>Product Excellence<\/h4>\n                    <p>Quality Demonstration<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 4 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-scaled.jpg\" alt=\"Exhibition Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udf0d<\/div>\n                    <h4>Global Presence<\/h4>\n                    <p>Industry Leadership<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 5 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-at-CHINACOAT-2025-scaled.jpg\" alt=\"CHINACOAT 2025\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfc6<\/div>\n                    <h4>CHINACOAT 2025<\/h4>\n                    <p>Leading Innovation<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 6 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619338.jpg\" alt=\"Innovation Display\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udca1<\/div>\n                    <h4>Innovation Display<\/h4>\n                    <p>Cutting-Edge Solutions<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 7 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1439\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619381.jpg\" alt=\"Product Portfolio\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udccb<\/div>\n                    <h4>Product Portfolio<\/h4>\n                    <p>Comprehensive Range<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 8 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1440\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619664.jpg\" alt=\"Client Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83e\udd1d<\/div>\n                    <h4>Client Engagement<\/h4>\n                    <p>Building Partnerships<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n<\/div>\n\n<style>\n.exhibition-showcase {\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.exhibition-showcase .container {\n    max-width: 1320px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* \u6807\u9898\u533a\u57df *\/\n.showcase-header {\n    text-align: center;\n    margin-bottom: 40px;\n    position: relative;\n    padding-top: 40px;\n}\n\n.header-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);\n    color: white;\n    border-radius: 30px;\n    font-size: 12px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);\n}\n\n.showcase-header h2 {\n    font-size: 40px;\n    font-weight: 800;\n    color: #1a1a1a;\n    line-height: 1.3;\n    margin-bottom: 12px;\n    letter-spacing: -0.5px;\n}\n\n.showcase-subtitle {\n    font-size: 16px;\n    color: #666;\n    font-weight: 500;\n}\n\n\/* \u4ecb\u7ecd\u6587\u672c *\/\n.showcase-intro {\n    max-width: 900px;\n    margin: 0 auto 50px;\n    padding: 40px 50px;\n    background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);\n    border-radius: 16px;\n    border: 3px solid;\n    border-image: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) 1;\n    position: relative;\n}\n\n.showcase-intro p {\n    font-size: 15px;\n    line-height: 1.8;\n    color: #444;\n    margin: 0;\n}\n\n.showcase-intro strong {\n    color: #2563eb;\n    font-weight: 700;\n}\n\n\/* 4\u5217\u7f51\u683c\u5e03\u5c40 *\/\n.showcase-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n}\n\n.grid-item {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s;\n    aspect-ratio: 4\/3;\n    border: 3px solid transparent;\n}\n\n.grid-item:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.3);\n    border-color: #2563eb;\n}\n\n.grid-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s;\n}\n\n.grid-item:hover img {\n    transform: scale(1.1);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px;\n    background: linear-gradient(to top, rgba(37, 99, 235, 0.95) 0%, transparent 100%);\n    color: white;\n    transform: translateY(100%);\n    transition: transform 0.4s;\n}\n\n.grid-item:hover .image-overlay {\n    transform: translateY(0);\n}\n\n.overlay-icon {\n    font-size: 32px;\n    margin-bottom: 8px;\n}\n\n.image-overlay h4 {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 4px;\n}\n\n.image-overlay p {\n    font-size: 13px;\n    opacity: 0.9;\n    margin: 0;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1200px) {\n    .showcase-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n@media (max-width: 900px) {\n    .showcase-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .exhibition-showcase .container {\n        padding: 0 20px;\n    }\n    \n    .showcase-header h2 {\n        font-size: 28px;\n    }\n    \n    .showcase-intro {\n        padding: 25px;\n    }\n    \n    .showcase-intro p {\n        font-size: 14px;\n    }\n    \n    .showcase-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0ef79b e-grid e-con-boxed e-con e-parent\" data-id=\"c0ef79b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2f7b2 elementor-widget elementor-widget-image\" data-id=\"3a2f7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.middleeastcoatingsshow.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"176\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png\" class=\"attachment-large size-large wp-image-6258\" alt=\"\u0395\u039a\u0398\u0395\u03a3\u0397 \u0395\u03a0\u0399\u03a3\u03a4\u03a1\u03a9\u03a3\u0395\u03a9\u039d\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-300x73.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-18x4.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593f698 elementor-widget elementor-widget-image\" data-id=\"593f698\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.european-coatings-show.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"208\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png\" class=\"attachment-large size-large wp-image-6256\" alt=\"\u0395\u03a0\u0399\u03a7\u03a1\u038a\u03a3\u039c\u0391\u03a4\u0391 \u0394\u0395\u038a\u03a7\u039d\u039f\u03a5\u039d 2025\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-300x87.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-18x5.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-210574a elementor-widget elementor-widget-image\" data-id=\"210574a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.chinacoat.net\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"259\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png\" class=\"attachment-large size-large wp-image-6257\" alt=\"chinacoat\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-300x108.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-18x6.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b8481 elementor-widget elementor-widget-image\" data-id=\"a4b8481\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.saopauloexpo.com.br\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"124\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png\" class=\"attachment-large size-large wp-image-6255\" alt=\"S\u00c3O PAULO EXPO\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-300x52.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-18x3.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u039c\u03ac\u03c1\u03ba\u03b1 LANDU LANDERCOLL \u03a0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03bf\u03c2 \u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03ae\u03c2 \u0391\u03ba\u03c1\u03b9\u03b2\u03b5\u03af\u03b1\u03c2 \u039a\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2 \u0395\u03c4\u03b5\u03c1\u03bf\u03b3\u03ad\u03bd\u03b5\u03c3\u03b7 HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC\u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b5\u03c2 \u03c4\u03bf\u03c5 \u0391\u03cd\u03c1\u03b9\u03bf \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u2192 \u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc 1000 \u0395\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u0395\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc 60 \u03a7\u03ce\u03c1\u03b5\u03c2 \u03c3\u03b5 \u03cc\u03bb\u03bf \u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf \u03a0\u03bf\u03b9\u03bf\u03c4\u03b9\u03ba\u03ae \u03a5\u03c8\u03b7\u03bb\u03ae \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03a0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u0391\u03ba\u03c4\u03b9\u03bd\u03bf\u03b2\u03bf\u03bb\u03af\u03b1 \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 \u0392\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7 \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03af\u03b1 \u039c\u03b5\u03c4\u03b1\u03bc\u03bf\u03c1\u03c6\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b1 \u0392\u03b5\u03c1\u03bd\u03af\u03ba\u03b9\u03b1 \u03bc\u03b5 \u03a0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b7 \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 \u0397 LANDU \u03c3\u03b1\u03c2 \u03c6\u03ad\u03c1\u03bd\u03b5\u03b9 \u03c0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03c4\u03b5\u03c1\u03bf\u03b3\u03ad\u03bd\u03b5\u03c3\u03b7 \u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03ad\u03c4\u03bf\u03c5\u03bd \u03bd\u03ad\u03b1 \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b2\u03b1\u03c6\u03ce\u03bd\u2014\u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b1\u03c3\u03cd\u03b3\u03ba\u03c1\u03b9\u03c4\u03bf \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf, [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/pages\/5785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/comments?post=5785"}],"version-history":[{"count":355,"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/pages\/5785\/revisions"}],"predecessor-version":[{"id":11316,"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/pages\/5785\/revisions\/11316"}],"wp:attachment":[{"href":"https:\/\/landercoll.com\/el\/wp-json\/wp\/v2\/media?parent=5785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}