{"id":20982,"date":"2024-12-19T14:59:26","date_gmt":"2024-12-19T06:59:26","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=20982"},"modified":"2026-01-12T10:28:49","modified_gmt":"2026-01-12T02:28:49","slug":"home","status":"publish","type":"page","link":"https:\/\/landu-china.com\/fr","title":{"rendered":"Accueil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20982\" class=\"elementor elementor-20982\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04e294 e-con-full e-flex e-con e-parent\" data-id=\"a04e294\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84527a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"84527a8\" data-element_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 3-Slide Professional Edition -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap');\n\n    :root {\n        \/* Slide 1: \u6df1\u84dd\u79d1\u6280 (\u54c1\u724c\u5c55\u793a) *\/\n        --blue-gradient: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0c1929 100%);\n        \/* Slide 2: \u6df1\u7070\u4e13\u4e1a (\u4ea7\u54c1\u5c55\u793a) *\/\n        --dark-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);\n        \/* Slide 3: \u6df1\u7eff\u53ef\u6301\u7eed (\u4ef7\u503c\u89c2) *\/\n        --green-gradient: linear-gradient(135deg, #0d2818 0%, #1a4731 50%, #0a1f14 100%);\n        \n        --accent: #3b82f6;\n        --accent-light: #60a5fa;\n        --accent-glow: 0 0 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner {\n        position: relative; width: 100%; height: 800px;\n        background: #0a0a0a; font-family: 'Inter', sans-serif;\n        overflow: hidden; color: #fff;\n    }\n\n    \/* ========================================\n       \u516c\u5171\u88c5\u9970\u5c42 - \u73b0\u4ee3\u7f51\u683c\u80cc\u666f\n       ======================================== *\/\n    .global-overlay { \n        position: absolute; top: 0; left: 0; width: 100%; height: 100%; \n        pointer-events: none; z-index: 10; \n    }\n\n    \/* \u5fae\u5999\u7684\u7f51\u683c\u80cc\u666f *\/\n    .grid-pattern {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: \n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n        background-size: 60px 60px;\n    }\n\n    \/* \u6e10\u53d8\u5149\u6655 *\/\n    .glow-orb {\n        position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.15;\n    }\n    .glow-orb.orb-1 {\n        width: 600px; height: 600px; background: #3b82f6;\n        top: -200px; right: -100px; animation: float 8s ease-in-out infinite;\n    }\n    .glow-orb.orb-2 {\n        width: 400px; height: 400px; background: #10b981;\n        bottom: -150px; left: -100px; animation: float 10s ease-in-out infinite reverse;\n    }\n    @keyframes float {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(30px, -30px); }\n    }\n\n    \/* \u52a8\u6001\u7c92\u5b50 *\/\n    .particles-container { position: absolute; width: 100%; height: 100%; }\n    .particle {\n        position: absolute; width: 3px; height: 3px; background: rgba(59, 130, 246, 0.6);\n        border-radius: 50%; animation: rise linear infinite;\n    }\n    @keyframes rise {\n        0% { transform: translateY(0) scale(1); opacity: 0; }\n        10% { opacity: 1; }\n        90% { opacity: 1; }\n        100% { transform: translateY(-800px) scale(0.5); opacity: 0; }\n    }\n\n    \/* ========================================\n       \u5e7b\u706f\u7247\u901a\u7528\u8bbe\u7f6e\n       ======================================== *\/\n    .slide {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out;\n        z-index: 1; display: flex; align-items: center; justify-content: center;\n    }\n    .slide.active { opacity: 1; visibility: visible; z-index: 5; }\n\n    \/* ========================================\n       Slide 1: \u54c1\u724c\u5c55\u793a (\u4f01\u4e1a\u4ecb\u7ecd)\n       ======================================== *\/\n    .theme-blue { background: var(--blue-gradient); }\n\n    .brand-layout {\n        text-align: center; position: relative; z-index: 20;\n        display: flex; flex-direction: column; align-items: center;\n        max-width: 900px; padding: 0 40px;\n    }\n\n    \/* \u54c1\u724c\u5fbd\u7ae0 *\/\n    .brand-badge {\n        display: inline-flex; align-items: center; gap: 12px;\n        background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n        padding: 10px 24px; border-radius: 50px; margin-bottom: 30px;\n    }\n    .badge-dot {\n        width: 8px; height: 8px; background: #3b82f6; border-radius: 50%;\n        animation: pulse 2s infinite;\n    }\n    @keyframes pulse {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.5; transform: scale(1.2); }\n    }\n    .badge-text {\n        font-size: 13px; font-weight: 600; color: var(--accent-light);\n        text-transform: uppercase; letter-spacing: 2px;\n    }\n\n    .brand-title {\n        font-size: 56px; font-weight: 800; line-height: 1.1; margin-bottom: 24px;\n        background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n    .brand-title span {\n        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n\n    .brand-desc {\n        font-size: 18px; color: rgba(255,255,255,0.7); max-width: 700px;\n        line-height: 1.7; margin-bottom: 40px;\n    }\n\n    \/* \u7edf\u8ba1\u6570\u636e *\/\n    .stats-row {\n        display: flex; gap: 60px; margin-bottom: 40px;\n    }\n    .stat-item { text-align: center; }\n    .stat-number {\n        font-size: 42px; font-weight: 800; color: var(--accent);\n        line-height: 1;\n    }\n    .stat-label {\n        font-size: 13px; color: rgba(255,255,255,0.6);\n        text-transform: uppercase; letter-spacing: 1px; margin-top: 8px;\n    }\n\n    .btn-group { display: flex; gap: 16px; }\n    .btn-primary {\n        background: var(--accent); color: #fff; padding: 16px 36px;\n        border-radius: 8px; font-weight: 700; text-decoration: none;\n        transition: all 0.3s; box-shadow: var(--accent-glow);\n    }\n    .btn-primary:hover { background: var(--accent-light); transform: translateY(-3px); }\n    .btn-outline {\n        border: 1px solid rgba(255,255,255,0.3); color: #fff; padding: 16px 36px;\n        border-radius: 8px; font-weight: 600; text-decoration: none; transition: 0.3s;\n    }\n    .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\n\n    \/* ========================================\n       Slide 2 & 3 \u901a\u7528\u5e03\u5c40\n       ======================================== *\/\n    .theme-dark { background: var(--dark-gradient); }\n    .theme-green { background: var(--green-gradient); }\n\n    .layout-split {\n        width: 100%; max-width: 1400px; padding: 0 60px;\n        display: grid; grid-template-columns: 45% 55%; gap: 60px;\n        align-items: center; z-index: 20;\n    }\n    .container-center {\n        width: 100%; max-width: 1400px; padding: 0 60px;\n        text-align: center; z-index: 20;\n    }\n\n    \/* \u6807\u7b7e\u6837\u5f0f *\/\n    .tag-pill {\n        display: inline-flex; align-items: center; gap: 8px;\n        background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n        padding: 8px 18px; border-radius: 50px; color: var(--accent-light);\n        font-weight: 600; text-transform: uppercase; font-size: 12px;\n        letter-spacing: 1px; margin-bottom: 20px;\n    }\n\n    .hero-title {\n        font-size: 44px; font-weight: 800; line-height: 1.15; margin-bottom: 20px;\n    }\n    .hero-title span { color: var(--accent); }\n    .hero-desc {\n        font-size: 16px; line-height: 1.7; color: rgba(255,255,255,0.75); margin-bottom: 30px;\n    }\n\n    \/* Slide 2 \u7279\u6027\u5217\u8868 *\/\n    .feature-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 35px; }\n    .feature-item {\n        display: flex; align-items: center; gap: 16px;\n        background: rgba(255,255,255,0.03); padding: 16px 20px; border-radius: 12px;\n        border: 1px solid rgba(255,255,255,0.08); transition: 0.3s;\n    }\n    .feature-item:hover {\n        background: rgba(59, 130, 246, 0.1); border-color: rgba(59, 130, 246, 0.3);\n        transform: translateX(8px);\n    }\n    .feat-icon {\n        width: 44px; height: 44px; background: rgba(59, 130, 246, 0.15);\n        border-radius: 10px; display: flex; align-items: center; justify-content: center;\n        font-size: 20px; flex-shrink: 0;\n    }\n    .feat-text h4 { margin: 0 0 4px; font-size: 15px; color: #fff; font-weight: 600; }\n    .feat-text p { margin: 0; font-size: 13px; color: rgba(255,255,255,0.6); }\n\n    \/* \u5361\u7247\u7f51\u683c *\/\n    .products-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n    .cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 50px; }\n\n    .modern-card {\n        background: rgba(255,255,255,0.03); backdrop-filter: blur(10px);\n        border: 1px solid rgba(255,255,255,0.08); border-radius: 16px;\n        overflow: hidden; position: relative; transition: all 0.4s;\n        display: flex; flex-direction: column; text-align: left;\n    }\n    .modern-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(59, 130, 246, 0.4);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 30px rgba(59, 130, 246, 0.1);\n    }\n\n    .card-img-box {\n        width: 100%; height: 220px; background: linear-gradient(135deg, #1e293b, #334155);\n        position: relative; overflow: hidden;\n    }\n    .card-img-box img {\n        width: 100%; height: 100%; object-fit: cover; transition: 0.5s;\n    }\n    .modern-card:hover .card-img-box img { transform: scale(1.08); }\n\n    .card-info { padding: 24px; flex: 1; display: flex; flex-direction: column; }\n    .card-info h3 { font-size: 18px; font-weight: 700; margin-bottom: 6px; color: #fff; }\n    .card-info .sub {\n        color: var(--accent); font-size: 11px; font-weight: 600;\n        text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;\n    }\n    .card-info .desc {\n        font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.5; margin-bottom: 16px;\n    }\n    .card-link {\n        color: var(--accent-light); font-weight: 600; text-decoration: none;\n        font-size: 13px; margin-top: auto; display: inline-flex; align-items: center; gap: 6px;\n        transition: 0.3s;\n    }\n    .card-link:hover { color: #fff; gap: 10px; }\n\n    \/* \u5bfc\u822a\u63a7\u4ef6 *\/\n    .nav-arrow {\n        position: absolute; top: 50%; transform: translateY(-50%);\n        width: 52px; height: 52px; border-radius: 50%;\n        border: 1px solid rgba(255,255,255,0.15);\n        background: rgba(0,0,0,0.4); backdrop-filter: blur(10px);\n        color: #fff; font-size: 20px; cursor: pointer; z-index: 30;\n        display: flex; align-items: center; justify-content: center; transition: 0.3s;\n    }\n    .nav-arrow:hover { background: var(--accent); border-color: var(--accent); }\n    .prev { left: 30px; } .next { right: 30px; }\n\n    .dots {\n        position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);\n        display: flex; gap: 12px; z-index: 30;\n    }\n    .dot {\n        width: 10px; height: 10px; border-radius: 50%;\n        background: rgba(255,255,255,0.25); cursor: pointer; transition: 0.3s;\n    }\n    .dot.active {\n        background: var(--accent); width: 32px; border-radius: 5px;\n        box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\n    }\n\n    \/* \u8fdb\u5ea6\u6761 *\/\n    .progress-bar {\n        position: absolute; bottom: 0; left: 0; height: 3px;\n        background: var(--accent); z-index: 30; animation: progress 6s linear infinite;\n    }\n    @keyframes progress { from { width: 0; } to { width: 100%; } }\n\n    @media (max-width: 1024px) {\n        .landu-banner { height: auto; min-height: 900px; }\n        .layout-split { grid-template-columns: 1fr; padding: 80px 30px; gap: 40px; }\n        .products-grid, .cards-grid { grid-template-columns: 1fr; }\n        .brand-title { font-size: 38px; }\n        .stats-row { gap: 30px; flex-wrap: wrap; justify-content: center; }\n        .hero-title { font-size: 32px; }\n    }\n<\/style>\n\n<section class=\"landu-banner\">\n    \n    <!-- === \u516c\u5171\u88c5\u9970\u5c42 === -->\n    <div class=\"global-overlay\">\n        <div class=\"grid-pattern\"><\/div>\n        <div class=\"glow-orb orb-1\"><\/div>\n        <div class=\"glow-orb orb-2\"><\/div>\n        <div class=\"particles-container\" id=\"particles\"><\/div>\n    <\/div>\n\n    <!-- === Slide 1: \u54c1\u724c\u5c55\u793a === -->\n    <div class=\"slide active theme-blue\">\n        <div class=\"brand-layout\">\n            <div class=\"brand-badge\">\n                <span class=\"badge-dot\"><\/span>\n                <span class=\"badge-text\">Solutions Mat\u00e9riaux Avanc\u00e9s<\/span>\n            <\/div>\n            \n            <h1 class=\"brand-title\">\n                \u00c9ther de Cellulose Leader<br><span>Innovation Mondiale<\/span>\n            <\/h1>\n            \n            <p class=\"brand-desc\">\n                LANDU se sp\u00e9cialise dans les \u00e9thers de cellulose haute performance pour les rev\u00eatements, la construction et les applications sp\u00e9cialis\u00e9es. Nous offrons une qualit\u00e9 constante et des solutions innovantes \u00e0 nos partenaires \u00e0 travers le monde.\n            <\/p>\n\n            <div class=\"stats-row\">\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">15+<\/div>\n                    <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">60+<\/div>\n                    <div class=\"stat-label\">Pays desservis<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">500+<\/div>\n                    <div class=\"stat-label\">Partenaires Mondiaux<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"btn-group\">\n                <a href=\"https:\/\/landu-china.com\/fr\/entreprise\/\" class=\"btn-primary\">D\u00e9couvrez LANDU \u2192<\/a>\n                <a href=\"https:\/\/landu-china.com\/fr\/nous-contacter\/\" class=\"btn-outline\">Prendre contact<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- === Slide 2: \u4ea7\u54c1\u5c55\u793a === -->\n    <div class=\"slide theme-dark\">\n        <div class=\"layout-split\">\n            <div class=\"content-left\">\n                <div class=\"tag-pill\">\u25c6 Solutions Produits<\/div>\n                <h1 class=\"hero-title\">\n                    Haute Performance <br><span>\u00c9thers de Cellulose<\/span>\n                <\/h1>\n                <p class=\"hero-desc\">\n                    LANDU fournit des \u00e9thers de cellulose avanc\u00e9s qui am\u00e9liorent la formulation des rev\u00eatements \u2014 du contr\u00f4le pr\u00e9cis de la viscosit\u00e9 \u00e0 une qualit\u00e9 de film sup\u00e9rieure et une stabilit\u00e9 renforc\u00e9e.\n                <\/p>\n                \n                <div class=\"feature-list\">\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Contr\u00f4le sup\u00e9rieur de la viscosit\u00e9<\/h4>\n                            <p>Gestion pr\u00e9cise de la rh\u00e9ologie pour une application optimale<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Qualit\u00e9 de Film Am\u00e9lior\u00e9e<\/h4>\n                            <p>Finition lisse et uniforme avec une excellente durabilit\u00e9<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Solutions \u00c9cologiques<\/h4>\n                            <p>Formulations durables pour des rev\u00eatements plus verts<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"btn-group\">\n                    <a href=\"https:\/\/landu-china.com\/fr\/produits\/\" class=\"btn-primary\">D\u00e9couvrir les Produits \u2192<\/a>\n                    <a href=\"https:\/\/landu-china.com\/fr\/nous-contacter\/\" class=\"btn-outline\">Demander un \u00c9chantillon<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"products-grid\">\n                <!-- HEMC -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/LANDU-LANDERCOLL-Hydroxyethyl-Methyl-Cellulose.jpg\" alt=\"HEMC\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>LANDERCOLL HEMC<\/h3>\n                        <div class=\"sub\">Performance Premium<\/div>\n                        <div class=\"desc\">Am\u00e9liore le nivellement, la r\u00e9tention d'eau et la douceur du film pour des rev\u00eatements architecturaux uniformes.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fr\/hydroxyethylmethylcellulose-hemc-mhec\/\" class=\"card-link\">En savoir plus <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- HEC -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/07\/LANDU-HEC-Hydroxyethyl-Cellulose-product.jpg\" alt=\"HEC\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>LANDERCOLL HEC<\/h3>\n                        <div class=\"sub\">Rh\u00e9ologie polyvalente<\/div>\n                        <div class=\"desc\">Assure un \u00e9paississement efficace, une stabilit\u00e9 et une application lisse dans les peintures \u00e0 base d'eau.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fr\/hydroxyethylcellulose-hec\/\" class=\"card-link\">En savoir plus <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- === Slide 3: \u6838\u5fc3\u4ef7\u503c === -->\n    <div class=\"slide theme-green\">\n        <div class=\"container-center\">\n            <div class=\"section-header\">\n                <span class=\"tag-pill\">\u25c6 Pourquoi Choisir LANDU<\/span>\n                <h1 class=\"hero-title\">Qualit\u00e9, Innovation &amp; <span>Durabilit\u00e9<\/span><\/h1>\n                <p class=\"hero-desc\" style=\"margin: 0 auto; max-width: 700px;\">\n                    Chez LANDU, nous maintenons les normes les plus \u00e9lev\u00e9es gr\u00e2ce \u00e0 un contr\u00f4le rigoureux de la production, une innovation continue en R&amp;D et des pratiques durables respectueuses de l'environnement.\n                <\/p>\n            <\/div>\n\n            <div class=\"cards-grid\">\n                <!-- Card 1 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/06\/HEC-Hydroxyethyl-Cellulose.jpg\" alt=\"Qualit\u00e9\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Excellence en mati\u00e8re de qualit\u00e9<\/h3>\n                        <div class=\"sub\">Normes Rigoureuses<\/div>\n                        <div class=\"desc\">Un contr\u00f4le de production avanc\u00e9 et une gestion pr\u00e9cise de la formulation garantissent des r\u00e9sultats coh\u00e9rents et haute performance.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fr\/entreprise\/certification-et-qualite\/\" class=\"card-link\">En savoir plus <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/Innovative-Spirit-NOVASTAR.jpg\" alt=\"L&#039;innovation\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Centre d'innovation<\/h3>\n                        <div class=\"sub\">Excellence en R&amp;D<\/div>\n                        <div class=\"desc\">Notre \u00e9quipe d'experts en R&amp;D d\u00e9veloppe des additifs de nouvelle g\u00e9n\u00e9ration r\u00e9pondant aux exigences \u00e9volutives de l'industrie.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fr\/entreprise\/centre-dinnovation\/\" class=\"card-link\">En savoir plus <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/landu-professional-sales-staff.jpg\" alt=\"Durabilit\u00e9\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Durabilit\u00e9<\/h3>\n                        <div class=\"sub\">Engagement \u00c9cologique<\/div>\n                        <div class=\"desc\">Processus respectueux de l'environnement, efficacit\u00e9 \u00e9nerg\u00e9tique et solutions \u00e0 faible VOC pour une industrie plus propre.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fr\/la-durabilite\/\" class=\"card-link\">En savoir plus <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u5bfc\u822a\u63a7\u4ef6 -->\n    <button class=\"nav-arrow prev\">\u2039<\/button>\n    <button class=\"nav-arrow next\">\u203a<\/button>\n    <div class=\"dots\">\n        <div class=\"dot active\" data-index=\"0\"><\/div>\n        <div class=\"dot\" data-index=\"1\"><\/div>\n        <div class=\"dot\" data-index=\"2\"><\/div>\n    <\/div>\n    <div class=\"progress-bar\"><\/div>\n<\/section>\n\n<script>\n(function() {\n    const slides = document.querySelectorAll('.slide');\n    const dots = document.querySelectorAll('.dot');\n    const prevBtn = document.querySelector('.prev');\n    const nextBtn = document.querySelector('.next');\n    const progressBar = document.querySelector('.progress-bar');\n    let current = 0;\n    let timer;\n\n    function show(index) {\n        if (index >= slides.length) index = 0;\n        if (index < 0) index = slides.length - 1;\n        slides.forEach(s => s.classList.remove('active'));\n        dots.forEach(d => d.classList.remove('active'));\n        current = index;\n        slides[current].classList.add('active');\n        dots[current].classList.add('active');\n        \/\/ \u91cd\u7f6e\u8fdb\u5ea6\u6761\u52a8\u753b\n        progressBar.style.animation = 'none';\n        progressBar.offsetHeight;\n        progressBar.style.animation = 'progress 6s linear infinite';\n    }\n\n    function next() { show(current + 1); }\n    function prev() { show(current - 1); }\n\n    prevBtn.addEventListener('click', () => { prev(); resetTimer(); });\n    nextBtn.addEventListener('click', () => { next(); resetTimer(); });\n    dots.forEach((dot, idx) => dot.addEventListener('click', () => { show(idx); resetTimer(); }));\n\n    function startTimer() { timer = setInterval(next, 6000); }\n    function resetTimer() { clearInterval(timer); startTimer(); }\n    startTimer();\n\n    \/\/ \u52a8\u6001\u7c92\u5b50\u6548\u679c\n    function createParticles() {\n        const container = document.getElementById('particles');\n        const count = 25;\n        for(let i = 0; i < count; i++) {\n            const particle = document.createElement('div');\n            particle.className = 'particle';\n            particle.style.left = Math.random() * 100 + '%';\n            particle.style.bottom = '-10px';\n            particle.style.animationDuration = (Math.random() * 8 + 6) + 's';\n            particle.style.animationDelay = Math.random() * 6 + 's';\n            particle.style.opacity = Math.random() * 0.5 + 0.3;\n            container.appendChild(particle);\n        }\n    }\n    createParticles();\n})();\n<\/script>\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-b25233b e-con-full e-flex e-con e-parent\" data-id=\"b25233b\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d35dbc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5d35dbc\" data-element_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 Professional Intro (Modern Corporate Style) -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');\n\n    :root {\n        --primary-blue: #0066cc;\n        --primary-dark: #004080;\n        --accent-orange: #ff6b35;\n        --neutral-dark: #1e293b;\n        --neutral-gray: #64748b;\n        --neutral-light: #f8fafc;\n        --gradient-start: #0066cc;\n        --gradient-end: #00a8e8;\n    }\n\n    .landu-section {\n        position: relative;\n        padding: 80px 0;\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        font-family: 'Inter', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .geometric-bg {\n        position: absolute; \n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 100%;\n        background-image: \n            radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.05) 0%, transparent 50%),\n            radial-gradient(circle at 80% 70%, rgba(255, 107, 53, 0.05) 0%, transparent 50%);\n        z-index: 1;\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .top-accent-bar {\n        position: absolute; \n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 4px;\n        background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);\n        z-index: 10;\n    }\n\n    .container-modern {\n        max-width: 1400px; \n        margin: 0 auto; \n        padding: 0 40px;\n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 60px;\n        align-items: center; \n        position: relative; \n        z-index: 5;\n    }\n\n    \/* \u5de6\u4fa7\uff1a\u56fe\u7247\u5c55\u793a\u533a *\/\n    .image-showcase {\n        position: relative;\n        padding: 20px;\n        background: #fff;\n        border-radius: 16px;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 102, 204, 0.1);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .image-showcase:hover {\n        transform: translateY(-5px);\n        box-shadow: \n            0 8px 12px rgba(0, 0, 0, 0.08),\n            0 20px 40px rgba(0, 102, 204, 0.15);\n    }\n\n    \/* \u88c5\u9970\u89d2\u6807 *\/\n    .corner-accent {\n        position: absolute;\n        width: 60px;\n        height: 60px;\n        z-index: 20;\n    }\n\n    .corner-accent-tl {\n        top: -10px;\n        left: -10px;\n        border-top: 4px solid var(--accent-orange);\n        border-left: 4px solid var(--accent-orange);\n        border-radius: 16px 0 0 0;\n    }\n\n    .corner-accent-br {\n        bottom: -10px;\n        right: -10px;\n        border-bottom: 4px solid var(--primary-blue);\n        border-right: 4px solid var(--primary-blue);\n        border-radius: 0 0 16px 0;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c *\/\n    .img-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 330px 220px; \n        gap: 12px;\n    }\n\n    .img-box {\n        position: relative; \n        overflow: hidden; \n        border-radius: 8px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .img-modern {\n        width: 100%; \n        height: 100%; \n        object-fit: cover; \n        object-position: center center;\n        transition: transform 0.6s ease;\n    }\n\n    .img-box:hover .img-modern { \n        transform: scale(1.08); \n    }\n\n    \/* \u56fe\u7247\u60ac\u6d6e\u906e\u7f69\u6548\u679c *\/\n    .img-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, rgba(0, 102, 204, 0.8) 0%, rgba(0, 168, 232, 0.6) 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n        font-weight: 600;\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .img-box:hover .img-overlay {\n        opacity: 1;\n    }\n\n    .box-main { \n        grid-column: 1 \/ -1; \n        grid-row: 1 \/ 2; \n    }\n\n    .box-sub1 { \n        grid-column: 1 \/ 2; \n        grid-row: 2 \/ 3; \n    }\n\n    .box-sub2 { \n        grid-column: 2 \/ 3; \n        grid-row: 2 \/ 3; \n    }\n\n    \/* \u6d6e\u52a8\u5fbd\u7ae0 *\/\n    .floating-badge {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 10px 20px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 13px;\n        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);\n        z-index: 30;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    \/* \u53f3\u4fa7\u6587\u6848 *\/\n    .text-content { \n        position: relative; \n    }\n\n    .tag-modern {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--gradient-end) 100%);\n        color: #fff;\n        padding: 8px 20px; \n        border-radius: 50px;\n        font-weight: 700; \n        font-size: 14px;\n        margin-bottom: 20px;\n        box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .tag-icon {\n        width: 16px;\n        height: 16px;\n        fill: #fff;\n    }\n\n    .h2-modern {\n        font-family: 'Playfair Display', serif;\n        font-size: 46px; \n        line-height: 1.2; \n        color: var(--neutral-dark);\n        margin-bottom: 24px;\n        font-weight: 700;\n    }\n\n    .h2-modern .highlight {\n        color: var(--primary-blue);\n        position: relative;\n        display: inline-block;\n    }\n\n    .h2-modern .highlight::after {\n        content: '';\n        position: absolute;\n        bottom: 8px;\n        left: 0;\n        width: 100%;\n        height: 12px;\n        background: rgba(0, 102, 204, 0.1);\n        z-index: -1;\n    }\n\n    .intro-text {\n        font-size: 16px; \n        line-height: 1.8; \n        color: var(--neutral-gray); \n        margin-bottom: 35px;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .features-grid {\n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 20px 30px; \n        margin-bottom: 40px;\n    }\n\n    .feature-item { \n        display: flex; \n        align-items: flex-start; \n        gap: 14px; \n        transition: transform 0.3s ease;\n        padding: 12px;\n        border-radius: 8px;\n    }\n\n    .feature-item:hover { \n        transform: translateX(8px);\n        background: rgba(0, 102, 204, 0.03);\n    }\n    \n    .icon-container { \n        width: 40px; \n        height: 40px; \n        flex-shrink: 0; \n        display: flex; \n        align-items: center; \n        justify-content: center;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--gradient-end) 100%);\n        border-radius: 8px;\n        box-shadow: 0 4px 10px rgba(0, 102, 204, 0.2);\n    }\n\n    .feature-item:hover .icon-container {\n        animation: pulse 0.6s ease;\n    }\n\n    @keyframes pulse {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.1); }\n    }\n\n    .feature-icon { \n        width: 22px; \n        height: 22px; \n        fill: #fff;\n    }\n\n    .feature-text { \n        font-size: 15px; \n        font-weight: 600; \n        color: var(--neutral-dark); \n        line-height: 1.5;\n        padding-top: 8px;\n    }\n\n    .feature-full {\n        grid-column: 1 \/ -1;\n    }\n\n    \/* CTA \u6309\u94ae *\/\n    .cta-button {\n        position: relative; \n        display: inline-flex; \n        align-items: center; \n        gap: 12px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 18px 50px; \n        border-radius: 50px;\n        font-weight: 700; \n        font-size: 16px;\n        text-decoration: none; \n        overflow: hidden;\n        box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);\n        transition: all 0.3s ease;\n    }\n\n    .cta-button:hover { \n        transform: translateY(-3px) scale(1.02); \n        box-shadow: 0 12px 30px rgba(255, 107, 53, 0.5);\n    }\n\n    .cta-button::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        animation: shine 3s infinite;\n    }\n\n    @keyframes shine { \n        0% { left: -100%; } \n        20% { left: 100%; } \n        100% { left: 100%; } \n    }\n\n    .btn-arrow {\n        width: 20px;\n        height: 20px;\n        fill: #fff;\n        transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover .btn-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n        .container-modern { \n            grid-template-columns: 1fr; \n            gap: 50px; \n        }\n        .img-grid { \n            grid-template-rows: 250px 200px; \n        }\n        .h2-modern {\n            font-size: 36px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .landu-section {\n            padding: 60px 0;\n        }\n        .container-modern {\n            padding: 0 20px;\n        }\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n        .h2-modern {\n            font-size: 32px;\n        }\n    }\n<\/style>\n\n<section class=\"landu-section\">\n    <div class=\"geometric-bg\"><\/div>\n    <div class=\"top-accent-bar\"><\/div>\n\n    <div class=\"container-modern\">\n        \n        <!-- \u5de6\u4fa7\uff1a\u56fe\u7247\u5c55\u793a -->\n        <div class=\"image-showcase\">\n            <div class=\"corner-accent corner-accent-tl\"><\/div>\n            <div class=\"corner-accent corner-accent-br\"><\/div>\n            \n            <div class=\"floating-badge\">Certifi\u00e9 ISO 9001<\/div>\n\n            <div class=\"img-grid\">\n                <!-- \u4e3b\u56fe -->\n                <div class=\"img-box box-main\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/12\/DSC7457-\u62f7\u8d1d.webp\" alt=\"LANDU Usine\" class=\"img-modern\">\n                    <div class=\"img-overlay\">Installation de production<\/div>\n                <\/div>\n                \n                <!-- \u5c0f\u56fe1 -->\n                <div class=\"img-box box-sub1\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01032-scaled.jpg\" alt=\"LANDU Laboratoire\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">Laboratoire de R&amp;D<\/div>\n                <\/div>\n                \n                <!-- \u5c0f\u56fe2 -->\n                <div class=\"img-box box-sub2\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/861F6231.jpg\" alt=\"Bureau LANDU\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">Bureau<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\uff1a\u6587\u6848\u5185\u5bb9 -->\n        <div class=\"text-content\">\n            <div class=\"tag-modern\">\n                <svg class=\"tag-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\n                <\/svg>\n                Leader de l'industrie\n            <\/div>\n            \n            <h2 class=\"h2-modern\">\n                Engag\u00e9 \u00e0 fournir <br>\n                <span class=\"highlight\">Produits chimiques de performance sup\u00e9rieure<\/span>\n            <\/h2>\n            \n            <p class=\"intro-text\">\n                LANDU est un fabricant leader d'\u00e9thers de cellulose (CE) et de polym\u00e8res VAE redispersibles. Nous fournissons des modificateurs chimiques de haute qualit\u00e9 (HPMC, HEMC, HEC, PCE) stimulant l'innovation dans les mat\u00e9riaux de construction, les produits chimiques quotidiens, l'alimentation et la pharmacie.\n            <\/p>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\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                    <span class=\"feature-text\">3 bases de production<br>(Capacit\u00e9 de 75 000 tonnes)<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M20 8h-3V4H3v16h18v-8zM5 6h10v2H5V6zm0 12v-2h10v2H5zm13 0h-1v-6h1v6z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">Grand entrep\u00f4t et<br>Livraison rapide<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\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                    <span class=\"feature-text\">Multinationale<br>Exp\u00e9rience de coop\u00e9ration<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">11 brevets et<br>4 mod\u00e8les d'utilit\u00e9<\/span>\n                <\/div>\n\n                <div class=\"feature-item feature-full\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">Gestion de la qualit\u00e9 ISO 9001 et certifi\u00e9 EU REACH<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/landu-china.com\/fr\/nous-contacter\/\" class=\"cta-button\">\n                Envoyer une demande de renseignements Maintenant\n                <svg class=\"btn-arrow\" viewbox=\"0 0 24 24\">\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<\/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-9cca056 e-con-full e-flex e-con e-parent\" data-id=\"9cca056\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a73e1e9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a73e1e9\" data-element_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 Professional Product Showcase -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;600;700&display=swap');\n\n    :root {\n        --bg-gradient-start: #f8fafc;\n        --bg-gradient-end: #e2e8f0;\n        --card-white: #ffffff;\n        --primary-blue: #0066cc;\n        --primary-dark: #004080;\n        --accent-orange: #ff6b35;\n        --accent-teal: #00a8e8;\n        --text-dark: #1e293b;\n        --text-gray: #64748b;\n        --border-light: #e5e7eb;\n    }\n\n    .landu-product-section {\n        position: relative;\n        padding: 100px 0 110px;\n        background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);\n        font-family: 'Inter', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* =========================================\n       \ud83c\udfa8 1. \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f\u88c5\u9970\n       ========================================= *\/\n    .geometric-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        pointer-events: none;\n        overflow: hidden;\n    }\n\n    .geo-circle {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.06;\n    }\n\n    .geo-circle-1 {\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, var(--primary-blue) 0%, transparent 70%);\n        top: -100px;\n        left: -100px;\n    }\n\n    .geo-circle-2 {\n        width: 300px;\n        height: 300px;\n        background: radial-gradient(circle, var(--accent-orange) 0%, transparent 70%);\n        bottom: -50px;\n        right: -50px;\n    }\n\n    .geo-circle-3 {\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, var(--accent-teal) 0%, transparent 70%);\n        top: 50%;\n        right: 10%;\n        animation: float-gentle 8s ease-in-out infinite;\n    }\n\n    @keyframes float-gentle {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-30px); }\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .top-accent-line {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 50%, var(--accent-orange) 100%);\n        z-index: 10;\n    }\n\n    \/* =========================================\n       2. \u5e03\u5c40\u5bb9\u5668\n       ========================================= *\/\n    .container-product {\n        max-width: 1500px;\n        width: 94%;\n        margin: 0 auto;\n        position: relative;\n        z-index: 5;\n    }\n\n    \/* =========================================\n       3. \u5934\u90e8\u533a\u57df\n       ========================================= *\/\n    .header-section {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 70px;\n        position: relative;\n    }\n\n    .logo-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 24px;\n        padding: 16px 40px;\n        background: #fff;\n        border: 2px solid var(--border-light);\n        border-radius: 60px;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 102, 204, 0.08);\n        margin-bottom: 24px;\n        position: relative;\n        transition: transform 0.3s ease;\n    }\n\n    .logo-container:hover {\n        transform: translateY(-3px);\n        box-shadow: \n            0 8px 12px rgba(0, 0, 0, 0.08),\n            0 15px 35px rgba(0, 102, 204, 0.12);\n    }\n\n    \/* \u88c5\u9970\u89d2\u6807 *\/\n    .corner-badge {\n        position: absolute;\n        top: -12px;\n        left: -12px;\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n        z-index: 10;\n    }\n\n    .corner-badge svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n    }\n\n    .logo-img-main {\n        height: 40px !important;\n        width: auto !important;\n        display: block;\n    }\n\n    .separator-line {\n        width: 2px;\n        height: 30px;\n        background: linear-gradient(180deg, transparent 0%, var(--border-light) 50%, transparent 100%);\n    }\n\n    .header-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 20px;\n        color: var(--text-dark);\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .title-icon {\n        width: 20px;\n        height: 20px;\n        fill: var(--primary-blue);\n    }\n\n    .header-description {\n        font-size: 17px;\n        color: var(--text-gray);\n        max-width: 850px;\n        text-align: center;\n        line-height: 1.7;\n        font-weight: 400;\n    }\n\n    \/* =========================================\n       4. \u4ea7\u54c1\u7f51\u683c\n       ========================================= *\/\n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 35px;\n    }\n\n    .product-card {\n        background: var(--card-white);\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 0, 0, 0.08);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        display: flex;\n        flex-direction: column;\n        border: 1px solid var(--border-light);\n        position: relative;\n    }\n\n    .product-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }\n\n    .product-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: \n            0 12px 20px rgba(0, 0, 0, 0.1),\n            0 25px 50px rgba(0, 102, 204, 0.15);\n        border-color: var(--primary-blue);\n    }\n\n    \/* \u6d6e\u52a8\u5fbd\u7ae0 *\/\n    .quality-badge {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 8px 18px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 12px;\n        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);\n        z-index: 20;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* === \u56fe\u7247\u533a\u57df === *\/\n    .image-container {\n        width: 100%;\n        height: 320px;\n        position: relative;\n        background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);\n        border-bottom: 1px solid var(--border-light);\n        display: flex;\n        align-items: flex-end;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u7c92\u5b50\u6548\u679c *\/\n    .particle-effect {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .particle {\n        position: absolute;\n        width: 4px;\n        height: 4px;\n        background: var(--primary-blue);\n        border-radius: 50%;\n        opacity: 0;\n        animation: particle-float 4s ease-in-out infinite;\n    }\n\n    @keyframes particle-float {\n        0% {\n            transform: translateY(0) scale(0);\n            opacity: 0;\n        }\n        50% {\n            opacity: 0.6;\n        }\n        100% {\n            transform: translateY(-100px) scale(1);\n            opacity: 0;\n        }\n    }\n\n    .particle-1 { left: 20%; animation-delay: 0s; }\n    .particle-2 { left: 50%; animation-delay: 1.5s; background: var(--accent-teal); }\n    .particle-3 { left: 80%; animation-delay: 3s; background: var(--accent-orange); }\n\n    .product-image {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center bottom;\n        position: relative;\n        z-index: 3;\n        transform: scale(1.05);\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        filter: drop-shadow(0 -10px 30px rgba(0, 0, 0, 0.1));\n    }\n\n    .product-card:hover .product-image {\n        transform: scale(1.12);\n    }\n\n    \/* \u5185\u5bb9\u533a *\/\n    .content-area {\n        padding: 35px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        text-align: left;\n        position: relative;\n        background: #fff;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .watermark-icon {\n        position: absolute;\n        bottom: -15px;\n        right: -15px;\n        width: 100px;\n        height: 100px;\n        opacity: 0.04;\n        pointer-events: none;\n        transform: rotate(-15deg);\n    }\n\n    .product-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 32px;\n        color: var(--text-dark);\n        margin-bottom: 8px;\n        font-weight: 700;\n        position: relative;\n        display: inline-block;\n    }\n\n    .product-subtitle {\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--primary-blue);\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        margin-bottom: 18px;\n    }\n\n    .product-description {\n        font-size: 15px;\n        line-height: 1.7;\n        color: var(--text-gray);\n        margin-bottom: 28px;\n        flex-grow: 1;\n    }\n\n    \/* === \ud83c\udfaf CTA \u6309\u94ae === *\/\n    .cta-btn {\n        margin-top: auto;\n        align-self: flex-start;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        padding: 14px 32px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        color: white;\n        font-size: 15px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 50px;\n        box-shadow: 0 6px 15px rgba(0, 102, 204, 0.3);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        z-index: 5;\n    }\n\n    .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        animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n        0% { left: -100%; }\n        20% { left: 100%; }\n        100% { left: 100%; }\n    }\n\n    .cta-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n        background: linear-gradient(135deg, #0052a3 0%, #0090cc 100%);\n    }\n\n    .btn-text,\n    .btn-arrow {\n        position: relative;\n        z-index: 2;\n    }\n\n    .btn-arrow {\n        transition: transform 0.3s ease;\n        font-size: 18px;\n    }\n\n    .cta-btn:hover .btn-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272 *\/\n    .product-card:nth-child(1) .image-container {\n        background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(2) .image-container {\n        background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(2) .product-subtitle {\n        color: var(--accent-teal);\n    }\n\n    .product-card:nth-child(3) .image-container {\n        background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(3) .product-subtitle {\n        color: var(--accent-orange);\n    }\n\n    \/* =========================================\n       5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n       ========================================= *\/\n    @media (max-width: 1200px) {\n        .product-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .landu-product-section {\n            padding: 70px 0 80px;\n        }\n\n        .product-grid {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .header-section {\n            margin-bottom: 50px;\n        }\n\n        .logo-container {\n            flex-direction: column;\n            gap: 15px;\n            padding: 20px 30px;\n        }\n\n        .separator-line {\n            width: 30px;\n            height: 2px;\n        }\n\n        .header-title {\n            font-size: 16px;\n            flex-direction: column;\n        }\n\n        .product-title {\n            font-size: 28px;\n        }\n\n        .image-container {\n            height: 280px;\n        }\n    }\n<\/style>\n\n<section class=\"landu-product-section\">\n    \n    <!-- \u51e0\u4f55\u80cc\u666f -->\n    <div class=\"geometric-background\">\n        <div class=\"geo-circle geo-circle-1\"><\/div>\n        <div class=\"geo-circle geo-circle-2\"><\/div>\n        <div class=\"geo-circle geo-circle-3\"><\/div>\n    <\/div>\n    \n    <!-- \u9876\u90e8\u88c5\u9970\u6761 -->\n    <div class=\"top-accent-line\"><\/div>\n\n    <div class=\"container-product\">\n        \n        <!-- \u5934\u90e8\u533a\u57df -->\n        <div class=\"header-section\">\n            <div class=\"logo-container\">\n                <!-- \u88c5\u9970\u5fbd\u7ae0 -->\n                <div class=\"corner-badge\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/LANDERCOLL.png\" \n                     alt=\"Landercoll\" \n                     class=\"logo-img-main\">\n                \n                <div class=\"separator-line\"><\/div>\n                \n                <span class=\"header-title\">\n                    <svg class=\"title-icon\" viewbox=\"0 0 24 24\">\n                        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n                    <\/svg>\n                    Solutions d'\u00e9thers de cellulose\n                    <svg class=\"title-icon\" viewbox=\"0 0 24 24\">\n                        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n                    <\/svg>\n                <\/span>\n            <\/div>\n            \n            <p class=\"header-description\">\n                Technologies d'\u00e9thers de cellulose premium offrant des performances sup\u00e9rieures pour la construction, les rev\u00eatements et les applications industrielles dans le monde entier.\n            <\/p>\n        <\/div>\n\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\n        <div class=\"product-grid\">\n            \n            <!-- Card 1: HPMC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Prime<\/div>\n                \n                <div class=\"image-container\">\n                    <!-- \u52a8\u6001\u7c92\u5b50\u6548\u679c -->\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\"><\/div>\n                        <div class=\"particle particle-2\"><\/div>\n                        <div class=\"particle particle-3\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HPMC.webp\" \n                         alt=\"HPMC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <!-- \u88c5\u9970\u6c34\u5370 -->\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                    <\/svg>\n                    \n                    <h3 class=\"product-title\">HPMC<\/h3>\n                    <span class=\"product-subtitle\">Hydroxypropylm\u00e9thylcellulose<\/span>\n                    <p class=\"product-description\">\n                        Excellentes propri\u00e9t\u00e9s de r\u00e9tention d'eau et d'\u00e9paississement. Id\u00e9al pour les mat\u00e9riaux de construction, les adh\u00e9sifs pour carreaux et les mortiers \u00e0 base de ciment.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fr\/hydroxypropylmethylcellulose-hpmc\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Voir les d\u00e9tails<\/span>\n                        <span class=\"btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: HEMC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Avanc\u00e9<\/div>\n                \n                <div class=\"image-container\">\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\" style=\"animation-delay: 0.5s;\"><\/div>\n                        <div class=\"particle particle-2\" style=\"animation-delay: 2s;\"><\/div>\n                        <div class=\"particle particle-3\" style=\"animation-delay: 3.5s;\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HEMC.webp\" \n                         alt=\"HEMC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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                    \n                    <h3 class=\"product-title\">HEMC<\/h3>\n                    <span class=\"product-subtitle\">Hydroxy\u00e9thylm\u00e9thylcellulose<\/span>\n                    <p class=\"product-description\">\n                        Caract\u00e9ristiques prolongent le temps d'ouverture et une r\u00e9sistance sup\u00e9rieure \u00e0 la chaleur. Parfait pour les applications de collage haute performance.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fr\/hydroxyethylmethylcellulose-hemc-mhec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Voir les d\u00e9tails<\/span>\n                        <span class=\"btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: HEC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Professionnel<\/div>\n                \n                <div class=\"image-container\">\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\" style=\"animation-delay: 1s;\"><\/div>\n                        <div class=\"particle particle-2\" style=\"animation-delay: 2.5s;\"><\/div>\n                        <div class=\"particle particle-3\" style=\"animation-delay: 4s;\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HEC.webp\" \n                         alt=\"HEC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n                    <\/svg>\n                    \n                    <h3 class=\"product-title\">HEC<\/h3>\n                    <span class=\"product-subtitle\">Hydroxy\u00e9thylcellulose<\/span>\n                    <p class=\"product-description\">\n                        Excellente stabilit\u00e9 pour les rev\u00eatements et peintures. Offre des finitions lisses et coh\u00e9rentes pour des applications professionnelles.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fr\/hydroxyethylcellulose-hec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Voir les d\u00e9tails<\/span>\n                        <span class=\"btn-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-0b30568 e-con-full e-flex e-con e-parent\" data-id=\"0b30568\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21fa826 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"21fa826\" data-element_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 RDP Product Showcase - Professional Corporate Edition -->\n<section class=\"landu-rdp-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --card-shadow: rgba(0, 102, 204, 0.08);\n    }\n\n    .landu-rdp-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .landu-rdp-showcase::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(255, 107, 53, 0.03) 0%, transparent 50%);\n      z-index: 0;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u88c5\u9970\u6761 *\/\n    .landu-rdp-showcase::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 50%, var(--accent-orange) 100%);\n      z-index: 10;\n    }\n\n    \/* --- \u5bb9\u5668\u5bbd\u5ea6 (\u4fdd\u6301 1532px) --- *\/\n    .landu-rdp-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u9876\u90e8\u4ecb\u7ecd\u533a --- *\/\n    .landu-rdp-intro {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-rdp-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 16px;\n      padding: 12px 32px;\n      background: #fff;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 102, 204, 0.08);\n      border-radius: 60px;\n      margin-bottom: 28px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .landu-rdp-badge:hover {\n      box-shadow: \n        0 8px 12px rgba(0, 0, 0, 0.08),\n        0 15px 35px rgba(0, 102, 204, 0.12);\n      transform: translateY(-3px);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    \/* \u5fbd\u7ae0\u88c5\u9970\u56fe\u6807 *\/\n    .landu-rdp-badge::before {\n      content: '';\n      position: absolute;\n      top: -8px;\n      left: -8px;\n      width: 32px;\n      height: 32px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      border-radius: 50%;\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n    }\n\n    .landu-rdp-badge::after {\n      content: '\u2605';\n      position: absolute;\n      top: -8px;\n      left: -8px;\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 16px;\n    }\n\n    \/* \u2705 Logo \u56fe\u7247\u6837\u5f0f *\/\n    .landu-rdp-badge img {\n      height: 32px;\n      width: auto;\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-badge-text {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-content {\n      font-size: 19px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n    }\n\n    .landu-rdp-content .highlight {\n      color: var(--primary-blue);\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n    \n    \/* \u6587\u5b57\u4e0b\u65b9\u7684\u88c5\u9970\u7ebf *\/\n    .landu-rdp-content .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background: rgba(0, 102, 204, 0.1);\n      z-index: -1;\n    }\n\n    \/* --- \u4ea7\u54c1\u7f51\u683c --- *\/\n    .landu-rdp-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n    }\n\n    .landu-rdp-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(226, 232, 240, 1);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .landu-rdp-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      z-index: 10;\n    }\n\n    .landu-rdp-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .landu-rdp-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 12px 20px rgba(0, 0, 0, 0.1),\n        0 25px 50px var(--card-shadow);\n      border-color: rgba(0, 102, 204, 0.2);\n    }\n\n    \/* --- \ud83c\udfaf \u7cbe\u81f4\u88c5\u9970\uff1a\u53f3\u4e0a\u89d2\u6d6e\u52a8\u5fbd\u7ae0 --- *\/\n    .card-quality-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border-radius: 50px;\n      box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);\n      z-index: 20;\n      animation: badge-float 3s ease-in-out infinite;\n    }\n\n    @keyframes badge-float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-5px); }\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df & \u52a8\u6001\u7c92\u5b50\u6548\u679c --- *\/\n    .landu-rdp-image {\n      position: relative;\n      width: 100%;\n      height: 320px;\n      overflow: hidden;\n      background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      padding: 0;\n      transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \ud83c\udf1f \u73b0\u4ee3\u7c92\u5b50\u6548\u679c\u66ff\u4ee3\u96ea\u82b1 *\/\n    .particle-layer {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 5;\n    }\n\n    .particle {\n      position: absolute;\n      width: 4px;\n      height: 4px;\n      background: var(--primary-blue);\n      border-radius: 50%;\n      opacity: 0;\n      animation: particle-rise 5s ease-in-out infinite;\n    }\n\n    @keyframes particle-rise {\n      0% {\n        transform: translateY(0) scale(0);\n        opacity: 0;\n      }\n      50% {\n        opacity: 0.6;\n      }\n      100% {\n        transform: translateY(-120px) scale(1);\n        opacity: 0;\n      }\n    }\n\n    .particle:nth-child(1) { left: 20%; animation-delay: 0s; }\n    .particle:nth-child(2) { left: 50%; animation-delay: 1.5s; background: var(--accent-teal); }\n    .particle:nth-child(3) { left: 80%; animation-delay: 3s; background: var(--accent-orange); }\n    .particle:nth-child(4) { left: 35%; animation-delay: 2s; width: 3px; height: 3px; }\n    .particle:nth-child(5) { left: 65%; animation-delay: 4s; width: 3px; height: 3px; }\n\n    \/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69 *\/\n    .landu-rdp-image::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 80px;\n      background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);\n      z-index: 4;\n      pointer-events: none;\n    }\n\n    .landu-rdp-card:hover .landu-rdp-image img {\n      transform: scale(1.08);\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .landu-rdp-text {\n      padding: 36px 32px;\n      flex-grow: 1;\n      background: #fff;\n      position: relative;\n      z-index: 6;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .content-watermark {\n      position: absolute;\n      bottom: -10px;\n      right: -10px;\n      width: 100px;\n      height: 100px;\n      opacity: 0.03;\n      pointer-events: none;\n    }\n\n    .landu-rdp-type {\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--primary-blue);\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .landu-rdp-type::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent-orange);\n      border-radius: 50%;\n      box-shadow: 0 0 8px rgba(255, 107, 53, 0.5);\n    }\n\n    .landu-rdp-title {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .landu-rdp-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    \/* --- \u6309\u94ae\u8bbe\u8ba1 --- *\/\n    .landu-rdp-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 16px 24px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      color: white;\n      font-size: 15px;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 50px;\n      border: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 6px 15px rgba(0, 102, 204, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-rdp-link::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      animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n      0% { left: -100%; }\n      20% { left: 100%; }\n      100% { left: 100%; }\n    }\n\n    .landu-rdp-link:hover {\n      background: linear-gradient(135deg, #0052a3 0%, #0090cc 100%);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n      transform: translateY(-2px);\n    }\n\n    .landu-rdp-link span {\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-link svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      fill: none;\n      stroke-width: 2;\n      transition: transform 0.3s ease;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-link:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272\u53d8\u5316 *\/\n    .landu-rdp-card:nth-child(1) .landu-rdp-image {\n      background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(2) .landu-rdp-image {\n      background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(2) .landu-rdp-type {\n      color: var(--accent-teal);\n    }\n\n    .landu-rdp-card:nth-child(3) .landu-rdp-image {\n      background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(3) .landu-rdp-type {\n      color: var(--accent-orange);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-rdp-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .landu-rdp-showcase {\n        padding: 70px 0;\n      }\n\n      .landu-rdp-container {\n        padding: 0 20px;\n        max-width: 100%;\n      }\n\n      .landu-rdp-intro {\n        margin-bottom: 50px;\n      }\n\n      .landu-rdp-badge {\n        flex-direction: column;\n        gap: 12px;\n        padding: 16px 28px;\n      }\n\n      .landu-rdp-content {\n        font-size: 16px;\n      }\n\n      .landu-rdp-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .landu-rdp-image {\n        height: 280px;\n      }\n\n      .landu-rdp-title {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"landu-rdp-container\">\n    <!-- \u9876\u90e8\u4ecb\u7ecd -->\n    <div class=\"landu-rdp-intro\">\n      <div class=\"landu-rdp-badge\">\n        <!-- \u2705 Logo \u56fe\u7247 -->\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/ACCURATE.png\" alt=\"ACCURATE\">\n        <span class=\"landu-rdp-badge-text\">Solutions Premium<\/span>\n      <\/div>\n      \n      <p class=\"landu-rdp-content\">\n        <span class=\"highlight\">Solutions tout-en-un pour mortier pr\u00eat \u00e0 l'emploi :<\/span> Associez les additifs ACCURATE\u2122 \u00e0 notre \u00e9ther de cellulose pour des performances sup\u00e9rieures.\n      <\/p>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7f51\u683c -->\n    <div class=\"landu-rdp-grid\">\n      \n      <!-- Card 1: Semi-flexible -->\n      <div class=\"landu-rdp-card\">\n        <!-- \u8d28\u91cf\u5fbd\u7ae0 -->\n        <div class=\"card-quality-badge\">Prime<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <!-- \ud83c\udf1f \u7c92\u5b50\u6548\u679c\u5c42 -->\n          <div class=\"particle-layer\">\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Neutral-RDP.webp\" alt=\"RDP semi-flexible\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <!-- \u88c5\u9970\u6c34\u5370 -->\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n          <\/svg>\n\n          <div class=\"landu-rdp-type\">Semi-flexible<\/div>\n          <h3 class=\"landu-rdp-title\">Poudre de polym\u00e8re redispersable<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Con\u00e7u pour am\u00e9liorer l'adh\u00e9rence int\u00e9rieure, la r\u00e9sistance \u00e0 la traction et la d\u00e9formabilit\u00e9 pour des applications professionnelles.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/poudre-de-polymere-redispersable-semi-flexible-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>Voir les d\u00e9tails<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Flexible -->\n      <div class=\"landu-rdp-card\">\n        <div class=\"card-quality-badge\">Avanc\u00e9<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <div class=\"particle-layer\">\n            <div class=\"particle\" style=\"animation-delay: 0.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 2s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 3.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 1s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 4.5s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Flexible-RDP.webp\" alt=\"RDP flexible\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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\n          <div class=\"landu-rdp-type\">Flexible<\/div>\n          <h3 class=\"landu-rdp-title\">Poudre de polym\u00e8re redispersable<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Conf\u00e8re flexibilit\u00e9 et \u00e9lasticit\u00e9. Se concentre sur une tol\u00e9rance accrue au mouvement dans des conditions exigeantes.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/poudre-polymere-flexible-redispersable-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>Voir les d\u00e9tails<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Hydrophobic -->\n      <div class=\"landu-rdp-card\">\n        <div class=\"card-quality-badge\">Professionnel<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <div class=\"particle-layer\">\n            <div class=\"particle\" style=\"animation-delay: 1s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 2.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 4s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 0.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 3s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Hydrophobic.webp\" alt=\"Hydrophobe RDP\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n          <\/svg>\n\n          <div class=\"landu-rdp-type\">Hydrophobe<\/div>\n          <h3 class=\"landu-rdp-title\">Poudre de polym\u00e8re redispersable<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Am\u00e9liore la r\u00e9sistance \u00e0 l'eau. Convient pour les applications o\u00f9 la protection contre l'humidit\u00e9 est critique.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/fabricant-de-polymeres-redispersables-rdp-hydrophobes\/\" class=\"landu-rdp-link\">\n            <span>Voir les d\u00e9tails<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6309\u94ae\u4ea4\u4e92\u6548\u679c\n  const buttons = document.querySelectorAll('.landu-rdp-link');\n  buttons.forEach(btn => {\n    btn.addEventListener('mouseenter', function() {\n      this.style.setProperty('--hover', '1');\n    });\n    btn.addEventListener('mouseleave', function() {\n      this.style.setProperty('--hover', '0');\n    });\n  });\n});\n<\/script>\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-ceafbeb e-con-full e-flex e-con e-parent\" data-id=\"ceafbeb\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-540f2dc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"540f2dc\" data-element_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 NOVASTAR Product Showcase - Professional Corporate Edition -->\n<section class=\"landu-novastar-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-purple: #7c3aed;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --card-shadow: rgba(0, 102, 204, 0.08);\n    }\n\n    .landu-novastar-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .landu-novastar-showcase::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        radial-gradient(circle at 25% 25%, rgba(0, 102, 204, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(124, 58, 237, 0.04) 0%, transparent 50%);\n      z-index: 0;\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .landu-novastar-showcase::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-purple) 50%, var(--accent-orange) 100%);\n      z-index: 10;\n    }\n\n    \/* --- \u5bb9\u5668\u5bbd\u5ea6 (\u4fdd\u6301 1532px) --- *\/\n    .landu-novastar-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u9876\u90e8\u4ecb\u7ecd\u533a --- *\/\n    .landu-novastar-intro {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-novastar-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 16px;\n      padding: 12px 32px;\n      background: #fff;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 102, 204, 0.08);\n      border-radius: 60px;\n      margin-bottom: 28px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .landu-novastar-badge:hover {\n      box-shadow: \n        0 8px 12px rgba(0, 0, 0, 0.08),\n        0 15px 35px rgba(0, 102, 204, 0.12);\n      transform: translateY(-3px);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    \/* \u5fbd\u7ae0\u88c5\u9970\u56fe\u6807 *\/\n    .landu-novastar-badge::before {\n      content: '';\n      position: absolute;\n      top: -10px;\n      left: -10px;\n      width: 36px;\n      height: 36px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      border-radius: 50%;\n      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\n    }\n\n    .landu-novastar-badge::after {\n      content: '\u26a1';\n      position: absolute;\n      top: -10px;\n      left: -10px;\n      width: 36px;\n      height: 36px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n    }\n\n    \/* Logo \u56fe\u7247\u6837\u5f0f *\/\n    .landu-novastar-badge img {\n      height: 32px;\n      width: auto;\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-badge-text {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--accent-purple);\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-content {\n      font-size: 19px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n    }\n\n    .landu-novastar-content .highlight {\n      color: var(--primary-blue);\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n    \n    \/* \u6587\u5b57\u4e0b\u65b9\u7684\u88c5\u9970\u7ebf *\/\n    .landu-novastar-content .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background: rgba(124, 58, 237, 0.1);\n      z-index: -1;\n    }\n\n    \/* --- \u4ea7\u54c1\u7f51\u683c --- *\/\n    .landu-novastar-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n    }\n\n    .landu-novastar-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(226, 232, 240, 1);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .landu-novastar-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      z-index: 10;\n    }\n\n    .landu-novastar-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .landu-novastar-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 12px 20px rgba(0, 0, 0, 0.1),\n        0 25px 50px var(--card-shadow);\n      border-color: rgba(124, 58, 237, 0.2);\n    }\n\n    \/* --- \ud83c\udfaf \u7cbe\u81f4\u88c5\u9970\uff1a\u53f3\u4e0a\u89d2\u6d6e\u52a8\u5fbd\u7ae0 --- *\/\n    .card-tech-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, #9333ea 100%);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border-radius: 50px;\n      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4);\n      z-index: 20;\n      animation: badge-pulse 3s ease-in-out infinite;\n    }\n\n    @keyframes badge-pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df & \u52a8\u6001\u6548\u679c --- *\/\n    .landu-novastar-image {\n      position: relative;\n      width: 100%;\n      height: 320px;\n      overflow: hidden;\n      background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      padding: 0;\n      transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \ud83c\udf1f \u73b0\u4ee3\u6ce2\u7eb9\u6548\u679c *\/\n    .wave-effect {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 5;\n      overflow: hidden;\n    }\n\n    .wave {\n      position: absolute;\n      bottom: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);\n      border-radius: 45%;\n      animation: wave-rotate 10s linear infinite;\n      opacity: 0.5;\n    }\n\n    .wave:nth-child(2) {\n      animation-delay: -5s;\n      animation-duration: 15s;\n      background: radial-gradient(circle, rgba(0, 102, 204, 0.1) 0%, transparent 70%);\n    }\n\n    @keyframes wave-rotate {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    \/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69 *\/\n    .landu-novastar-image::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 80px;\n      background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);\n      z-index: 4;\n      pointer-events: none;\n    }\n\n    .landu-novastar-card:hover .landu-novastar-image img {\n      transform: scale(1.08);\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .landu-novastar-text {\n      padding: 36px 32px;\n      flex-grow: 1;\n      background: #fff;\n      position: relative;\n      z-index: 6;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .content-watermark {\n      position: absolute;\n      bottom: -10px;\n      right: -10px;\n      width: 100px;\n      height: 100px;\n      opacity: 0.03;\n      pointer-events: none;\n    }\n\n    .landu-novastar-type {\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-purple);\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .landu-novastar-type::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--primary-blue);\n      border-radius: 50%;\n      box-shadow: 0 0 8px rgba(0, 102, 204, 0.5);\n    }\n\n    .landu-novastar-title {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .landu-novastar-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    \/* --- \u6309\u94ae\u8bbe\u8ba1 --- *\/\n    .landu-novastar-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 16px 24px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      color: white;\n      font-size: 15px;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 50px;\n      border: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 6px 15px rgba(124, 58, 237, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-novastar-link::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      animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n      0% { left: -100%; }\n      20% { left: 100%; }\n      100% { left: 100%; }\n    }\n\n    .landu-novastar-link:hover {\n      background: linear-gradient(135deg, #6d28d9 0%, #0052a3 100%);\n      box-shadow: 0 10px 25px rgba(124, 58, 237, 0.4);\n      transform: translateY(-2px);\n    }\n\n    .landu-novastar-link span {\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-link svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      fill: none;\n      stroke-width: 2;\n      transition: transform 0.3s ease;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-link:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272\u53d8\u5316 *\/\n    .landu-novastar-card:nth-child(1) .landu-novastar-image {\n      background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(2) .landu-novastar-image {\n      background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(2) .landu-novastar-type {\n      color: var(--primary-blue);\n    }\n\n    .landu-novastar-card:nth-child(2) .card-tech-badge {\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.4);\n    }\n\n    .landu-novastar-card:nth-child(3) .landu-novastar-image {\n      background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(3) .landu-novastar-type {\n      color: var(--accent-teal);\n    }\n\n    .landu-novastar-card:nth-child(3) .card-tech-badge {\n      background: linear-gradient(135deg, var(--accent-teal) 0%, #06b6d4 100%);\n      box-shadow: 0 4px 12px rgba(0, 168, 232, 0.4);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-novastar-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .landu-novastar-showcase {\n        padding: 70px 0;\n      }\n\n      .landu-novastar-container {\n        padding: 0 20px;\n        max-width: 100%;\n      }\n\n      .landu-novastar-intro {\n        margin-bottom: 50px;\n      }\n\n      .landu-novastar-badge {\n        flex-direction: column;\n        gap: 12px;\n        padding: 16px 28px;\n      }\n\n      .landu-novastar-content {\n        font-size: 16px;\n      }\n\n      .landu-novastar-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .landu-novastar-image {\n        height: 280px;\n      }\n\n      .landu-novastar-title {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"landu-novastar-container\">\n    <!-- \u9876\u90e8\u4ecb\u7ecd -->\n    <div class=\"landu-novastar-intro\">\n      <div class=\"landu-novastar-badge\">\n        <!-- NOVASTAR Logo -->\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/NOVASTAR.png\" alt=\"NOVASTAR\">\n        <span class=\"landu-novastar-badge-text\">Additifs Avanc\u00e9s<\/span>\n      <\/div>\n      \n      <p class=\"landu-novastar-content\">\n        <span class=\"highlight\">Les additifs NOVASTAR\u2122 sont largement utilis\u00e9s dans les applications de mortier pr\u00eat \u00e0 l'emploi et de b\u00e9ton.<\/span> Nous recommandons leur association avec notre \u00e9ther de cellulose pour une performance optimale.\n      <\/p>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7f51\u683c -->\n    <div class=\"landu-novastar-grid\">\n      \n      <!-- Card 1: PCE -->\n      <div class=\"landu-novastar-card\">\n        <!-- \u6280\u672f\u5fbd\u7ae0 -->\n        <div class=\"card-tech-badge\">Haute Technologie<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <!-- \ud83c\udf1f \u6ce2\u7eb9\u6548\u679c\u5c42 -->\n          <div class=\"wave-effect\">\n            <div class=\"wave\"><\/div>\n            <div class=\"wave\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/PCE.webp\" alt=\"Superplastifiant \u00e0 base de polycarboxylate\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <!-- \u88c5\u9970\u6c34\u5370 -->\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n          <\/svg>\n\n          <div class=\"landu-novastar-type\">PCE<\/div>\n          <h3 class=\"landu-novastar-title\">Superplastifiant \u00e0 base de polycarboxylate<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Le superplastifiant est principalement utilis\u00e9 pour r\u00e9duire le rapport eau-ciment sans perdre en r\u00e9sistance ou autres propri\u00e9t\u00e9s cl\u00e9s, am\u00e9liorant la maniabilit\u00e9 et la durabilit\u00e9.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/superplastifiant-polycarboxylate-en-poudre-pce\/\" class=\"landu-novastar-link\">\n            <span>En savoir plus<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: SHP -->\n      <div class=\"landu-novastar-card\">\n        <div class=\"card-tech-badge\">L'innovation<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <div class=\"wave-effect\">\n            <div class=\"wave\" style=\"animation-delay: -2s;\"><\/div>\n            <div class=\"wave\" style=\"animation-delay: -7s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/SHP-1024x435.webp\" alt=\"Poudre hydrophobe de silicone\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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\n          <div class=\"landu-novastar-type\">PSM<\/div>\n          <h3 class=\"landu-novastar-title\">Poudre hydrophobe de silicone<\/h3>\n          <p class=\"landu-novastar-desc\">\n            La fonction principale de la poudre hydrophobe en silicone (SHP) est de rendre les surfaces r\u00e9sistantes \u00e0 l'eau tout en maintenant la perm\u00e9abilit\u00e9 \u00e0 la vapeur pour une protection respirante.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/poudre-de-silicone-hydrophobe-shp-producteur\/\" class=\"landu-novastar-link\">\n            <span>En savoir plus<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Gypsum Retarder -->\n      <div class=\"landu-novastar-card\">\n        <div class=\"card-tech-badge\">Professionnel<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <div class=\"wave-effect\">\n            <div class=\"wave\" style=\"animation-delay: -4s;\"><\/div>\n            <div class=\"wave\" style=\"animation-delay: -9s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/11\/GYPSUM-RETARDER-1024x426.webp\" alt=\"Retardateur de gypse\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n          <\/svg>\n\n          <div class=\"landu-novastar-type\">Retardateur<\/div>\n          <h3 class=\"landu-novastar-title\">Retardateur de gypse<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Le retardateur de gypse contr\u00f4le et ralentit le temps de prise des mat\u00e9riaux \u00e0 base de gypse, comme le pl\u00e2tre et les enduits en plaques, offrant un temps de travail prolong\u00e9.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fr\/fournisseur-de-retardateurs-de-gypse\/\" class=\"landu-novastar-link\">\n            <span>En savoir plus<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6309\u94ae\u4ea4\u4e92\u589e\u5f3a\n  const buttons = document.querySelectorAll('.landu-novastar-link');\n  buttons.forEach(btn => {\n    btn.addEventListener('mouseenter', function() {\n      this.style.setProperty('--hover-state', '1');\n    });\n    btn.addEventListener('mouseleave', function() {\n      this.style.setProperty('--hover-state', '0');\n    });\n  });\n});\n<\/script>\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-024a2b2 e-con-full e-flex e-con e-parent\" data-id=\"024a2b2\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b37ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"03b37ae\" data-element_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 Applications - Professional Corporate Edition -->\n<section class=\"landu-app-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-purple: #7c3aed;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --line-color: #374151;\n      --card-bg: rgba(255, 255, 255, 0.98);\n    }\n\n    .landu-app-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n      padding: 0 0 90px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* --- \ud83c\udf1f \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f\u52a8\u753b --- *\/\n    .geometric-background {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 1;\n      overflow: hidden;\n    }\n\n    .floating-shape {\n      position: absolute;\n      opacity: 0.04;\n      animation: float-shape 20s ease-in-out infinite;\n    }\n\n    @keyframes float-shape {\n      0%, 100% {\n        transform: translate(0, 0) rotate(0deg);\n      }\n      33% {\n        transform: translate(30px, -30px) rotate(120deg);\n      }\n      66% {\n        transform: translate(-20px, 20px) rotate(240deg);\n      }\n    }\n\n    .shape-1 {\n      top: 10%;\n      left: 5%;\n      width: 100px;\n      height: 100px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n      animation-delay: 0s;\n      animation-duration: 25s;\n    }\n\n    .shape-2 {\n      top: 60%;\n      right: 10%;\n      width: 80px;\n      height: 80px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      border-radius: 50%;\n      animation-delay: 5s;\n      animation-duration: 30s;\n    }\n\n    .shape-3 {\n      bottom: 20%;\n      left: 15%;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-teal) 100%);\n      border-radius: 20% 80% 80% 20% \/ 20% 20% 80% 80%;\n      animation-delay: 10s;\n      animation-duration: 35s;\n    }\n\n    \/* --- \ud83d\udca1 \u9876\u90e8\u73b0\u4ee3\u88c5\u9970\u6761 --- *\/\n    .top-decoration {\n      width: 100%;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      z-index: 2;\n      margin-bottom: 50px;\n      background: linear-gradient(180deg, rgba(0, 102, 204, 0.02) 0%, transparent 100%);\n    }\n\n    .decoration-line {\n      width: 90%;\n      max-width: 1200px;\n      height: 4px;\n      background: linear-gradient(90deg, \n        transparent 0%, \n        var(--primary-blue) 20%, \n        var(--accent-teal) 40%, \n        var(--accent-purple) 60%, \n        var(--accent-orange) 80%, \n        transparent 100%);\n      border-radius: 2px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .decoration-line::after {\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.6), transparent);\n      animation: shine-line 3s infinite;\n    }\n\n    @keyframes shine-line {\n      0% { left: -100%; }\n      100% { left: 200%; }\n    }\n\n    \/* \u88c5\u9970\u70b9 *\/\n    .decoration-dots {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 100%;\n      height: 1px;\n      display: flex;\n      justify-content: space-around;\n      align-items: center;\n      transform: translateY(-50%);\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--primary-blue);\n      animation: dot-pulse 2s ease-in-out infinite;\n    }\n\n    .dot:nth-child(2) {\n      background: var(--accent-teal);\n      animation-delay: 0.3s;\n    }\n\n    .dot:nth-child(3) {\n      background: var(--accent-purple);\n      animation-delay: 0.6s;\n    }\n\n    .dot:nth-child(4) {\n      background: var(--accent-orange);\n      animation-delay: 0.9s;\n    }\n\n    @keyframes dot-pulse {\n      0%, 100% {\n        transform: scale(1);\n        opacity: 0.5;\n      }\n      50% {\n        transform: scale(1.5);\n        opacity: 1;\n      }\n    }\n\n    .landu-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- Header --- *\/\n    .landu-header {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 8px 24px;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      border-radius: 50px;\n      margin-bottom: 28px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(8px);\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.08);\n      transition: all 0.3s ease;\n    }\n\n    .landu-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0, 102, 204, 0.12);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    .landu-badge svg {\n      width: 16px;\n      height: 16px;\n      stroke: var(--primary-blue);\n    }\n\n    .landu-badge span {\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n    }\n\n    .landu-title {\n      font-size: 42px;\n      font-weight: 700;\n      color: var(--neutral-dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .landu-subtitle {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      font-weight: 400;\n    }\n\n    \/* --- Grid --- *\/\n    .landu-app-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 28px;\n    }\n\n    \/* --- Card (\u73b0\u4ee3\u6781\u7b80\u98ce) --- *\/\n    .app-card {\n      background: var(--card-bg);\n      border: 1px solid #e5e7eb;\n      border-radius: 20px;\n      padding: 40px 32px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .app-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .app-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .app-card:hover {\n      transform: translateY(-10px);\n      border-color: rgba(0, 102, 204, 0.3);\n      box-shadow: 0 20px 40px rgba(0, 102, 204, 0.12);\n    }\n\n    \/* \ud83c\udfaf \u5361\u7247\u89d2\u843d\u7684\u88c5\u9970\u56fe\u6807 (\u60ac\u505c\u663e\u73b0) *\/\n    .card-decor-icon {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      width: 100px;\n      height: 100px;\n      opacity: 0;\n      transition: all 0.5s ease;\n      pointer-events: none;\n    }\n    \n    .app-card:hover .card-decor-icon {\n      opacity: 0.06;\n      transform: rotate(15deg) scale(1.1);\n    }\n\n    .card-decor-icon svg {\n      width: 100%;\n      height: 100%;\n      fill: var(--primary-blue);\n    }\n\n    \/* --- Icon Wrapper --- *\/\n    .icon-wrapper {\n      width: 64px;\n      height: 64px;\n      margin-bottom: 28px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 168, 232, 0.08) 100%);\n      border-radius: 16px;\n      transition: all 0.4s ease;\n    }\n\n    .app-card:hover .icon-wrapper {\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    \/* SVG \u7ebf\u6761 *\/\n    .line-icon {\n      width: 32px;\n      height: 32px;\n      fill: none;\n      stroke: var(--line-color);\n      stroke-width: 1.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      transition: all 0.4s ease;\n    }\n\n    .app-card:hover .line-icon {\n      stroke: white;\n    }\n\n    \/* --- Text --- *\/\n    .app-title {\n      font-size: 19px;\n      font-weight: 700;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .app-desc {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    .app-link {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--primary-blue);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .app-link::after {\n      content: '';\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--primary-blue);\n      transition: width 0.3s ease;\n    }\n\n    .app-link:hover {\n      color: var(--accent-teal);\n      gap: 12px;\n    }\n\n    .app-link:hover::after {\n      width: calc(100% - 20px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272 *\/\n    .app-card:nth-child(1) .icon-wrapper { background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 168, 232, 0.08) 100%); }\n    .app-card:nth-child(2) .icon-wrapper { background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(0, 102, 204, 0.08) 100%); }\n    .app-card:nth-child(3) .icon-wrapper { background: linear-gradient(135deg, rgba(0, 168, 232, 0.08) 0%, rgba(124, 58, 237, 0.08) 100%); }\n    .app-card:nth-child(4) .icon-wrapper { background: linear-gradient(135deg, rgba(255, 107, 53, 0.08) 0%, rgba(0, 102, 204, 0.08) 100%); }\n\n    .app-card:nth-child(1):hover .icon-wrapper { background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%); }\n    .app-card:nth-child(2):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%); }\n    .app-card:nth-child(3):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-teal) 0%, var(--accent-purple) 100%); }\n    .app-card:nth-child(4):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-orange) 0%, var(--primary-blue) 100%); }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-app-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 900px) {\n      .landu-app-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      .landu-title {\n        font-size: 32px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .landu-container {\n        padding: 0 20px;\n      }\n      .landu-app-grid {\n        grid-template-columns: 1fr;\n      }\n      .landu-title {\n        font-size: 28px;\n      }\n      .top-decoration {\n        height: 60px;\n        margin-bottom: 40px;\n      }\n    }\n  <\/style>\n\n  <!-- \ud83c\udf1f \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f -->\n  <div class=\"geometric-background\">\n    <div class=\"floating-shape shape-1\"><\/div>\n    <div class=\"floating-shape shape-2\"><\/div>\n    <div class=\"floating-shape shape-3\"><\/div>\n  <\/div>\n\n  <!-- \ud83d\udca1 \u9876\u90e8\u73b0\u4ee3\u88c5\u9970 -->\n  <div class=\"top-decoration\">\n    <div class=\"decoration-line\">\n      <div class=\"decoration-dots\">\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"landu-container\">\n    <!-- Header -->\n    <div class=\"landu-header\">\n      <div class=\"landu-badge\">\n        <!-- \u73b0\u4ee3\u56fe\u6807 -->\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n          <path d=\"M2 17l10 5 10-5\"\/>\n          <path d=\"M2 12l10 5 10-5\"\/>\n        <\/svg>\n        <span>Nos applications<\/span>\n      <\/div>\n      <h2 class=\"landu-title\">Un aper\u00e7u des applications que nous servons<\/h2>\n      <p class=\"landu-subtitle\">Nos progr\u00e8s en science et en chimie ont transform\u00e9 les produits dans diverses applications chimiques, offrant des solutions innovantes pour diff\u00e9rentes industries.<\/p>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"landu-app-grid\">\n\n      <!-- 1. Tile Adhesive -->\n      <div class=\"app-card\">\n        <!-- \u88c5\u9970\u56fe\u6807 -->\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M4 10h16M4 14h16M10 4v16\"\/>\n          <\/svg>\n        <\/div>\n        \n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"1\" \/>\n            <path d=\"M4 10h16\" stroke-dasharray=\"2 2\" \/>\n            <path d=\"M4 14h16\" stroke-dasharray=\"2 2\" \/>\n            <path d=\"M10 4v16\" stroke-opacity=\"0.3\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Adh\u00e9sif pour carrelage<\/h3>\n        <p class=\"app-desc\">La colle \u00e0 carrelage, \u00e9galement appel\u00e9e colle \u00e0 carrelage, est un m\u00e9lange de ciment, de sable, de calcaire, d'eau et d'additifs am\u00e9liorant les performances.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/additifs-de-colle-pour-carrelage-ce-rdp\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 2. Skim Coat -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 20h16M6 20V4h12v16M8 12l8-3\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M4 20h16\" \/>\n            <path d=\"M6 20V4h12v16\" \/>\n            <path d=\"M8 12l8-3\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Additifs pour Skim Coat \/ Wall Putty<\/h3>\n        <p class=\"app-desc\">Le enduit mural, aussi appel\u00e9 couche de finition, est un mat\u00e9riau de construction d\u00e9coratif et fonctionnel compos\u00e9 de ciment blanc, d'eau et d'additifs performants.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/additifs-pour-enduits-de-finition-et-mastics-muraux\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 3. ETICS \/ EIFS -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"4\" rx=\"1\"\/>\n            <rect x=\"4\" y=\"9\" width=\"16\" height=\"4\" rx=\"1\"\/>\n            <rect x=\"4\" y=\"14\" width=\"16\" height=\"4\" rx=\"1\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"14\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <rect x=\"4\" y=\"9\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <path d=\"M2 11h2 M2 16h2\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">ETICS \/ Additifs EIFS<\/h3>\n        <p class=\"app-desc\">Le syst\u00e8me d'isolation et de finition ext\u00e9rieure (EIFS) est \u00e9galement appel\u00e9 ETICS. Il comporte plusieurs couches qui travaillent ensemble pour fournir une isolation.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/additifs-etics-eifs-systeme-disolation-exterieure\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 4. Gypsum Applications -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M5 4h14v16H5z\"\/>\n            <path d=\"M5 12h14M12 4v16\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M5 4h14v16H5z\" \/>\n            <path d=\"M5 12h14\" \/>\n            <path d=\"M12 4v16\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Applications du gypse<\/h3>\n        <p class=\"app-desc\">Les produits \u00e0 base de gypse comprennent une vari\u00e9t\u00e9 de mat\u00e9riaux de construction et d\u00e9coratifs. Les principaux produits sont le pl\u00e2tre de gypse et les compos\u00e9s.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/applications-du-gypse\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 5. Self-leveling Compounds -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M2 18h20M12 5v10M8 18c0-3 2-4 4-4s4 1 4 4\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M2 18h20\" \/>\n            <path d=\"M12 5v10\" \/>\n            <path d=\"M8 18c0-3 2-4 4-4s4 1 4 4\" \/>\n            <circle cx=\"12\" cy=\"3\" r=\"1\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Compos\u00e9s autolissants<\/h3>\n        <p class=\"app-desc\">Le compos\u00e9 autonivelant est un m\u00e9lange cimentaire de charges et d'additifs chimiques. Il est largement utilis\u00e9 pour cr\u00e9er des surfaces lisses.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/additifs-autonivelants-composes\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 6. Cement Render -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"\/>\n            <path d=\"M3 10h18M3 16h18\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\" \/>\n            <path d=\"M3 10h18\" \/>\n            <path d=\"M3 16h18\" \/>\n            <path d=\"M9 4v6 M15 10v6 M9 16v4\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Additifs pour enduits de ciment<\/h3>\n        <p class=\"app-desc\">Le mortier de ciment, \u00e9galement appel\u00e9 enduit \u00e0 base de ciment, est un mat\u00e9riau de construction polyvalent compos\u00e9 de ciment, de sable, d'eau et d'additifs.<\/p>\n        <a href=\"http:\/\/landu-china.com\/fr\/ciment-enduit-additifs-platre\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 7. Paint & Coatings -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"6\" rx=\"2\"\/>\n            <path d=\"M8 12v4M16 12v2a2 2 0 0 1-2 2h-4M10 16v6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"6\" rx=\"2\" \/>\n            <path d=\"M8 12v4\" \/>\n            <path d=\"M16 12v2a2 2 0 0 1-2 2h-4\" \/>\n            <path d=\"M10 16v6\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Additif pour peintures et rev\u00eatements<\/h3>\n        <p class=\"app-desc\">Les peintures et rev\u00eatements sont utilis\u00e9s \u00e0 des fins d\u00e9coratives et fonctionnelles. Ils peuvent am\u00e9liorer l'apparence de diverses surfaces.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/additifs-pour-peintures-et-revetements\/\" class=\"app-link\">voir plus \u2192<\/a>\n      <\/div>\n\n      <!-- 8. Personal & Home Care -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"7\" y=\"9\" width=\"10\" height=\"12\" rx=\"2\"\/>\n            <path d=\"M12 9V5M9 5h6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"7\" y=\"9\" width=\"10\" height=\"12\" rx=\"2\" \/>\n            <path d=\"M12 9V5\" \/>\n            <path d=\"M9 5h6\" \/>\n            <circle cx=\"14\" cy=\"15\" r=\"1\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Soins personnels et \u00e0 domicile<\/h3>\n        <p class=\"app-desc\">Additifs essentiels pour les produits de soins personnels comme les shampoings, lotions et solutions de nettoyage domestique, am\u00e9liorant la texture et la stabilit\u00e9.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fr\/marches\/soins-personnels-a-domicile\/\" class=\"app-link\">voir plus \u2192<\/a>\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-8e48d14 e-con-full e-flex e-con e-parent\" data-id=\"8e48d14\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eecb20 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6eecb20\" data-element_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 About Section - Clean Professional Edition -->\n<section class=\"landu-about-section\">\n  <style>\n    \/* --- \ud83c\udfa8 \u4e13\u4e1a\u914d\u8272 --- *\/\n    :root {\n      --primary-blue: #2563EB;\n      --primary-dark: #1E40AF;\n      --accent-orange: #F97316;\n      --text-dark: #1F2937;\n      --text-gray: #6B7280;\n      --bg-warm: #FFFBF7;\n      --border-light: #E5E7EB;\n    }\n\n    .landu-about-section {\n      width: 100%;\n      background: linear-gradient(180deg, #F9FAFB 0%, #FFFBF7 100%);\n      font-family: 'Inter', system-ui, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u4e0a\u534a\u90e8\u5206\u5e03\u5c40 --- *\/\n    .top-split {\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      gap: 60px;\n      align-items: flex-start;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u6587\u5b57 *\/\n    .about-content {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 20px;\n    }\n    .section-badge span {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n      background: rgba(37, 99, 235, 0.1);\n      padding: 6px 16px;\n      border-radius: 50px;\n    }\n\n    .about-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n\n    .about-subtitle {\n      font-size: 18px;\n      color: var(--accent-orange);\n      font-weight: 600;\n      margin-bottom: 40px;\n    }\n\n    \/* \u94fe\u63a5\u5757 *\/\n    .info-block {\n      margin-bottom: 32px;\n      padding-left: 24px;\n      border-left: 3px solid #E5E7EB;\n      transition: all 0.3s ease;\n    }\n    .info-block:hover { \n      border-left-color: var(--primary-blue);\n    }\n\n    .info-link {\n      text-decoration: none;\n      color: inherit;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      transition: color 0.3s ease;\n    }\n    .info-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--text-dark);\n      margin-bottom: 12px;\n      display: flex;\n      align-items: center;\n    }\n    .info-link:hover .info-title-text {\n      color: var(--primary-blue);\n      text-decoration: underline;\n      text-underline-offset: 4px;\n    }\n    .info-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--text-gray);\n    }\n\n    \/* \u6309\u94ae *\/\n    .btn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin-top: 10px;\n      padding: 14px 32px;\n      background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark));\n      color: #fff;\n      font-size: 15px;\n      font-weight: 700;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);\n    }\n    .btn-more:hover {\n      background: linear-gradient(135deg, var(--accent-orange), #EA580C);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4);\n    }\n\n    \/* --- \u53f3\u4fa7\u5927\u56fe\u76f8\u6846 --- *\/\n    .main-image-frame {\n      position: relative;\n      padding: 12px;\n      background: #fff;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n      border-radius: 4px;\n      transform: rotate(1deg);\n      transition: transform 0.5s ease;\n    }\n    .main-image-frame:hover {\n      transform: rotate(0deg) scale(1.01);\n      z-index: 10;\n    }\n\n    .main-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n      border: 1px solid #f0f0f0;\n    }\n\n    \/* --- \u4e0b\u534a\u90e8\u5206\uff1a\u7167\u7247\u5899 --- *\/\n    .gallery-strip {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n      padding-top: 40px;\n    }\n\n    .gallery-item {\n      position: relative;\n      background: #fff;\n      padding: 10px 10px 40px 10px;\n      box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      border-radius: 2px;\n    }\n\n    .gallery-item:nth-child(1) { transform: rotate(-2deg); }\n    .gallery-item:nth-child(2) { transform: rotate(1deg); margin-top: 20px; }\n    .gallery-item:nth-child(3) { transform: rotate(-1deg); }\n    .gallery-item:nth-child(4) { transform: rotate(2deg); margin-top: 20px; }\n\n    .gallery-item:hover {\n      transform: scale(1.05) rotate(0deg) !important;\n      z-index: 10;\n      box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);\n    }\n\n    \/* \ud83d\udcce \u7eb8\u8d28\u80f6\u5e26\u6548\u679c (\u4fdd\u7559\u624b\u8d26\u98ce\u683c\uff0c\u53bb\u6389\u5723\u8bde\u6761\u7eb9) *\/\n    .gallery-item::after {\n      content: '';\n      position: absolute;\n      top: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 90px;\n      height: 28px;\n      background: rgba(255, 255, 255, 0.9);\n      border: 1px solid rgba(0,0,0,0.08);\n      box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n      opacity: 0.95;\n    }\n\n    \/* \ud83d\udd16 \u89d2\u843d\u6807\u7b7e\u88c5\u9970 (\u66ff\u4ee3\u5723\u8bde\u8d34\u7eb8) *\/\n    .corner-tag {\n      position: absolute;\n      width: 0;\n      height: 0;\n      z-index: 5;\n      transition: all 0.3s ease;\n    }\n    \n    \/* \u53f3\u4e0a\u89d2\u6298\u89d2 *\/\n    .corner-tag-tr {\n      top: 0;\n      right: 0;\n      border-style: solid;\n      border-width: 0 40px 40px 0;\n      border-color: transparent rgba(37, 99, 235, 0.15) transparent transparent;\n    }\n    \n    \/* \u5de6\u4e0b\u89d2\u5c0f\u6807\u7b7e *\/\n    .corner-tag-bl {\n      bottom: 40px;\n      left: 0;\n      width: 8px;\n      height: 50px;\n      background: linear-gradient(180deg, rgba(249, 115, 22, 0.2), rgba(249, 115, 22, 0.4));\n      border-radius: 0 4px 4px 0;\n    }\n\n    .gallery-item:hover .corner-tag-tr {\n      border-color: transparent rgba(37, 99, 235, 0.3) transparent transparent;\n    }\n\n    .gallery-img {\n      width: 100%;\n      height: 200px;\n      object-fit: cover;\n      display: block;\n      margin-bottom: 10px;\n      border: 1px solid #eee;\n    }\n\n    .gallery-caption {\n      position: absolute;\n      bottom: 10px;\n      left: 0;\n      width: 100%;\n      text-align: center;\n      font-family: \"Courier New\", Courier, monospace;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--text-gray);\n      letter-spacing: -0.5px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .top-split { grid-template-columns: 1fr; }\n      .gallery-strip { grid-template-columns: repeat(2, 1fr); }\n      .gallery-item:nth-child(odd) { margin-top: 0; }\n      .gallery-item:nth-child(even) { margin-top: 20px; }\n    }\n    @media (max-width: 600px) {\n      .gallery-strip { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n  <div class=\"landu-container\">\n    \n    <!-- \u4e0a\u534a\u90e8\u5206 -->\n    <div class=\"top-split\">\n      <!-- \u5de6\u4fa7\u6587\u5b57 -->\n      <div class=\"about-content\">\n        <div class=\"section-badge\">\n          <span>\u00c0 propos de nous<\/span>\n        <\/div>\n        \n        <h2 class=\"about-title\">\n          \u00c0 propos de LANDU\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563EB\" stroke-width=\"2\" style=\"vertical-align: middle; margin-left: 10px;\">\n            <path d=\"M12 2.97l-6.6 7.92h4.06l-4.95 7.13h14.98l-4.95-7.13h4.06z\"\/>\n            <path d=\"M12 21v-3\"\/>\n          <\/svg>\n        <\/h2>\n        <span class=\"about-subtitle\">Premier fournisseur d'\u00e9ther de cellulose et de RDP en Chine<\/span>\n\n        <!-- Innovation (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/fr\/entreprise\/centre-dinnovation\/\" class=\"info-link\">\n            <h3 class=\"info-title\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563EB\" stroke-width=\"2\" style=\"margin-right: 10px;\">\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 class=\"info-title-text\">Innovation \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            LANDU est \u00e9quip\u00e9 de deux laboratoires pour tester les performances et les propri\u00e9t\u00e9s des produits. En outre, notre \u00e9quipe de conseillers techniques professionnels vous offre conseils et assistance. Ces installations nous permettent de vous aider \u00e0 s\u00e9lectionner les meilleures solutions pour vos besoins sp\u00e9cifiques.\n          <\/p>\n        <\/div>\n\n        <!-- Quality Control (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/fr\/services\/developpement-de-la-formulation\/\" class=\"info-link\">\n            <h3 class=\"info-title\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"2\" style=\"margin-right: 10px;\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                <path d=\"M9 12l2 2 4-4\"\/>\n              <\/svg>\n              <span class=\"info-title-text\">Contr\u00f4le Qualit\u00e9 \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            Chez LANDU, nous optons pour des r\u00e9acteurs verticaux et des technologies de m\u00e9lange par cyclone. Ces solutions sp\u00e9cialis\u00e9es permettent d'obtenir un m\u00e9lange plus complet et plus approfondi. De plus, nous disposons d'un syst\u00e8me de contr\u00f4le automatique. Il r\u00e9duit le risque d'erreur humaine pendant la production.\n          <\/p>\n        <\/div>\n\n        <!-- Button -->\n        <a href=\"https:\/\/landu-china.com\/fr\/entreprise\/\" class=\"btn-more\">\n          En savoir plus sur nous\n        <\/a>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u5927\u56fe -->\n      <div class=\"main-image-frame\">\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/861F6231.jpg\" alt=\"Installation LANDU\" class=\"main-img\">\n      <\/div>\n    <\/div>\n\n    <!-- \u4e0b\u534a\u90e8\u5206\uff1a\u7167\u7247\u5899 -->\n    <div class=\"gallery-strip\">\n      \n      <!-- Image 1: Middle East & Africa -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-tr\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01682-scaled.jpg\" alt=\"\u00c9quipe Moyen-Orient &amp; Afrique\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">\u00c9quipe Moyen-Orient &amp; Afrique<\/div>\n      <\/div>\n\n      <!-- Image 2: Europe -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-bl\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01721-scaled.jpg\" alt=\"\u00c9quipe Europe\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">\u00c9quipe Europe<\/div>\n      <\/div>\n\n      <!-- Image 3: Russian Region -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-tr\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01642-scaled.jpg\" alt=\"\u00c9quipe R\u00e9gion Russe\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">\u00c9quipe R\u00e9gion Russe<\/div>\n      <\/div>\n\n      <!-- Image 4: Latin America -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-bl\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/Landu\u2018s-sales-in-CHINACOAT-2025-exhibition-scaled.jpg\" alt=\"\u00c9quipe Am\u00e9rique Latine\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">\u00c9quipe Am\u00e9rique Latine<\/div>\n      <\/div>\n\n    <\/div>\n\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-9c90aae e-con-full e-flex e-con e-parent\" data-id=\"9c90aae\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a65ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e2a65ae\" data-element_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 Sustainability - Clean Professional Edition -->\n<section id=\"landu-sustainability\">\n  <style>\n    \/* --- \ud83d\udd12 \u6837\u5f0f\u9694\u79bb\uff1a\u6240\u6709\u6837\u5f0f\u4ec5\u5728\u6b64 ID \u4e0b\u751f\u6548 --- *\/\n    #landu-sustainability {\n      --primary-blue: #2563EB;\n      --primary-green: #059669;\n      --accent-orange: #F97316;\n      --text-dark: #1F2937;\n      --text-gray: #6B7280;\n      \n      width: 100%;\n      position: relative;\n      padding: 100px 0;\n      font-family: 'Inter', system-ui, sans-serif;\n      overflow: hidden;\n      background: linear-gradient(135deg, #EFF6FF 0%, #F0FDF4 100%);\n    }\n\n    \/* --- \ud83d\uddbc\ufe0f \u80cc\u666f\u5c42 --- *\/\n    #landu-sustainability .sus-bg-layer {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      background-image: url('https:\/\/landu-china.com\/wp-content\/uploads\/2024\/06\/%E6%91%84%E5%9B%BE%E7%BD%91_501771221_%E5%AE%B6%E5%BA%AD%E4%BA%B2%E5%AD%90%E6%88%B7%E5%A4%96%E9%9C%B2%E8%90%A5%E7%8E%A9%E8%80%8D%EF%BC%88%E4%BC%81%E4%B8%9A%E5%95%86%E7%94%A8%EF%BC%89-scaled.webp');\n      background-size: cover;\n      background-position: center;\n      filter: blur(2px);\n      opacity: 0.3;\n      z-index: 0;\n    }\n\n    #landu-sustainability .sus-overlay {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.05) 0%, rgba(5, 150, 105, 0.05) 100%);\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    \/* --- \u88c5\u9970\u6027\u51e0\u4f55\u56fe\u5f62 --- *\/\n    #landu-sustainability .sus-decoration {\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0.1;\n      z-index: 1;\n    }\n\n    #landu-sustainability .sus-circle-1 {\n      width: 400px;\n      height: 400px;\n      background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));\n      top: -100px;\n      right: -100px;\n    }\n\n    #landu-sustainability .sus-circle-2 {\n      width: 300px;\n      height: 300px;\n      background: linear-gradient(135deg, var(--primary-green), var(--accent-orange));\n      bottom: -80px;\n      left: -80px;\n    }\n\n    \/* --- \u5e03\u5c40\u5bb9\u5668 --- *\/\n    #landu-sustainability .sus-content-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 5;\n      text-align: center;\n    }\n\n    \/* Header *\/\n    #landu-sustainability .sus-header { \n      margin-bottom: 70px; \n    }\n    \n    #landu-sustainability .sus-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 24px;\n      background: rgba(255, 255, 255, 0.95);\n      border: 2px solid var(--primary-blue);\n      border-radius: 50px;\n      margin-bottom: 24px;\n      box-shadow: 0 4px 15px rgba(37, 99, 235, 0.15);\n      color: var(--primary-blue);\n      font-weight: 800;\n      text-transform: uppercase;\n      font-size: 13px;\n      letter-spacing: 1.5px;\n      backdrop-filter: blur(10px);\n    }\n\n    #landu-sustainability .sus-badge svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    #landu-sustainability .sus-main-title {\n      font-size: 48px;\n      font-weight: 800;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n\n    #landu-sustainability .sus-sub-title {\n      font-size: 20px;\n      color: var(--primary-green);\n      font-weight: 600;\n      background: rgba(255, 255, 255, 0.9);\n      display: inline-block;\n      padding: 8px 24px;\n      border-radius: 12px;\n      backdrop-filter: blur(8px);\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* --- \u5361\u7247\u7f51\u683c --- *\/\n    #landu-sustainability .sus-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      margin-bottom: 60px;\n    }\n\n    #landu-sustainability .sus-card {\n      background: rgba(255, 255, 255, 0.95);\n      border-radius: 20px;\n      padding: 48px 36px;\n      text-align: left;\n      position: relative;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(0, 0, 0, 0.05);\n      backdrop-filter: blur(10px);\n      overflow: hidden;\n    }\n\n    #landu-sustainability .sus-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      transition: height 0.3s ease;\n    }\n\n    #landu-sustainability .sus-card:hover {\n      transform: translateY(-12px);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n    }\n\n    #landu-sustainability .sus-card:hover::before {\n      height: 100%;\n      opacity: 0.05;\n    }\n\n    \/* \u7eff\u8272\u5361\u7247 *\/\n    #landu-sustainability .sus-card-green::before {\n      background: linear-gradient(135deg, var(--primary-green), #10B981);\n    }\n\n    #landu-sustainability .sus-card-green .sus-icon-box {\n      background: linear-gradient(135deg, var(--primary-green), #10B981);\n      color: #fff;\n    }\n\n    \/* \u84dd\u8272\u5361\u7247 *\/\n    #landu-sustainability .sus-card-blue::before {\n      background: linear-gradient(135deg, var(--primary-blue), #3B82F6);\n    }\n\n    #landu-sustainability .sus-card-blue .sus-icon-box {\n      background: linear-gradient(135deg, var(--primary-blue), #3B82F6);\n      color: #fff;\n    }\n\n    \/* \u56fe\u6807\u5bb9\u5668 *\/\n    #landu-sustainability .sus-icon-box {\n      width: 72px;\n      height: 72px;\n      margin-bottom: 24px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n      transition: transform 0.3s ease;\n    }\n\n    #landu-sustainability .sus-card:hover .sus-icon-box {\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    #landu-sustainability .sus-card-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.3;\n    }\n\n    #landu-sustainability .sus-card-desc {\n      font-size: 15px;\n      line-height: 1.8;\n      color: var(--text-gray);\n    }\n\n    \/* --- \u6309\u94ae --- *\/\n    #landu-sustainability .sus-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 48px;\n      background: linear-gradient(135deg, var(--primary-blue), #1E40AF);\n      color: #fff;\n      font-size: 16px;\n      font-weight: 700;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    #landu-sustainability .sus-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.2), transparent);\n      transition: left 0.5s ease;\n    }\n\n    #landu-sustainability .sus-btn:hover {\n      background: linear-gradient(135deg, var(--primary-green), #047857);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 30px rgba(5, 150, 105, 0.4);\n    }\n\n    #landu-sustainability .sus-btn:hover::before {\n      left: 100%;\n    }\n\n    #landu-sustainability .sus-btn svg {\n      transition: transform 0.3s ease;\n    }\n\n    #landu-sustainability .sus-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 900px) {\n      #landu-sustainability .sus-grid { \n        grid-template-columns: 1fr; \n        gap: 30px; \n      }\n      #landu-sustainability .sus-main-title {\n        font-size: 36px;\n      }\n      #landu-sustainability {\n        padding: 60px 0;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #landu-sustainability .sus-content-container {\n        padding: 0 20px;\n      }\n      #landu-sustainability .sus-main-title {\n        font-size: 28px;\n      }\n      #landu-sustainability .sus-card {\n        padding: 32px 24px;\n      }\n    }\n  <\/style>\n\n  <!-- \u80cc\u666f -->\n  <div class=\"sus-bg-layer\"><\/div>\n  <div class=\"sus-overlay\"><\/div>\n\n  <!-- \u88c5\u9970\u5706\u5f62 -->\n  <div class=\"sus-decoration sus-circle-1\"><\/div>\n  <div class=\"sus-decoration sus-circle-2\"><\/div>\n\n  <div class=\"sus-content-container\">\n    \n    <!-- Header -->\n    <div class=\"sus-header\">\n      <div class=\"sus-badge\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n          <path d=\"M2 17l10 5 10-5\"\/>\n          <path d=\"M2 12l10 5 10-5\"\/>\n        <\/svg>\n        <span>Notre responsabilit\u00e9<\/span>\n      <\/div>\n      <h2 class=\"sus-main-title\">\n        Leader innovant et responsable\n      <\/h2>\n      <p class=\"sus-sub-title\">LANDU s'engage pour un avenir plus vert<\/p>\n    <\/div>\n\n    <!-- Grid Cards -->\n    <div class=\"sus-grid\">\n      \n      <!-- Green Card -->\n      <div class=\"sus-card sus-card-green\">\n        <div class=\"sus-icon-box\">\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/>\n            <path d=\"M9.8 6.1A7 7 0 0 0 7 10c-2.2 0-4-1.8-4-4 0-1.1.4-2.1 1-2.8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sus-card-title\">Durabilit\u00e9 \u00e9cologique<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU a adopt\u00e9 la technologie MVR pour le traitement des eaux us\u00e9es afin de r\u00e9duire \u00e0 z\u00e9ro les \u00e9missions de d\u00e9chets, ce qui permet de r\u00e9duire l'empreinte climatique et d'am\u00e9liorer les performances environnementales.\n        <\/p>\n      <\/div>\n\n      <!-- Blue Card -->\n      <div class=\"sus-card sus-card-blue\">\n        <div class=\"sus-icon-box\">\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <path d=\"M9 12l2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sus-card-title\">Durabilit\u00e9 sociale<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU croit que la s\u00e9curit\u00e9 est un \u00e9l\u00e9ment central de toutes les op\u00e9rations et ne m\u00e9nage aucun effort pour pr\u00e9venir et contr\u00f4ler les risques afin de favoriser une culture de la s\u00e9curit\u00e9.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Button -->\n    <a href=\"https:\/\/landu-china.com\/fr\/la-durabilite\/\" class=\"sus-btn\">\n      <span>Voir les d\u00e9tails<\/span>\n      <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"M5 12h14\"\/>\n        <path d=\"M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n\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-1677c08 e-flex e-con-boxed e-con e-parent\" data-id=\"1677c08\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e74b171 e-flex e-con-boxed e-con e-child\" data-id=\"e74b171\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-276197a e-con-full e-flex e-con e-child\" data-id=\"276197a\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e4c59a4 e-con-full e-flex e-con e-child\" data-id=\"e4c59a4\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90131ea elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"90131ea\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-earth\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7937d4 elementor-widget elementor-widget-heading\" data-id=\"d7937d4\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La LANDU progresse et prosp\u00e8re constamment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf85bf elementor-widget elementor-widget-heading\" data-id=\"baf85bf\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Derni\u00e8res mises \u00e0 jour : Moments avec LANDU\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0c8a8 elementor-widget elementor-widget-button\" data-id=\"2c0c8a8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/landu-china.com\/fr\/evenements-dactualite\/nouvelles-et-communiques-de-presse\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">En savoir plus<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef6e55e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef6e55e\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9118a5\" data-id=\"e9118a5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-45b090e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45b090e\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-009ab5d\" data-id=\"009ab5d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a71061 elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"4a71061\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div id=\"post-items--4a71061\" class=\"row post-items ekit-blog-posts-content\" data-enable=\"no\">\n\n\t\t\t<!-- Blog Carousel markup render -->\n\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fr\/landu-au-salon-du-beton-2026-a-las-vegas-decouvrez-des-adjuvants-avances-pour-beton-et-des-innovations-en-fibres\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/5fe286af5c09b622ffe1fd5ba74b8d09-1024x576.jpg\" alt=\"LANDU au Salon Mondial du B\u00e9ton 2026 \u00e0 Las Vegas : D\u00e9couvrez des adjuvants avanc\u00e9s pour b\u00e9ton et des innovations en fibres\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fr\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/fr\/exposition\/\" rel=\"category tag\">Exposition<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fr\/landu-au-salon-du-beton-2026-a-las-vegas-decouvrez-des-adjuvants-avances-pour-beton-et-des-innovations-en-fibres\/\">\n                            LANDU au Salon Mondial du B\u00e9ton 2026 \u00e0 Las Vegas : D\u00e9couvrez des adjuvants avanc\u00e9s pour b\u00e9ton et des innovations en fibres                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU pour pr\u00e9senter des solutions innovantes en b\u00e9ton lors de la Conf\u00e9rence de Las Vegas 2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fr\/landu-au-salon-du-beton-2026-a-las-vegas-decouvrez-des-adjuvants-avances-pour-beton-et-des-innovations-en-fibres\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lire la suite                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fr\/landu-chez-beton-2025-solutions-innovantes-en-beton\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/LANDU-2025-BETON-1024x590.jpg\" alt=\"LANDU chez BETON 2025 : Solutions innovantes en b\u00e9ton\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fr\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/fr\/exposition\/\" rel=\"category tag\">Exposition<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fr\/landu-chez-beton-2025-solutions-innovantes-en-beton\/\">\n                            LANDU chez BETON 2025 : Solutions innovantes en b\u00e9ton                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU lors de l'exposition BETON 2025 Landu Mat\u00e9riaux Nouveaux,<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fr\/landu-chez-beton-2025-solutions-innovantes-en-beton\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lire la suite                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fr\/decouvrez-les-additifs-de-revetement-de-nouvelle-generation-avec-landu-a-chinacoat-2025\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/LANDU-2025-ChinaCoat-1024x576.jpg\" alt=\"D\u00e9couvrez les additifs de rev\u00eatement de nouvelle g\u00e9n\u00e9ration avec LANDU \u00e0 CHINACOAT 2025\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fr\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/fr\/exposition\/\" rel=\"category tag\">Exposition<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fr\/decouvrez-les-additifs-de-revetement-de-nouvelle-generation-avec-landu-a-chinacoat-2025\/\">\n                            D\u00e9couvrez les additifs de rev\u00eatement de nouvelle g\u00e9n\u00e9ration avec LANDU \u00e0 CHINACOAT 2025                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>Rejoignez LANDU au CHINACOAT 2025 en tant que leader mondial de l'industrie des rev\u00eatements<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fr\/decouvrez-les-additifs-de-revetement-de-nouvelle-generation-avec-landu-a-chinacoat-2025\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lire la suite                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t        <\/div>\n        \n        \n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Solutions de Mat\u00e9riaux Avanc\u00e9s, \u00c9ther de Cellulose de Pointe, Innovation Mondiale  \nLANDU se sp\u00e9cialise dans les \u00e9thers de cellulose haute performance pour les rev\u00eatements, la construction et les applications sp\u00e9cialis\u00e9es. Nous offrons une qualit\u00e9 constante et des solutions innovantes \u00e0 nos partenaires \u00e0 travers le monde.  \nPlus de 15 ans d'exp\u00e9rience  \nPlus de 60 pays desservis  \nPlus de 500 partenaires mondiaux  \nD\u00e9couvrez LANDU \u2192 Contactez-nous  \n\u25c6 Solutions de produits  \n\u00c9thers de cellulose haute performance  \nLANDU fournit des \u00e9thers de cellulose avanc\u00e9s [\u2026] <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20982","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/20982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/comments?post=20982"}],"version-history":[{"count":237,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/20982\/revisions"}],"predecessor-version":[{"id":23927,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/20982\/revisions\/23927"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/media?parent=20982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}