{"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\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<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>LANDU Brand<\/span>\n                        <\/div>\n                        <h1 class=\"landu-brand-hero-title\">\n                            <span class=\"landu-brand-name\">LANDERCOLL<\/span>\n                            <span class=\"landu-brand-tagline\">Precision Cellulose Ethers<\/span>\n                        <\/h1>\n                        <p class=\"landu-brand-description\">\n                            Global Manufacturer of <strong>HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC<\/strong><br>for Tomorrow's Industries\n                        <\/p>\n                        <a href=\"https:\/\/landercoll.com\/en\/contact\/\" class=\"landu-brand-cta-btn\">\n                            <span class=\"landu-btn-text\">Contact Us<\/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\">Trusted Enterprises<\/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\">Countries Worldwide<\/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\">Premium Quality<\/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\">Global Reach<\/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\">Innovation<\/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\">Sustainable<\/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                            Transforming Coatings with\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\">Advanced Rheology Engineering<\/div>\n                                    <div class=\"landu-product-feature-desc\">Precise viscosity optimization for seamless application<\/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\">Superior Film Excellence<\/div>\n                                    <div class=\"landu-product-feature-desc\">Ultra-smooth texture with exceptional durability<\/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\">Sustainable Chemistry Leadership<\/div>\n                                    <div class=\"landu-product-feature-desc\">Eco-friendly formulations for responsible innovation<\/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>Explore Products<\/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>Contact Us<\/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\">Premium<\/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\">Professional Performance Grade<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroxyethyl Methyl Cellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Enhances flow characteristics, moisture balance, and surface consistency for premium architectural coatings with flawless outcomes.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"landu-product-card-link\">\n                                    <span>Explore Details<\/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\">Versatile<\/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\">Multi-Purpose Rheology Solution<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroxyethyl Cellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Provides reliable thickening, formulation stability, and effortless application in aqueous paints, ensuring dependable results.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-cellulose-hec\/\" class=\"landu-product-card-link\">\n                                    <span>Explore Details<\/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=\"Previous\">\u2039<\/button>\n    <button class=\"landu-banner-arrow landu-arrow-next\" aria-label=\"Next\">\u203a<\/button>\n<\/section>\n\n<div class=\"landu-banner-indicators-wrapper\">\n    <button class=\"landu-indicator landu-active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\n    <button class=\"landu-indicator\" data-slide=\"1\" aria-label=\"Slide 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> Cellulose Ether\n            <\/h2>\n            <p class=\"product-subtitle\">Premium chemical solutions powering modern construction and industrial applications with reliability and performance.<\/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 Best Seller<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HPMC<\/div>\n                    <h3 class=\"product-name\">Hydroxypropyl Methylcellulose<\/h3>\n                    <p class=\"product-description\">Essential additive for dry-mix mortars, enhancing water retention, workability, and adhesion strength in tile adhesives and plasters.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/en\/cellulose-ether\/hydroxypropyl-methyl-cellulose-hpmc\/\" class=\"product-button\">\n                        <span>View Details<\/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 High Temp<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEMC<\/div>\n                    <h3 class=\"product-name\">Hydroxyethyl Methyl Cellulose<\/h3>\n                    <p class=\"product-description\">Superior thermal stability for hot climates. Provides excellent sag resistance and open time for cement and gypsum-based applications.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/cellulose-ether\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"product-button\">\n                        <span>View Details<\/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 Versatile<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEC<\/div>\n                    <h3 class=\"product-name\">Hydroxyethyl Cellulose<\/h3>\n                    <p class=\"product-description\">Non-ionic thickener ideal for water-based paints and coatings. Offers excellent color acceptance, stability, and flow properties.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/cellulose-ether\/hydroxyethyl-cellulose-hec\/\" class=\"product-button\">\n                        <span>View Details<\/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\">Industry-Tailored Cellulose Ether Innovations<\/h2>\n            <p class=\"section-subtitle\">Premium chemical solutions powering modern construction and industrial applications with reliability and performance.<\/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=\"Dry-Mix Mortar\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Dry-Mix Mortar<\/h3>\n                    <p class=\"card-description\">Cellulose ether enhances dry mix mortar performance through multifunctional modification: its superior water retention (\u226595% RH stability) prevents premature moisture loss, ensuring optimal cement hydration for increased compressive strength.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/application\/drymix-mortar\/hpmc-for-tile-adhesive\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Cement Tile Adhesive<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/drymix-mortar\/cement-based-wall-putty-skim-coat-always\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Wall Putty \/ Skim Coat<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/drymix-mortar\/cement-render-plaster-additive\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Cement Render \/ Plaster<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/application\/drymix-mortar\/\" class=\"card-button\">\n                        <span>View More<\/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=\"Paint and Coatings\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Paint and Coatings<\/h3>\n                    <p class=\"card-description\">In the paint and coating industry, cellulose ether acts as a thickener and rheology modifier, providing optimal viscosity for improved stability, sag resistance, and better brush or roller application. It also enhances water retention, preventing premature drying and ensuring even film formation.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/textured-paint-additive\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Textured Paint<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/emulsion-polymerization\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsion Polymerization<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/emulsion-paint\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsion Paint<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/\" class=\"card-button\">\n                        <span>View More<\/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=\"Pharmaceuticals\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Pharmaceuticals<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in pharmaceuticals acts as a binder, thickener, stabilizer, and controlled-release agent in tablets, capsules, and suspensions.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/application\/pharmaceuticals\/pharmaceutical-excipients\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Pharmaceutical Excipients<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/pharmaceuticals\/active-pharmaceutical-ingredients\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Active Pharmaceutical Ingredients<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/pharmaceuticals\/pharmaceutical-intermediates\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Pharmaceutical Intermediates<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/application\/pharmaceuticals\/\" class=\"card-button\">\n                        <span>View More<\/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\">Premium<\/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=\"Beverages & Drinks\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Beverages & Drinks<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in food acts as a thickener, stabilizer, emulsifier, and texture enhancer in sauces, dairy, and gluten-free products.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/application\/beverages-drinks\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Beverages<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/beverages-drinks\/desserts-and-ice-cream\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Confectionery<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/beverages-drinks\/bakery\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Bakery<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/\" class=\"card-button\">\n                        <span>View More<\/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=\"Personal & Home Care\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Personal & Home Care<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in personal and home care detergents enhances viscosity, prevents soil reattachment, and improves cleaning performance.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/application\/personal-home-care\/home-care-detergent\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Home Care Detergent<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/application\/personal-home-care\/personal-care-detergent\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Personal Care Detergent<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/application\/paints-coatings\/\" class=\"card-button\">\n                        <span>View More<\/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=\"Quality Assurance\" 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\">Quality Assurance<\/h3>\n                    <p class=\"feature-text\">Certified by both EU REACH and ISO standards, LANDERCOLL is dedicated to meeting international regulations to provide safe and high-quality additives.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-secondary\">Innovation<\/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=\"Innovation Drive\" 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\">Innovation Drive<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL has introduced a range of advanced instruments to ensure optimal performance and deliver innovative solutions tailored to our customers' specific requirements.<\/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\/en\/company\/\" 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: Pioneering New Frontiers in Cellulose Ether Applications<\/h2>\n            <p class=\"innovation-subtitle\">Data-Backed Chemistry for Predictable Success<\/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=\"Tailored Formulation\" 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\">Tailored Formulation<\/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&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>Learn More<\/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=\"Sample Test Services\" 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\">Sample Test Services<\/h3>\n                    <p class=\"card-description\">At LANDERCOLL, we offer free samples along with detailed technical process reports and comprehensive guidance. If you have any questions or concerns about product efficacy, our team of experts and chemists is here to assist.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/en\/services\/\" class=\"card-link-button\">\n                        <span>Learn More<\/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=\"Expand Application Areas\" 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\">Expand Application Areas<\/h3>\n                    <p class=\"card-description\">Continuously expanding beyond traditional sectors, LANDERCOLL is driving cellulose ether innovations into cutting-edge industries. Our R&D breakthroughs now enable our Cellulose Ether to revolutionize ceramic, oil drilling, paint remover, and textiles.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/en\/company\/innovation-center\/\" class=\"card-link-button\">\n                        <span>Learn More<\/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>Co-Developed Cellulose Ethers: Your Vision, Our Chemistry<\/h2>\n            <p class=\"showcase-subtitle\">LANDERCOLL | Globally Recognized Excellence in Cellulose Ether<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"showcase-intro\">\n            <p>Having showcased our innovations at premier industry forums including the <strong>Middle East Coatings Show<\/strong>, <strong>European Coatings Show<\/strong>, and <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=\"COATINGS SHOW\" 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=\"COATINGS SHOW 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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LANDU Brand LANDERCOLL Precision Cellulose Ethers Global Manufacturer of HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HECfor Tomorrow&#8217;s Industries Contact Us \u2192 1000+ Trusted Enterprises 60+ Countries Worldwide Premium Quality Global Reach Innovation Sustainable Innovation Excellence Transforming Coatings with Advanced Innovation LANDU brings you advanced cellulose ethers that set new standards in coating performance\u2014offering unmatched control, [&hellip;]<\/p>\n","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\/en\/wp-json\/wp\/v2\/pages\/5785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/comments?post=5785"}],"version-history":[{"count":355,"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/pages\/5785\/revisions"}],"predecessor-version":[{"id":11316,"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/pages\/5785\/revisions\/11316"}],"wp:attachment":[{"href":"https:\/\/landercoll.com\/en\/wp-json\/wp\/v2\/media?parent=5785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}