{"id":5197,"date":"2025-12-02T06:42:41","date_gmt":"2025-12-02T06:42:41","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5197"},"modified":"2025-12-24T08:24:32","modified_gmt":"2025-12-24T08:24:32","slug":"flexible-redispersible-polymer-powder","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/it\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/flexible-redispersible-polymer-powder\/","title":{"rendered":"LANDU Flexible Redispersible Polymer Powder for High-Performance Construction"},"content":{"rendered":"<div class=\"landu-flex-banner-wrapper\">\n<div class=\"landu-flex-banner-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-background-layers\"><\/div>\n<p>        <!-- \u67d4\u6027\u88c5\u9970\u5143\u7d20 --><\/p>\n<div class=\"landu-flex-decorative-elements\">\n            <!-- \u67d4\u6027\u66f2\u7ebf --><\/p>\n<p>            <!-- \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 --><\/p>\n<p>            <!-- \u8fde\u63a5\u7ebf\u6761 --><\/p>\n<p>            <!-- \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7fa4 --><\/p>\n<div class=\"landu-flex-particle-system\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-content\">\n<div class=\"landu-flex-content-left\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"landu-flex-title-section\">\n<h1 class=\"landu-flex-main-title\">\n                        <span class=\"landu-flex-highlight-word\">LANDU Flexible<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Redispersible Polymer<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Powder for Construction<\/span><br \/>\n                    <\/h1>\n<div class=\"landu-flex-brand-badge\">\n<p>                        <span>LANDU ACCURATE\u2122<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- \u63cf\u8ff0\u5185\u5bb9 --><\/p>\n<div class=\"landu-flex-description-section\">\n<p class=\"landu-flex-main-description\">\n                        Redefining flexibility and durability in cementitious materials. Enhance<br \/>\n                        <span class=\"landu-flex-keyword\">elasticity<\/span>,<br \/>\n                        <span class=\"landu-flex-keyword\">crack resistance<\/span>, e<br \/>\n                        <span class=\"landu-flex-keyword\">adhesion<\/span> with superior polymer technology that adapts to structural movement.\n                    <\/p>\n<p class=\"landu-flex-sub-description\">\n                        Advanced flexible polymer formulation delivering exceptional performance for dynamic construction environments.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- \u7279\u6027\u7f51\u683c --><\/p>\n<div class=\"landu-flex-features-grid\">\n<div class=\"landu-flex-feature-card landu-flex-elasticity\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>Enhanced Elasticity<\/h3>\n<p>Superior flexibility<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-feature-card landu-flex-crack-resistance\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>Crack Resistance<\/h3>\n<p>Anti-cracking formula<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-feature-card landu-flex-adhesion\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>Adesione Forte<\/h3>\n<p>Reliable bonding<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u884c\u52a8\u6309\u94ae --><\/p>\n<div class=\"landu-flex-action-section\">\n                    <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" class=\"landu-flex-cta-button landu-flex-primary editing\" target=\"_blank\"><br \/>\n                        <span class=\"landu-flex-button-text\">cURL Too many subrequests.<\/span><\/p>\n<div class=\"landu-flex-button-icon\">\u2192<\/div>\n<p>                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" class=\"landu-flex-cta-button landu-flex-secondary editing\" target=\"_blank\">Explore Specs<\/a>\n                <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-content-right\">\n                <!-- \u67d4\u6027\u805a\u5408\u7269\u7ed3\u6784\u56fe --><\/p>\n<div class=\"landu-flex-polymer-structure\">\n<div class=\"landu-flex-polymer-container\">\n                        <!-- \u67d4\u6027\u94fe\u6761\u7f51\u7edc --><\/p>\n<div class=\"landu-flex-chain-network\">\n<div class=\"landu-flex-chain landu-flex-chain-1\"><\/div>\n<div class=\"landu-flex-chain landu-flex-chain-2\"><\/div>\n<\/p><\/div>\n<p>                        <!-- \u4ea4\u8054\u70b9 --><\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6027\u80fd\u6307\u6807 --><\/p>\n<div class=\"landu-flex-performance-metrics\">\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">300%<\/div>\n<div class=\"landu-flex-metric-label\">Elongation<\/div>\n<\/p><\/div>\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">\u226595%<\/div>\n<div class=\"landu-flex-metric-label\">Flessibilit\u00e0<\/div>\n<\/p><\/div>\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">ISO 9001<\/div>\n<div class=\"landu-flex-metric-label\">Certificato<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5e94\u7528\u9886\u57df --><\/p>\n<div class=\"landu-flex-applications\">\n<h4 class=\"landu-flex-app-title\">Flexible Applications<\/h4>\n<div class=\"landu-flex-app-grid\">\n<div class=\"landu-flex-app-item landu-flex-sealant\">\n<p>                            <span>Flexible Sealant<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-coating\">\n<p>                            <span>Elastic Coating<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-membrane\">\n<p>                            <span>Waterproof Membrane<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-joint\">\n<p>                            <span>Joint Compound<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-banner-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-banner-container {\n            width: 100%;\n            min-height: 600px;\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #ecfdf5 50%, #f8faff 75%, #fefce8 100%);\n            position: relative;\n            overflow: hidden;\n            padding: 80px 40px;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-background-layers {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.2;\n        }<\/p>\n<p>        .landu-flex-layer-1 {\n            width: 320px;\n            height: 320px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.15) 0%, rgba(34, 87, 221, 0.05) 70%, transparent 100%);\n            top: -80px;\n            right: -80px;\n            animation: landu-flex-float-slow 30s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-2 {\n            width: 240px;\n            height: 240px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.12) 0%, rgba(0, 113, 36, 0.04) 70%, transparent 100%);\n            bottom: -60px;\n            left: -60px;\n            animation: landu-flex-float-slow 35s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-3 {\n            width: 180px;\n            height: 180px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.03) 70%, transparent 100%);\n            top: 25%;\n            left: 10%;\n            animation: landu-flex-float-slow 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-4 {\n            width: 150px;\n            height: 150px;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n            top: 65%;\n            right: 15%;\n            animation: landu-flex-float-slow 40s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-5 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.02) 70%, transparent 100%);\n            top: 5%;\n            right: 35%;\n            animation: landu-flex-float-slow 32s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-float-slow {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-15px, -20px) rotate(90deg); }\n            50% { transform: translate(10px, -10px) rotate(180deg); }\n            75% { transform: translate(-8px, 15px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u67d4\u6027\u88c5\u9970\u5143\u7d20 *\/\n        .landu-flex-decorative-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u66f2\u7ebf *\/\n        .landu-flex-curve {\n            position: absolute;\n            border: 3px solid;\n            border-radius: 50px;\n            opacity: 0.4;\n        }<\/p>\n<p>        .landu-flex-curve-1 {\n            width: 120px;\n            height: 60px;\n            border-color: rgba(34, 87, 221, 0.3);\n            border-style: solid none solid none;\n            top: 20%;\n            left: 15%;\n            transform: rotate(25deg);\n            animation: landu-flex-curve-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-curve-2 {\n            width: 100px;\n            height: 80px;\n            border-color: rgba(0, 113, 36, 0.3);\n            border-style: none solid none solid;\n            bottom: 30%;\n            right: 20%;\n            transform: rotate(-30deg);\n            animation: landu-flex-curve-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-curve-3 {\n            width: 80px;\n            height: 40px;\n            border-color: rgba(16, 185, 129, 0.3);\n            border-style: solid none solid none;\n            top: 60%;\n            left: 25%;\n            transform: rotate(45deg);\n            animation: landu-flex-curve-wave 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-curve-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1.2); }\n        }<\/p>\n<p>        \/* \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 *\/\n        .landu-flex-shape {\n            position: absolute;\n            opacity: 0.5;\n        }<\/p>\n<p>        .landu-flex-elastic-1 {\n            width: 40px;\n            height: 20px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 20px;\n            top: 30%;\n            right: 30%;\n            animation: landu-flex-elastic-stretch 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-elastic-2 {\n            width: 30px;\n            height: 30px;\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            border-radius: 50%;\n            bottom: 40%;\n            left: 20%;\n            animation: landu-flex-elastic-bounce 7s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-1 {\n            width: 8px;\n            height: 60px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #f59e0b 0px,\n                #f59e0b 6px,\n                transparent 6px,\n                transparent 12px\n            );\n            top: 15%;\n            right: 10%;\n            animation: landu-flex-spring-compress 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-2 {\n            width: 6px;\n            height: 45px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #8b5cf6 0px,\n                #8b5cf6 5px,\n                transparent 5px,\n                transparent 10px\n            );\n            bottom: 20%;\n            right: 40%;\n            animation: landu-flex-spring-compress 6s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-stretch {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.4) scaleY(0.7); }\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-bounce {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.3); }\n        }<\/p>\n<p>        @keyframes landu-flex-spring-compress {\n            0%, 100% { transform: scaleY(1); }\n            50% { transform: scaleY(0.6); }\n        }<\/p>\n<p>        \/* \u8fde\u63a5\u7ebf\u6761 *\/\n        .landu-flex-connection-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, rgba(34, 87, 221, 0.4) 50%, transparent 100%);\n            opacity: 0.6;\n        }<\/p>\n<p>        .landu-flex-line-1 {\n            width: 150px;\n            top: 35%;\n            left: 30%;\n            transform: rotate(20deg);\n            animation: landu-flex-line-flex 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-2 {\n            width: 120px;\n            bottom: 35%;\n            right: 25%;\n            transform: rotate(-40deg);\n            animation: landu-flex-line-flex 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-line-3 {\n            width: 100px;\n            top: 65%;\n            right: 50%;\n            transform: rotate(70deg);\n            animation: landu-flex-line-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-line-flex {\n            0%, 100% { opacity: 0.4; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1); }\n            50% { opacity: 0.8; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1.2); }\n        }<\/p>\n<p>        \/* \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7cfb\u7edf *\/\n        .landu-flex-particle-system {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.7;\n            animation: landu-flex-particle-float 15s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-p1 { width: 10px; height: 10px; background: #2257dd; top: 15%; right: 25%; animation-delay: 0s; }\n        .landu-flex-p2 { width: 8px; height: 8px; background: #007124; top: 25%; right: 45%; animation-delay: 1.5s; }\n        .landu-flex-p3 { width: 12px; height: 12px; background: #3b82f6; top: 45%; right: 15%; animation-delay: 3s; }\n        .landu-flex-p4 { width: 9px; height: 9px; background: #10b981; top: 65%; right: 35%; animation-delay: 4.5s; }\n        .landu-flex-p5 { width: 7px; height: 7px; background: #8b5cf6; top: 85%; right: 55%; animation-delay: 6s; }\n        .landu-flex-p6 { width: 11px; height: 11px; background: #f59e0b; top: 35%; right: 65%; animation-delay: 7.5s; }\n        .landu-flex-p7 { width: 6px; height: 6px; background: #ef4444; top: 55%; right: 75%; animation-delay: 9s; }\n        .landu-flex-p8 { width: 9px; height: 9px; background: #06b6d4; top: 75%; right: 85%; animation-delay: 10.5s; }\n        .landu-flex-p9 { width: 8px; height: 8px; background: #84cc16; top: 20%; right: 80%; animation-delay: 12s; }\n        .landu-flex-p10 { width: 10px; height: 10px; background: #f97316; top: 40%; right: 90%; animation-delay: 13.5s; }<\/p>\n<p>        @keyframes landu-flex-particle-float {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }\n            25% { transform: translateY(-25px) translateX(-15px) scale(1.2); opacity: 0.8; }\n            50% { transform: translateY(-15px) translateX(10px) scale(0.8); opacity: 0.9; }\n            75% { transform: translateY(-35px) translateX(-8px) scale(1.1); opacity: 0.7; }\n        }<\/p>\n<p>        \/* \u4e3b\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-content {\n            position: relative;\n            z-index: 10;\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 60px;\n            max-width: 1200px;\n            margin: 0 auto;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-content-left {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u6807\u9898\u533a\u57df *\/\n        .landu-flex-title-section {\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-main-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            line-height: 1.1;\n            color: #1e293b;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-highlight-word {\n            display: block;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.8rem;\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-title-line {\n            display: block;\n            color: #475569;\n            font-weight: 700;\n        }<\/p>\n<p>        .landu-flex-brand-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #2257dd;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-icon {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n        }<\/p>\n<p>        \/* \u63cf\u8ff0\u533a\u57df *\/\n        .landu-flex-main-description {\n            font-size: 1.1rem;\n            color: #475569;\n            line-height: 1.6;\n            margin-bottom: 12px;\n        }<\/p>\n<p>        .landu-flex-keyword {\n            color: #2257dd;\n            font-weight: 600;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-sub-description {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.5;\n            font-weight: 500;\n            margin: 0;\n        }<\/p>\n<p>        \/* \u7279\u6027\u7f51\u683c *\/\n        .landu-flex-features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }<\/p>\n<p>        .landu-flex-feature-card {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-elasticity::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-crack-resistance::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-adhesion::before { background: linear-gradient(90deg, transparent, #3b82f6, transparent); }<\/p>\n<p>        .landu-flex-feature-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-feature-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-feature-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-elasticity .landu-flex-feature-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-crack-resistance .landu-flex-feature-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-adhesion .landu-flex-feature-icon { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); }<\/p>\n<p>        .landu-flex-icon-elasticity {\n            width: 24px;\n            height: 8px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n            animation: landu-flex-icon-stretch 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.5); }\n        }<\/p>\n<p>        .landu-flex-icon-crack {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-crack::after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 16px;\n            background: white;\n            top: 4px;\n            left: 11px;\n            border-radius: 1px;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion {\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion::after {\n            content: '';\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n        }<\/p>\n<p>        .landu-flex-feature-content h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 6px;\n        }<\/p>\n<p>        .landu-flex-feature-content p {\n            font-size: 0.9rem;\n            color: #64748b;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        \/* \u884c\u52a8\u6309\u94ae *\/\n        .landu-flex-action-section {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }<\/p>\n<p>        .landu-flex-cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 16px 32px;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-primary {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        .landu-flex-secondary {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-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            transition: left 0.6s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover {\n            transform: translateY(-3px);\n        }<\/p>\n<p>        .landu-flex-primary:hover {\n            box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\n        }<\/p>\n<p>        .landu-flex-secondary:hover {\n            box-shadow: 0 12px 32px rgba(34, 87, 221, 0.4);\n            background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);\n        }<\/p>\n<p>        .landu-flex-cta-button:hover::before {\n            left: 100%;\n        }<\/p>\n<p>        .landu-flex-button-icon {\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover .landu-flex-button-icon {\n            transform: translateX(4px);\n        }<\/p>\n<p>        \/* \u53f3\u4fa7\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-content-right {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u805a\u5408\u7269\u7ed3\u6784\u56fe *\/\n        .landu-flex-polymer-structure {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .landu-flex-polymer-container {\n            position: relative;\n            width: 200px;\n            height: 160px;\n            margin: 0 auto 24px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u94fe\u6761\u7f51\u7edc *\/\n        .landu-flex-chain-network {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-chain {\n            position: absolute;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-chain-1 {\n            top: 30%;\n            left: 10%;\n            transform: rotate(15deg);\n            animation: landu-flex-chain-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-chain-2 {\n            bottom: 30%;\n            right: 10%;\n            transform: rotate(-20deg);\n            animation: landu-flex-chain-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-chain-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateY(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateY(-10px); }\n        }<\/p>\n<p>        .landu-flex-node {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 50%;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.4);\n            animation: landu-flex-node-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-node-1 { animation-delay: 0s; }\n        .landu-flex-node-2 { animation-delay: 0.5s; }\n        .landu-flex-node-3 { animation-delay: 1s; }\n        .landu-flex-node-4 { animation-delay: 1.5s; }\n        .landu-flex-node-5 { animation-delay: 2s; }\n        .landu-flex-node-6 { animation-delay: 2.5s; }<\/p>\n<p>        @keyframes landu-flex-node-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        .landu-flex-segment {\n            width: 20px;\n            height: 3px;\n            background: linear-gradient(90deg, #64748b 0%, #94a3b8 50%, #64748b 100%);\n            border-radius: 2px;\n            animation: landu-flex-segment-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-segment-flex {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.3) scaleY(0.7); }\n        }<\/p>\n<p>        \/* \u4ea4\u8054\u70b9 *\/\n        .landu-flex-crosslink {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(0, 113, 36, 0.5);\n            animation: landu-flex-crosslink-glow 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cross-1 { top: 20%; right: 30%; animation-delay: 0s; }\n        .landu-flex-cross-2 { bottom: 40%; left: 25%; animation-delay: 1.67s; }\n        .landu-flex-cross-3 { top: 60%; right: 20%; animation-delay: 3.33s; }<\/p>\n<p>        @keyframes landu-flex-crosslink-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u6027\u80fd\u6307\u6807 *\/\n        .landu-flex-performance-metrics {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .landu-flex-metric-item {\n            flex: 1;\n            text-align: center;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(15px);\n            padding: 20px 16px;\n            border-radius: 14px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-metric-item:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-metric-value {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #2257dd;\n            margin-bottom: 6px;\n            font-family: 'Courier New', monospace;\n        }<\/p>\n<p>        .landu-flex-metric-label {\n            font-size: 0.8rem;\n            color: #64748b;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        \/* \u5e94\u7528\u9886\u57df *\/\n        .landu-flex-applications {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n        }<\/p>\n<p>        .landu-flex-app-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 16px;\n            text-align: center;\n        }<\/p>\n<p>        .landu-flex-app-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n        }<\/p>\n<p>        .landu-flex-app-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 14px 16px;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n            font-size: 0.85rem;\n            color: #475569;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-app-item:hover {\n            background: rgba(255, 255, 255, 1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-app-icon {\n            width: 20px;\n            height: 20px;\n            border-radius: 6px;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-icon-sealant { background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%); }\n        .landu-flex-icon-coating { background: linear-gradient(135deg, #007124 0%, #059669 100%); }\n        .landu-flex-icon-membrane { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }\n        .landu-flex-icon-joint { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-banner-container {\n                padding: 50px 30px;\n                min-height: 700px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2.4rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 16px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-banner-container {\n                padding: 40px 24px;\n                min-height: 800px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.3rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-action-section {\n                flex-direction: column;\n                align-items: center;\n            }<\/p>\n<p>            .landu-flex-cta-button {\n                width: 100%;\n                max-width: 300px;\n                justify-content: center;\n            }<\/p>\n<p>            .landu-flex-performance-metrics {\n                flex-direction: column;\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-app-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-polymer-container {\n                width: 160px;\n                height: 120px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-banner-container {\n                padding: 32px 20px;\n                min-height: 900px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-main-description {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-feature-card {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .landu-flex-polymer-structure {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-applications {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flex-content-wrapper\">\n<div class=\"landu-flex-content-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-content-background\"><\/div>\n<p>        <!-- \u88c5\u9970\u6027\u7c92\u5b50\u7cfb\u7edf --><\/p>\n<div class=\"landu-flex-content-particles\"><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-section\">\n            <!-- \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-intro-section\">\n<div class=\"landu-flex-intro-content\">\n<div class=\"landu-flex-intro-header\">\n<div class=\"landu-flex-brand-highlight\">\n<div class=\"landu-flex-brand-icon\"><\/div>\n<p>                            <span class=\"landu-flex-brand-text\">LANDU ACCURATE\u2122<\/span>\n                        <\/div>\n<h2 class=\"landu-flex-intro-title\">Premium Flexible Redispersible Polymer Powder<\/h2>\n<div class=\"landu-flex-intro-subtitle\">\n                            <span class=\"landu-flex-subtitle-highlight\">Unmatched Flexibility<\/span><br \/>\n                            for Cementitious &amp; Construction Materials\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-description\">\n<p class=\"landu-flex-main-desc\">\n                            LANDU ACCURATE\u2122 Flexible Redispersible Polymer Powder (RDP) is a<br \/>\n                            <span class=\"landu-flex-desc-highlight\">high-performance polymer additive<\/span><br \/>\n                            engineered to deliver superior elasticity, crack mitigation, and movement tolerance.<br \/>\n                            Unlike conventional rigid formulations, our flexible grade adapts to vibrations,<br \/>\n                            substrate movements, and mechanical stress\u2014ensuring exceptional durability and<br \/>\n                            long-term structural integrity.\n                        <\/p>\n<p class=\"landu-flex-secondary-desc\">\n                            Serving as an elasticity enhancer, crack-prevention agent, and adhesion booster,<br \/>\n                            ACCURATE\u2122 transforms the resilience and lifespan of your cement-based projects.\n                        <\/p>\n<\/p><\/div>\n<div class=\"landu-flex-cta-section\">\n<div class=\"landu-flex-sample-cta\">\n<div class=\"landu-flex-cta-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cc.svg\"><\/div>\n<div class=\"landu-flex-cta-content\">\n                                <span class=\"landu-flex-cta-main\">Request Your Sample Today<\/span><br \/>\n                                <span class=\"landu-flex-cta-sub\">See the Difference Firsthand!<\/span>\n                            <\/div>\n<p>                            <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"landu-flex-sample-button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Get Sample        \u2192<\/button><br \/>\n<\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-visual\">\n<div class=\"landu-flex-product-showcase\">\n<div class=\"landu-flex-product-frame\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-sample.jpg\" alt=\"LANDU Flexible Redispersible Polymer Powder Sample\" class=\"landu-flex-product-image\"><\/p>\n<div class=\"landu-flex-image-overlay\">\n<div class=\"landu-flex-product-badge\">\n                                    <span class=\"landu-flex-badge-premium\">PREMIUM<\/span><br \/>\n                                    <span class=\"landu-flex-badge-flexible\">FLEXIBLE<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u4ea7\u54c1\u7279\u6027\u6307\u793a\u5668 --><\/p>\n<div class=\"landu-flex-feature-indicators\">\n<div class=\"landu-flex-indicator landu-flex-ind-elasticity\">\n<p>                                <span>Elasticity<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-durability\">\n<p>                                <span>Durability<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-adhesion\">\n<p>                                <span>Adhesion<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u7279\u8272\u4f18\u52bf\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-advantages-section\">\n<div class=\"landu-flex-advantages-header\">\n<h3 class=\"landu-flex-advantages-title\">\n                        Why LANDU Flexible RDP<br \/>\n                        <span class=\"landu-flex-title-accent\">Stands Out<\/span><br \/>\n                    <\/h3>\n<div class=\"landu-flex-advantages-subtitle\">\n                        Advanced polymer technology delivering exceptional performance across diverse applications\n                    <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-advantages-grid\">\n                    <!-- \u9ad8\u7ea7\u5f39\u6027\u6027\u80fd --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-elastic\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-elastic-perf\">\n<div class=\"landu-flex-elastic-waves\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Advanced Elastic Performance<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Absorbs thermal expansion, vibration, and minor substrate shifts.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u4f18\u5f02\u9632\u88c2\u6027\u80fd --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-crack\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-crack-prev\">\n<div class=\"landu-flex-crack-shield\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Outstanding Crack Prevention<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Reduces fractures caused by shrinkage, mechanical stress, and temperature fluctuations.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u8d85\u5f3a\u7c98\u63a5\u5f3a\u5ea6 --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-bonding\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-bonding\">\n<div class=\"landu-flex-bonding-links\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Superior Bonding Strength<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u9632\u6c34\u4fdd\u62a4\u80fd\u529b --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-water\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-water\">\n<div class=\"landu-flex-water-drops\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">cURL Too many subrequests.<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u6539\u5584\u65bd\u5de5\u6d41\u52a8\u6027 --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-flow\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-flow\">\n<div class=\"landu-flex-flow-lines\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">cURL Too many subrequests.<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-content-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            margin-top: -1px; \/* \u65e0\u7f1d\u8854\u63a5banner *\/\n        }<\/p>\n<p>        .landu-flex-content-container {\n            width: 100%;\n            background: linear-gradient(180deg, \n                rgba(240, 249, 255, 0.95) 0%, \n                rgba(255, 255, 255, 0.98) 25%, \n                rgba(248, 250, 252, 1) 50%, \n                rgba(255, 255, 255, 1) 75%, \n                rgba(249, 250, 251, 1) 100%);\n            position: relative;\n            padding: 80px 0;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-content-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-content-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.08;\n        }<\/p>\n<p>        .landu-flex-content-layer-1 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.2) 0%, transparent 70%);\n            top: 10%;\n            right: -100px;\n            animation: landu-flex-content-float 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-2 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.15) 0%, transparent 70%);\n            bottom: 20%;\n            left: -80px;\n            animation: landu-flex-content-float 30s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-content-layer-3 {\n            width: 250px;\n            height: 250px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\n            top: 40%;\n            left: 20%;\n            animation: landu-flex-content-float 35s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-4 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%);\n            bottom: 10%;\n            right: 30%;\n            animation: landu-flex-content-float 28s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-content-float {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-20px, -30px) rotate(90deg); }\n            50% { transform: translate(15px, -15px) rotate(180deg); }\n            75% { transform: translate(-10px, 20px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u88c5\u9970\u6027\u7c92\u5b50 *\/\n        .landu-flex-content-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        .landu-flex-content-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.6;\n            animation: landu-flex-content-particle-drift 20s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cp1 { width: 8px; height: 8px; background: #2257dd; top: 15%; right: 20%; animation-delay: 0s; }\n        .landu-flex-cp2 { width: 6px; height: 6px; background: #007124; top: 35%; right: 60%; animation-delay: 3s; }\n        .landu-flex-cp3 { width: 10px; height: 10px; background: #3b82f6; top: 55%; right: 15%; animation-delay: 6s; }\n        .landu-flex-cp4 { width: 7px; height: 7px; background: #10b981; top: 75%; right: 45%; animation-delay: 9s; }\n        .landu-flex-cp5 { width: 9px; height: 9px; background: #8b5cf6; top: 25%; right: 80%; animation-delay: 12s; }\n        .landu-flex-cp6 { width: 5px; height: 5px; background: #f59e0b; top: 65%; right: 70%; animation-delay: 15s; }<\/p>\n<p>        @keyframes landu-flex-content-particle-drift {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n            25% { transform: translateY(-30px) translateX(-20px) scale(1.3); opacity: 0.7; }\n            50% { transform: translateY(-20px) translateX(15px) scale(0.8); opacity: 0.8; }\n            75% { transform: translateY(-40px) translateX(-10px) scale(1.1); opacity: 0.6; }\n        }<\/p>\n<p>        \/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-section {\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            flex-direction: column;\n            gap: 80px;\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 *\/\n        .landu-flex-intro-section {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-intro-content {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u5934\u90e8 *\/\n        .landu-flex-intro-header {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-brand-highlight {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(15px);\n            padding: 12px 20px;\n            border-radius: 25px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            box-shadow: 0 6px 20px rgba(34, 87, 221, 0.15);\n            width: fit-content;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-brand-highlight:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(34, 87, 221, 0.2);\n        }<\/p>\n<p>        .landu-flex-brand-icon {\n            position: relative;\n            width: 24px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-icon-core {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n            top: 6px;\n            left: 6px;\n            animation: landu-flex-icon-pulse 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-icon-ring {\n            position: absolute;\n            width: 24px;\n            height: 24px;\n            border: 2px solid rgba(34, 87, 221, 0.3);\n            border-radius: 50%;\n            animation: landu-flex-icon-rotate 8s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        @keyframes landu-flex-icon-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-brand-text {\n            font-size: 1rem;\n            font-weight: 700;\n            color: #2257dd;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        .landu-flex-intro-title {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: #1e293b;\n            line-height: 1.2;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-intro-subtitle {\n            font-size: 1.2rem;\n            color: #475569;\n            font-weight: 600;\n            line-height: 1.4;\n        }<\/p>\n<p>        .landu-flex-subtitle-highlight {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 700;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u63cf\u8ff0 *\/\n        .landu-flex-intro-description {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-main-desc {\n            font-size: 1.05rem;\n            color: #475569;\n            line-height: 1.7;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-desc-highlight {\n            color: #2257dd;\n            font-weight: 600;\n            background: linear-gradient(135deg, rgba(34, 87, 221, 0.1), rgba(34, 87, 221, 0.05));\n            padding: 2px 6px;\n            border-radius: 4px;\n        }<\/p>\n<p>        .landu-flex-secondary-desc {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            font-weight: 500;\n            margin: 0;\n            padding-left: 20px;\n            border-left: 3px solid rgba(34, 87, 221, 0.3);\n            background: rgba(34, 87, 221, 0.05);\n            padding: 16px 20px;\n            border-radius: 0 8px 8px 0;\n        }<\/p>\n<p>        \/* CTA\u90e8\u5206 *\/\n        .landu-flex-cta-section {\n            margin-top: 8px;\n        }<\/p>\n<p>        .landu-flex-sample-cta {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);\n            border: 2px solid rgba(245, 158, 11, 0.3);\n            border-radius: 16px;\n            padding: 20px 24px;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-sample-cta:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 32px rgba(245, 158, 11, 0.2);\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.08) 100%);\n        }<\/p>\n<p>        .landu-flex-cta-icon {\n            font-size: 1.5rem;\n            animation: landu-flex-cta-bounce 2s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-cta-bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-4px); }\n        }<\/p>\n<p>        .landu-flex-cta-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }<\/p>\n<p>        .landu-flex-cta-main {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n        }<\/p>\n<p>        .landu-flex-cta-sub {\n            font-size: 0.9rem;\n            color: #64748b;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-sample-button {\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 10px;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n        }<\/p>\n<p>        .landu-flex-sample-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);\n            background: linear-gradient(135deg, #d97706 0%, #b45309 100%);\n        }<\/p>\n<p>        .landu-flex-button-arrow {\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-sample-button:hover .landu-flex-button-arrow {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u5c55\u793a\u533a\u57df *\/\n        .landu-flex-intro-visual {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-product-showcase {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-product-frame {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 28px 50px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .landu-flex-product-image {\n            width: 100%;\n            height: 300px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .landu-flex-image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, \n                rgba(34, 87, 221, 0.1) 0%, \n                rgba(0, 113, 36, 0.1) 50%, \n                rgba(245, 158, 11, 0.1) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover .landu-flex-image-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-product-badge {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-badge-premium,\n        .landu-flex-badge-flexible {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 6px 12px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-premium {\n            color: #2257dd;\n            border: 1px solid rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-badge-flexible {\n            color: #007124;\n            border: 1px solid rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        \/* \u7279\u6027\u6307\u793a\u5668 *\/\n        .landu-flex-feature-indicators {\n            display: flex;\n            gap: 16px;\n            margin-top: 16px;\n        }<\/p>\n<p>        .landu-flex-indicator {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #475569;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-indicator:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-ind-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            animation: landu-flex-ind-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-ind-elasticity .landu-flex-ind-dot { background: #2257dd; animation-delay: 0s; }\n        .landu-flex-ind-durability .landu-flex-ind-dot { background: #007124; animation-delay: 1s; }\n        .landu-flex-ind-adhesion .landu-flex-ind-dot { background: #8b5cf6; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-ind-glow {\n            0%, 100% { opacity: 0.7; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u7279\u8272\u4f18\u52bf\u90e8\u5206 *\/\n        .landu-flex-advantages-section {\n            display: flex;\n            flex-direction: column;\n            gap: 48px;\n        }<\/p>\n<p>        .landu-flex-advantages-header {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-advantages-title {\n            font-size: 2rem;\n            font-weight: 800;\n            color: #1e293b;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-title-accent {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .landu-flex-advantages-subtitle {\n            font-size: 1.1rem;\n            color: #64748b;\n            font-weight: 500;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }<\/p>\n<p>        \/* \u4f18\u52bf\u7f51\u683c *\/\n        .landu-flex-advantages-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-advantage-card {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px 28px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-advantage-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-card-elastic::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-card-crack::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-card-bonding::before { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-card-water::before { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-card-flow::before { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 44px rgba(0, 0, 0, 0.15);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-advantage-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-card-header {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-card-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-card-elastic .landu-flex-card-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-card-crack .landu-flex-card-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-card-bonding .landu-flex-card-icon { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); }\n        .landu-flex-card-water .landu-flex-card-icon { background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%); }\n        .landu-flex-card-flow .landu-flex-card-icon { background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%); }<\/p>\n<p>        \/* \u56fe\u6807\u52a8\u753b *\/\n        .landu-flex-icon-elastic-perf {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-elastic-waves {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-wave {\n            position: absolute;\n            height: 3px;\n            background: linear-gradient(90deg, #2257dd, #1d4ed8);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-wave-1 { width: 32px; top: 0; animation: landu-flex-wave-stretch 3s ease-in-out infinite; }\n        .landu-flex-wave-2 { width: 24px; top: 8px; left: 4px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 0.5s; }\n        .landu-flex-wave-3 { width: 16px; top: 16px; left: 8px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 1s; }<\/p>\n<p>        @keyframes landu-flex-wave-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.4); }\n        }<\/p>\n<p>        .landu-flex-icon-crack-prev {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-crack-shield {\n            position: relative;\n            width: 28px;\n            height: 28px;\n        }<\/p>\n<p>        .landu-flex-shield-core {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n            animation: landu-flex-shield-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-shield-ring {\n            position: absolute;\n            width: 28px;\n            height: 28px;\n            border: 3px solid rgba(0, 113, 36, 0.4);\n            border-radius: 50%;\n            animation: landu-flex-shield-rotate 6s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-shield-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }<\/p>\n<p>        @keyframes landu-flex-shield-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-icon-bonding {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-bonding-links {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-link {\n            position: absolute;\n            width: 12px;\n            height: 4px;\n            background: linear-gradient(90deg, #8b5cf6, #7c3aed);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-link-1 { top: 4px; left: 2px; transform: rotate(20deg); animation: landu-flex-link-move 4s ease-in-out infinite; }\n        .landu-flex-link-2 { bottom: 4px; right: 2px; transform: rotate(-20deg); animation: landu-flex-link-move 4s ease-in-out infinite 2s; }<\/p>\n<p>        .landu-flex-connection-point {\n            position: absolute;\n            width: 8px;\n            height: 8px;\n            background: #8b5cf6;\n            border-radius: 50%;\n            top: 8px;\n            left: 12px;\n            animation: landu-flex-connection-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-link-move {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateX(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateX(4px); }\n        }<\/p>\n<p>        @keyframes landu-flex-connection-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        .landu-flex-icon-water {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-water-drops {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-drop {\n            position: absolute;\n            width: 6px;\n            height: 8px;\n            background: linear-gradient(135deg, #06b6d4, #0891b2);\n            border-radius: 3px 3px 50% 50%;\n            animation: landu-flex-drop-fall 2s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-drop-1 { top: 0; left: 8px; animation-delay: 0s; }\n        .landu-flex-drop-2 { top: 4px; left: 16px; animation-delay: 0.7s; }\n        .landu-flex-drop-3 { top: 2px; left: 24px; animation-delay: 1.4s; }<\/p>\n<p>        .landu-flex-water-shield {\n            position: absolute;\n            bottom: 0;\n            left: 4px;\n            width: 24px;\n            height: 3px;\n            background: linear-gradient(90deg, #06b6d4, #0891b2);\n            border-radius: 2px;\n            opacity: 0.7;\n        }<\/p>\n<p>        @keyframes landu-flex-drop-fall {\n            0% { transform: translateY(0) scale(1); opacity: 1; }\n            100% { transform: translateY(12px) scale(0.8); opacity: 0.3; }\n        }<\/p>\n<p>        .landu-flex-icon-flow {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-flow-lines {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-flow-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #f59e0b, transparent);\n            border-radius: 1px;\n            animation: landu-flex-flow-move 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-1 { width: 32px; top: 2px; animation-delay: 0s; }\n        .landu-flex-line-2 { width: 28px; top: 9px; left: 2px; animation-delay: 1s; }\n        .landu-flex-line-3 { width: 24px; top: 16px; left: 4px; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-flow-move {\n            0%, 100% { opacity: 0.6; transform: translateX(0); }\n            50% { opacity: 1; transform: translateX(6px); }\n        }<\/p>\n<p>        .landu-flex-card-title {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin: 0;\n            line-height: 1.3;\n        }<\/p>\n<p>        .landu-flex-card-content {\n            margin-top: 4px;\n        }<\/p>\n<p>        .landu-flex-card-content p {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-card-accent {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-accent-blue { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-accent-green { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-accent-purple { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-accent-cyan { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-accent-orange { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover .landu-flex-card-accent {\n            opacity: 1;\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-content-container {\n                padding: 60px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 30px;\n                gap: 60px;\n            }<\/p>\n<p>            .landu-flex-intro-section {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.9rem;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 20px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-content-container {\n                padding: 50px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 24px;\n                gap: 50px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-sample-cta {\n                flex-direction: column;\n                text-align: center;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-feature-indicators {\n                justify-content: center;\n                flex-wrap: wrap;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 28px 24px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-content-container {\n                padding: 40px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 20px;\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-main-desc {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-secondary-desc {\n                font-size: 0.95rem;\n                padding: 14px 16px;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-card-header {\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-card-icon {\n                width: 48px;\n                height: 48px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flexible-product-section\">\n    <!-- \u4ea7\u54c1\u6982\u89c8\u533a\u57df --><\/p>\n<div class=\"product-overview-section\">\n<div class=\"container\">\n            <!-- \u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"section-decorations\">\n<div class=\"floating-molecules\"><\/div>\n<\/p><\/div>\n<div class=\"overview-content\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"section-header\">\n<div class=\"brand-badge\">\n<p>                        <span>LANDU Technology<\/span>\n                    <\/div>\n<h2 class=\"section-title\">\n                        <span class=\"product-brand\">ACCURATE\u2122<\/span><br \/>\n                        <span class=\"product-name\">Polimero in Polvere Flessibile Redispersible<\/span><br \/>\n                        <span class=\"subtitle\">Specifiche tecniche<\/span><br \/>\n                    <\/h2>\n<\/p><\/div>\n<p>                <!-- \u4f18\u5316\u540e\u7684\u4ea7\u54c1\u4fe1\u606f\u7f51\u683c --><\/p>\n<div class=\"enhanced-info-grid\">\n                    <!-- General Information \u7b80\u5316\u7248 --><\/p>\n<div class=\"info-section general-info\">\n<div class=\"section-visual-header\">\n<div class=\"visual-icon-container\">\n<div class=\"central-icon\">\n<div class=\"icon-layers\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-title-area\">\n<h3 class=\"enhanced-title\">cURL Too many subrequests.<\/h3>\n<p class=\"section-desc\">cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-layout\">\n                            <!-- \u7b80\u5316\u7684\u89c4\u683c\u8868\u683c --><\/p>\n<div class=\"simple-spec-table\">\n<div class=\"spec-row\">\n<div class=\"spec-label\">Product Name<\/div>\n<div class=\"spec-value\">POLIMERO Redispersibile ACCURATE\u2122 in polvere<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">24937-78-8<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">39052900<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">\n<div class=\"grade-tags-simple\">\n                                            <span class=\"grade-tag economical\">cURL Too many subrequests.<\/span><br \/>\n                                            <span class=\"grade-tag standard\">Standard<\/span><br \/>\n                                            <span class=\"grade-tag premium\">Premium<\/span>\n                                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a\u57df --><\/p>\n<div class=\"product-showcase-enhanced\">\n<div class=\"main-product-image\">\n<div class=\"image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-products-rdp.jpg\" alt=\"LANDU Flexible RDP Products\" class=\"product-img-enhanced\"><\/p>\n<div class=\"image-effects\">\n<div class=\"particle-overlay\"><\/div>\n<div class=\"quality-badge-enhanced\">\n<div class=\"badge-content\">\n<p>                                                    <span>cURL Too many subrequests.<\/span>\n                                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"secondary-product-image\">\n<div class=\"secondary-image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-product-sample.jpg\" alt=\"LANDU RDP 5045N Product Sample\" class=\"secondary-img\"><\/p>\n<div class=\"sample-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u6280\u672f\u6570\u636e\u533a\u57df\u7b80\u5316\u7248 --><\/p>\n<div class=\"technical-data-section-enhanced\">\n<div class=\"container\">\n<div class=\"tech-header-enhanced\">\n<div class=\"tech-visual-badge\">\n<div class=\"badge-content\">\n<div class=\"tech-icon-enhanced\">\n<div class=\"icon-rings\"><\/div>\n<\/p><\/div>\n<p>                        <span>Flagship Grade<\/span>\n                    <\/div>\n<\/p><\/div>\n<h2 class=\"tech-title-enhanced\">\n                    <span class=\"product-code-enhanced\">Flexible RDP 5045N<\/span><br \/>\n                    <span class=\"tech-subtitle-enhanced\">Technical Data<\/span><br \/>\n                <\/h2>\n<\/p><\/div>\n<div class=\"tech-content-enhanced\">\n<div class=\"tech-data-container\">\n                    <!-- \u5de6\u4fa7\uff1a\u4ea7\u54c1\u56fe\u7247\u548c3D\u6548\u679c --><\/p>\n<div class=\"product-visual-section\">\n<div class=\"product-3d-showcase\">\n                            <!-- \u4e3b\u8981\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-image-3d\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-sample.jpg\" alt=\"LANDU Flexible RDP 5045N Sample\" class=\"tech-product-img\"><\/p>\n<div class=\"image-3d-effects\">\n<div class=\"data-points\">\n<div class=\"data-point dp-1\">\n<div class=\"point-label\">VAE<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-2\">\n<div class=\"point-label\">\u226599%<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-3\">\n<div class=\"point-label\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u7279\u6027\u73af\u5f62\u56fe --><\/p>\n<div class=\"characteristics-wheel\">\n<div class=\"wheel-center\">\n<div class=\"center-logo\">5045N<\/div>\n<\/p><\/div>\n<div class=\"wheel-segments\">\n<div class=\"segment seg-1\">\n<div class=\"segment-value\">\u226599%<\/div>\n<\/p><\/div>\n<div class=\"segment seg-2\">\n<div class=\"segment-value\">400-600<\/div>\n<\/p><\/div>\n<div class=\"segment seg-3\">\n<div class=\"segment-value\">6-8<\/div>\n<\/p><\/div>\n<div class=\"segment seg-4\">\n<div class=\"segment-value\">5\u00b0C<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u53f3\u4fa7\uff1a\u7b80\u5316\u6280\u672f\u8868\u683c --><\/p>\n<div class=\"tech-table-section\">\n<div class=\"simple-tech-table\">\n<div class=\"table-header\">\n<h3>Specifiche tecniche<\/h3>\n<\/p><\/div>\n<div class=\"tech-table-simple\">\n<div class=\"tech-row-simple header-row\">\n<div class=\"tech-cell parameter-header\">Parameter<\/div>\n<div class=\"tech-cell specification-header\">Value<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Polymer Type<\/div>\n<div class=\"tech-cell specification\">VAE (Vinyl Acetate\u2013Ethylene)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Protective Colloid<\/div>\n<div class=\"tech-cell specification\">PVA (Polyvinyl Alcohol)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Solid Content (%)<\/div>\n<div class=\"tech-cell specification\">\u226599<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Ash Content (%)<\/div>\n<div class=\"tech-cell specification\">10 \u00b1 2<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Bulk Density (g\/L)<\/div>\n<div class=\"tech-cell specification\">400 \u2013 600<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Tg (\u00b0C)<\/div>\n<div class=\"tech-cell specification\">5<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">MFFT (\u00b0C)<\/div>\n<div class=\"tech-cell specification\">0<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Valore pH<\/div>\n<div class=\"tech-cell specification\">6 \u2013 8<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple featured-row\">\n<div class=\"tech-cell parameter\">Type<\/div>\n<div class=\"tech-cell specification\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u6027\u80fd\u4eae\u70b9 --><\/p>\n<div class=\"key-advantages-simple\">\n<h4>Punti salienti delle prestazioni<\/h4>\n<ul class=\"advantages-list-simple\">\n<li>Provides exceptional deformation tolerance and adhesive strength<\/li>\n<li>Significantly boosts crack resistance, impact strength, and material workability<\/li>\n<li>Maintains moisture, cohesion, and smoothness in cement-based applications<\/li>\n<li>Delivers the perfect balance between flexibility and bonding power for high-stress environments<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5e94\u7528\u9886\u57df\u533a\u57df --><\/p>\n<div class=\"applications-section\">\n<div class=\"container\">\n<div class=\"applications-header\">\n<h2 class=\"applications-title\">Recommended Usage Areas<\/h2>\n<p class=\"applications-subtitle\">Versatile applications across construction and industrial sectors<\/p>\n<\/p><\/div>\n<div class=\"applications-grid\">\n                <!-- \u74f7\u7816\u80f6 --><\/p>\n<div class=\"application-card tile-adhesives\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual tile-visual\">\n<div class=\"tile-grid\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon tile-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Tile Adhesives<\/h3>\n<p class=\"app-description\">\n                            Superior bonding for ceramic and stone tiles with enhanced flexibility and movement tolerance.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Superior Bonding<\/div>\n<div class=\"benefit-tag\">Movement Tolerance<\/div>\n<div class=\"benefit-tag\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- EIFS\/ETICS\u7cfb\u7edf --><\/p>\n<div class=\"application-card eifs-systems\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual eifs-visual\">\n<div class=\"insulation-layers\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon eifs-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">EIFS\/ETICS Systems<\/h3>\n<p class=\"app-description\">\n                            External insulation finishing systems with superior elasticity and weather resistance.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Weather Resistant<\/div>\n<div class=\"benefit-tag\">Elastic<\/div>\n<div class=\"benefit-tag\">Insulation<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5899\u9762\u817b\u5b50 --><\/p>\n<div class=\"application-card wall-putty\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual putty-visual\">\n<div class=\"putty-surface\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon putty-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Wall Putty<\/h3>\n<p class=\"app-description\">\n                            Smooth wall preparation and finishing with excellent crack resistance and workability.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Crack Resistant<\/div>\n<div class=\"benefit-tag\">Smooth Finish<\/div>\n<div class=\"benefit-tag\">Workable<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u62b9\u7070\u7802\u6d46 --><\/p>\n<div class=\"application-card plaster-mortars\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual plaster-visual\">\n<div class=\"plaster-texture\">\n<div class=\"texture-particles\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon plaster-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Plastering Mortars<\/h3>\n<p class=\"app-description\">\n                            Enhanced workability and durability for interior and exterior plastering applications.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u4fee\u8865\u7802\u6d46 --><\/p>\n<div class=\"application-card repair-mortars\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual repair-visual\">\n<div class=\"repair-process\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon repair-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">cURL Too many subrequests.<\/h3>\n<p class=\"app-description\">\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Adesione Forte<\/div>\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-flexible-product-section {\n    font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n    \/* \u4f18\u5316\uff1a\u4e0ebanner\u547c\u5e94\u7684\u84dd\u7eff\u6e10\u53d8\u80cc\u666f *\/\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 25%, #e0f2fe 50%, #ecfdf5 75%, #f0fdf4 100%);\n    position: relative;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u6982\u89c8\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.product-overview-section {\n    padding: 50px 0;\n    position: relative;\n    overflow: hidden;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u4e0ebanner\u4e00\u81f4\u7684\u5fae\u5999\u7eb9\u7406 *\/\n    background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f1f5f9' fill-opacity='0.15'%3E%3Ccircle cx='20' cy='20' r='1'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}<\/p>\n<p>.section-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.6;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.3;\n}<\/p>\n<p>.deco-1 {\n    width: 150px;\n    height: 150px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    background: radial-gradient(circle, rgba(34, 87, 221, 0.12) 0%, rgba(34, 87, 221, 0.03) 70%, transparent 100%);\n    top: 10%;\n    right: 15%;\n    animation: float-decoration 25s ease-in-out infinite;\n}<\/p>\n<p>.deco-2 {\n    width: 100px;\n    height: 100px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u7eff\u8272 *\/\n    background: radial-gradient(circle, rgba(0, 113, 36, 0.1) 0%, rgba(0, 113, 36, 0.02) 70%, transparent 100%);\n    bottom: 20%;\n    left: 10%;\n    animation: float-decoration 30s ease-in-out infinite reverse;\n}<\/p>\n<p>.deco-3 {\n    width: 80px;\n    height: 80px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u8f85\u52a9\u84dd\u8272 *\/\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n    top: 50%;\n    right: 45%;\n    animation: float-decoration 20s ease-in-out infinite;\n}<\/p>\n<p>.floating-molecules {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.molecule {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: molecule-float 12s ease-in-out infinite;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u5fae\u5999\u7684\u53d1\u5149\u6548\u679c *\/\n    box-shadow: 0 0 8px currentColor;\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u7cbe\u786e\u989c\u8272 *\/\n.mol-1 { background: #2257dd; top: 20%; left: 25%; animation-delay: 0s; }\n.mol-2 { background: #007124; top: 60%; right: 30%; animation-delay: 3s; }\n.mol-3 { background: #3b82f6; bottom: 30%; left: 40%; animation-delay: 6s; }\n.mol-4 { background: #10b981; top: 40%; right: 20%; animation-delay: 9s; }<\/p>\n<p>@keyframes float-decoration {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    25% { transform: translate(-12px, -15px) rotate(90deg); }\n    50% { transform: translate(8px, -8px) rotate(180deg); }\n    75% { transform: translate(-4px, 12px) rotate(270deg); }\n}<\/p>\n<p>@keyframes molecule-float {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-15px) translateX(-8px) scale(1.1); opacity: 0.6; }\n    50% { transform: translateY(-8px) translateX(4px) scale(0.9); opacity: 0.7; }\n    75% { transform: translateY(-20px) translateX(-4px) scale(1.05); opacity: 0.5; }\n}<\/p>\n<p>.overview-content {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.brand-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u54c1\u724c\u5fbd\u7ae0\u6837\u5f0f *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\n    color: #2257dd;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    margin-bottom: 20px;\n    border: 1px solid rgba(34, 87, 221, 0.2);\n    box-shadow: 0 4px 12px rgba(34, 87, 221, 0.1);\n}<\/p>\n<p>.badge-icon {\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(135deg, #2257dd, #1d4ed8);\n    border-radius: 50%;\n}<\/p>\n<p>.section-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    line-height: 1.1;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-brand {\n    display: block;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u6e10\u53d8\u8272 *\/\n    background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 1.7rem;\n    margin-bottom: 6px;\n}<\/p>\n<p>.product-name {\n    display: block;\n    color: #475569;\n    font-size: 2.4rem;\n    margin-bottom: 8px;\n}<\/p>\n<p>.subtitle {\n    display: block;\n    color: #64748b;\n    font-size: 1.1rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7248\u4fe1\u606f\u7f51\u683c - \u7d27\u51d1\u5316 *\/\n.enhanced-info-grid {\n    display: flex;\n    justify-content: center;\n}<\/p>\n<p>.info-section {\n    width: 100%;\n    max-width: 1000px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u9ad8\u900f\u660e\u5ea6\u7684\u767d\u8272\u80cc\u666f *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.info-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(90deg, #2257dd 0%, #007124 50%, #2257dd 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes gradient-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.section-visual-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 28px;\n    padding-bottom: 20px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u84dd\u8272\u4f5c\u4e3a\u5206\u5272\u7ebf *\/\n    border-bottom: 2px solid rgba(34, 87, 221, 0.1);\n}<\/p>\n<p>.visual-icon-container {\n    position: relative;\n    width: 60px;\n    height: 60px;\n    flex-shrink: 0;\n}<\/p>\n<p>.rotating-ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 60px;\n    height: 60px;\n    border: 2px solid transparent;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272 *\/\n    border-top-color: #2257dd;\n    border-right-color: #007124;\n    border-radius: 50%;\n    animation: rotate-ring 4s linear infinite;\n}<\/p>\n<p>@keyframes rotate-ring {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.central-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 36px;\n    height: 36px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, #2257dd 0%, #007124 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.icon-layers {\n    position: relative;\n    width: 24px;\n    height: 24px;\n}<\/p>\n<p>.layer {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.layer-1 { width: 24px; height: 24px; top: 0; left: 0; opacity: 0.4; }\n.layer-2 { width: 16px; height: 16px; top: 4px; left: 4px; opacity: 0.7; }\n.layer-3 { width: 8px; height: 8px; top: 8px; left: 8px; opacity: 1; }<\/p>\n<p>.section-title-area h3 {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.section-desc {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* \u5185\u5bb9\u5e03\u5c40 *\/\n.content-layout {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 32px;\n    align-items: start;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u89c4\u683c\u8868\u683c *\/\n.simple-spec-table {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u67d4\u548c\u7684\u80cc\u666f\u8272 *\/\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-row {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.spec-label {\n    padding: 16px 20px;\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.9);\n    font-weight: 600;\n    color: #475569;\n    font-size: 0.9rem;\n    border-right: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-value {\n    padding: 16px 20px;\n    \/* \u4f18\u5316\uff1a\u66f4\u9ad8\u900f\u660e\u5ea6\u7684\u767d\u8272 *\/\n    background: rgba(255, 255, 255, 0.9);\n    color: #1e293b;\n    font-size: 0.9rem;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u7b49\u7ea7\u6807\u7b7e *\/\n.grade-tags-simple {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.grade-tag {\n    padding: 4px 10px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid;\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u8272\u5f69\u7cfb\u7edf *\/\n.grade-tag.economical {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.grade-tag.standard {\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-color: rgba(34, 87, 221, 0.3);\n}<\/p>\n<p>.grade-tag.premium {\n    background: rgba(139, 92, 246, 0.1);\n    color: #8b5cf6;\n    border-color: rgba(139, 92, 246, 0.3);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u5c55\u793a\u589e\u5f3a\u7248 - \u7d27\u51d1\u5316 *\/\n.product-showcase-enhanced {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.main-product-image {\n    position: relative;\n    width: 100%;\n    max-width: 280px;\n}<\/p>\n<p>.image-frame {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u80cc\u666f\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 100%);\n}<\/p>\n<p>.product-img-enhanced {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-frame:hover .product-img-enhanced {\n    transform: scale(1.06);\n}<\/p>\n<p>.image-effects {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.particle-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.floating-particle {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background: #2257dd;\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: particle-float-enhanced 6s ease-in-out infinite;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u53d1\u5149\u6548\u679c *\/\n    box-shadow: 0 0 6px currentColor;\n}<\/p>\n<p>.fp-1 { top: 20%; left: 15%; animation-delay: 0s; }\n.fp-2 { top: 60%; right: 20%; animation-delay: 1.5s; background: #007124; }\n.fp-3 { bottom: 30%; left: 25%; animation-delay: 3s; background: #3b82f6; }\n.fp-4 { top: 40%; right: 30%; animation-delay: 4.5s; background: #10b981; }<\/p>\n<p>@keyframes particle-float-enhanced {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-12px) translateX(-6px) scale(1.1); opacity: 0.7; }\n    50% { transform: translateY(-6px) translateX(4px) scale(0.9); opacity: 0.8; }\n    75% { transform: translateY(-15px) translateX(-2px) scale(1.05); opacity: 0.6; }\n}<\/p>\n<p>.quality-badge-enhanced {\n    position: absolute;\n    bottom: 16px;\n    right: 16px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 8px 16px;\n    border-radius: 12px;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    opacity: 0;\n    transform: translateY(15px);\n    transition: all 0.3s ease;\n    pointer-events: auto;\n}<\/p>\n<p>.image-frame:hover .quality-badge-enhanced {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-animation {\n    position: absolute;\n    top: -1.5px;\n    left: -1.5px;\n    right: -1.5px;\n    bottom: -1.5px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(45deg, #2257dd, #007124, #2257dd);\n    background-size: 200% 200%;\n    border-radius: 14px;\n    z-index: -1;\n    animation: badge-glow 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes badge-glow {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.badge-content {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #2257dd;\n    font-weight: 700;\n    font-size: 0.85rem;\n}<\/p>\n<p>.badge-icon-quality {\n    width: 14px;\n    height: 14px;\n    background: linear-gradient(135deg, #2257dd, #007124);\n    border-radius: 50%;\n}<\/p>\n<p>\/* \u6b21\u8981\u4ea7\u54c1\u56fe\u7247 *\/\n.secondary-product-image {\n    width: 100%;\n    max-width: 280px;\n}<\/p>\n<p>.secondary-image-frame {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.secondary-img {\n    width: 100%;\n    height: 120px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.secondary-image-frame:hover .secondary-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.sample-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>\/* \u6280\u672f\u6570\u636e\u533a\u57df\u589e\u5f3a\u7248 - \u7d27\u51d1\u5316 *\/\n.technical-data-section-enhanced {\n    padding: 60px 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u4e30\u5bcc\u7684\u6e10\u53d8\u80cc\u666f *\/\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 25%, #eef4ff 50%, #e0f2fe 75%, #f0fdf4 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.technical-data-section-enhanced::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u67d4\u548c\u7684\u70b9\u72b6\u7eb9\u7406 *\/\n    background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.2'%3E%3Ccircle cx='20' cy='20' r='1.5'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    opacity: 0.5;\n}<\/p>\n<p>.tech-header-enhanced {\n    text-align: center;\n    margin-bottom: 40px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.tech-visual-badge {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 20px;\n}<\/p>\n<p>.badge-glow {\n    position: absolute;\n    top: -3px;\n    left: -3px;\n    right: -3px;\n    bottom: -3px;\n    background: linear-gradient(45deg, #f59e0b, #d97706, #f59e0b);\n    background-size: 200% 200%;\n    border-radius: 26px;\n    animation: badge-glow 3s ease-in-out infinite;\n    z-index: -1;\n}<\/p>\n<p>.badge-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 10px 20px;\n    border-radius: 22px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #f59e0b;\n    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.12);\n}<\/p>\n<p>.tech-icon-enhanced {\n    position: relative;\n    width: 28px;\n    height: 28px;\n}<\/p>\n<p>.icon-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 14px;\n    height: 14px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    border-radius: 50%;\n}<\/p>\n<p>.icon-rings {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 28px;\n    height: 28px;\n}<\/p>\n<p>.icon-rings .ring {\n    position: absolute;\n    border: 2px solid #f59e0b;\n    border-radius: 50%;\n    animation: ring-rotate 4s linear infinite;\n}<\/p>\n<p>.icon-rings .ring-1 {\n    width: 28px;\n    height: 28px;\n    top: 0;\n    left: 0;\n    border-color: #f59e0b transparent #f59e0b transparent;\n}<\/p>\n<p>.icon-rings .ring-2 {\n    width: 18px;\n    height: 18px;\n    top: 5px;\n    left: 5px;\n    border-color: transparent #d97706 transparent #d97706;\n    animation-direction: reverse;\n}<\/p>\n<p>@keyframes ring-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.tech-title-enhanced {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #1e293b;\n    line-height: 1.1;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-code-enhanced {\n    display: block;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 2.2rem;\n    margin-bottom: 6px;\n}<\/p>\n<p>.tech-subtitle-enhanced {\n    display: block;\n    color: #64748b;\n    font-size: 1.2rem;\n    font-weight: 600;\n}<\/p>\n<p>.tech-content-enhanced {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.tech-data-container {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 40px;\n    align-items: start;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u89c6\u89c9\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.product-visual-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.product-3d-showcase {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.product-3d-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #f59e0b 0%, #d97706 50%, #f59e0b 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>.product-image-3d {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-bottom: 20px;\n}<\/p>\n<p>.tech-product-img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.product-image-3d:hover .tech-product-img {\n    transform: scale(1.08) rotateY(3deg);\n}<\/p>\n<p>.image-3d-effects {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.holographic-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(245, 158, 11, 0.06) 40%, \n        rgba(217, 119, 6, 0.06) 60%, \n        transparent 70%\n    );\n    background-size: 200% 200%;\n    animation: holographic-sweep 4s ease-in-out infinite;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.product-image-3d:hover .holographic-overlay {\n    opacity: 1;\n}<\/p>\n<p>@keyframes holographic-sweep {\n    0%, 100% { background-position: 0% 0%; }\n    50% { background-position: 100% 100%; }\n}<\/p>\n<p>.data-points {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.data-point {\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.dp-1 { top: 20%; left: 20%; }\n.dp-2 { top: 50%; right: 25%; }\n.dp-3 { bottom: 30%; left: 30%; }<\/p>\n<p>.point-indicator {\n    width: 10px;\n    height: 10px;\n    background: #f59e0b;\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6); }\n    50% { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); }\n}<\/p>\n<p>.point-label {\n    position: absolute;\n    top: -25px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(30, 41, 59, 0.9);\n    color: white;\n    padding: 3px 6px;\n    border-radius: 4px;\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    white-space: nowrap;\n}<\/p>\n<p>.data-point:hover .point-label {\n    opacity: 1;\n}<\/p>\n<p>\/* \u7279\u6027\u73af\u5f62\u56fe - \u7d27\u51d1\u5316 *\/\n.characteristics-wheel {\n    position: relative;\n    width: 160px;\n    height: 160px;\n    margin: 0 auto;\n}<\/p>\n<p>.wheel-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    box-shadow: 0 3px 12px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>.center-logo {\n    font-size: 1rem;\n    font-weight: 800;\n    color: white;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}<\/p>\n<p>.wheel-segments {\n    position: relative;\n    width: 160px;\n    height: 160px;\n}<\/p>\n<p>.segment {\n    position: absolute;\n    width: 48px;\n    height: 48px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(12px);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1.5px solid rgba(245, 158, 11, 0.2);\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: segment-float 6s ease-in-out infinite;\n}<\/p>\n<p>.seg-1 { top: 8px; left: 50%; transform: translateX(-50%); animation-delay: 0s; }\n.seg-2 { top: 50%; right: 8px; transform: translateY(-50%); animation-delay: 1.5s; }\n.seg-3 { bottom: 8px; left: 50%; transform: translateX(-50%); animation-delay: 3s; }\n.seg-4 { top: 50%; left: 8px; transform: translateY(-50%); animation-delay: 4.5s; }<\/p>\n<p>@keyframes segment-float {\n    0%, 100% { transform: translateX(-50%) translateY(0px); }\n    50% { transform: translateX(-50%) translateY(-4px); }\n}<\/p>\n<p>.segment:hover {\n    background: rgba(255, 255, 255, 1);\n    border-color: #f59e0b;\n    transform: translateX(-50%) translateY(-6px) scale(1.03);\n    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.segment-value {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: #f59e0b;\n    text-align: center;\n    line-height: 1.1;\n}<\/p>\n<p>\/* \u7b80\u5316\u6280\u672f\u8868\u683c *\/\n.tech-table-section {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.tech-table-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(90deg, #2257dd 0%, #007124 50%, #2257dd 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>.table-header {\n    text-align: center;\n    margin-bottom: 24px;\n}<\/p>\n<p>.table-header h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u6280\u672f\u8868\u683c *\/\n.tech-table-simple {\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid rgba(148, 163, 184, 0.08);\n    margin-bottom: 24px;\n}<\/p>\n<p>.tech-row-simple {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.tech-row-simple:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.header-row {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u84dd\u8272\u80cc\u666f *\/\n    background: rgba(34, 87, 221, 0.06);\n}<\/p>\n<p>.header-row .tech-cell {\n    font-weight: 700;\n    color: #2257dd;\n}<\/p>\n<p>.featured-row {\n    background: rgba(16, 185, 129, 0.06);\n    border-left: 3px solid #10b981;\n}<\/p>\n<p>.featured-row .tech-cell {\n    font-weight: 700;\n}<\/p>\n<p>.featured-row .specification {\n    color: #10b981;\n}<\/p>\n<p>.tech-cell {\n    padding: 12px 16px;\n    font-size: 0.9rem;\n}<\/p>\n<p>.parameter {\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.9);\n    font-weight: 600;\n    color: #475569;\n    border-right: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.specification {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    color: #1e293b;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u5173\u952e\u4f18\u52bf *\/\n.key-advantages-simple {\n    margin-top: 24px;\n}<\/p>\n<p>.key-advantages-simple h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.advantages-list-simple {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}<\/p>\n<p>.advantages-list-simple li {\n    padding: 8px 0;\n    color: #4b5563;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    position: relative;\n    padding-left: 20px;\n}<\/p>\n<p>.advantages-list-simple li::before {\n    content: '\u2022';\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    color: #2257dd;\n    font-weight: bold;\n    position: absolute;\n    left: 0;\n}<\/p>\n<p>\/* \u5e94\u7528\u9886\u57df\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.applications-section {\n    padding: 60px 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u53cd\u5411\u6e10\u53d8\u8425\u9020\u5c42\u6b21\u611f *\/\n    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 25%, #e0f2fe 50%, #eef4ff 75%, #f8faff 100%);\n}<\/p>\n<p>.applications-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.applications-title {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.applications-subtitle {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.applications-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 24px;\n}<\/p>\n<p>.application-card {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n}<\/p>\n<p>.application-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.card-image {\n    position: relative;\n    height: 160px;\n    overflow: hidden;\n}<\/p>\n<p>.app-visual-placeholder {\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 50%, #e0f2fe 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.application-card:hover .app-visual-placeholder {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u5e94\u7528\u56fe\u6807\u89c6\u89c9\u6548\u679c *\/\n.app-icon-visual {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>\/* \u74f7\u7816\u89c6\u89c9\u6548\u679c *\/\n.tile-grid {\n    position: relative;\n    width: 40px;\n    height: 40px;\n}<\/p>\n<p>.tile-piece {\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    background: linear-gradient(135deg, #2257dd, #1d4ed8);\n    border-radius: 3px;\n    animation: tile-animate 4s ease-in-out infinite;\n}<\/p>\n<p>.tp-1 { top: 0; left: 0; animation-delay: 0s; }\n.tp-2 { top: 0; right: 0; animation-delay: 1s; }\n.tp-3 { bottom: 0; left: 0; animation-delay: 2s; }\n.tp-4 { bottom: 0; right: 0; animation-delay: 3s; }<\/p>\n<p>@keyframes tile-animate {\n    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }\n    50% { transform: scale(1.1) rotate(5deg); opacity: 1; }\n}<\/p>\n<p>\/* EIFS\u89c6\u89c9\u6548\u679c *\/\n.insulation-layers {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.insul-layer {\n    position: absolute;\n    width: 100%;\n    height: 8px;\n    background: linear-gradient(90deg, #007124, #059669);\n    border-radius: 4px;\n    animation: layer-wave 3s ease-in-out infinite;\n}<\/p>\n<p>.il-1 { top: 0; animation-delay: 0s; }\n.il-2 { top: 12px; animation-delay: 1s; }\n.il-3 { bottom: 0; animation-delay: 2s; }<\/p>\n<p>@keyframes layer-wave {\n    0%, 100% { opacity: 0.6; transform: scaleX(1); }\n    50% { opacity: 1; transform: scaleX(1.05); }\n}<\/p>\n<p>\/* \u817b\u5b50\u89c6\u89c9\u6548\u679c *\/\n.putty-surface {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.surface-base {\n    position: absolute;\n    width: 100%;\n    height: 20px;\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n    border-radius: 3px;\n    bottom: 0;\n}<\/p>\n<p>.putty-layer {\n    position: absolute;\n    width: 100%;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.4);\n    border-radius: 3px;\n    bottom: 10px;\n}<\/p>\n<p>.smoothing-tool {\n    position: absolute;\n    width: 24px;\n    height: 4px;\n    background: #64748b;\n    border-radius: 2px;\n    top: 2px;\n    left: 8px;\n    transform: rotate(-10deg);\n    animation: tool-move 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes tool-move {\n    0%, 100% { transform: rotate(-10deg) translateX(0); }\n    50% { transform: rotate(-10deg) translateX(4px); }\n}<\/p>\n<p>\/* \u62b9\u7070\u89c6\u89c9\u6548\u679c *\/\n.plaster-texture {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.texture-base {\n    position: absolute;\n    width: 100%;\n    height: 24px;\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\n    border-radius: 3px;\n    bottom: 0;\n}<\/p>\n<p>.texture-particles {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    animation: particle-sparkle 2s ease-in-out infinite;\n}<\/p>\n<p>.p-1 { top: 6px; left: 10px; animation-delay: 0s; }\n.p-2 { top: 12px; left: 24px; animation-delay: 0.5s; }\n.p-3 { top: 8px; left: 18px; animation-delay: 1s; }\n.p-4 { top: 16px; left: 8px; animation-delay: 1.5s; }<\/p>\n<p>@keyframes particle-sparkle {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.3); }\n}<\/p>\n<p>\/* \u4fee\u8865\u89c6\u89c9\u6548\u679c *\/\n.repair-process {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.crack-line {\n    position: absolute;\n    width: 3px;\n    height: 28px;\n    background: #ef4444;\n    top: 2px;\n    left: 16px;\n    border-radius: 2px;\n    animation: crack-heal 4s ease-in-out infinite;\n}<\/p>\n<p>.repair-material {\n    position: absolute;\n    width: 10px;\n    height: 24px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    top: 4px;\n    left: 13px;\n    border-radius: 2px;\n    opacity: 0;\n    animation: repair-fill 4s ease-in-out infinite;\n}<\/p>\n<p>.repair-result {\n    position: absolute;\n    width: 16px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    top: 2px;\n    left: 10px;\n    border-radius: 3px;\n    opacity: 0;\n    animation: repair-complete 4s ease-in-out infinite;\n}<\/p>\n<p>@keyframes crack-heal {\n    0% { opacity: 1; }\n    50% { opacity: 0.5; }\n    100% { opacity: 0; }\n}<\/p>\n<p>@keyframes repair-fill {\n    0%, 25% { opacity: 0; transform: scaleY(0); }\n    50%, 75% { opacity: 1; transform: scaleY(1); }\n    100% { opacity: 0; transform: scaleY(1); }\n}<\/p>\n<p>@keyframes repair-complete {\n    0%, 75% { opacity: 0; transform: scale(0.8); }\n    100% { opacity: 1; transform: scale(1); }\n}<\/p>\n<p>.card-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, rgba(34, 87, 221, 0.1) 0%, rgba(0, 113, 36, 0.1) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.application-card:hover .card-overlay {\n    opacity: 1;\n}<\/p>\n<p>.app-icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(15px);\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u7cbe\u786e\u989c\u8272 *\/\n.tile-icon { background: rgba(34, 87, 221, 0.9); }\n.eifs-icon { background: rgba(0, 113, 36, 0.9); }\n.putty-icon { background: rgba(139, 92, 246, 0.9); }\n.plaster-icon { background: rgba(6, 182, 212, 0.9); }\n.repair-icon { background: rgba(245, 158, 11, 0.9); }<\/p>\n<p>.icon-design {\n    width: 24px;\n    height: 24px;\n    background: white;\n    border-radius: 5px;\n}<\/p>\n<p>.card-content {\n    padding: 20px;\n}<\/p>\n<p>.app-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.app-description {\n    font-size: 0.9rem;\n    color: #4b5563;\n    line-height: 1.5;\n    margin-bottom: 16px;\n}<\/p>\n<p>.app-benefits {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.benefit-tag {\n    padding: 4px 10px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-radius: 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    border: 1px solid rgba(34, 87, 221, 0.2);\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .content-layout {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }<\/p>\n<p>    .tech-data-container {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .applications-grid {\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 2rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.9rem;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .product-overview-section,\n    .technical-data-section-enhanced,\n    .applications-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-brand {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .info-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .section-visual-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }<\/p>\n<p>    .spec-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .spec-label {\n        border-right: none;\n        border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n    }<\/p>\n<p>    .tech-row-simple {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .parameter {\n        border-right: none;\n        border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n    }<\/p>\n<p>    .grade-tags-simple {\n        justify-content: flex-start;\n    }<\/p>\n<p>    .product-3d-showcase {\n        padding: 20px;\n    }<\/p>\n<p>    .tech-table-section {\n        padding: 20px;\n    }<\/p>\n<p>    .characteristics-wheel {\n        width: 140px;\n        height: 140px;\n    }<\/p>\n<p>    .wheel-center {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .segment {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .applications-grid {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .product-brand {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .info-section {\n        padding: 20px 16px;\n    }<\/p>\n<p>    .visual-icon-container {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .rotating-ring {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .central-icon {\n        width: 30px;\n        height: 30px;\n    }<\/p>\n<p>    .section-title-area h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .grade-tags-simple {\n        gap: 6px;\n    }<\/p>\n<p>    .grade-tag {\n        font-size: 0.75rem;\n        padding: 3px 8px;\n    }<\/p>\n<p>    .product-3d-showcase {\n        padding: 16px;\n    }<\/p>\n<p>    .tech-product-img {\n        height: 160px;\n    }<\/p>\n<p>    .characteristics-wheel {\n        width: 120px;\n        height: 120px;\n    }<\/p>\n<p>    .wheel-center {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .center-logo {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .segment {\n        width: 36px;\n        height: 36px;\n    }<\/p>\n<p>    .segment-value {\n        font-size: 0.65rem;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .app-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .app-description {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .card-image {\n        height: 140px;\n    }<\/p>\n<p>    .card-content {\n        padding: 16px;\n    }\n}\n<\/style>\n<div class=\"landu-packaging-redesign\">\n    <!-- \u5305\u88c5\u50a8\u5b58\u533a\u57df --><\/p>\n<div class=\"packaging-storage-area\">\n<div class=\"container\">\n            <!-- \u80cc\u666f\u88c5\u9970 --><\/p>\n<div class=\"bg-decorations\">\n<div class=\"floating-dots\"><\/div>\n<p>                <!-- \u589e\u5f3a\u7684\u6d6e\u52a8\u7c92\u5b50 --><\/p>\n<div class=\"floating-particles\"><\/div>\n<p>                <!-- \u6d6e\u52a8\u56fe\u6807 --><\/p>\n<div class=\"floating-icons\">\n<div class=\"float-icon icon-1\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/div>\n<div class=\"float-icon icon-2\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<div class=\"float-icon icon-3\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude9a\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f69a.svg\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n<p>                    <span>cURL Too many subrequests.<\/span>\n                <\/div>\n<h2 class=\"main-title\">\n                    cURL Too many subrequests.<br \/>\n                <\/h2>\n<p class=\"main-subtitle\">\n                    cURL Too many subrequests.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"content-grid\">\n                <!-- \u5305\u88c5\u4fe1\u606f\u5361\u7247 --><\/p>\n<div class=\"packaging-card\">\n                    <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"product-showcase\">\n<div class=\"main-product-image\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Landu-rdp-redispersible-polymer-powder-package.jpg\" alt=\"LANDU RDP Package\" class=\"product-img\"><\/p>\n<div class=\"image-features\">\n<div class=\"feature-point point-1\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">1<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-point point-2\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">2<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-point point-3\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">3<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay-info\">\n<div class=\"overlay-content\">\n<div class=\"weight-badge\">cURL Too many subrequests.<\/div>\n<div class=\"dimensions\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u5305\u88c5\u7ec6\u8282\u56fe --><\/p>\n<div class=\"packaging-details\">\n<div class=\"detail-item\">\n<div class=\"detail-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/div>\n<div class=\"detail-text\">\n                                    <span class=\"detail-title\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"detail-desc\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<\/p><\/div>\n<div class=\"detail-item\">\n<div class=\"detail-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"detail-text\">\n                                    <span class=\"detail-title\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"detail-desc\">Advanced barrier technology<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Standard Packaging Specifications<\/h3>\n<p>Engineered for optimal protection and handling<\/p>\n<\/p><\/div>\n<div class=\"spec-grid\">\n<div class=\"spec-item primary\">\n<div class=\"spec-number\">25<\/div>\n<div class=\"spec-unit\">kg per bag<\/div>\n<\/p><\/div>\n<div class=\"spec-item\">\n<div class=\"spec-label\">Dimensions<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pallet-options\">\n<h4>Pallet Configuration Options<\/h4>\n<div class=\"pallet-visual-grid\">\n<div class=\"pallet-option\">\n<div class=\"pallet-illustration\">\n<div class=\"bag-stack stack-4\"><\/div>\n<\/p><\/div>\n<div class=\"pallet-info\">\n                                        <span class=\"weight\">500kg<\/span><br \/>\n                                        <span class=\"desc\">20 bags (4 bags\/layer \u00d7 5 layers)<\/span>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"pallet-option\">\n<div class=\"pallet-illustration\">\n<div class=\"bag-stack stack-6\"><\/div>\n<\/p><\/div>\n<div class=\"pallet-info\">\n                                        <span class=\"weight\">600kg<\/span><br \/>\n                                        <span class=\"desc\">24 bags (4 bags\/layer \u00d7 6 layers)<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"custom-note\">\n                                <span class=\"note-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2699\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2699.svg\"><\/span><br \/>\n                                <span>Custom packaging available for OEM or bulk orders<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u50a8\u5b58\u6307\u5357\u5361\u7247 --><\/p>\n<div class=\"storage-card\">\n                    <!-- \u4ed3\u5e93\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"warehouse-showcase\">\n<div class=\"warehouse-image-container\">\n                            <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-large-warehouse.jpg\" alt=\"LANDU Professional Warehouse\" class=\"warehouse-main-img\"><\/p>\n<div class=\"warehouse-features\">\n<div class=\"warehouse-point point-a\">\n<div class=\"point-marker climate\">\n                                        <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf21\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f321.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Climate Controlled<\/strong><\/p>\n<p>Optimal temperature &amp; humidity<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-point point-b\">\n<div class=\"point-marker ventilation\">\n                                        <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a8.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Ventilation System<\/strong><\/p>\n<p>Continuous air circulation<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-point point-c\">\n<div class=\"point-marker protection\">\n                                        <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Weather Protection<\/strong><\/p>\n<p>Sealed from elements<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-badge\">\n                                <span class=\"badge-text\">Professional Storage Facility<\/span><br \/>\n                                <span class=\"badge-subtext\">Certificato ISO<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Storage Guidelines<\/h3>\n<p>Optimal preservation conditions for maximum shelf life<\/p>\n<\/p><\/div>\n<div class=\"storage-conditions\">\n<div class=\"condition-grid\">\n<div class=\"condition-item temperature\">\n<div class=\"condition-icon\">\n<div class=\"thermometer\"><\/div>\n<\/p><\/div>\n<div class=\"condition-info\">\n                                        <span class=\"condition-label\">Temperature<\/span><br \/>\n                                        <span class=\"condition-value\">5\u00b0C \u2013 35\u00b0C<\/span><br \/>\n                                        <span class=\"condition-desc\">Room temperature range<\/span>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"condition-item humidity\">\n<div class=\"condition-icon\">\n<div class=\"humidity-meter\"><\/div>\n<\/p><\/div>\n<div class=\"condition-info\">\n                                        <span class=\"condition-label\">Humidity<\/span><br \/>\n                                        <span class=\"condition-value\">&lt; 65% RH<\/span><br \/>\n                                        <span class=\"condition-desc\">Dry environment<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"guidelines\">\n<div class=\"guideline\">\n<div class=\"guide-icon\">\n<div class=\"icon-seal\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd12\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f512.svg\"><\/div>\n<\/p><\/div>\n<div class=\"guide-text\">\n                                    <strong>Sealed Environment<\/strong><\/p>\n<p>Keep bags tightly sealed in a cool, dry, and well-ventilated area to prevent moisture absorption and maintain product quality.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"guideline\">\n<div class=\"guide-icon\">\n<div class=\"icon-protect\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2600\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2600.svg\"><\/div>\n<\/p><\/div>\n<div class=\"guide-text\">\n                                    <strong>Environmental Protection<\/strong><\/p>\n<p>Avoid direct sunlight, moisture, or heat exposure to maintain performance consistency and extend shelf life up to 12 months.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u8be2\u4ef7CTA --><\/p>\n<div class=\"quote-section\">\n<div class=\"quote-content\">\n<div class=\"quote-visual\">\n<div class=\"quote-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/div>\n<\/p><\/div>\n<div class=\"quote-text\">\n<h3>Request a Quote Now<\/h3>\n<p>Discover how LANDU Flexible RDP can enhance your cementitious formulations with our professional packaging and storage solutions.<\/p>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"quote-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Get Quote        \u2192<\/button><br \/>\n<\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u514d\u8d39\u6837\u54c1\u533a\u57df --><\/p>\n<div class=\"sample-area\">\n<div class=\"container\">\n            <!-- \u80cc\u666f\u88c5\u9970 --><\/p>\n<div class=\"sample-bg\"><\/div>\n<p>            <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"sample-header\">\n<div class=\"header-badge sample-badge\">\n<p>                    <span>Free Testing Program<\/span>\n                <\/div>\n<h2 class=\"sample-title\">\n                    Test It Yourself \u2013 Free Samples Available<br \/>\n                <\/h2>\n<p class=\"sample-intro\">\n                    Before committing to your next procurement, see how ACCURATE\u2122 Flexible RDP performs in your own mix designs.<br \/>\n                    Our free sample program lets you evaluate <strong>flexibility<\/strong>, <strong>adhesion strength<\/strong>,<br \/>\n                    and <strong>crack resistance<\/strong> with ease.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u6837\u54c1\u5185\u5bb9 --><\/p>\n<div class=\"sample-content\">\n                <!-- \u6837\u54c1\u5305\u88c5\u4fe1\u606f --><\/p>\n<div class=\"sample-package\">\n<h3 class=\"package-title\">Your Sample Package Includes:<\/h3>\n<div class=\"sample-journey\">\n<div class=\"journey-step step-1\">\n<div class=\"step-visual\">\n<div class=\"sample-bag-visual\">\n<div class=\"bag-label\">500g-1kg<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>Selected Grade Sample<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"grade-selection\">\n<div class=\"grade-option eco\">\n                                        <span class=\"grade-name\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"grade-use\">cURL Too many subrequests.<\/span>\n                                    <\/div>\n<div class=\"grade-option std\">\n                                        <span class=\"grade-name\">Standard<\/span><br \/>\n                                        <span class=\"grade-use\">cURL Too many subrequests.<\/span>\n                                    <\/div>\n<div class=\"grade-option prem\">\n                                        <span class=\"grade-name\">Premium<\/span><br \/>\n                                        <span class=\"grade-use\">cURL Too many subrequests.<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"journey-step step-2\">\n<div class=\"step-visual\">\n<div class=\"document-stack\">\n<div class=\"doc-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"doc-features\">\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcca\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ca.svg\"> cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"> cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"> cURL Too many subrequests.<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"journey-step step-3\">\n<div class=\"step-visual\">\n<div class=\"expert-support\">\n<div class=\"support-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>Expert Technical Support<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"support-features\">\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/span><br \/>\n                                        <span>cURL Too many subrequests.<\/span>\n                                    <\/div>\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e7.svg\"><\/span><br \/>\n                                        <span>cURL Too many subrequests.<\/span>\n                                    <\/div>\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/span><br \/>\n                                        <span>cURL Too many subrequests.<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6837\u54c1\u56fe\u7247\u548cCTA --><\/p>\n<div class=\"sample-visual\">\n<div class=\"sample-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Flexible-RDP-free-sample.jpg\" alt=\"cURL Too many subrequests.\" class=\"sample-image\"><\/p>\n<div class=\"sample-highlights\">\n<div class=\"highlight-point h-point-1\">\n<div class=\"highlight-marker\">\n                                    <span class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/span>\n                                <\/div>\n<div class=\"highlight-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-point h-point-2\">\n<div class=\"highlight-marker\">\n                                    <span class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                                <\/div>\n<div class=\"highlight-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sample-cta\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"sample-process\">\n<div class=\"process-step\">\n<div class=\"process-number\">1<\/div>\n<p>                                <span>Richiedi Campione<\/span>\n                            <\/div>\n<div class=\"process-arrow\">\u2192<\/div>\n<div class=\"process-step\">\n<div class=\"process-number\">2<\/div>\n<p>                                <span>Fast Shipping<\/span>\n                            <\/div>\n<div class=\"process-arrow\">\u2192<\/div>\n<div class=\"process-step\">\n<div class=\"process-number\">3<\/div>\n<p>                                <span>Test &amp; Evaluate<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n<\/a><\/p>\n<p><a href=\"https:\/\/hpmc.ae\/it\/service\/pre-sales-service\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-secondary\"><br \/>\n        <span class=\"btn-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/span><br \/>\n        Supporto tecnico<br \/>\n    <\/button><br \/>\n<\/a><\/p><\/div>\n<div class=\"benefits\">\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>No commitment required<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Fast worldwide shipping<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Supporto tecnico esperto<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-packaging-redesign {\n    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u5305\u88c5\u50a8\u5b58\u533a\u57df - \u6de1\u5316\u80cc\u666f *\/\n.packaging-storage-area {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #fcfcfd 0%, #f9fafb 50%, #f3f4f6 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.bg-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.15;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7684\u80cc\u666f\u88c5\u9970 - \u6de1\u5316 *\/\n.bg-decorations::before {\n    content: '';\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.03) 0%, transparent 70%);\n    border-radius: 50%;\n    top: -150px;\n    right: -150px;\n    animation: pulse-glow 8s ease-in-out infinite;\n}<\/p>\n<p>.bg-decorations::after {\n    content: '';\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.02) 0%, transparent 70%);\n    border-radius: 50%;\n    bottom: -100px;\n    left: -100px;\n    animation: pulse-glow 8s ease-in-out infinite 4s;\n}<\/p>\n<p>@keyframes pulse-glow {\n    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.2; }\n    50% { transform: scale(1.2) rotate(180deg); opacity: 0.4; }\n}<\/p>\n<p>.geometric-shape {\n    position: absolute;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.04), rgba(37, 99, 235, 0.02));\n    animation: shape-float 20s ease-in-out infinite;\n}<\/p>\n<p>.shape-1 {\n    width: 100px;\n    height: 100px;\n    border-radius: 20px;\n    top: 10%;\n    right: 10%;\n    animation-delay: 0s;\n}<\/p>\n<p>.shape-2 {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    bottom: 20%;\n    left: 8%;\n    animation-delay: 7s;\n}<\/p>\n<p>.shape-3 {\n    width: 60px;\n    height: 60px;\n    border-radius: 12px;\n    top: 60%;\n    right: 30%;\n    animation-delay: 14s;\n}<\/p>\n<p>.floating-dots {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.dot {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    opacity: 0.3;\n    animation: dot-drift 15s ease-in-out infinite;\n}<\/p>\n<p>.dot-1 { top: 25%; left: 20%; animation-delay: 0s; }\n.dot-2 { top: 45%; right: 25%; animation-delay: 5s; }\n.dot-3 { bottom: 35%; left: 30%; animation-delay: 10s; }\n.dot-4 { top: 70%; right: 15%; animation-delay: 15s; }<\/p>\n<p>\/* \u6d6e\u52a8\u7c92\u5b50 - \u6de1\u5316 *\/\n.floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 2px;\n    height: 2px;\n    background: linear-gradient(45deg, rgba(59, 130, 246, 0.4), rgba(16, 185, 129, 0.3));\n    border-radius: 50%;\n    animation: particle-float 20s linear infinite;\n}<\/p>\n<p>.particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n.particle:nth-child(2) { left: 20%; animation-delay: 4s; }\n.particle:nth-child(3) { left: 30%; animation-delay: 8s; }\n.particle:nth-child(4) { left: 40%; animation-delay: 12s; }\n.particle:nth-child(5) { left: 50%; animation-delay: 16s; }<\/p>\n<p>@keyframes particle-float {\n    0% { transform: translateY(100vh) scale(0); opacity: 0; }\n    10% { opacity: 0.3; transform: scale(1); }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) scale(0); opacity: 0; }\n}<\/p>\n<p>\/* \u6d6e\u52a8\u56fe\u6807 - \u6de1\u5316 *\/\n.floating-icons {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.float-icon {\n    position: absolute;\n    font-size: 2rem;\n    opacity: 0.05;\n    animation: icon-drift 25s ease-in-out infinite;\n}<\/p>\n<p>.icon-1 {\n    top: 20%;\n    left: 15%;\n    animation-delay: 0s;\n}<\/p>\n<p>.icon-2 {\n    top: 60%;\n    right: 20%;\n    animation-delay: 8s;\n}<\/p>\n<p>.icon-3 {\n    bottom: 30%;\n    left: 60%;\n    animation-delay: 16s;\n}<\/p>\n<p>@keyframes icon-drift {\n    0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.05; }\n    25% { transform: translate(-20px, -30px) rotate(90deg) scale(1.2); opacity: 0.1; }\n    50% { transform: translate(10px, -40px) rotate(180deg) scale(0.8); opacity: 0.08; }\n    75% { transform: translate(30px, -20px) rotate(270deg) scale(1.1); opacity: 0.12; }\n}<\/p>\n<p>@keyframes shape-float {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    33% { transform: translate(-20px, -30px) rotate(120deg); }\n    66% { transform: translate(15px, -15px) rotate(240deg); }\n}<\/p>\n<p>@keyframes dot-drift {\n    0%, 100% { transform: translateY(0px) scale(1); opacity: 0.2; }\n    50% { transform: translateY(-40px) scale(1.5); opacity: 0.4; }\n}<\/p>\n<p>\/* \u6807\u9898\u533a\u57df *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 8px 20px;\n    border-radius: 25px;\n    border: 1px solid rgba(59, 130, 246, 0.15);\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #3b82f6;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.05);\n}<\/p>\n<p>.badge-dot {\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 50%;\n    animation: pulse 2s ease-in-out infinite;\n}<\/p>\n<p>.sample-dot {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>@keyframes pulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.2); opacity: 0.8; }\n}<\/p>\n<p>.main-title {\n    font-size: 3rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 20px;\n    line-height: 1.1;\n}<\/p>\n<p>.main-subtitle {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u5185\u5bb9\u7f51\u683c *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* \u5361\u7247\u6837\u5f0f *\/\n.packaging-card,\n.storage-card {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7684\u5361\u7247\u8fb9\u6846\u6548\u679c - \u6de1\u5316 *\/\n.packaging-card::before,\n.storage-card::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.08), rgba(139, 92, 246, 0.06));\n    border-radius: 26px;\n    z-index: -1;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.packaging-card:hover::before,\n.storage-card:hover::before {\n    opacity: 0.15;\n    animation: border-glow 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes border-glow {\n    0%, 100% { filter: blur(8px); }\n    50% { filter: blur(12px); }\n}<\/p>\n<p>.packaging-card:hover,\n.storage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u5c55\u793a\u533a - \u6de1\u5316\u80cc\u666f *\/\n.product-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #fbfcfd 0%, #f8f9fa 100%);\n    padding: 32px;\n}<\/p>\n<p>.main-product-image {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06);\n    margin-bottom: 24px;\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.main-product-image:hover .product-img {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u56fe\u7247\u7279\u5f81\u70b9 *\/\n.image-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.feature-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-1 {\n    top: 20%;\n    left: 15%;\n}<\/p>\n<p>.point-2 {\n    top: 45%;\n    right: 20%;\n}<\/p>\n<p>.point-3 {\n    bottom: 25%;\n    left: 25%;\n}<\/p>\n<p>.point-marker {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 0.8rem;\n    font-weight: 700;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n    cursor: pointer;\n    animation: point-pulse 2s ease-in-out infinite;\n    position: relative;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.point-marker::before {\n    content: '';\n    position: absolute;\n    top: -4px;\n    left: -4px;\n    right: -4px;\n    bottom: -4px;\n    border: 2px solid rgba(59, 130, 246, 0.2);\n    border-radius: 50%;\n    animation: ripple 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes ripple {\n    0% { transform: scale(1); opacity: 1; }\n    100% { transform: scale(1.5); opacity: 0; }\n}<\/p>\n<p>.point-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.point-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.feature-point:hover .point-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.point-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.point-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>\/* \u56fe\u7247\u8986\u76d6\u4fe1\u606f *\/\n.image-overlay-info {\n    position: absolute;\n    bottom: 16px;\n    right: 16px;\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(10px);\n    padding: 12px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.overlay-content {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.weight-badge {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 700;\n}<\/p>\n<p>.dimensions {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>\/* \u5305\u88c5\u7ec6\u8282 *\/\n.packaging-details {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.detail-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n}<\/p>\n<p>.detail-icon {\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.detail-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.detail-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.detail-desc {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* \u4ed3\u5e93\u5c55\u793a\u533a - \u6de1\u5316\u80cc\u666f *\/\n.warehouse-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #fafbfc 0%, #f6f8fa 100%);\n    padding: 32px;\n}<\/p>\n<p>.warehouse-image-container {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06);\n    margin-bottom: 24px;\n}<\/p>\n<p>.warehouse-main-img {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.warehouse-image-container:hover .warehouse-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u4ed3\u5e93\u7279\u5f81\u70b9 *\/\n.warehouse-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.warehouse-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-a {\n    top: 15%;\n    right: 20%;\n}<\/p>\n<p>.point-b {\n    top: 50%;\n    left: 15%;\n}<\/p>\n<p>.point-c {\n    bottom: 20%;\n    right: 30%;\n}<\/p>\n<p>.point-marker.climate {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.point-marker.ventilation {\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\n}<\/p>\n<p>.point-marker.protection {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.point-icon {\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u4ed3\u5e93\u5fbd\u7ae0 *\/\n.warehouse-badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(10px);\n    padding: 12px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.badge-text {\n    display: block;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.badge-subtext {\n    display: block;\n    font-size: 0.75rem;\n    color: #10b981;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u5185\u5bb9\u6807\u9898 *\/\n.content-header {\n    padding: 32px 32px 24px;\n    border-bottom: 1px solid rgba(226, 232, 240, 0.3);\n}<\/p>\n<p>.content-header h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.content-header p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.card-content {\n    padding: 0 32px 32px;\n}<\/p>\n<p>\/* \u5b58\u50a8\u6761\u4ef6 *\/\n.storage-conditions {\n    margin-bottom: 24px;\n}<\/p>\n<p>.condition-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}<\/p>\n<p>.condition-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.4);\n}<\/p>\n<p>.condition-item.temperature {\n    border-color: rgba(245, 158, 11, 0.2);\n    background: rgba(245, 158, 11, 0.02);\n}<\/p>\n<p>.condition-item.humidity {\n    border-color: rgba(59, 130, 246, 0.2);\n    background: rgba(59, 130, 246, 0.02);\n}<\/p>\n<p>.condition-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.thermometer {\n    width: 8px;\n    height: 32px;\n    background: #e5e7eb;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.mercury-level {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 60%;\n    background: linear-gradient(to top, #f59e0b, #fbbf24);\n    border-radius: 4px;\n    animation: temp-rise 3s ease-in-out infinite alternate;\n}<\/p>\n<p>@keyframes temp-rise {\n    0% { height: 50%; }\n    100% { height: 70%; }\n}<\/p>\n<p>.humidity-meter {\n    width: 32px;\n    height: 20px;\n    background: #e5e7eb;\n    border-radius: 10px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.humidity-level {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 65%;\n    background: linear-gradient(to right, #3b82f6, #60a5fa);\n    border-radius: 10px;\n    animation: humidity-wave 2s ease-in-out infinite alternate;\n}<\/p>\n<p>@keyframes humidity-wave {\n    0% { width: 60%; }\n    100% { width: 70%; }\n}<\/p>\n<p>.condition-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.condition-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #64748b;\n}<\/p>\n<p>.condition-value {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #1e293b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.condition-desc {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* \u6258\u76d8\u89c6\u89c9\u914d\u7f6e - \u6de1\u5316 *\/\n.pallet-visual-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.pallet-option {\n    background: rgba(245, 158, 11, 0.02);\n    border: 2px solid rgba(245, 158, 11, 0.15);\n    padding: 20px;\n    border-radius: 12px;\n    text-align: center;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.pallet-option:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.1);\n    border-color: rgba(245, 158, 11, 0.25);\n}<\/p>\n<p>.pallet-illustration {\n    position: relative;\n    width: 60px;\n    height: 50px;\n    margin: 0 auto 12px;\n}<\/p>\n<p>.pallet-base {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 6px;\n    background: #8b5cf6;\n    border-radius: 3px;\n}<\/p>\n<p>.bag-stack {\n    position: absolute;\n    bottom: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n}<\/p>\n<p>.bag-layer {\n    width: 100%;\n    height: 6px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 2px;\n    margin-bottom: 2px;\n    animation: stack-build 2s ease-in-out infinite;\n}<\/p>\n<p>.stack-4 .bag-layer:nth-child(1) { animation-delay: 0s; }\n.stack-4 .bag-layer:nth-child(2) { animation-delay: 0.2s; }\n.stack-4 .bag-layer:nth-child(3) { animation-delay: 0.4s; }\n.stack-4 .bag-layer:nth-child(4) { animation-delay: 0.6s; }<\/p>\n<p>.stack-6 .bag-layer:nth-child(1) { animation-delay: 0s; }\n.stack-6 .bag-layer:nth-child(2) { animation-delay: 0.15s; }\n.stack-6 .bag-layer:nth-child(3) { animation-delay: 0.3s; }\n.stack-6 .bag-layer:nth-child(4) { animation-delay: 0.45s; }\n.stack-6 .bag-layer:nth-child(5) { animation-delay: 0.6s; }\n.stack-6 .bag-layer:nth-child(6) { animation-delay: 0.75s; }<\/p>\n<p>@keyframes stack-build {\n    0%, 80% { opacity: 0.7; transform: scaleY(1); }\n    90% { opacity: 1; transform: scaleY(1.1); }\n    100% { opacity: 0.7; transform: scaleY(1); }\n}<\/p>\n<p>.pallet-info .weight {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 800;\n    color: #f59e0b;\n    font-family: 'JetBrains Mono', monospace;\n    margin-bottom: 4px;\n}<\/p>\n<p>.pallet-info .desc {\n    font-size: 0.8rem;\n    color: #92400e;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u89c4\u683c\u7f51\u683c *\/\n.spec-grid {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.spec-item {\n    background: rgba(248, 250, 252, 0.6);\n    padding: 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.4);\n}<\/p>\n<p>.spec-item.primary {\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.02));\n    border-color: rgba(59, 130, 246, 0.15);\n    text-align: center;\n}<\/p>\n<p>.spec-number {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #3b82f6;\n    line-height: 1;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.spec-unit {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 4px;\n}<\/p>\n<p>.spec-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.spec-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.pallet-options h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.custom-note {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(139, 92, 246, 0.05);\n    padding: 12px 16px;\n    border-radius: 10px;\n    border: 1px solid rgba(139, 92, 246, 0.15);\n    font-size: 0.85rem;\n    color: #7c3aed;\n}<\/p>\n<p>.note-icon {\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u50a8\u5b58\u6307\u5357 *\/\n.guidelines {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.guideline {\n    display: flex;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(248, 250, 252, 0.4);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.guideline:hover {\n    transform: translateY(-2px);\n    background: rgba(255, 255, 255, 0.6);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.guide-icon {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 1.2rem;\n}<\/p>\n<p>.guide-text {\n    flex: 1;\n}<\/p>\n<p>.guide-text strong {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    display: block;\n    margin-bottom: 4px;\n}<\/p>\n<p>.guide-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* \u8be2\u4ef7\u533a\u57df\u589e\u5f3a - \u6de1\u5316 *\/\n.quote-section {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.quote-content {\n    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, rgba(217, 119, 6, 0.02) 100%);\n    border: 2px solid rgba(245, 158, 11, 0.15);\n    border-radius: 20px;\n    padding: 32px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.quote-content:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(245, 158, 11, 0.1);\n}<\/p>\n<p>.quote-visual {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.quote-icon {\n    font-size: 2.5rem;\n    animation: bounce 2s ease-in-out infinite;\n}<\/p>\n<p>.connecting-line {\n    width: 2px;\n    height: 20px;\n    background: linear-gradient(to bottom, rgba(245, 158, 11, 0.6), transparent);\n}<\/p>\n<p>@keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n}<\/p>\n<p>.quote-text {\n    flex: 1;\n}<\/p>\n<p>.quote-text h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.quote-text p {\n    font-size: 0.95rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>.quote-btn {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    color: white;\n    border: none;\n    padding: 16px 32px;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.quote-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>.btn-arrow {\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.quote-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* \u514d\u8d39\u6837\u54c1\u533a\u57df - \u6de1\u5316\u80cc\u666f *\/\n.sample-area {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #fbfcfc 0%, #f9fafb 50%, #f6f8fa 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.sample-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.15;\n}<\/p>\n<p>.gradient-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(40px);\n    animation: orb-float 25s ease-in-out infinite;\n}<\/p>\n<p>.orb-1 {\n    width: 200px;\n    height: 200px;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(5, 150, 105, 0.04));\n    top: 10%;\n    right: 10%;\n    animation-delay: 0s;\n}<\/p>\n<p>.orb-2 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.06), rgba(37, 99, 235, 0.03));\n    bottom: 20%;\n    left: 15%;\n    animation-delay: 8s;\n}<\/p>\n<p>.orb-3 {\n    width: 120px;\n    height: 120px;\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(124, 58, 237, 0.02));\n    top: 50%;\n    left: 40%;\n    animation-delay: 16s;\n}<\/p>\n<p>@keyframes orb-float {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(-30px, -40px) scale(1.1); }\n    66% { transform: translate(20px, -20px) scale(0.9); }\n}<\/p>\n<p>\/* \u6837\u54c1\u6807\u9898 *\/\n.sample-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.sample-badge {\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.15);\n    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.05);\n}<\/p>\n<p>.sample-title {\n    font-size: 3rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 20px;\n    line-height: 1.1;\n}<\/p>\n<p>.sample-intro {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.sample-intro strong {\n    color: #10b981;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u6837\u54c1\u5185\u5bb9 *\/\n.sample-content {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 60px;\n    align-items: start;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* \u6837\u54c1\u5305\u88c5 *\/\n.sample-package {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.package-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 32px;\n    text-align: center;\n}<\/p>\n<p>\/* \u6837\u54c1\u65c5\u7a0b *\/\n.sample-journey {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.journey-step {\n    position: relative;\n    display: flex;\n    gap: 24px;\n    padding: 24px;\n    background: rgba(248, 250, 252, 0.4);\n    border-radius: 16px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.journey-step:hover {\n    transform: translateY(-4px);\n    background: rgba(255, 255, 255, 0.6);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.step-visual {\n    width: 64px;\n    height: 64px;\n    background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.sample-bag-visual {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.bag-body {\n    width: 24px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 2px 2px 8px 8px;\n    position: relative;\n}<\/p>\n<p>.bag-label {\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(255, 255, 255, 0.95);\n    color: #059669;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 8px;\n    white-space: nowrap;\n}<\/p>\n<p>.document-stack {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.doc {\n    position: absolute;\n    width: 24px;\n    height: 32px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 2px 6px 2px 2px;\n}<\/p>\n<p>.doc-1 {\n    top: 0;\n    left: 0;\n    z-index: 2;\n}<\/p>\n<p>.doc-2 {\n    top: 4px;\n    left: 4px;\n    z-index: 1;\n    opacity: 0.7;\n}<\/p>\n<p>.doc-label {\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(255, 255, 255, 0.95);\n    color: #2563eb;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 8px;\n}<\/p>\n<p>.expert-support {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.expert-avatar {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.support-badge {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    background: #f59e0b;\n    color: white;\n    font-size: 0.6rem;\n    font-weight: 700;\n    padding: 2px 4px;\n    border-radius: 6px;\n    border: 2px solid white;\n}<\/p>\n<p>.step-info {\n    flex: 1;\n}<\/p>\n<p>.step-info h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.step-info p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>\/* \u7b49\u7ea7\u9009\u62e9 - \u6de1\u5316 *\/\n.grade-selection {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.grade-option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid;\n    font-size: 0.8rem;\n}<\/p>\n<p>.grade-option.eco {\n    background: rgba(16, 185, 129, 0.02);\n    border-color: rgba(16, 185, 129, 0.15);\n}<\/p>\n<p>.grade-option.std {\n    background: rgba(59, 130, 246, 0.02);\n    border-color: rgba(59, 130, 246, 0.15);\n}<\/p>\n<p>.grade-option.prem {\n    background: rgba(139, 92, 246, 0.02);\n    border-color: rgba(139, 92, 246, 0.15);\n}<\/p>\n<p>.grade-name {\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.grade-use {\n    color: #64748b;\n    font-size: 0.75rem;\n}<\/p>\n<p>\/* \u6587\u6863\u7279\u5f81 - \u6de1\u5316 *\/\n.doc-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}<\/p>\n<p>.doc-feature {\n    background: rgba(59, 130, 246, 0.05);\n    color: #3b82f6;\n    padding: 4px 8px;\n    border-radius: 6px;\n    font-size: 0.75rem;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u652f\u6301\u7279\u5f81 *\/\n.support-features {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}<\/p>\n<p>.support-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.8rem;\n    color: #64748b;\n}<\/p>\n<p>.support-icon {\n    font-size: 0.9rem;\n}<\/p>\n<p>\/* \u6b65\u9aa4\u8fde\u63a5\u5668 - \u6de1\u5316 *\/\n.step-connector {\n    position: absolute;\n    bottom: -16px;\n    left: 32px;\n    width: 2px;\n    height: 16px;\n    background: linear-gradient(to bottom, rgba(16, 185, 129, 0.4), transparent);\n}<\/p>\n<p>.journey-step:last-child .step-connector {\n    display: none;\n}<\/p>\n<p>\/* \u6837\u54c1\u89c6\u89c9 *\/\n.sample-visual {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.sample-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.sample-image {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover .sample-image {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u6837\u54c1\u9ad8\u4eae\u70b9 *\/\n.sample-highlights {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.highlight-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.h-point-1 {\n    top: 25%;\n    left: 20%;\n}<\/p>\n<p>.h-point-2 {\n    bottom: 30%;\n    right: 25%;\n}<\/p>\n<p>.highlight-marker {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 0.9rem;\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\n    cursor: pointer;\n    animation: highlight-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes highlight-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.highlight-tooltip {\n    position: absolute;\n    top: -50px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 0.75rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.highlight-point:hover .highlight-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.9) 0%, rgba(5, 150, 105, 0.8) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover .image-overlay {\n    opacity: 1;\n}<\/p>\n<p>\/* \u6837\u54c1CTA *\/\n.sample-cta {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.04);\n    text-align: center;\n}<\/p>\n<p>.sample-cta h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.sample-cta p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>\/* \u6837\u54c1\u6d41\u7a0b - \u6de1\u5316 *\/\n.sample-process {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 24px;\n    padding: 16px;\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n}<\/p>\n<p>.process-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}<\/p>\n<p>.process-number {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.8rem;\n    font-weight: 700;\n}<\/p>\n<p>.process-step span {\n    font-size: 0.75rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.process-arrow {\n    color: #10b981;\n    font-size: 1.2rem;\n    font-weight: 700;\n}<\/p>\n<p>.cta-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.btn-primary,\n.btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 24px;\n    border-radius: 12px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    border: none;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.btn-primary {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: white;\n    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.btn-secondary {\n    background: rgba(59, 130, 246, 0.05);\n    color: #3b82f6;\n    border: 1px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.btn-secondary:hover {\n    background: rgba(59, 130, 246, 0.08);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.btn-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.benefit {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: #64748b;\n}<\/p>\n<p>.check {\n    color: #10b981;\n    font-weight: 700;\n    font-size: 0.9rem;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .content-grid,\n    .sample-content {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .spec-grid,\n    .condition-grid,\n    .pallet-visual-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .packaging-details {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .packaging-storage-area,\n    .sample-area {\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .product-showcase,\n    .warehouse-showcase {\n        padding: 24px;\n    }<\/p>\n<p>    .main-product-image,\n    .warehouse-image-container {\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .product-img,\n    .warehouse-main-img,\n    .sample-image {\n        height: 200px;\n    }<\/p>\n<p>    .card-content,\n    .sample-package {\n        padding: 24px;\n    }<\/p>\n<p>    .quote-content {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n    }<\/p>\n<p>    .journey-step {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n    }<\/p>\n<p>    .sample-process {\n        flex-direction: column;\n        gap: 8px;\n    }<\/p>\n<p>    .process-arrow {\n        transform: rotate(90deg);\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .product-showcase,\n    .warehouse-showcase,\n    .card-content,\n    .sample-package,\n    .sample-cta {\n        padding: 20px;\n    }<\/p>\n<p>    .quote-content {\n        padding: 24px;\n    }<\/p>\n<p>    .product-img,\n    .warehouse-main-img,\n    .sample-image {\n        height: 180px;\n    }<\/p>\n<p>    .feature-point,\n    .warehouse-point,\n    .highlight-point {\n        display: none;\n    }\n}\n<\/style>\n<div class=\"landu-trusted-partner\">\n    <!-- \u4e3b\u6807\u9898\u533a\u57df --><\/p>\n<div class=\"partner-intro-section\">\n<div class=\"container\">\n            <!-- \u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"partner-decorations\">\n<div class=\"floating-particles\"><\/div>\n<\/p><\/div>\n<p>            <!-- \u54c1\u724c\u6807\u9898 --><\/p>\n<div class=\"partner-header\">\n<h1 class=\"partner-title\">\n                    <span class=\"title-main\">cURL Too many subrequests.<\/span><br \/>\n                    <span class=\"title-sub\">as Your Trusted Partner?<\/span><br \/>\n                <\/h1>\n<p class=\"partner-subtitle\">\n                    Discover the advantages that make LANDU the preferred choice for construction professionals worldwide\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df --><\/p>\n<div class=\"global-certification-section\">\n<div class=\"container\">\n<div class=\"global-cert-content\">\n                <!-- \u5de6\u4fa7\u5168\u7403\u4e1a\u52a1 - \u6539\u4e3a\u56fe\u7247\u5c55\u793a --><\/p>\n<div class=\"global-presence-showcase\">\n<div class=\"global-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Staff-meeting-in-the-office.jpg\" alt=\"LANDU Global Presence\" class=\"global-main-img\"><\/p>\n<div class=\"global-overlay-badge\">\n<div class=\"badge-main\">60+<\/div>\n<div class=\"badge-label\">Paesi in tutto il mondo<\/div>\n<\/p><\/div>\n<div class=\"global-image-annotations\">\n<div class=\"global-point point-left\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>Global Reach<\/strong><\/p>\n<p>Worldwide distribution<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-point point-right\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\">\u2713<\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>Proven Quality<\/strong><\/p>\n<p>Trusted by professionals<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-text\">\n<h3>Global Presence<\/h3>\n<p>LANDU is a globally recognized manufacturer of Flexible Redispersible Polymer Powder (RDP) and high-performance construction additives. Our products are trusted in <span class=\"highlight\">more than 60 countries worldwide<\/span>, serving diverse industries with proven reliability and consistent quality standards.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u8ba4\u8bc1\u5c55\u793a --><\/p>\n<div class=\"certification-showcase-enhanced\">\n<div class=\"cert-image-container\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Certificazioni LANDU\" class=\"cert-main-img\"><\/p>\n<div class=\"cert-annotations\">\n<div class=\"cert-point point-iso\">\n<div class=\"point-marker\">\n                                    <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>ISO 9001<\/strong><\/p>\n<p>Quality Management<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-point point-reach\">\n<div class=\"point-marker\">\n                                    <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>EU REACH<\/strong><\/p>\n<p>Safety Compliance<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-point point-eco\">\n<div class=\"point-marker\">\n                                    <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>EcoVadis<\/strong><\/p>\n<p>Sostenibilit\u00e0<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-text\">\n<h3>Certified Quality Assurance<\/h3>\n<p>We operate under strict <span class=\"highlight\">ISO 9001 quality management systems<\/span> and are fully compliant with <span class=\"highlight\">EU REACH regulations<\/span> \u2014 ensuring product safety, consistency, and environmental sustainability from production to delivery.<\/p>\n<div class=\"cert-badges\">\n<div class=\"cert-mini-badge iso\">ISO 9001<\/div>\n<div class=\"cert-mini-badge reach\">EU REACH<\/div>\n<div class=\"cert-mini-badge eco\">EcoVadis<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u521b\u65b0\u7814\u53d1\u533a\u57df --><\/p>\n<div class=\"innovation-section\">\n<div class=\"container\">\n<div class=\"innovation-content\">\n                <!-- \u5de6\u4fa7\u521b\u65b0\u6587\u672c --><\/p>\n<div class=\"innovation-text-section\">\n<div class=\"innovation-header\">\n<div class=\"innovation-icon-large\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a1.svg\"><\/div>\n<h3>Driven by Innovation<\/h3>\n<\/p><\/div>\n<p class=\"innovation-desc\">\n                        With <span class=\"highlight\">11 invention patents and 4 utility models<\/span>, LANDU\u2019s R&amp;D team continuously develops advanced polymer solutions that redefine performance, flexibility, and efficiency in modern construction chemistry.\n                    <\/p>\n<div class=\"patents-showcase\">\n<div class=\"patent-item invention\">\n<div class=\"patent-visual\">\n<div class=\"patent-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/div>\n<div class=\"patent-count\">11<\/div>\n<\/p><\/div>\n<div class=\"patent-label\">Invention Patents<\/div>\n<\/p><\/div>\n<div class=\"patent-item utility\">\n<div class=\"patent-visual\">\n<div class=\"patent-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2699\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2699.svg\"><\/div>\n<div class=\"patent-count\">4<\/div>\n<\/p><\/div>\n<div class=\"patent-label\">Utility Models<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 --><\/p>\n<div class=\"innovation-image-section\">\n<div class=\"lab-main-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs-research-personnel.jpg\" alt=\"LANDU Research Laboratory\" class=\"lab-img\"><\/p>\n<div class=\"lab-features\">\n<div class=\"lab-point point-equipment\">\n<div class=\"lab-marker\">\n                                    <span class=\"lab-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>Advanced Equipment<\/strong><\/p>\n<p>State-of-the-art testing<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-point point-team\">\n<div class=\"lab-marker\">\n                                    <span class=\"lab-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc68\u200d\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f468-200d-1f52c.svg\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>Team di Esperti<\/strong><\/p>\n<p>Experienced researchers<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-point point-innovation\">\n<div class=\"lab-marker\">\n                                    <span class=\"lab-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a1.svg\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>Innovation Focus<\/strong><\/p>\n<p>Continuous development<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-overlay-badge\">\n                            <span class=\"badge-text\">Eccellenza nella Ricerca e Sviluppo<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a --><\/p>\n<div class=\"product-portfolio-section\">\n<div class=\"container\">\n<div class=\"portfolio-header\">\n<h2 class=\"portfolio-title\">\n                    <span class=\"portfolio-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/span><br \/>\n                    Gamma completa di prodotti<br \/>\n                <\/h2>\n<p class=\"portfolio-subtitle\">\n                    From HPMC, HEMC, HEC, and Polycarboxylate Superplasticizers (PCE) to Gypsum Retarders, Silicone Hydrophobic Powder (SHP), Powder Defoamers, and premium Flexible RDP grades, LANDU provides a complete range of polymer additives tailored for cementitious systems and dry-mix mortars.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u4e09\u56fe\u5e76\u5217\u5c55\u793a --><\/p>\n<div class=\"products-gallery-grid\">\n                <!-- \u7b2c\u4e00\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item cellulose-ethers\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-Cellulose-Ethers-samples.jpg\" alt=\"Eteri di Cellulosa LANDU\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <span class=\"category-name\">Cellulose Ethers<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HPMC<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HEMC<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HEC<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Cellulose Ethers<\/h4>\n<p>HPMC, HEMC, HEC for superior water retention, workability enhancement, and thickening properties in construction applications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e8c\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item construction-additives\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Novastar-construction-additive-product-1.jpg\" alt=\"LANDU Construction Additives\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2697\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2697.svg\"><\/span><br \/>\n                                <span class=\"category-name\">Construction Additives<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">PCE<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Retarders<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Defoamers<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Specialty Additives<\/h4>\n<p>PCE superplasticizers, gypsum retarders, powder defoamers, and hydrophobic powders for specialized construction needs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e09\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item rdp-products\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-rdp-sample-products.jpg\" alt=\"LANDU RDP Products\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span><br \/>\n                                <span class=\"category-name\">RDP Products<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">RDP flessibile<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Durability<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Polymer Powders<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u4ea7\u54c1\u7edf\u8ba1\u4fe1\u606f --><\/p>\n<div class=\"portfolio-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">8+<\/div>\n<div class=\"stat-label\">Linee di prodotto<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">60+<\/div>\n<div class=\"stat-label\">Paesi serviti<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">15+<\/div>\n<div class=\"stat-label\">Anni di esperienza<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u751f\u4ea7\u80fd\u529b\u533a\u57df --><\/p>\n<div class=\"production-capability-section\">\n<div class=\"container\">\n<div class=\"production-content\">\n                <!-- \u5de6\u4fa7\u751f\u4ea7\u8bbe\u65bd\u56fe\u7247 --><\/p>\n<div class=\"production-image-section\">\n<div class=\"factory-showcase\">\n                        <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-RDP-FACTORY.jpg\" alt=\"LANDU Manufacturing Facility\" class=\"factory-main-img\"><\/p>\n<div class=\"factory-annotations\">\n<div class=\"factory-point point-automation\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd16\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f916.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"factory-point point-quality\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2705.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"factory-point point-capacity\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcca\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ca.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-capacity-badge\">\n<div class=\"capacity-main\">75,000<\/div>\n<div class=\"capacity-unit\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u751f\u4ea7\u80fd\u529b\u4fe1\u606f --><\/p>\n<div class=\"production-text-section\">\n<div class=\"production-header\">\n<div class=\"production-icon-large\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<h3>cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"production-desc\">\n                        cURL Too many subrequests. <span class=\"highlight\">cURL Too many subrequests.<\/span>cURL Too many subrequests.\n                    <\/p>\n<div class=\"production-features\">\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\">3<\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude9a\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f69a.svg\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e13\u4e1a\u56e2\u961f\u533a\u57df --><\/p>\n<div class=\"professional-team-section\">\n<div class=\"container\">\n<div class=\"team-content\">\n                <!-- \u5de6\u4fa7\u56e2\u961f\u4fe1\u606f --><\/p>\n<div class=\"team-text-section\">\n<div class=\"team-header\">\n<div class=\"team-icon-large\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc65\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f465.svg\"><\/div>\n<h3>cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"team-desc\">\n                        Our dedicated team of technical experts and sales professionals provides comprehensive support, from product selection and formulation guidance to after-sales service, ensuring your success in every project.\n                    <\/p>\n<div class=\"team-services\">\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfaf\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3af.svg\"><\/div>\n<div class=\"service-text\">\n<h4>Product Selection<\/h4>\n<p>Expert guidance for optimal product choice<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/div>\n<div class=\"service-text\">\n<h4>Formulation Support<\/h4>\n<p>Technical assistance for mix design<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee0\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e0.svg\"><\/div>\n<div class=\"service-text\">\n<h4>After-sales Service<\/h4>\n<p>Continuous support and troubleshooting<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u56e2\u961f\u56fe\u7247 --><\/p>\n<div class=\"team-image-section\">\n<div class=\"team-showcase\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-sales.jpg\" alt=\"LANDU Professional Team\" class=\"team-main-img\"><\/p>\n<div class=\"team-highlights\">\n<div class=\"team-point point-expertise\">\n<div class=\"team-marker\">\n                                    <span class=\"team-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf93\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f393.svg\"><\/span>\n                                <\/div>\n<div class=\"team-tooltip\">\n                                    <strong>Competenza tecnica<\/strong><\/p>\n<p>Qualified professionals<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-point point-support\">\n<div class=\"team-marker\">\n                                    <span class=\"team-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd1d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f91d.svg\"><\/span>\n                                <\/div>\n<div class=\"team-tooltip\">\n                                    <strong>Customer Support<\/strong><\/p>\n<p>Dedicated service<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-overlay-badge\">\n                            <span class=\"badge-text\">Professional Support<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- CTA\u533a\u57df --><\/p>\n<div class=\"partnership-cta-section\">\n<div class=\"container\">\n<div class=\"cta-content\">\n<div class=\"cta-header\">\n<h2 class=\"cta-title\">Ready to Partner with LANDU?<\/h2>\n<p class=\"cta-subtitle\">\n                        Whether you need <span class=\"service-highlight\">custom formulations<\/span>,<br \/>\n                        <span class=\"service-highlight\">technical consultation<\/span>, or<br \/>\n                        <span class=\"service-highlight\">reliable supply solutions<\/span>,<br \/>\n                        LANDU possesses the expertise, capacity, and global presence to deliver exceptional results for your business.\n                    <\/p>\n<\/p><\/div>\n<div class=\"cta-actions\">\n<div class=\"cta-buttons\">\n                        <a href=\"https:\/\/hpmc.ae\/it\/contact\/\" class=\"primary-button editing\"><br \/>\n                            <span class=\"button-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/span><br \/>\n                            <span class=\"button-text\">Contatta il Nostro Team<\/span><\/p>\n<div class=\"button-arrow\">\u2192<\/div>\n<p>                        <\/a>\n                    <\/div>\n<div class=\"cta-benefits\">\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Free consultation<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Global delivery<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Expert support<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-trusted-partner {\n    font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 25%, #e0f2fe 50%, #ecfdf5 75%, #f0fdf4 100%);\n    position: relative;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u4e3b\u6807\u9898\u533a\u57df *\/\n.partner-intro-section {\n    padding: 60px 0 40px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.partner-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.6;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.3;\n}<\/p>\n<p>.deco-1 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(34, 87, 221, 0.12) 0%, rgba(34, 87, 221, 0.03) 70%, transparent 100%);\n    top: -50px;\n    right: -50px;\n    animation: float-decoration 25s ease-in-out infinite;\n}<\/p>\n<p>.deco-2 {\n    width: 150px;\n    height: 150px;\n    background: radial-gradient(circle, rgba(0, 113, 36, 0.1) 0%, rgba(0, 113, 36, 0.02) 70%, transparent 100%);\n    bottom: -30px;\n    left: -30px;\n    animation: float-decoration 30s ease-in-out infinite reverse;\n}<\/p>\n<p>.deco-3 {\n    width: 120px;\n    height: 120px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n    top: 40%;\n    left: 20%;\n    animation: float-decoration 20s ease-in-out infinite;\n}<\/p>\n<p>.floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: particle-float 12s ease-in-out infinite;\n    box-shadow: 0 0 8px currentColor;\n}<\/p>\n<p>.p-1 { background: #2257dd; top: 15%; left: 10%; animation-delay: 0s; }\n.p-2 { background: #007124; top: 30%; right: 15%; animation-delay: 2.4s; }\n.p-3 { background: #3b82f6; top: 60%; left: 30%; animation-delay: 4.8s; }\n.p-4 { background: #10b981; bottom: 25%; right: 25%; animation-delay: 7.2s; }\n.p-5 { background: #8b5cf6; top: 45%; right: 40%; animation-delay: 9.6s; }<\/p>\n<p>@keyframes float-decoration {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    25% { transform: translate(-15px, -20px) rotate(90deg); }\n    50% { transform: translate(10px, -10px) rotate(180deg); }\n    75% { transform: translate(-8px, 15px) rotate(270deg); }\n}<\/p>\n<p>@keyframes particle-float {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-20px) translateX(-10px) scale(1.1); opacity: 0.7; }\n    50% { transform: translateY(-10px) translateX(6px) scale(0.9); opacity: 0.8; }\n    75% { transform: translateY(-25px) translateX(-6px) scale(1.05); opacity: 0.6; }\n}<\/p>\n<p>\/* \u54c1\u724c\u6807\u9898 *\/\n.partner-header {\n    text-align: center;\n    margin-bottom: 0;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.partner-title {\n    font-size: 3rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 20px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 3.2rem;\n    margin-bottom: 8px;\n    letter-spacing: 1px;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    color: #007124;\n    font-size: 1.8rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.partner-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df *\/\n.global-certification-section {\n    padding: 60px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.global-cert-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u5c55\u793a - \u6539\u4e3a\u56fe\u7247 *\/\n.global-presence-showcase {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.global-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.global-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.global-image-container:hover .global-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.global-overlay-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(34, 87, 221, 0.3);\n    box-shadow: 0 8px 24px rgba(34, 87, 221, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover .global-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #2257dd;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.badge-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 4px;\n}<\/p>\n<p>.global-image-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.global-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-left { top: 40%; left: 15%; }\n.point-right { bottom: 30%; right: 20%; }<\/p>\n<p>.global-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: global-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes global-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.global-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.global-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.global-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.global-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.global-point:hover .global-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.global-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.global-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.global-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.global-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.highlight {\n    color: #2257dd;\n    font-weight: 700;\n}<\/p>\n<p>\/* \u8ba4\u8bc1\u5c55\u793a\u589e\u5f3a *\/\n.certification-showcase-enhanced {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.cert-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.cert-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.cert-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.cert-image-container:hover .cert-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.cert-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.cert-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-iso { top: 20%; left: 15%; }\n.point-reach { top: 50%; right: 20%; }\n.point-eco { bottom: 25%; left: 25%; }<\/p>\n<p>.point-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.point-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.point-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.point-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.point-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.cert-point:hover .point-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.point-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.point-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.cert-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.cert-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cert-badges {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.cert-mini-badge {\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid;\n}<\/p>\n<p>.cert-mini-badge.iso {\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-color: rgba(34, 87, 221, 0.3);\n}<\/p>\n<p>.cert-mini-badge.reach {\n    background: rgba(0, 113, 36, 0.1);\n    color: #007124;\n    border-color: rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.cert-mini-badge.eco {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>\/* \u521b\u65b0\u7814\u53d1\u533a\u57df *\/\n.innovation-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.innovation-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>.innovation-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.innovation-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.innovation-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fef3c7, #fed7aa);\n    border-radius: 20px;\n    border: 1px solid rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.innovation-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.innovation-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.patents-showcase {\n    display: flex;\n    gap: 24px;\n}<\/p>\n<p>.patent-item {\n    flex: 1;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    text-align: center;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.patent-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.patent-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.patent-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.patent-count {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #f59e0b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.patent-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 *\/\n.innovation-image-section {\n    position: relative;\n}<\/p>\n<p>.lab-main-image {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.lab-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.lab-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.lab-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-equipment { top: 20%; right: 15%; }\n.point-team { top: 60%; left: 20%; }\n.point-innovation { bottom: 20%; right: 25%; }<\/p>\n<p>.lab-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: lab-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes lab-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.lab-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.lab-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.lab-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.lab-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.lab-point:hover .lab-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.lab-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.lab-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.lab-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(245, 158, 11, 0.3);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #f59e0b;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a *\/\n.product-portfolio-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.portfolio-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.portfolio-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.portfolio-icon {\n    font-size: 2.2rem;\n}<\/p>\n<p>.portfolio-subtitle {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u4e09\u56fe\u5e76\u5217\u5c55\u793a\u7f51\u683c *\/\n.products-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n}<\/p>\n<p>.product-showcase-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.product-showcase-item:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.product-image-container {\n    position: relative;\n    height: 280px;\n    overflow: hidden;\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-img {\n    transform: scale(1.08);\n}<\/p>\n<p>.product-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0.1) 0%,\n        rgba(0, 0, 0, 0.05) 30%,\n        rgba(0, 0, 0, 0.3) 70%,\n        rgba(0, 0, 0, 0.7) 100%\n    );\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 20px;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-overlay {\n    opacity: 1;\n}<\/p>\n<p>.product-category-badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 10px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    align-self: flex-start;\n    transform: translateY(-10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-category-badge {\n    transform: translateY(0);\n}<\/p>\n<p>.category-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.category-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.product-features {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n    align-self: flex-end;\n    transform: translateY(10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-features {\n    transform: translateY(0);\n}<\/p>\n<p>.feature-point {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    border-radius: 8px;\n    padding: 6px 10px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.feature-marker {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #374151;\n}<\/p>\n<p>.product-info {\n    padding: 24px;\n}<\/p>\n<p>.product-info h4 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-info p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e0d\u540c\u4ea7\u54c1\u7c7b\u522b\u7684\u989c\u8272\u4e3b\u9898 *\/\n.cellulose-ethers:hover {\n    border-color: rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.cellulose-ethers .product-category-badge {\n    border: 2px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.construction-additives:hover {\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.construction-additives .product-category-badge {\n    border: 2px solid rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.rdp-products:hover {\n    border-color: rgba(139, 92, 246, 0.3);\n}<\/p>\n<p>.rdp-products .product-category-badge {\n    border: 2px solid rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7edf\u8ba1\u4fe1\u606f *\/\n.portfolio-stats {\n    display: flex;\n    justify-content: center;\n    gap: 60px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n}<\/p>\n<p>.stat-number {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #8b5cf6;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-label {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u533a\u57df *\/\n.production-capability-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.production-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u751f\u4ea7\u8bbe\u65bd\u56fe\u7247 *\/\n.production-image-section {\n    position: relative;\n}<\/p>\n<p>.factory-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.factory-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.factory-showcase:hover .factory-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.factory-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.factory-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-automation { top: 20%; left: 15%; }\n.point-quality { top: 60%; right: 20%; }\n.point-capacity { bottom: 20%; left: 25%; }<\/p>\n<p>.factory-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: factory-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes factory-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.factory-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.factory-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.factory-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.factory-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.factory-point:hover .factory-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.factory-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.factory-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.production-capacity-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(239, 68, 68, 0.3);\n    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover .production-capacity-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.capacity-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #ef4444;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.capacity-unit {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 2px;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u6587\u672c *\/\n.production-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.production-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.production-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 20px;\n    border: 1px solid rgba(239, 68, 68, 0.2);\n}<\/p>\n<p>.production-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.production-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.production-features {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.production-feature {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.production-feature:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.feature-visual {\n    position: relative;\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.feature-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 12px;\n    opacity: 0.2;\n}<\/p>\n<p>.feature-icon {\n    font-size: 1.5rem;\n    color: #ef4444;\n    font-weight: 800;\n    z-index: 1;\n}<\/p>\n<p>.feature-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e13\u4e1a\u56e2\u961f\u533a\u57df *\/\n.professional-team-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.team-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u56e2\u961f\u6587\u672c *\/\n.team-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.team-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.team-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 20px;\n    border: 1px solid rgba(6, 182, 212, 0.2);\n}<\/p>\n<p>.team-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.team-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.team-services {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.service-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.service-item:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.service-icon {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.service-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.service-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u56e2\u961f\u56fe\u7247 *\/\n.team-image-section {\n    position: relative;\n}<\/p>\n<p>.team-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.team-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.team-showcase:hover .team-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.team-highlights {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.team-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-expertise { top: 25%; right: 20%; }\n.point-support { bottom: 30%; left: 20%; }<\/p>\n<p>.team-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: team-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes team-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.team-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.team-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.team-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.team-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.team-point:hover .team-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.team-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.team-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.team-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(6, 182, 212, 0.3);\n    box-shadow: 0 8px 24px rgba(6, 182, 212, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover .team-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.team-overlay-badge .badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #06b6d4;\n}<\/p>\n<p>\/* CTA\u533a\u57df *\/\n.partnership-cta-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.cta-content {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 24px;\n    padding: 60px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.cta-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #007124 0%, #2257dd 50%, #007124 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes gradient-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.cta-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.cta-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.service-highlight {\n    color: #007124;\n    font-weight: 700;\n}<\/p>\n<p>.cta-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 32px;\n}<\/p>\n<p>.cta-buttons {\n    display: flex;\n    gap: 20px;\n}<\/p>\n<p>.primary-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 36px;\n    border-radius: 14px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #007124 0%, #059669 100%);\n    color: white;\n    box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.primary-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    transition: left 0.6s ease;\n}<\/p>\n<p>.primary-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n    background: linear-gradient(135deg, #059669 0%, #047857 100%);\n}<\/p>\n<p>.primary-button:hover::before {\n    left: 100%;\n}<\/p>\n<p>.button-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.button-arrow {\n    font-size: 1.2rem;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.primary-button:hover .button-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-benefits {\n    display: flex;\n    gap: 32px;\n    justify-content: center;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.95rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.benefit-icon {\n    color: #10b981;\n    font-weight: 700;\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .global-cert-content,\n    .innovation-content,\n    .production-content,\n    .team-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }<\/p>\n<p>    .cta-benefits {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }<\/p>\n<p>    .portfolio-stats {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .partner-intro-section,\n    .global-certification-section,\n    .innovation-section,\n    .product-portfolio-section,\n    .production-capability-section,\n    .professional-team-section,\n    .partnership-cta-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 250px;\n    }<\/p>\n<p>    .patents-showcase {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .cta-content {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .product-image-container {\n        height: 220px;\n    }<\/p>\n<p>    .portfolio-stats {\n        flex-direction: column;\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .partner-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 200px;\n    }<\/p>\n<p>    .innovation-header,\n    .production-header,\n    .team-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }<\/p>\n<p>    .innovation-icon-large,\n    .production-icon-large,\n    .team-icon-large {\n        width: 60px;\n        height: 60px;\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .cta-content {\n        padding: 32px 20px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .cta-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .primary-button {\n        width: 100%;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 1rem;\n    }<\/p>\n<p>    .product-image-container {\n        height: 180px;\n    }<\/p>\n<p>    .product-info {\n        padding: 20px;\n    }<\/p>\n<p>    .product-info h4 {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .product-info p {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    \/* \u9690\u85cf\u5c0f\u5c4f\u5e55\u4e0a\u7684\u4ea4\u4e92\u70b9 *\/\n    .global-image-annotations,\n    .cert-annotations,\n    .lab-features,\n    .factory-annotations,\n    .team-highlights,\n    .product-overlay {\n        display: none;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>LANDU Flexible Redispersible Polymer Powder for Construction LANDU ACCURATE\u2122 Redefining flexibility and durability in cementitious materials. Enhance elasticity, crack resistance, and adhesion with superior polymer technology that adapts to structural movement. Advanced flexible polymer formulation delivering exceptional performance for dynamic construction environments. Enhanced Elasticity Superior flexibility Crack Resistance Anti-cracking formula Strong Adhesion Reliable bonding Request [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5319,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/comments?post=5197"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5197\/revisions"}],"predecessor-version":[{"id":5198,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5197\/revisions\/5198"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5319"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/media?parent=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}