{"id":13,"date":"2025-09-18T01:46:35","date_gmt":"2025-09-18T01:46:35","guid":{"rendered":"https:\/\/fiber.landuchem.com\/?page_id=13"},"modified":"2026-04-22T05:54:24","modified_gmt":"2026-04-22T05:54:24","slug":"home","status":"publish","type":"page","link":"https:\/\/fiber.landuchem.com\/ar","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59321a7 e-con-full e-flex e-con e-parent\" data-id=\"59321a7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8877631 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"8877631\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-banner\">\r\n    <div class=\"dynamic-background\">\r\n        <div class=\"bg-layer layer-1\"><\/div>\r\n        <div class=\"bg-layer layer-2\"><\/div>\r\n        <div class=\"bg-layer layer-3\"><\/div>\r\n        <div class=\"mesh-gradient\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-container\">\r\n        <!-- \u5de6\u4fa7\u5185\u5bb9\u533a -->\r\n        <div class=\"content-area\">\r\n            <!-- \u6807\u7b7e\u680f -->\r\n            <div class=\"tag-bar\">\r\n                <div class=\"tag-dot\"><\/div>\r\n                <span class=\"tag-text\">\u0623\u0644\u0648\u0627\u062d \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a\u0629 \u0644\u0627\u0646\u062f\u0648<\/span>\r\n                <div class=\"tag-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- \u4e3b\u6807\u9898 -->\r\n            <div class=\"hero-headline\">\r\n                <div class=\"headline-wrapper\">\r\n                    <span class=\"headline-number\">22<\/span>\r\n                    <div class=\"headline-text\">\r\n                        <h1 class=\"headline-main\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h1>\r\n                        <p class=\"headline-sub\">\u0641\u064a \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u63cf\u8ff0\u5185\u5bb9 -->\r\n            <div class=\"content-description\">\r\n                <h2 class=\"desc-title\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/h2>\r\n                <p class=\"desc-text\">\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u064a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u0639 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0627\u0644\u0645\u062b\u0628\u062a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631 \u0644\u062a\u0644\u0628\u064a\u0629 \u0623\u0635\u0639\u0628 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621.<\/p>\r\n            <\/div>\r\n\r\n            <!-- \u7279\u8272\u6570\u636e -->\r\n            <div class=\"feature-metrics\">\r\n                <div class=\"metric-item\">\r\n                    <span class=\"metric-number\">20+<\/span>\r\n                    <span class=\"metric-label\">\u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0645\u062e\u062f\u0648\u0645\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"metric-separator\"><\/div>\r\n                <div class=\"metric-item\">\r\n                    <span class=\"metric-number\">1000+<\/span>\r\n                    <span class=\"metric-label\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u64cd\u4f5c\u6309\u94ae -->\r\n            <div class=\"action-group\">\r\n                <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/\" \r\n                   target=\"_blank\" \r\n                   rel=\"noopener noreferrer\" \r\n                   class=\"primary-btn\">\r\n                    <span class=\"btn-text\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062d\u0644\u0648\u0644<\/span>\r\n                    <span class=\"btn-icon\">\u2192<\/span>\r\n                    <div class=\"btn-ripple\"><\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/landuchem.com\/en\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"secondary-btn\">\r\n                    <span class=\"btn-text\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u53f3\u4fa7\u89c6\u89c9\u533a - \u5168\u65b0\u8bbe\u8ba1 -->\r\n        <div class=\"visual-area\">\r\n            <!-- \u56fe\u7247\u5c55\u793a\u5bb9\u5668 -->\r\n            <div class=\"gallery-container\">\r\n                <!-- \u4e3b\u8981\u5c55\u793a\u56fe\u7247 -->\r\n                <div class=\"featured-image\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/LANDU-\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438-\u043e\u0442\u0434\u0435\u043b\u0430-\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439-\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043e\u043a-2.jpg\" \r\n                             alt=\"\u0641\u0631\u064a\u0642 \u0628\u062d\u062b \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                        <div class=\"image-gradient\"><\/div>\r\n                        <div class=\"image-caption\">\r\n                            <div class=\"caption-content\">\r\n                                <h3 class=\"caption-title\">\u062a\u0645\u064a\u0632 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\r\n                                <p class=\"caption-desc\">\u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u062f\u064a\u0646\u0627 \u064a\u0642\u0648\u062f \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u4fa7\u8fb9\u56fe\u7247\u680f -->\r\n                <div class=\"sidebar-images\">\r\n                    <div class=\"sidebar-item\">\r\n                        <div class=\"small-image-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/LANDU-Pull-off-Adhesion-Tester.jpg\" \r\n                                 alt=\"\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\" loading=\"lazy\">\r\n                            <div class=\"small-overlay\">\r\n                                <div class=\"overlay-content\">\r\n                                    <span class=\"overlay-title\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n                                    <span class=\"overlay-subtitle\">\u0645\u0639\u062f\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"sidebar-item\">\r\n                        <div class=\"small-image-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/Landu-Professional-sales-in-the-Office-meeting.jpg\" \r\n                                 alt=\"\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641\" loading=\"lazy\">\r\n                            <div class=\"small-overlay\">\r\n                                <div class=\"overlay-content\">\r\n                                    <span class=\"overlay-title\">\u062e\u062f\u0645\u0629 \u062e\u0628\u0631\u0627\u0621<\/span>\r\n                                    <span class=\"overlay-subtitle\">\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u6210\u5c31\u4fe1\u606f\u5361 -->\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-header\">\r\n                            <div class=\"info-icon\">\r\n                                <div class=\"icon-circle\">\r\n                                    <span class=\"icon-symbol\">\u2605<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"info-content\">\r\n                                <span class=\"info-title\">\u0631\u0627\u0626\u062f \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/span>\r\n                                <span class=\"info-subtitle\">\u0645\u0646\u0630 \u0639\u0627\u0645 2002<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-stats\">\r\n                            <div class=\"stat-row\">\r\n                                <span class=\"stat-label\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n                                <span class=\"stat-value\">1000+<\/span>\r\n                            <\/div>\r\n                            <div class=\"stat-row\">\r\n                                <span class=\"stat-label\">\u0627\u0644\u062f\u0648\u0644<\/span>\r\n                                <span class=\"stat-value\">20+<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"card-shine\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u88c5\u9970\u5143\u7d20 -->\r\n            <div class=\"visual-decorations\">\r\n                <div class=\"deco-circle circle-1\"><\/div>\r\n                <div class=\"deco-circle circle-2\"><\/div>\r\n                <div class=\"deco-line line-1\"><\/div>\r\n                <div class=\"deco-line line-2\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u4fdd\u6301\u5de6\u4fa7\u6240\u6709\u6837\u5f0f\u4e0d\u53d8 *\/\r\n.hero-banner {\r\n    min-height: 65vh;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n    padding: 60px 0;\r\n}\r\n\r\n\/* \u52a8\u6001\u80cc\u666f\u7cfb\u7edf *\/\r\n.dynamic-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.bg-layer {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    opacity: 0.4;\r\n    animation: layerFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.layer-1 {\r\n    width: 600px;\r\n    height: 600px;\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(34, 197, 94, 0.1));\r\n    top: -20%;\r\n    left: -10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.layer-2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(99, 102, 241, 0.08));\r\n    bottom: -15%;\r\n    right: -5%;\r\n    animation-delay: 8s;\r\n}\r\n\r\n.layer-3 {\r\n    width: 300px;\r\n    height: 300px;\r\n    background: linear-gradient(135deg, rgba(255, 140, 66, 0.1), rgba(251, 146, 60, 0.06));\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation-delay: 16s;\r\n}\r\n\r\n.mesh-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n        radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.05) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.05) 0%, transparent 50%),\r\n        radial-gradient(circle at 40% 40%, rgba(255, 140, 66, 0.03) 0%, transparent 50%);\r\n}\r\n\r\n@keyframes layerFloat {\r\n    0%, 100% {\r\n        transform: translate(0, 0) scale(1) rotate(0deg);\r\n    }\r\n    25% {\r\n        transform: translate(30px, -20px) scale(1.05) rotate(90deg);\r\n    }\r\n    50% {\r\n        transform: translate(-20px, 30px) scale(0.95) rotate(180deg);\r\n    }\r\n    75% {\r\n        transform: translate(20px, 10px) scale(1.02) rotate(270deg);\r\n    }\r\n}\r\n\r\n\/* \u4e3b\u5bb9\u5668 *\/\r\n.hero-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 50px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u5185\u5bb9\u533a\u57df\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8 *\/\r\n.content-area {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n}\r\n\r\n.tag-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.tag-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(45deg, #10b981, #3b82f6);\r\n    border-radius: 50%;\r\n    position: relative;\r\n    animation: tagPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.tag-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -6px;\r\n    border: 1px solid rgba(16, 185, 129, 0.3);\r\n    border-radius: 50%;\r\n    animation: tagRing 3s ease-in-out infinite;\r\n}\r\n\r\n.tag-text {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #065f46;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tag-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(16, 185, 129, 0.4) 0%, transparent 100%);\r\n}\r\n\r\n@keyframes tagPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.3); }\r\n}\r\n\r\n@keyframes tagRing {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.8); opacity: 0.2; }\r\n}\r\n\r\n.hero-headline {\r\n    position: relative;\r\n}\r\n\r\n.headline-wrapper {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 25px;\r\n}\r\n\r\n.headline-number {\r\n    font-size: clamp(80px, 12vw, 120px);\r\n    font-weight: 900;\r\n    background: linear-gradient(135deg, #10b981 0%, #3b82f6 50%, #ff8c42 100%);\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    line-height: 0.8;\r\n    position: relative;\r\n    animation: numberGlow 4s ease-in-out infinite;\r\n}\r\n\r\n.headline-number::after {\r\n    content: '+';\r\n    position: absolute;\r\n    top: -10px;\r\n    right: -20px;\r\n    font-size: 0.3em;\r\n    color: #10b981;\r\n}\r\n\r\n.headline-text {\r\n    flex: 1;\r\n    padding-top: 15px;\r\n}\r\n\r\n.headline-main {\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 800;\r\n    color: #111827;\r\n    line-height: 1.1;\r\n    margin: 0 0 10px 0;\r\n    opacity: 0;\r\n    animation: textSlideIn 1s ease-out 0.3s forwards;\r\n}\r\n\r\n.headline-sub {\r\n    font-size: clamp(16px, 2.5vw, 20px);\r\n    color: #6b7280;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    opacity: 0;\r\n    animation: textSlideIn 1s ease-out 0.5s forwards;\r\n}\r\n\r\n@keyframes numberGlow {\r\n    0%, 100% { filter: brightness(1); }\r\n    50% { filter: brightness(1.2); }\r\n}\r\n\r\n@keyframes textSlideIn {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.content-description {\r\n    background: rgba(255, 255, 255, 0.7);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 20px;\r\n    padding: 35px;\r\n    border: 1px solid rgba(16, 185, 129, 0.1);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n}\r\n\r\n.content-description::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 60px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #10b981, #3b82f6);\r\n    border-radius: 0 0 3px 3px;\r\n}\r\n\r\n.desc-title {\r\n    font-size: clamp(20px, 3vw, 26px);\r\n    font-weight: 700;\r\n    color: #111827;\r\n    margin: 0 0 20px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.desc-text {\r\n    font-size: 16px;\r\n    color: #4b5563;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n.feature-metrics {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 30px;\r\n    padding: 25px 0;\r\n}\r\n\r\n.metric-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n}\r\n\r\n.metric-number {\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    color: #10b981;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.metric-label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #6b7280;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.metric-separator {\r\n    width: 2px;\r\n    height: 40px;\r\n    background: linear-gradient(to bottom, transparent, #e5e7eb, transparent);\r\n}\r\n\r\n.action-group {\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: center;\r\n}\r\n\r\n.primary-btn, .secondary-btn {\r\n    position: relative;\r\n    padding: 18px 35px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n}\r\n\r\n.primary-btn {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    color: white;\r\n    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.primary-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 40px rgba(16, 185, 129, 0.4);\r\n}\r\n\r\n.primary-btn .btn-icon {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.primary-btn:hover .btn-icon {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.btn-ripple {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);\r\n    transform: scale(0);\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.primary-btn:active .btn-ripple {\r\n    transform: scale(1);\r\n}\r\n\r\n.secondary-btn {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    color: #374151;\r\n    border: 2px solid #e5e7eb;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.secondary-btn:hover {\r\n    background: rgba(16, 185, 129, 0.1);\r\n    border-color: #10b981;\r\n    color: #065f46;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* \u53f3\u4fa7\u89c6\u89c9\u533a\u57df - \u5168\u65b0\u8bbe\u8ba1 *\/\r\n.visual-area {\r\n    position: relative;\r\n    height: 520px;\r\n}\r\n\r\n\/* \u56fe\u7247\u5c55\u793a\u5bb9\u5668 *\/\r\n.gallery-container {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 25px;\r\n    height: 100%;\r\n}\r\n\r\n\/* \u4e3b\u8981\u5c55\u793a\u56fe\u7247 *\/\r\n.featured-image {\r\n    position: relative;\r\n    height: 100%;\r\n}\r\n\r\n.image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.4s ease;\r\n    animation: mainImageFloat 8s ease-in-out infinite;\r\n}\r\n\r\n.image-wrapper:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.image-wrapper:hover img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.image-gradient {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 60%;\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.image-wrapper:hover .image-gradient {\r\n    opacity: 1;\r\n}\r\n\r\n.image-caption {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 30px;\r\n    right: 30px;\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.image-wrapper:hover .image-caption {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n.caption-content {\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(15px);\r\n    padding: 20px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.caption-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #111827;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.caption-desc {\r\n    font-size: 14px;\r\n    color: #6b7280;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* \u4fa7\u8fb9\u56fe\u7247\u680f *\/\r\n.sidebar-images {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    height: 100%;\r\n}\r\n\r\n.sidebar-item {\r\n    flex: 1;\r\n    position: relative;\r\n}\r\n\r\n.small-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.3s ease;\r\n    animation: sideImageFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.sidebar-item:nth-child(1) .small-image-wrapper {\r\n    animation-delay: 2s;\r\n}\r\n\r\n.sidebar-item:nth-child(2) .small-image-wrapper {\r\n    animation-delay: 4s;\r\n}\r\n\r\n.small-image-wrapper:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.small-image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.small-image-wrapper:hover img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.small-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.9), rgba(59, 130, 246, 0.8));\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.small-image-wrapper:hover .small-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.overlay-content {\r\n    color: white;\r\n}\r\n\r\n.overlay-title {\r\n    display: block;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin-bottom: 5px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.overlay-subtitle {\r\n    display: block;\r\n    font-size: 13px;\r\n    opacity: 0.9;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* \u6210\u5c31\u4fe1\u606f\u5361 *\/\r\n.info-card {\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(20px);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    border: 1px solid rgba(16, 185, 129, 0.15);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    animation: cardFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.info-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.info-icon {\r\n    position: relative;\r\n}\r\n\r\n.icon-circle {\r\n    width: 45px;\r\n    height: 45px;\r\n    background: linear-gradient(135deg, #10b981, #3b82f6);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    animation: iconRotate 10s linear infinite;\r\n}\r\n\r\n.icon-symbol {\r\n    color: white;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n}\r\n\r\n.info-content {\r\n    flex: 1;\r\n}\r\n\r\n.info-title {\r\n    display: block;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #111827;\r\n    margin-bottom: 3px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.info-subtitle {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #6b7280;\r\n    line-height: 1.2;\r\n}\r\n\r\n.info-stats {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.stat-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid rgba(229, 231, 235, 0.5);\r\n}\r\n\r\n.stat-row:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 13px;\r\n    color: #6b7280;\r\n    font-weight: 500;\r\n}\r\n\r\n.stat-value {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #10b981;\r\n}\r\n\r\n.card-shine {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(45deg, transparent, rgba(16, 185, 129, 0.1), transparent);\r\n    animation: cardShine 4s linear infinite;\r\n}\r\n\r\n\/* \u88c5\u9970\u5143\u7d20 *\/\r\n.visual-decorations {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n.deco-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(16, 185, 129, 0.1);\r\n    animation: decoFloat 15s ease-in-out infinite;\r\n}\r\n\r\n.circle-1 {\r\n    width: 100px;\r\n    height: 100px;\r\n    top: 10%;\r\n    right: -10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.circle-2 {\r\n    width: 60px;\r\n    height: 60px;\r\n    bottom: 20%;\r\n    left: -5%;\r\n    animation-delay: 5s;\r\n}\r\n\r\n.deco-line {\r\n    position: absolute;\r\n    background: linear-gradient(90deg, rgba(16, 185, 129, 0.2), transparent);\r\n    height: 2px;\r\n    animation: lineSlide 8s ease-in-out infinite;\r\n}\r\n\r\n.line-1 {\r\n    width: 80px;\r\n    top: 30%;\r\n    right: 0;\r\n    animation-delay: 2s;\r\n}\r\n\r\n.line-2 {\r\n    width: 60px;\r\n    bottom: 40%;\r\n    left: 0;\r\n    animation-delay: 6s;\r\n}\r\n\r\n\/* \u52a8\u753b\u5b9a\u4e49 *\/\r\n@keyframes mainImageFloat {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(0.5deg); }\r\n}\r\n\r\n@keyframes sideImageFloat {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes cardFloat {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-6px); }\r\n}\r\n\r\n@keyframes iconRotate {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes cardShine {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes decoFloat {\r\n    0%, 100% { transform: translateY(0px) scale(1); }\r\n    50% { transform: translateY(-15px) scale(1.1); }\r\n}\r\n\r\n@keyframes lineSlide {\r\n    0%, 100% { transform: translateX(0px); opacity: 0.5; }\r\n    50% { transform: translateX(20px); opacity: 1; }\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n@media (max-width: 1200px) {\r\n    .hero-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n        padding: 0 40px;\r\n    }\r\n    \r\n    .visual-area {\r\n        order: -1;\r\n        height: 450px;\r\n    }\r\n    \r\n    .gallery-container {\r\n        grid-template-columns: 1.5fr 1fr;\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-banner {\r\n        min-height: 55vh;\r\n        padding: 40px 0;\r\n    }\r\n    \r\n    .hero-container {\r\n        padding: 0 25px;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .content-area {\r\n        gap: 30px;\r\n    }\r\n    \r\n    .headline-wrapper {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        text-align: center;\r\n    }\r\n    \r\n    .headline-text {\r\n        padding-top: 0;\r\n    }\r\n    \r\n    .content-description {\r\n        padding: 25px;\r\n    }\r\n    \r\n    .feature-metrics {\r\n        justify-content: center;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .action-group {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .primary-btn, .secondary-btn {\r\n        justify-content: center;\r\n        padding: 16px 30px;\r\n    }\r\n    \r\n    .visual-area {\r\n        height: 400px;\r\n    }\r\n    \r\n    .gallery-container {\r\n        grid-template-columns: 1fr;\r\n        grid-template-rows: 1.5fr 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .sidebar-images {\r\n        flex-direction: row;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .info-card {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .info-header {\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .icon-circle {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n    \r\n    .icon-symbol {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    \/* \u7b80\u5316\u80cc\u666f\u52a8\u753b *\/\r\n    .bg-layer {\r\n        opacity: 0.2;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-banner {\r\n        min-height: 50vh;\r\n        padding: 30px 0;\r\n    }\r\n    \r\n    .hero-container {\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .tag-text {\r\n        font-size: 10px;\r\n    }\r\n    \r\n    .headline-number {\r\n        font-size: 60px;\r\n    }\r\n    \r\n    .content-description {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .feature-metrics {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        text-align: center;\r\n    }\r\n    \r\n    .metric-separator {\r\n        width: 40px;\r\n        height: 2px;\r\n        background: linear-gradient(to right, transparent, #e5e7eb, transparent);\r\n    }\r\n    \r\n    .visual-area {\r\n        height: 350px;\r\n    }\r\n    \r\n    .gallery-container {\r\n        grid-template-rows: 1.2fr 1fr;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .sidebar-images {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .info-card {\r\n        padding: 15px;\r\n    }\r\n    \r\n    .caption-content {\r\n        padding: 15px;\r\n    }\r\n    \r\n    .caption-title {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .caption-desc {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    \/* \u8fdb\u4e00\u6b65\u7b80\u5316\u80cc\u666f *\/\r\n    .layer-1, .layer-2 {\r\n        opacity: 0.1;\r\n    }\r\n    \r\n    .layer-3 {\r\n        display: none;\r\n    }\r\n    \r\n    .visual-decorations {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e75e92 e-con-full e-flex e-con e-parent\" data-id=\"7e75e92\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f9871 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f3f9871\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"landu-portfolio-section\">\r\n    <!-- \u52a8\u6001\u80cc\u666f -->\r\n    <div class=\"portfolio-background\">\r\n        <div class=\"bg-gradient-1\"><\/div>\r\n        <div class=\"bg-gradient-2\"><\/div>\r\n        <div class=\"bg-gradient-3\"><\/div>\r\n        <div class=\"bg-mesh\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-container\">\r\n        <!-- \u5934\u90e8\u533a\u57df -->\r\n        <header class=\"portfolio-header\">\r\n            <div class=\"portfolio-tag-bar\">\r\n                <div class=\"tag-dot\"><\/div>\r\n                <span class=\"tag-text\">\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\r\n                <div class=\"tag-line\"><\/div>\r\n            <\/div>\r\n\r\n            <h2 class=\"portfolio-main-title\">\u0623\u0644\u064a\u0627\u0641 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0648\u0627\u0644\u0623\u0633\u0641\u0644\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u0623\u062f\u0627\u0621<\/h2>\r\n            \r\n            <p class=\"portfolio-description\">\r\n                \u062a\u0642\u062f\u0645 \u0634\u0631\u0643\u0629 \u0644\u0627\u0646\u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0632\u0632 \r\n                <strong>\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a<\/strong>, <strong>\u0627\u0644\u0635\u0644\u0627\u0628\u0629<\/strong>, <strong>\u0627\u0644\u0645\u062a\u0627\u0646\u0629<\/strong>, \r\n                \u0648 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0627\u0644\u0639\u0627\u0645. \u062a\u063a\u0637\u064a \u062d\u0644\u0648\u0644\u0646\u0627 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0635\u0644\u0628\u060c \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u0644\u064a\u0646\u060c \r\n                \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u062e\u062a\u0644\u0637\u0629\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0635\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u0628\u0642\u0629 \u0627\u0644\u0635\u0628\u060c \u0648\u0627\u0644\u0637\u0631\u0642\u060c \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642\u060c \u0648 UHPC\u060c \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\r\n        <div class=\"portfolio-grid\">\r\n            <!-- 01. Hooked-End Steel Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/hooked%e2%80%91end-steel-fibre\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/Hooked-End-Steel-Fiber-product-1.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 \u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0630\u0627\u062a \u0646\u0647\u0627\u064a\u0629 \u0645\u0639\u0644\u0642\u0629\" loading=\"lazy\">\r\n                    <div class=\"card-number\">01<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape steel-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0630\u0627\u062a \u0646\u0647\u0627\u064a\u0629 \u0645\u0639\u0644\u0642\u0629<\/h3>\r\n                    <p class=\"card-subtitle\">\u062a\u0633\u0644\u064a\u062d \u0639\u0627\u0644\u064a \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0630\u0627\u062a \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0627\u0644\u062b\u0642\u064a\u0644\u0629<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0623\u0634\u0643\u0627\u0644 \u0645\u0644\u062a\u0635\u0642\u0629 \u0623\u0648 \u0641\u0636\u0641\u0627\u0636\u0629\u060c \u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u062a\u062f\u0627\u062e\u0644 \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a \u0645\u062a\u0641\u0648\u0642\u060c \r\n                        \u0645\u0645\u0627 \u064a\u062d\u0633\u0646 \u0642\u062f\u0631\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\u060c \u0648\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u062a\u062f\u0627\u062e\u0644 \u0645\u062a\u0641\u0648\u0642<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0642\u062f\u0631\u0629 \u062a\u062d\u0645\u064a\u0644 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 02. Chopped Steel Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/chopped-steel-fibre\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/LANDU-Chopped-Steel-Fiber.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 \u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0645\u0641\u0631\u0648\u0645\u0629\" loading=\"lazy\">\r\n                    <div class=\"card-number\">02<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape steel-chopped-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0645\u0641\u0631\u0648\u0645\u0629<\/h3>\r\n                    <p class=\"card-subtitle\">\u0623\u0644\u064a\u0627\u0641 \u0642\u0635\u064a\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0642\u0648\u0629 \u0644\u0645\u0648\u0627\u062f UHPC \u0648\u0639\u0646\u0627\u0635\u0631 \u0645\u0633\u0628\u0642\u0629 \u0627\u0644\u0635\u0628 \u0631\u0642\u064a\u0642\u0629<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0645\u0635\u0645\u0645\u0629 \u0644\u0645\u062e\u0627\u0644\u064a\u0637 \u0643\u062b\u064a\u0641\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u062a\u0639\u0632\u0632 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0635\u0644\u0628 \u0627\u0644\u0645\u0642\u0637\u0639\u0629 \u0627\u0644\u0635\u0644\u0627\u0628\u0629\u060c \r\n                        \u0648\u0627\u0645\u062a\u0635\u0627\u0635 \u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0648\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0631\u0642\u064a\u0642\u0629 \u062c\u062f\u064b\u0627.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u062d\u0633\u0646\u0629 \u0644\u0640 UHPC<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 03. Micro PP Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/polypropylene-micro-fibres\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/landu-Micro-pp-polypropylene-fiber.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 \u0645\u064a\u0643\u0631\u0648 \u0628\u064a \u0628\u064a\" loading=\"lazy\">\r\n                    <div class=\"card-number\">03<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape micro-pp-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0645\u064a\u0643\u0631\u0648 \u0628\u064a \u0628\u064a<\/h3>\r\n                    <p class=\"card-subtitle\">\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0641\u0639\u0627\u0644 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u0645\u0628\u0643\u0631\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0627\u0646\u0643\u0645\u0627\u0634<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0623\u0634\u0643\u0627\u0644 \u062e\u064a\u0637 \u0648\u0627\u062d\u062f \u0648\u0645\u062a\u0634\u0627\u0628\u0643\u0629\u060c \u062a\u0648\u0632\u0639 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u0644\u064a\u0646 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0628\u0634\u0643\u0644 \u0645\u0648\u062d\u062f \r\n                        \u0644\u0645\u0646\u0639 \u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u0627\u0646\u0643\u0645\u0627\u0634 \u0627\u0644\u0628\u0644\u0627\u0633\u062a\u064a\u0643\u064a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u062a\u0627\u0646\u0629 \u0627\u0644\u0633\u0637\u062d.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0627\u0646\u0643\u0645\u0627\u0634<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u062a\u0648\u0632\u064a\u0639 \u0645\u0648\u062d\u062f<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 04. Synthetic PP Macrofiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/polypropylene-synthetic-macrofiber\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/novastar-Synthetic-pp-macrofiber.jpg\" \r\n                         alt=\"\u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0629 \u0645\u0646 \u0627\u0644\u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u064a\u0644\u064a\u0646\" loading=\"lazy\">\r\n                    <div class=\"card-number\">04<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape macro-pp-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0629 \u0645\u0646 \u0627\u0644\u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u064a\u0644\u064a\u0646<\/h3>\r\n                    <p class=\"card-subtitle\">\u062a\u0639\u0632\u064a\u0632 \u0647\u064a\u0643\u0644\u064a \u0645\u0635\u0645\u0645 \u0644\u064a\u062d\u0644 \u0645\u062d\u0644 \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0633\u0644\u0627\u0643 \u0627\u0644\u0645\u0644\u062d\u0648\u0645\u0629<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0623\u0646\u0648\u0627\u0639 \u0642\u064a\u0627\u0633\u064a\u0629 \u0648\u0645\u062c\u0645\u0639\u0629 \u0645\u0644\u062a\u0648\u064a\u0629\u060c \u062a\u0632\u064a\u062f \u0647\u0630\u0647 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0645\u0646 \u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0627\u0646\u062d\u0646\u0627\u0621\u060c \r\n                        \u0648\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0635\u062f\u0645\u0627\u062a\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0628\u0639\u062f \u0627\u0644\u062a\u0634\u0642\u0642.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u0628\u062f\u064a\u0644 \u0644\u0644\u0634\u0628\u0643\u0629<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0635\u062f\u0645\u0627\u062a<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 05. Blended Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/blended-fiber\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/landu-novastar-Blended-fiber-product.jpg\" \r\n                         alt=\"\u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0645\u062e\u0644\u0648\u0637\u0629\" loading=\"lazy\">\r\n                    <div class=\"card-number\">05<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape blended-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0645\u062e\u0644\u0648\u0637\u0629<\/h3>\r\n                    <p class=\"card-subtitle\">\u062a\u0639\u0632\u064a\u0632 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0644\u0623\u062f\u0627\u0621 \u0645\u062a\u0648\u0627\u0632\u0646<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0628\u062f\u0645\u062c \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u0644\u0643\u0628\u064a\u0631\u0629\u060c \u062a\u0648\u0641\u0631 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u062e\u062a\u0644\u0637\u0629 \u0642\u0627\u0628\u0644\u064a\u0629 \u0639\u0645\u0644 \u0645\u062d\u0633\u0646\u0629\u060c \r\n                        \u0648\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a\u060c \u0648\u0635\u0644\u0627\u0628\u0629 \u0647\u064a\u0643\u0644\u064a\u0629\u2014\u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0634\u0627\u0645\u0644.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0623\u062f\u0627\u0621 \u0645\u062a\u0648\u0627\u0632\u0646<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 06. Cellulose Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/cellulose-fiber\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/NOVASTAR-cellulose-fiber.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0633\u0644\u064a\u0644\u0648\u0632\" loading=\"lazy\">\r\n                    <div class=\"card-number\">06<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape cellulose-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0633\u0644\u064a\u0644\u0648\u0632<\/h3>\r\n                    <p class=\"card-subtitle\">\u062d\u0644 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0641\u0644\u062a \u0648\u062e\u0644\u0637\u0627\u062a SMA<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0633\u0644\u064a\u0644\u0648\u0632 \u062a\u062b\u0628\u062a \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u0627\u0644\u0623\u0633\u0641\u0644\u062a\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0631\u0627\u0628\u0637\u0629 \u0628\u0634\u0643\u0644 \u0645\u0648\u062d\u062f \r\n                        \u0648\u064a\u0645\u0646\u0639 \u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628 \u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0633\u0641\u0644\u062a \u0627\u0644\u0635\u062e\u0631\u064a \u0627\u0644\u0645\u0645\u0632\u0648\u062c \u0628\u0627\u0644\u062d\u062c\u0631.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0641\u0644\u062a<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u062d\u0633\u0651\u0646 \u0644\u0640 SMA<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 07. PVA Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/pva-fibers-polyvinyl-alcohol\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/polyvinyl-alcohol-fiber-landu.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 PVA\" loading=\"lazy\">\r\n                    <div class=\"card-number\">07<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape pva-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0628\u0648\u0644\u064a \u0641\u064a\u0646\u064a\u0644 \u0627\u0644\u0643\u062d\u0648\u0644 (PVA)<\/h3>\r\n                    <p class=\"card-subtitle\">\u062a\u0639\u0632\u064a\u0632 \u0639\u0627\u0644\u064a \u0627\u0644\u0623\u062f\u0627\u0621 \u0644\u0640 UHPC \u0648 ECC<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0623\u0644\u064a\u0627\u0641 PVA \u062a\u0642\u062f\u0645 \u0642\u0648\u0629 \u062a\u0631\u0627\u0628\u0637 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629\u060c \u0648\u0645\u0631\u0648\u0646\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a\u060c \r\n                        \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0645\u0646\u062a\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u062c\u0627\u0647\u0632\u064a\u0629 UHPC<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u0631\u0648\u0646\u0629 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 08. PAN Fiber -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/fiber-types\/polyacrylonitrile-pan-fiber\/\" class=\"product-card\">\r\n                <div class=\"card-image-section\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/landu-PAN-Polyacrylonitrile-fiber-product.jpg\" \r\n                         alt=\"\u0623\u0644\u064a\u0627\u0641 PAN\" loading=\"lazy\">\r\n                    <div class=\"card-number\">08<\/div>\r\n                <\/div>\r\n                <div class=\"card-content-section\">\r\n                    <div class=\"card-icon\">\r\n                        <div class=\"icon-shape pan-icon\"><\/div>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0628\u0648\u0644\u064a \u0623\u0643\u0631\u064a\u0644\u0648\u0646\u064a\u062a\u0631\u064a\u0644 (\u0628\u0627\u0646)<\/h3>\r\n                    <p class=\"card-subtitle\">\u062b\u0628\u0627\u062a \u062d\u0631\u0627\u0631\u064a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a \u0644\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0642\u0635\u0648\u0649<\/p>\r\n                    <p class=\"card-description\">\r\n                        \u0623\u0644\u064a\u0627\u0641 PAN \u062a\u0648\u0641\u0631 \u0645\u0642\u0627\u0648\u0645\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u062d\u0631\u0627\u0631\u064a\u0629 \u0641\u0627\u0626\u0642\u0629\u060c \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \r\n                        \u0627\u0644\u0645\u0639\u0631\u0636\u0629 \u0644\u062f\u0631\u062c\u0627\u062a \u062d\u0631\u0627\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0623\u0648 \u0638\u0631\u0648\u0641 \u0628\u064a\u0626\u064a\u0629 \u0642\u0627\u0633\u064a\u0629.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-badge\">\u2713 \u062b\u0627\u0628\u062a\u0629 \u062d\u0631\u0627\u0631\u064a\u064b\u0627<\/span>\r\n                        <span class=\"feature-badge\">\u2713 \u0645\u0642\u0627\u0648\u0645\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-btn\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u88c5\u9970\u5143\u7d20 -->\r\n    <div class=\"portfolio-decorations\">\r\n        <div class=\"deco-circle circle-1\"><\/div>\r\n        <div class=\"deco-circle circle-2\"><\/div>\r\n        <div class=\"deco-circle circle-3\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========================================\r\n   \u57fa\u7840\u6837\u5f0f\r\n======================================== *\/\r\n.landu-portfolio-section {\r\n    padding: 100px 0 120px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n}\r\n\r\n\/* \u52a8\u6001\u80cc\u666f *\/\r\n.portfolio-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.bg-gradient-1 {\r\n    position: absolute;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.08), transparent);\r\n    top: 10%;\r\n    left: -5%;\r\n    filter: blur(80px);\r\n    animation: bgFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.bg-gradient-2 {\r\n    position: absolute;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.06), transparent);\r\n    bottom: 10%;\r\n    right: -5%;\r\n    filter: blur(80px);\r\n    animation: bgFloat 25s ease-in-out infinite;\r\n    animation-delay: 7s;\r\n}\r\n\r\n.bg-gradient-3 {\r\n    position: absolute;\r\n    width: 350px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, rgba(245, 158, 11, 0.05), transparent);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    filter: blur(80px);\r\n    animation: bgFloat 30s ease-in-out infinite;\r\n    animation-delay: 14s;\r\n}\r\n\r\n@keyframes bgFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\r\n    50% { transform: translate(30px, -30px) scale(1.1); opacity: 1; }\r\n}\r\n\r\n.bg-mesh {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(16, 185, 129, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(16, 185, 129, 0.02) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.portfolio-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* ========================================\r\n   \u5934\u90e8\u6837\u5f0f\r\n======================================== *\/\r\n.portfolio-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.portfolio-tag-bar {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n    padding: 8px 20px;\r\n    background: rgba(16, 185, 129, 0.08);\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(16, 185, 129, 0.2);\r\n}\r\n\r\n.tag-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(135deg, #10b981, #3b82f6);\r\n    border-radius: 50%;\r\n    animation: dotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dotPulse {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.3); opacity: 0.8; }\r\n}\r\n\r\n.tag-text {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #065f46;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tag-line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #10b981, transparent);\r\n}\r\n\r\n.portfolio-main-title {\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 900;\r\n    color: #111827;\r\n    margin: 0 0 24px 0;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n}\r\n\r\n.portfolio-description {\r\n    font-size: clamp(16px, 2vw, 18px);\r\n    color: #4b5563;\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n}\r\n\r\n.portfolio-description strong {\r\n    color: #10b981;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* ========================================\r\n   \u4ea7\u54c1\u7f51\u683c\r\n======================================== *\/\r\n.portfolio-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\r\n    gap: 28px;\r\n}\r\n\r\n\/* ========================================\r\n   \u4ea7\u54c1\u5361\u7247 - \u56fe\u6587\u5b8c\u5168\u5206\u79bb\r\n======================================== *\/\r\n.product-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    box-shadow: \r\n        0 4px 20px rgba(0, 0, 0, 0.06),\r\n        0 0 0 1px rgba(0, 0, 0, 0.04);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n}\r\n\r\n.product-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #10b981, #3b82f6);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: 10;\r\n}\r\n\r\n.product-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: \r\n        0 20px 40px rgba(0, 0, 0, 0.12),\r\n        0 0 0 1px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.product-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* \u56fe\u7247\u533a\u57df - \u56fa\u5b9a\u9ad8\u5ea6\uff0c\u72ec\u7acb\u533a\u57df *\/\r\n.card-image-section {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 200px;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.card-image-section img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.product-card:hover .card-image-section img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.card-number {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    color: #10b981;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.3s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.product-card:hover .card-number {\r\n    background: #10b981;\r\n    color: white;\r\n    transform: rotate(5deg) scale(1.1);\r\n}\r\n\r\n\/* \u5185\u5bb9\u533a\u57df - \u767d\u8272\u80cc\u666f\uff0c\u5b8c\u5168\u72ec\u7acb *\/\r\n.card-content-section {\r\n    padding: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    flex: 1;\r\n    background: #ffffff;\r\n}\r\n\r\n.card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 12px;\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(59, 130, 246, 0.05));\r\n    border: 1px solid rgba(16, 185, 129, 0.2);\r\n    margin-bottom: 4px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.product-card:hover .card-icon {\r\n    transform: scale(1.05);\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(59, 130, 246, 0.08));\r\n}\r\n\r\n.icon-shape {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.steel-icon {\r\n    background: linear-gradient(135deg, #64748b, #475569);\r\n}\r\n\r\n.steel-chopped-icon {\r\n    background: linear-gradient(135deg, #475569, #334155);\r\n    border-radius: 50%;\r\n}\r\n\r\n.micro-pp-icon {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    border-radius: 50% 0 50% 50%;\r\n}\r\n\r\n.macro-pp-icon {\r\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    border-radius: 0 50% 50% 50%;\r\n}\r\n\r\n.blended-icon {\r\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n    border-radius: 50% 50% 0 50%;\r\n}\r\n\r\n.cellulose-icon {\r\n    background: linear-gradient(135deg, #f59e0b, #d97706);\r\n}\r\n\r\n.pva-icon {\r\n    background: linear-gradient(135deg, #ef4444, #dc2626);\r\n    border-radius: 50% 50% 50% 0;\r\n}\r\n\r\n.pan-icon {\r\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n}\r\n\r\n.card-title {\r\n    font-size: 1.25rem;\r\n    font-weight: 800;\r\n    color: #111827;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.card-subtitle {\r\n    font-size: 0.88rem;\r\n    color: #10b981;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.card-description {\r\n    font-size: 0.88rem;\r\n    color: #6b7280;\r\n    line-height: 1.65;\r\n    margin: 0;\r\n    flex: 1;\r\n}\r\n\r\n.card-features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 4px;\r\n}\r\n\r\n.feature-badge {\r\n    padding: 5px 12px;\r\n    background: rgba(16, 185, 129, 0.08);\r\n    border: 1px solid rgba(16, 185, 129, 0.2);\r\n    border-radius: 20px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #059669;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.product-card:hover .feature-badge {\r\n    background: rgba(16, 185, 129, 0.12);\r\n    border-color: rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.card-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    margin-top: 8px;\r\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);\r\n}\r\n\r\n.card-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35);\r\n}\r\n\r\n.card-btn svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card-btn:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* ========================================\r\n   \u88c5\u9970\u5143\u7d20\r\n======================================== *\/\r\n.portfolio-decorations {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.deco-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(16, 185, 129, 0.1);\r\n    animation: decoFloat 15s ease-in-out infinite;\r\n}\r\n\r\n.circle-1 {\r\n    width: 120px;\r\n    height: 120px;\r\n    top: 15%;\r\n    right: 8%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.circle-2 {\r\n    width: 90px;\r\n    height: 90px;\r\n    bottom: 20%;\r\n    left: 5%;\r\n    animation-delay: 7s;\r\n}\r\n\r\n.circle-3 {\r\n    width: 70px;\r\n    height: 70px;\r\n    top: 60%;\r\n    right: 15%;\r\n    animation-delay: 14s;\r\n}\r\n\r\n@keyframes decoFloat {\r\n    0%, 100% { \r\n        transform: translateY(0) scale(1); \r\n        opacity: 0.5;\r\n    }\r\n    50% { \r\n        transform: translateY(-20px) scale(1.1); \r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\/* ========================================\r\n   \u54cd\u5e94\u5f0f\u8bbe\u8ba1\r\n======================================== *\/\r\n@media (max-width: 1200px) {\r\n    .portfolio-container {\r\n        padding: 0 30px;\r\n    }\r\n\r\n    .portfolio-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 24px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .landu-portfolio-section {\r\n        padding: 60px 0 80px;\r\n    }\r\n\r\n    .portfolio-container {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .portfolio-header {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .portfolio-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .card-image-section {\r\n        height: 180px;\r\n    }\r\n\r\n    .card-content-section {\r\n        padding: 20px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .card-subtitle {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .card-description {\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .portfolio-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .product-card {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .card-image-section {\r\n        height: 160px;\r\n    }\r\n\r\n    .card-number {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 14px;\r\n        top: 12px;\r\n        right: 12px;\r\n    }\r\n\r\n    .card-icon {\r\n        width: 44px;\r\n        height: 44px;\r\n    }\r\n\r\n    .icon-shape {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .card-content-section {\r\n        padding: 18px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1.08rem;\r\n    }\r\n\r\n    .card-subtitle {\r\n        font-size: 0.82rem;\r\n    }\r\n\r\n    .card-description {\r\n        font-size: 0.82rem;\r\n    }\r\n\r\n    .card-btn {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .deco-circle {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-891c571 e-con-full e-flex e-con e-parent\" data-id=\"891c571\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1662bd elementor-widget elementor-widget-html\" data-id=\"d1662bd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Novastar Concrete Fiber Solutions Section -->\r\n<section class=\"novastar-solutions-section\">\r\n    <div class=\"novastar-container\">\r\n        <header class=\"novastar-header\">\r\n            <div class=\"solutions-tag-bar\">\r\n                <div class=\"tag-dot\"><\/div>\r\n                <span class=\"tag-text\">\u062d\u0644\u0648\u0644 \u0646\u0648\u0641\u0627 \u0633\u062a\u0627\u0631<\/span>\r\n                <div class=\"tag-line\"><\/div>\r\n            <\/div>\r\n\r\n            <h1 class=\"novastar-main-title\">\u062d\u0644\u0648\u0644 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/h1>\r\n            <h2 class=\"novastar-subtitle\">\u062c\u0639\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0623\u0642\u0648\u0649 \u0648\u0623\u0643\u062b\u0631 \u0645\u062a\u0627\u0646\u0629<\/h2>\r\n            <p class=\"novastar-description\">\r\n                \u0641\u064a \u0646\u0648\u0641\u0627 \u0633\u062a\u0627\u0631\u060c \u0646\u062e\u0644\u0642 \u0623\u0644\u064a\u0627\u0641 \u062e\u0627\u0635\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062c\u0639\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 <span class=\"highlight-text\">\u0623\u0642\u0648\u0649<\/span>, \r\n                <span class=\"highlight-text\">\u0623\u0637\u0648\u0644 \u0639\u0645\u0631\u064b\u0627<\/span>, \u0648 <span class=\"highlight-text-blue\">\u0623\u0633\u0647\u0644 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0647\u0627<\/span>. \r\n                \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0623\u0641\u0636\u0644 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062e\u062a\u0644\u0641\u0629.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"applications-grid\">\r\n            <!-- Card 1: Drymix Mortar - \u56fe\u7247\u5b8c\u5168\u586b\u6ee1 -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/monofilament-pp-micro-fiber-for-dry-mix-mortar\/\" class=\"app-card card-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/a-builder-mixing-plaster-using-an-electric-mixer-i-2025-04-04-02-12-53-utc-1-scaled.jpg\" alt=\"\u0645\u0648\u0646\u0629 \u062c\u0627\u0641\u0629\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-badge badge-featured\">\r\n                    <span>\u2b50<\/span>\r\n                    <span>\u0645\u0645\u064a\u0632<\/span>\r\n                <\/div>\r\n                <div class=\"card-number\">01<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0645\u0648\u0646\u0629 \u062c\u0627\u0641\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u0623\u0644\u064a\u0627\u0641\u0646\u0627 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u062e\u0644\u0642 <strong>\u0631\u0648\u0627\u0628\u0637 \u0641\u0627\u0626\u0642\u0629<\/strong> \u0641\u064a \u0645\u0648\u0646\u0629 \u0627\u0644\u062c\u0627\u0641\u0629\u060c \r\n                        \u0648\u062a\u0648\u0641\u0631 <strong>\u0642\u0648\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/strong> \u0648\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u062a\u0634\u0642\u0642\u0627\u062a.\r\n                    <\/p>\r\n                    <div class=\"card-features\">\r\n                        <span class=\"feature-tag\">\u2713 \u0642\u0627\u0628\u0644\u064a\u0629 \u0639\u0645\u0644 \u0645\u062d\u0633\u0646\u0629<\/span>\r\n                        <span class=\"feature-tag\">\u2713 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a<\/span>\r\n                        <span class=\"feature-tag\">\u2713 \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b<\/span>\r\n                    <\/div>\r\n                    <button class=\"card-cta\">\r\n                        <span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 2: Industrial Floor - \u56fe\u7247\u5b8c\u5168\u586b\u6ee1 -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-industrial-floor\/\" class=\"app-card card-2\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/three-men-walking-and-talking-on-factory-shop-floo-2024-09-21-16-50-48-utc-scaled.jpg\" alt=\"\u0623\u0631\u0636\u064a\u0629 \u0635\u0646\u0627\u0639\u064a\u0629\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-icon-float\">\ud83c\udfed<\/div>\r\n                <div class=\"card-number\">02<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0623\u0631\u0636\u064a\u0629 \u0635\u0646\u0627\u0639\u064a\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        <strong>\u0623\u062f\u0627\u0621 \u0639\u0627\u0644\u064a \u0627\u0644\u062a\u062d\u0645\u0644<\/strong> \u0644\u0644\u0637\u0648\u0627\u0628\u0642 \u0627\u0644\u062a\u064a \u062a\u062a\u062d\u0645\u0644 \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\r\n                    <\/p>\r\n                    <button class=\"card-cta card-cta-secondary\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 3: Precast Concrete -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-precast-concrete\/\" class=\"app-card card-3\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/multi-storey-building-construction-of-multi-store-2025-10-16-21-58-17-utc-scaled.jpg\" alt=\"\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0645\u0633\u0628\u0642\u0629 \u0627\u0644\u0635\u0628\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-icon-float\">\ud83c\udfd7\ufe0f<\/div>\r\n                <div class=\"card-number\">03<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0645\u0633\u0628\u0642\u0629 \u0627\u0644\u0635\u0628<\/h3>\r\n                    <p class=\"card-text\">\r\n                        <strong>\u0633\u0644\u0627\u0645\u0629 \u0647\u064a\u0643\u0644\u064a\u0629 \u0641\u0627\u0626\u0642\u0629<\/strong> \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u0633\u0628\u0642\u0629 \u0627\u0644\u0635\u0628\u060c \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0622\u0645\u0646.\r\n                    <\/p>\r\n                    <button class=\"card-cta card-cta-secondary\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 4: UHPC -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-uhpc-concrete\/\" class=\"app-card card-4\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/usa-road-interchange-2025-03-09-08-42-42-utc-scaled.jpg\" alt=\"UHPC\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-badge badge-premium\">\r\n                    <span>\ud83d\udc8e<\/span>\r\n                    <span>\u0623\u062f\u0627\u0621 \u0641\u0627\u0626\u0642<\/span>\r\n                <\/div>\r\n                <div class=\"card-number\">04<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">UHPC - \u0623\u062f\u0627\u0621 \u0641\u0627\u0626\u0642 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u0645\u0635\u0645\u0645 \u0644\u0640 <strong>\u0642\u0648\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/strong> \u0641\u064a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u064a\u0629. \r\n                        \u0623\u0644\u064a\u0627\u0641\u0646\u0627 \u062a\u062a\u064a\u062d <strong>\u0623\u062f\u0627\u0621 \u0631\u0627\u0626\u062f \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644<\/strong> \u0641\u064a \u0627\u0644\u062c\u0633\u0648\u0631 \u0648\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0633\u0631\u064a\u0639\u0629.\r\n                    <\/p>\r\n                    <div class=\"card-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">10 \u0623\u0636\u0639\u0627\u0641<\/div>\r\n                            <div class=\"stat-label\">\u0623\u0642\u0648\u0649<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">50+<\/div>\r\n                            <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <div class=\"stat-value\">100%<\/div>\r\n                            <div class=\"stat-label\">\u0645\u0648\u062b\u0648\u0642<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"card-cta\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 5: Shotcrete -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-shotcrete\/\" class=\"app-card card-5\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/shotcrete-gunite-pool-construction-series-2024-09-11-06-30-59-utc-scaled.jpg\" alt=\"\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0627\u0644\u0645\u0636\u063a\u0648\u0637\u0629\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-icon-float\">\ud83d\udca8<\/div>\r\n                <div class=\"card-number\">05<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0627\u0644\u0645\u0636\u063a\u0648\u0637\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        <strong>\u062a\u0635\u0627\u0642 \u0645\u062d\u0633\u0651\u0646<\/strong> \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0627\u0631\u062a\u062f\u0627\u062f \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0631\u0634 \u0628\u0643\u0641\u0627\u0621\u0629.\r\n                    <\/p>\r\n                    <button class=\"card-cta card-cta-secondary\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 6: Ready-mix Concrete - \u9ad8\u5ea6\u548c\u5176\u4ed6\u4e00\u81f4 -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-ready-mix-concrete\/\" class=\"app-card card-6\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/concrete-is-poured-from-mixer-truck-for-constructi-2025-03-29-22-16-28-utc-scaled.jpg\" alt=\"\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-badge badge-popular\">\r\n                    <span>\ud83d\ude9b<\/span>\r\n                    <span>\u0634\u0627\u0626\u0639<\/span>\r\n                <\/div>\r\n                <div class=\"card-number\">06<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        \u0627\u0644 <strong>\u0627\u0644\u0645\u0639\u064a\u0627\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/strong> \u0644\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0645\u0648\u062b\u0648\u0642\u0629. \r\n                        \u0623\u0644\u064a\u0627\u0641\u0646\u0627 \u062a\u0636\u0645\u0646 <strong>\u062c\u0648\u062f\u0629 \u0645\u062a\u0633\u0642\u0629<\/strong> \u0648\u0645\u062a\u0627\u0646\u0629.\r\n                    <\/p>\r\n                    <button class=\"card-cta\">\r\n                        <span>\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/span>\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                            <path d=\"M4 10h12m0 0l-4-4m4 4l-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 7: Pumped Concrete -->\r\n            <a href=\"https:\/\/fiber.landuchem.com\/ar\/applications\/concrete-fibers-for-pumped-concrete\/\" class=\"app-card card-7\">\r\n                <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/concrete-being-poured-from-a-mixer-truck-into-a-co-2025-03-27-06-02-53-utc-scaled.jpg\" alt=\"\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u0636\u062e\u0629\" class=\"card-full-img\">\r\n                <div class=\"card-overlay\"><\/div>\r\n                <div class=\"card-icon-float\">\u2b06\ufe0f<\/div>\r\n                <div class=\"card-number\">07<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-heading\">\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u0636\u062e\u0629<\/h3>\r\n                    <p class=\"card-text\">\r\n                        <strong>\u062a\u062f\u0641\u0642 \u0633\u0644\u0633<\/strong> \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0636\u062e\u060c \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639.\r\n                    <\/p>\r\n                    <button class=\"card-cta card-cta-secondary\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u88c5\u9970\u5143\u7d20 -->\r\n    <div class=\"section-bg-elements\">\r\n        <div class=\"bg-shape shape-1\"><\/div>\r\n        <div class=\"bg-shape shape-2\"><\/div>\r\n        <div class=\"bg-shape shape-3\"><\/div>\r\n        <div class=\"bg-grid\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========================================\r\n   \u57fa\u7840\u6837\u5f0f\r\n======================================== *\/\r\n.novastar-solutions-section {\r\n    padding: 100px 0 120px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n}\r\n\r\n.novastar-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* ========================================\r\n   \u5934\u90e8\u6837\u5f0f\r\n======================================== *\/\r\n.novastar-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.solutions-tag-bar {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n    padding: 8px 20px;\r\n    background: rgba(16, 185, 129, 0.08);\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(16, 185, 129, 0.2);\r\n}\r\n\r\n.tag-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(135deg, #10b981, #3b82f6);\r\n    border-radius: 50%;\r\n    animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.3); opacity: 0.8; }\r\n}\r\n\r\n.tag-text {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #065f46;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tag-line {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #10b981, transparent);\r\n}\r\n\r\n.novastar-main-title {\r\n    font-size: clamp(42px, 7vw, 72px);\r\n    font-weight: 900;\r\n    color: #111827;\r\n    margin-bottom: 20px;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.1;\r\n    background: linear-gradient(135deg, #111827 0%, #374151 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.novastar-subtitle {\r\n    font-size: clamp(20px, 3vw, 32px);\r\n    color: #6b7280;\r\n    margin-bottom: 24px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n}\r\n\r\n.novastar-description {\r\n    font-size: clamp(16px, 2vw, 19px);\r\n    color: #4b5563;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n}\r\n\r\n.highlight-text {\r\n    color: #10b981;\r\n    font-weight: 700;\r\n}\r\n\r\n.highlight-text-blue {\r\n    color: #3b82f6;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* ========================================\r\n   \u7f51\u683c\u5e03\u5c40 - \u7edf\u4e00\u9ad8\u5ea6\r\n======================================== *\/\r\n.applications-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-auto-rows: 140px;\r\n    gap: 20px;\r\n    position: relative;\r\n}\r\n\r\n\/* \u5361\u72471: \u5927\u578b - 4\u884c\u9ad8 *\/\r\n.card-1 {\r\n    grid-column: 1 \/ 6;\r\n    grid-row: 1 \/ 5;\r\n}\r\n\r\n\/* \u5361\u72472: \u4e2d\u7b49 - 2\u884c\u9ad8 *\/\r\n.card-2 {\r\n    grid-column: 6 \/ 9;\r\n    grid-row: 1 \/ 3;\r\n}\r\n\r\n\/* \u5361\u72473: \u4e2d\u7b49 - 2\u884c\u9ad8 *\/\r\n.card-3 {\r\n    grid-column: 9 \/ 13;\r\n    grid-row: 1 \/ 3;\r\n}\r\n\r\n\/* \u5361\u72474: \u6a2a\u5411 - 2\u884c\u9ad8 *\/\r\n.card-4 {\r\n    grid-column: 6 \/ 13;\r\n    grid-row: 3 \/ 5;\r\n}\r\n\r\n\/* \u5361\u72475: \u4e2d\u7b49 - 2\u884c\u9ad8 *\/\r\n.card-5 {\r\n    grid-column: 1 \/ 5;\r\n    grid-row: 5 \/ 7;\r\n}\r\n\r\n\/* \u5361\u72476: \u4e2d\u7b49 - 2\u884c\u9ad8\uff08\u548c\u5176\u4ed6\u4e00\u6837\uff09 *\/\r\n.card-6 {\r\n    grid-column: 5 \/ 9;\r\n    grid-row: 5 \/ 7;\r\n}\r\n\r\n\/* \u5361\u72477: \u4e2d\u7b49 - 2\u884c\u9ad8 *\/\r\n.card-7 {\r\n    grid-column: 9 \/ 13;\r\n    grid-row: 5 \/ 7;\r\n}\r\n\r\n\/* ========================================\r\n   \u5361\u7247\u6837\u5f0f - \u56fe\u7247\u5b8c\u5168\u586b\u6ee1\r\n======================================== *\/\r\n.app-card {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    box-shadow: \r\n        0 4px 20px rgba(0, 0, 0, 0.06),\r\n        0 0 0 1px rgba(0, 0, 0, 0.04);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    cursor: pointer;\r\n}\r\n\r\n.app-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: \r\n        0 20px 40px rgba(0, 0, 0, 0.12),\r\n        0 0 0 1px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n\/* \u56fe\u7247\u5b8c\u5168\u586b\u6ee1\u5361\u7247 - \u5173\u952e\u6837\u5f0f *\/\r\n.card-full-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n    z-index: 0;\r\n}\r\n\r\n.app-card:hover .card-full-img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* \u53e0\u52a0\u5c42 *\/\r\n.card-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(0, 0, 0, 0.3) 0%,\r\n        rgba(0, 0, 0, 0.5) 40%,\r\n        rgba(0, 0, 0, 0.8) 100%\r\n    );\r\n    transition: background 0.4s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.app-card:hover .card-overlay {\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(0, 0, 0, 0.4) 0%,\r\n        rgba(0, 0, 0, 0.6) 40%,\r\n        rgba(0, 0, 0, 0.85) 100%\r\n    );\r\n}\r\n\r\n\/* \u5185\u5bb9\u533a\u57df - \u6d6e\u52a8\u5728\u56fe\u7247\u4e0a *\/\r\n.card-content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 28px;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.card-1 .card-content {\r\n    padding: 36px;\r\n    gap: 14px;\r\n}\r\n\r\n.card-4 .card-content {\r\n    padding: 32px;\r\n    gap: 14px;\r\n}\r\n\r\n\/* \u7f16\u53f7 *\/\r\n.card-number {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    width: 42px;\r\n    height: 42px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    color: white;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    transition: all 0.3s ease;\r\n    z-index: 3;\r\n}\r\n\r\n.app-card:hover .card-number {\r\n    background: rgba(16, 185, 129, 0.9);\r\n    transform: rotate(5deg) scale(1.1);\r\n}\r\n\r\n\/* \u6807\u9898 *\/\r\n.card-heading {\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: white;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.card-1 .card-heading {\r\n    font-size: 2rem;\r\n}\r\n\r\n.card-4 .card-heading {\r\n    font-size: 1.7rem;\r\n}\r\n\r\n\/* \u63cf\u8ff0\u6587\u5b57 *\/\r\n.card-text {\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    margin: 0;\r\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.card-1 .card-text {\r\n    font-size: 1.05rem;\r\n    line-height: 1.65;\r\n}\r\n\r\n.card-4 .card-text {\r\n    font-size: 1rem;\r\n    line-height: 1.65;\r\n}\r\n\r\n.card-text strong {\r\n    color: #6ee7b7;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* \u5fbd\u7ae0 *\/\r\n.card-badge {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    backdrop-filter: blur(12px);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    z-index: 3;\r\n    animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n}\r\n\r\n.badge-featured {\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(5, 150, 105, 0.95));\r\n    color: white;\r\n    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\r\n}\r\n\r\n.badge-premium {\r\n    background: linear-gradient(135deg, rgba(147, 51, 234, 0.95), rgba(126, 34, 206, 0.95));\r\n    color: white;\r\n    box-shadow: 0 4px 15px rgba(147, 51, 234, 0.4);\r\n}\r\n\r\n.badge-popular {\r\n    background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(217, 119, 6, 0.95));\r\n    color: white;\r\n    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\r\n}\r\n\r\n\/* \u6d6e\u52a8\u56fe\u6807 *\/\r\n.card-icon-float {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    width: 48px;\r\n    height: 48px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    z-index: 3;\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.app-card:hover .card-icon-float {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n\/* \u7279\u6027\u6807\u7b7e *\/\r\n.card-features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n}\r\n\r\n.feature-tag {\r\n    padding: 6px 12px;\r\n    background: rgba(16, 185, 129, 0.2);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 20px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #6ee7b7;\r\n    border: 1px solid rgba(110, 231, 183, 0.3);\r\n}\r\n\r\n\/* \u7edf\u8ba1\u6570\u636e *\/\r\n.card-stats {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.stat-item {\r\n    text-align: center;\r\n}\r\n\r\n.stat-value {\r\n    font-size: 1.6rem;\r\n    font-weight: 900;\r\n    color: #6ee7b7;\r\n    line-height: 1;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.7rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u6309\u94ae *\/\r\n.card-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 24px;\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    align-self: flex-start;\r\n    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.card-cta:hover {\r\n    transform: translateX(4px);\r\n    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\r\n}\r\n\r\n.card-cta svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card-cta:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.card-cta-secondary {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.card-cta-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.25);\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n\/* ========================================\r\n   \u80cc\u666f\u88c5\u9970\r\n======================================== *\/\r\n.section-bg-elements {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.bg-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    opacity: 0.4;\r\n    animation: shapeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.shape-1 {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.3), transparent);\r\n    top: 10%;\r\n    right: 5%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.shape-2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.25), transparent);\r\n    bottom: 15%;\r\n    left: 5%;\r\n    animation-delay: 7s;\r\n}\r\n\r\n.shape-3 {\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), transparent);\r\n    top: 50%;\r\n    left: 50%;\r\n    animation-delay: 14s;\r\n}\r\n\r\n@keyframes shapeFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0) scale(1);\r\n        opacity: 0.4;\r\n    }\r\n    33% { \r\n        transform: translate(30px, -40px) scale(1.1);\r\n        opacity: 0.6;\r\n    }\r\n    66% { \r\n        transform: translate(-20px, 30px) scale(0.95);\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n.bg-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(16, 185, 129, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(16, 185, 129, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    opacity: 0.5;\r\n}\r\n\r\n\/* ========================================\r\n   \u54cd\u5e94\u5f0f\u8bbe\u8ba1\r\n======================================== *\/\r\n@media (max-width: 1200px) {\r\n    .novastar-container {\r\n        padding: 0 30px;\r\n    }\r\n\r\n    .applications-grid {\r\n        grid-template-columns: repeat(8, 1fr);\r\n        grid-auto-rows: 130px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .card-1 {\r\n        grid-column: 1 \/ 5;\r\n        grid-row: 1 \/ 4;\r\n    }\r\n\r\n    .card-2 {\r\n        grid-column: 5 \/ 9;\r\n        grid-row: 1 \/ 3;\r\n    }\r\n\r\n    .card-3 {\r\n        grid-column: 1 \/ 5;\r\n        grid-row: 4 \/ 6;\r\n    }\r\n\r\n    .card-4 {\r\n        grid-column: 5 \/ 9;\r\n        grid-row: 3 \/ 5;\r\n    }\r\n\r\n    .card-5 {\r\n        grid-column: 1 \/ 5;\r\n        grid-row: 6 \/ 8;\r\n    }\r\n\r\n    .card-6 {\r\n        grid-column: 5 \/ 9;\r\n        grid-row: 5 \/ 7;\r\n    }\r\n\r\n    .card-7 {\r\n        grid-column: 1 \/ 5;\r\n        grid-row: 8 \/ 10;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .novastar-container {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .novastar-solutions-section {\r\n        padding: 60px 0 80px;\r\n    }\r\n\r\n    .novastar-header {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .applications-grid {\r\n        grid-template-columns: 1fr;\r\n        grid-auto-rows: auto;\r\n        gap: 16px;\r\n    }\r\n\r\n    .app-card {\r\n        grid-column: 1 !important;\r\n        grid-row: auto !important;\r\n        min-height: 320px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 24px !important;\r\n    }\r\n\r\n    .card-heading {\r\n        font-size: 1.4rem !important;\r\n    }\r\n\r\n    .card-text {\r\n        font-size: 0.9rem !important;\r\n    }\r\n\r\n    .card-stats {\r\n        gap: 16px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 1.4rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .novastar-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .app-card {\r\n        min-height: 280px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 20px !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .card-number {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 14px;\r\n        top: 16px;\r\n        left: 16px;\r\n    }\r\n\r\n    .card-heading {\r\n        font-size: 1.25rem !important;\r\n    }\r\n\r\n    .card-text {\r\n        font-size: 0.85rem !important;\r\n    }\r\n\r\n    .card-cta {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .card-badge {\r\n        top: 16px;\r\n        right: 16px;\r\n        padding: 6px 12px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .card-icon-float {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 20px;\r\n        top: 16px;\r\n        left: 16px;\r\n    }\r\n\r\n    .card-stats {\r\n        gap: 12px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 0.65rem;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d29164 e-con-full e-flex e-con e-parent\" data-id=\"4d29164\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89886cb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"89886cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"landu-about-section\">\r\n    <style>\r\n        .landu-about-section {\r\n            padding: 80px 0 100px;\r\n            background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n        }\r\n\r\n        .landu-about-section .about-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u5934\u90e8\u533a\u57df *\/\r\n        .landu-about-section .about-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .landu-about-section .header-tag-bar {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 25px;\r\n            padding: 8px 20px;\r\n            background: rgba(16, 185, 129, 0.08);\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(16, 185, 129, 0.2);\r\n        }\r\n\r\n        .landu-about-section .tag-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: linear-gradient(135deg, #10b981, #3b82f6);\r\n            border-radius: 50%;\r\n            animation: aboutDotPulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes aboutDotPulse {\r\n            0%, 100% { transform: scale(1); opacity: 1; }\r\n            50% { transform: scale(1.3); opacity: 0.8; }\r\n        }\r\n\r\n        .landu-about-section .tag-text {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #065f46;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .landu-about-section .tag-line {\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #10b981, transparent);\r\n        }\r\n\r\n        .landu-about-section .about-title-group {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .landu-about-section .title-main {\r\n            font-size: clamp(32px, 5vw, 52px);\r\n            font-weight: 900;\r\n            color: #111827;\r\n            margin: 0 0 18px 0;\r\n            line-height: 1.15;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .landu-about-section .title-subtitle {\r\n            font-size: clamp(18px, 2.5vw, 24px);\r\n            color: #6b7280;\r\n            font-weight: 500;\r\n            margin: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .landu-about-section .title-subtitle strong {\r\n            color: #10b981;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* \u7b2c\u4e00\u884c\uff1a\u516c\u53f8\u4ecb\u7ecd + \u4e24\u5f20\u56fe\u7247 *\/\r\n        .landu-about-section .intro-row {\r\n            display: grid;\r\n            grid-template-columns: 1.3fr 1fr 1fr;\r\n            gap: 25px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* \u516c\u53f8\u4ecb\u7ecd\u5361\u7247 *\/\r\n        .landu-about-section .company-intro-card {\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid rgba(0, 0, 0, 0.04);\r\n            transition: all 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .landu-about-section .company-intro-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n\r\n        .landu-about-section .intro-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 18px;\r\n            margin-bottom: 25px;\r\n            padding-bottom: 20px;\r\n            border-bottom: 2px solid rgba(16, 185, 129, 0.1);\r\n        }\r\n\r\n        .landu-about-section .brand-badge {\r\n            padding: 12px 22px;\r\n            background: linear-gradient(135deg, #10b981, #059669);\r\n            border-radius: 12px;\r\n            color: white;\r\n            font-size: 18px;\r\n            font-weight: 900;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .landu-about-section .intro-title-group {\r\n            flex: 1;\r\n        }\r\n\r\n        .landu-about-section .intro-title-group h3 {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            margin: 0 0 5px 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .landu-about-section .intro-title-group p {\r\n            font-size: 14px;\r\n            color: #6b7280;\r\n            margin: 0;\r\n        }\r\n\r\n        .landu-about-section .intro-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .landu-about-section .intro-content p {\r\n            font-size: 15px;\r\n            color: #4b5563;\r\n            line-height: 1.7;\r\n            margin: 0 0 15px 0;\r\n        }\r\n\r\n        .landu-about-section .intro-content p:last-of-type {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .landu-about-section .intro-content strong {\r\n            color: #10b981;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .landu-about-section .highlight-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .landu-about-section .stat-box {\r\n            text-align: center;\r\n            padding: 15px;\r\n            background: rgba(16, 185, 129, 0.05);\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(16, 185, 129, 0.15);\r\n        }\r\n\r\n        .landu-about-section .stat-number {\r\n            display: block;\r\n            font-size: 22px;\r\n            font-weight: 900;\r\n            color: #10b981;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .landu-about-section .stat-label {\r\n            font-size: 11px;\r\n            color: #6b7280;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* \u56fe\u7247\u5361\u7247\u94fe\u63a5 *\/\r\n        .landu-about-section .image-card-link {\r\n            display: block;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            height: 100%;\r\n        }\r\n\r\n        \/* \u56fe\u7247\u5361\u7247 *\/\r\n        .landu-about-section .image-card {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            min-height: 320px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .landu-about-section .image-card-link:hover .image-card {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n\r\n        .landu-about-section .image-card img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .landu-about-section .image-card-link:hover .image-card img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .landu-about-section .image-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent 60%);\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 25px;\r\n        }\r\n\r\n        .landu-about-section .image-overlay h4 {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: white;\r\n            margin: 0 0 5px 0;\r\n        }\r\n\r\n        .landu-about-section .image-overlay p {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin: 0;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* \u7b2c\u4e8c\u884c\uff1a\u4f18\u52bf\u7f51\u683c *\/\r\n        .landu-about-section .benefits-section {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .landu-about-section .benefits-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .landu-about-section .benefits-header h3 {\r\n            font-size: clamp(26px, 3.5vw, 34px);\r\n            font-weight: 800;\r\n            color: #111827;\r\n            margin: 0 0 10px 0;\r\n        }\r\n\r\n        .landu-about-section .benefits-header p {\r\n            font-size: 16px;\r\n            color: #6b7280;\r\n            margin: 0;\r\n        }\r\n\r\n        .landu-about-section .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .landu-about-section .benefit-card {\r\n            background: #ffffff;\r\n            border-radius: 18px;\r\n            padding: 25px;\r\n            text-align: center;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid rgba(0, 0, 0, 0.04);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .landu-about-section .benefit-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #10b981, #3b82f6);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .landu-about-section .benefit-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n\r\n        .landu-about-section .benefit-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .landu-about-section .benefit-icon {\r\n            width: 55px;\r\n            height: 55px;\r\n            margin: 0 auto 18px;\r\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(59, 130, 246, 0.05));\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 26px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .landu-about-section .benefit-card:hover .benefit-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(59, 130, 246, 0.1));\r\n        }\r\n\r\n        .landu-about-section .benefit-card h4 {\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin: 0 0 10px 0;\r\n        }\r\n\r\n        .landu-about-section .benefit-card p {\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n            margin: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* \u7b2c\u4e09\u884c\uff1a\u5de6\u4fa7\u7ec4\u5408\uff08\u670d\u52a1\u56fe\u7247 + \u5305\u88c5\u5361\u7247\uff09 + \u53f3\u4fa7\u6570\u636e\u5361\u7247 *\/\r\n        .landu-about-section .bottom-row {\r\n            display: grid;\r\n            grid-template-columns: 2fr 1fr;\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u7ec4\u5408\u5bb9\u5668 *\/\r\n        .landu-about-section .left-combined {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* \u670d\u52a1\u56fe\u7247\u7f51\u683c *\/\r\n        .landu-about-section .service-images-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* \u670d\u52a1\u56fe\u7247\u5361\u7247\u94fe\u63a5 *\/\r\n        .landu-about-section .service-image-card-link {\r\n            display: block;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        .landu-about-section .service-image-card {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            height: 220px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .landu-about-section .service-image-card-link:hover .service-image-card {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n\r\n        .landu-about-section .service-image-card img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .landu-about-section .service-image-card-link:hover .service-image-card img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .landu-about-section .service-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 50%);\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 25px;\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .landu-about-section .service-image-card-link:hover .service-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .landu-about-section .service-overlay h5 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin: 0 0 5px 0;\r\n        }\r\n\r\n        .landu-about-section .service-overlay p {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* \u5305\u88c5\u4fe1\u606f\u5361\u7247 *\/\r\n        .landu-about-section .packaging-card {\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n            padding: 0;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid rgba(0, 0, 0, 0.04);\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u5305\u88c5\u56fe\u7247\u533a\u57df *\/\r\n        .landu-about-section .packaging-image {\r\n            position: relative;\r\n            height: 100%;\r\n            min-height: 280px;\r\n        }\r\n\r\n        .landu-about-section .packaging-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        \/* \u5305\u88c5\u5185\u5bb9\u533a\u57df *\/\r\n        .landu-about-section .packaging-content {\r\n            padding: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .landu-about-section .packaging-content h4 {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            margin: 0 0 20px 0;\r\n        }\r\n\r\n        .landu-about-section .packaging-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .landu-about-section .packaging-list-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 10px;\r\n            padding: 12px;\r\n            background: rgba(16, 185, 129, 0.05);\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(16, 185, 129, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .landu-about-section .packaging-list-item:hover {\r\n            background: rgba(16, 185, 129, 0.08);\r\n            border-color: rgba(16, 185, 129, 0.2);\r\n        }\r\n\r\n        .landu-about-section .packaging-icon {\r\n            flex-shrink: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #10b981;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .landu-about-section .packaging-text {\r\n            flex: 1;\r\n            font-size: 14px;\r\n            color: #4b5563;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        .landu-about-section .packaging-highlight {\r\n            padding: 15px;\r\n            background: rgba(16, 185, 129, 0.08);\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(16, 185, 129, 0.2);\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-about-section .packaging-highlight p {\r\n            font-size: 13px;\r\n            color: #059669;\r\n            font-weight: 600;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u6570\u636e\u5361\u7247 - \u6dfb\u52a0\u94fe\u63a5\u6837\u5f0f *\/\r\n        .landu-about-section .stats-data-card-link {\r\n            display: block;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            height: 100%;\r\n        }\r\n\r\n        .landu-about-section .stats-data-card {\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n            padding: 0;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid rgba(0, 0, 0, 0.04);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .landu-about-section .stats-data-card-link:hover .stats-data-card {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n        }\r\n\r\n        \/* Global Impact \u56fe\u7247\u533a\u57df - \u4e0e\u5de6\u8fb9\u670d\u52a1\u56fe\u7247\u9ad8\u5ea6\u4e00\u81f4 *\/\r\n        .landu-about-section .stats-image {\r\n            position: relative;\r\n            height: 220px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .landu-about-section .stats-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center 35%;\r\n            transition: transform 0.6s ease;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .landu-about-section .stats-data-card-link:hover .stats-image img {\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        \/* Global Impact \u5185\u5bb9\u533a\u57df *\/\r\n        .landu-about-section .stats-content-wrapper {\r\n            padding: 30px;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .landu-about-section .stats-data-card h4 {\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: #111827;\r\n            margin: 0 0 8px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-about-section .stats-data-card .subtitle {\r\n            font-size: 15px;\r\n            color: #6b7280;\r\n            margin: 0 0 25px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-about-section .data-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .landu-about-section .data-item {\r\n            text-align: center;\r\n            padding: 18px;\r\n            background: rgba(16, 185, 129, 0.05);\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(16, 185, 129, 0.15);\r\n        }\r\n\r\n        .landu-about-section .data-number {\r\n            display: block;\r\n            font-size: 26px;\r\n            font-weight: 900;\r\n            color: #10b981;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .landu-about-section .data-label {\r\n            font-size: 11px;\r\n            color: #6b7280;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .landu-about-section .stats-footer {\r\n            text-align: center;\r\n            padding-top: 18px;\r\n            border-top: 1px solid rgba(229, 231, 235, 0.5);\r\n        }\r\n\r\n        .landu-about-section .stats-footer p {\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n            margin: 0;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* \u80cc\u666f\u88c5\u9970 *\/\r\n        .landu-about-section .bg-decorations {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .landu-about-section .bg-gradient {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.4;\r\n            animation: bgGradientFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bgGradientFloat {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(20px, -20px) scale(1.05); }\r\n        }\r\n\r\n        .landu-about-section .gradient-1 {\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12), transparent);\r\n            top: 10%;\r\n            left: -5%;\r\n        }\r\n\r\n        .landu-about-section .gradient-2 {\r\n            width: 350px;\r\n            height: 350px;\r\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent);\r\n            bottom: 10%;\r\n            right: -5%;\r\n            animation-delay: 10s;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n        @media (max-width: 1200px) {\r\n            .landu-about-section .about-container {\r\n                padding: 0 30px;\r\n            }\r\n\r\n            .landu-about-section .intro-row {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .landu-about-section .image-card {\r\n                min-height: 280px;\r\n            }\r\n\r\n            .landu-about-section .benefits-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .landu-about-section .bottom-row {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .landu-about-section .packaging-card {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .landu-about-section .packaging-image {\r\n                min-height: 220px;\r\n            }\r\n\r\n            .landu-about-section .stats-image {\r\n                height: 200px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .landu-about-section {\r\n                padding: 60px 0 80px;\r\n            }\r\n\r\n            .landu-about-section .about-container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            .landu-about-section .about-header {\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .landu-about-section .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .landu-about-section .highlight-stats {\r\n                grid-template-columns: 1fr;\r\n                gap: 10px;\r\n            }\r\n\r\n            .landu-about-section .intro-header {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n\r\n            .landu-about-section .image-card {\r\n                min-height: 240px;\r\n            }\r\n\r\n            .landu-about-section .service-images-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .landu-about-section .service-image-card {\r\n                height: 200px;\r\n            }\r\n\r\n            .landu-about-section .packaging-content {\r\n                padding: 25px;\r\n            }\r\n\r\n            .landu-about-section .stats-content-wrapper {\r\n                padding: 25px;\r\n            }\r\n\r\n            .landu-about-section .stats-image {\r\n                height: 180px;\r\n            }\r\n\r\n            .landu-about-section .stats-image img {\r\n                transform: scale(1.1);\r\n            }\r\n\r\n            .landu-about-section .stats-data-card-link:hover .stats-image img {\r\n                transform: scale(1.15);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .landu-about-section .about-container {\r\n                padding: 0 16px;\r\n            }\r\n\r\n            .landu-about-section .company-intro-card {\r\n                padding: 25px;\r\n            }\r\n\r\n            .landu-about-section .benefit-card {\r\n                padding: 20px;\r\n            }\r\n\r\n            .landu-about-section .service-image-card {\r\n                height: 180px;\r\n            }\r\n\r\n            .landu-about-section .packaging-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .landu-about-section .stats-content-wrapper {\r\n                padding: 20px;\r\n            }\r\n\r\n            .landu-about-section .stats-image {\r\n                height: 160px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"about-container\">\r\n        <!-- \u5934\u90e8\u533a\u57df -->\r\n        <header class=\"about-header\">\r\n            <div class=\"header-tag-bar\">\r\n                <div class=\"tag-dot\"><\/div>\r\n                <span class=\"tag-text\">\u0639\u0646 \u0644\u0627\u0646\u062f\u0648<\/span>\r\n                <div class=\"tag-line\"><\/div>\r\n            <\/div>\r\n            <div class=\"about-title-group\">\r\n                <h2 class=\"title-main\">\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0635\u0646\u064a\u0639 \u0623\u0644\u064a\u0627\u0641 \u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0641\u064a \u0645\u0635\u0631<\/h2>\r\n                <p class=\"title-subtitle\">\r\n                    <strong>\u0644\u0627\u0646\u062f\u0648<\/strong> \u0645\u0639 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 <strong>\u0646\u0648\u0641\u0627 \u0633\u062a\u0627\u0631\u00ae<\/strong> \u2014 \r\n                    \u0623\u0643\u062b\u0631 \u0645\u0646 20 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0633\u0639\u0629 \u0633\u0646\u0648\u064a\u0629 \u062a\u0628\u0644\u063a 50,000 \u0637\u0646\u060c \u0646\u062e\u062f\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 40 \u062f\u0648\u0644\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\r\n                <\/p>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- \u7b2c\u4e00\u884c\uff1a\u516c\u53f8\u4ecb\u7ecd + \u4e24\u5f20\u56fe\u7247 -->\r\n        <div class=\"intro-row\">\r\n            <!-- \u516c\u53f8\u4ecb\u7ecd\u5361\u7247 -->\r\n            <div class=\"company-intro-card\">\r\n                <div class=\"intro-header\">\r\n                    <div class=\"brand-badge\">\u0646\u0648\u0641\u0627 \u0633\u062a\u0627\u0631\u00ae<\/div>\r\n                    <div class=\"intro-title-group\">\r\n                        <h3>\u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/h3>\r\n                        <p>\u062a\u0645\u064a\u0632 \u0641\u064a \u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"intro-content\">\r\n                    <p>\r\n                        \u0628\u0633\u0639\u0629 \u0633\u0646\u0648\u064a\u0629 \u062a\u0628\u0644\u063a <strong>50,000 \u0637\u0646<\/strong> \u0648\u0623\u0643\u062b\u0631 \u0645\u0646 <strong>20 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/strong>, \r\n                        \u0646\u062e\u062f\u0645 \u0645\u0646\u062a\u062c\u064a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\u060c \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0644\u0637 \u0627\u0644\u062c\u0627\u0641\u060c \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0648\u0632\u0639\u064a\u0646\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \r\n                        \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 <strong>40 \u062f\u0648\u0644\u0629<\/strong>.\r\n                    <\/p>\r\n                    \r\n                    <p>\r\n                        \u0646\u0642\u062f\u0645 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 20 \u0646\u0648\u0639\u064b\u0627<\/strong> \u0645\u0646 \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0628\u0631 \u0641\u0626\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \r\n                        \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0623\u062f\u0627\u0621 \u0645\u062a\u0641\u0648\u0642 \u0644\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"highlight-stats\">\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-number\">50,000<\/span>\r\n                        <span class=\"stat-label\">\u0633\u0639\u0629 \u0637\u0646 \u0645\u062a\u0631\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-number\">40+<\/span>\r\n                        <span class=\"stat-label\">\u0627\u0644\u062f\u0648\u0644<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-number\">20+<\/span>\r\n                        <span class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u56e2\u961f\u56fe\u7247 - \u6dfb\u52a0\u94fe\u63a5 -->\r\n            <a href=\"https:\/\/landuchem.com\/en\/about-nova-star\/innovation-center\/\" class=\"image-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"image-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/landercoll.net\/wp-content\/uploads\/2025\/09\/\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438-\u043e\u0442\u0434\u0435\u043b\u0430-\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439-\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043e\u043a-LANDU.jpg\" \r\n                         alt=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                    <div class=\"image-overlay\">\r\n                        <div>\r\n                            <h4>\u062a\u0645\u064a\u0632 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h4>\r\n                            <p>\u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u062f\u064a\u0646\u0627 \u064a\u062f\u0641\u0639 \u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0623\u0644\u064a\u0627\u0641<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- \u5ba2\u670d\u56e2\u961f\u56fe\u7247 - \u6dfb\u52a0\u94fe\u63a5 -->\r\n            <a href=\"https:\/\/landuchem.com\/en\/about-nova-star\/service\/\" class=\"image-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"image-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/landercoll.net\/wp-content\/uploads\/2025\/09\/LANDU-equipe-especializada-Suporte-ao-Cliente.jpg\" \r\n                         alt=\"\u0641\u0631\u064a\u0642 \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                    <div class=\"image-overlay\">\r\n                        <div>\r\n                            <h4>\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h4>\r\n                            <p>\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062e\u0628\u064a\u0631\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- \u7b2c\u4e8c\u884c\uff1a\u4ea7\u54c1\u4f18\u52bf\u7f51\u683c -->\r\n        <section class=\"benefits-section\">\r\n            <div class=\"benefits-header\">\r\n                <h3>\u0646\u0648\u0641\u0627 \u0633\u062a\u0627\u0631\u00ae \u064a\u062d\u0642\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/h3>\r\n                <p>\u062d\u0644\u0648\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0623\u062f\u0627\u0621 \u062e\u0631\u0633\u0627\u0646\u064a \u0641\u0627\u0626\u0642 \u0627\u0644\u062c\u0648\u062f\u0629<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h4>\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a<\/h4>\r\n                    <p>\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0641\u0648\u0642\u0629 \u0641\u064a \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a\u0629<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\u26a1<\/div>\r\n                    <h4>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062a\u0622\u0643\u0644<\/h4>\r\n                    <p>\u062d\u0645\u0627\u064a\u0629 \u0645\u062d\u0633\u0646\u0629 \u0636\u062f \u0627\u0644\u062a\u062f\u0647\u0648\u0631 \u0627\u0644\u0628\u064a\u0626\u064a<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83d\udcaa<\/div>\r\n                    <h4>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0627\u0646\u062d\u0646\u0627\u0621<\/h4>\r\n                    <p>\u0633\u0644\u0627\u0645\u0629 \u0647\u064a\u0643\u0644\u064a\u0629 \u0645\u062d\u0633\u0646\u0629 \u0648\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u062d\u0645\u0644 \u0627\u0644\u0623\u062d\u0645\u0627\u0644<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\u23f3<\/div>\r\n                    <h4>\u0645\u062a\u0627\u0646\u0629 \u0645\u062d\u0633\u0646\u0629<\/h4>\r\n                    <p>\u0647\u064a\u0627\u0643\u0644 \u062e\u0631\u0633\u0627\u0646\u064a\u0629 \u062a\u062f\u0648\u0645 \u0644\u0641\u062a\u0631\u0629 \u0623\u0637\u0648\u0644 \u0648\u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u7b2c\u4e09\u884c\uff1a\u5de6\u4fa7\u7ec4\u5408\uff08\u670d\u52a1\u56fe\u7247 + \u5305\u88c5\u5361\u7247\uff09 + \u53f3\u4fa7\u6570\u636e\u5361\u7247 -->\r\n        <div class=\"bottom-row\">\r\n            <!-- \u5de6\u4fa7\u7ec4\u5408 -->\r\n            <div class=\"left-combined\">\r\n                <!-- \u670d\u52a1\u56fe\u7247\u7f51\u683c -->\r\n                <div class=\"service-images-grid\">\r\n                    <!-- \u5b9a\u5236\u670d\u52a1\u56fe\u7247 - \u6dfb\u52a0\u94fe\u63a5 -->\r\n                    <a href=\"https:\/\/landuchem.com\/en\/about-nova-star\/service\/contract-manufacturing-services\/\" class=\"service-image-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                        <div class=\"service-image-card\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landercoll.net\/wp-content\/uploads\/2025\/09\/LANDU-Tailored-Service.jpg\" \r\n                                 alt=\"\u062e\u062f\u0645\u0629 \u0644\u0627\u0646\u062f\u0648 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\" loading=\"lazy\">\r\n                            <div class=\"service-overlay\">\r\n                                <div>\r\n                                    <h5>\u062e\u062f\u0645\u0629 \u0645\u062e\u0635\u0635\u0629<\/h5>\r\n                                    <p>\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- \u76d1\u63a7\u7cfb\u7edf\u56fe\u7247 - \u6dfb\u52a0\u94fe\u63a5 -->\r\n                    <a href=\"https:\/\/landuchem.com\/en\/about-nova-star\/quality-control-and-assurance\/\" class=\"service-image-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                        <div class=\"service-image-card\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landercoll.net\/wp-content\/uploads\/2025\/09\/monitoring-system-LANDU.jpg\" \r\n                                 alt=\"\u0646\u0638\u0627\u0645 \u0645\u0631\u0627\u0642\u0628\u0629 \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                            <div class=\"service-overlay\">\r\n                                <div>\r\n                                    <h5>\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h5>\r\n                                    <p>\u0623\u0646\u0638\u0645\u0629 \u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u062b\u0627\u0628\u062a\u0629<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- \u5305\u88c5\u4fe1\u606f\u5361\u7247 -->\r\n                <div class=\"packaging-card\">\r\n                    <!-- \u5305\u88c5\u56fe\u7247 -->\r\n                    <div class=\"packaging-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/landu-concrete-fiber-factory-39.jpg\" \r\n                             alt=\"\u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0639\u0628\u0626\u0629 \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                    <\/div>\r\n\r\n                    <!-- \u5305\u88c5\u5185\u5bb9 -->\r\n                    <div class=\"packaging-content\">\r\n                        <h4>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/h4>\r\n                        \r\n                        <div class=\"packaging-list\">\r\n                            <div class=\"packaging-list-item\">\r\n                                <span class=\"packaging-icon\">\ud83d\udce6<\/span>\r\n                                <p class=\"packaging-text\">\u0623\u0643\u064a\u0627\u0633 \u0628\u0644\u0627\u0633\u062a\u064a\u0643\u064a\u0629 \u0645\u062e\u062a\u0648\u0645\u0629 (0.2 \u2013 10 \u0643\u062c\u0645)<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"packaging-list-item\">\r\n                                <span class=\"packaging-icon\">\ud83d\udce6<\/span>\r\n                                <p class=\"packaging-text\">\u0623\u0643\u064a\u0627\u0633 \u0645\u0646\u0633\u0648\u062c\u0629 \u0623\u0648 \u0648\u0631\u0642\u064a\u0629 (10 \u2013 25 \u0643\u062c\u0645)<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"packaging-list-item\">\r\n                                <span class=\"packaging-icon\">\ud83d\udce6<\/span>\r\n                                <p class=\"packaging-text\">\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0636\u063a\u0637 \u0623\u0648 \u0627\u0644\u0643\u0631\u062a\u0648\u0646<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"packaging-list-item\">\r\n                                <span class=\"packaging-icon\">\ud83d\udca7<\/span>\r\n                                <p class=\"packaging-text\">\u0641\u064a\u0644\u0645 \u0642\u0627\u0628\u0644 \u0644\u0644\u0630\u0648\u0628\u0627\u0646 \u0641\u064a \u0627\u0644\u0645\u0627\u0621 \u0623\u0648 \u062a\u063a\u0644\u064a\u0641 \u0648\u0631\u0642\u064a \u0644\u0644\u062e\u0644\u0637 \u0627\u0644\u0622\u0644\u064a<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"packaging-highlight\">\r\n                            <p>\u2728 \u0627\u0644\u062a\u0633\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0645\u0648\u0632\u0639\u064a\u0646<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u53f3\u4fa7\u7edf\u8ba1\u6570\u636e\u5361\u7247 - \u6dfb\u52a0\u94fe\u63a5 -->\r\n            <a href=\"https:\/\/landu-china.com\/news-events\/trade-fairs-show\/\" class=\"stats-data-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <div class=\"stats-data-card\">\r\n                    <!-- Global Impact \u56fe\u7247 -->\r\n                    <div class=\"stats-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/12\/global-impact-landu-scaled.jpg\" \r\n                             alt=\"\u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u0627\u0646\u062f\u0648\" loading=\"lazy\">\r\n                    <\/div>\r\n\r\n                    <!-- \u5185\u5bb9\u533a\u57df -->\r\n                    <div class=\"stats-content-wrapper\">\r\n                        <h4>\u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h4>\r\n                        <p class=\"subtitle\">\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n                        \r\n                        <div class=\"data-grid\">\r\n                            <div class=\"data-item\">\r\n                                <span class=\"data-number\">50,000<\/span>\r\n                                <span class=\"data-label\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629 \u0644\u0644\u0645\u0635\u0646\u0639<\/span>\r\n                            <\/div>\r\n                            <div class=\"data-item\">\r\n                                <span class=\"data-number\">40+<\/span>\r\n                                <span class=\"data-label\">\u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0645\u062e\u062f\u0648\u0645\u0629<\/span>\r\n                            <\/div>\r\n                            <div class=\"data-item\">\r\n                                <span class=\"data-number\">20+<\/span>\r\n                                <span class=\"data-label\">\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u0644\u064a\u0627\u0641<\/span>\r\n                            <\/div>\r\n                            <div class=\"data-item\">\r\n                                <span class=\"data-number\">20+<\/span>\r\n                                <span class=\"data-label\">\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"stats-footer\">\r\n                            <p>\u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u0623\u0645\u062a\u0627\u0631 \u0627\u0644\u0645\u0643\u0639\u0628\u0629 \u0645\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u0633\u0644\u062d\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u80cc\u666f\u88c5\u9970 -->\r\n    <div class=\"bg-decorations\">\r\n        <div class=\"bg-gradient gradient-1\"><\/div>\r\n        <div class=\"bg-gradient gradient-2\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d679c55 e-con-full e-flex e-con e-parent\" data-id=\"d679c55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e66d4a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3e66d4a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"news-insights-section\">\r\n    <!-- \u52a8\u6001\u80cc\u666f\u7cfb\u7edf -->\r\n    <div class=\"news-content-background\">\r\n        <div class=\"news-bg-layer news-layer-1\"><\/div>\r\n        <div class=\"news-bg-layer news-layer-2\"><\/div>\r\n        <div class=\"news-bg-layer news-layer-3\"><\/div>\r\n        <div class=\"news-mesh-gradient\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"news-content-container\">\r\n        <!-- \u7ae0\u8282\u6807\u9898\u533a\u57df -->\r\n        <div class=\"news-section-header\">\r\n            <div class=\"news-header-tag\">\r\n                <div class=\"news-tag-dot\"><\/div>\r\n                <span class=\"news-tag-text\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0624\u0649<\/span>\r\n                <div class=\"news-tag-line\"><\/div>\r\n            <\/div>\r\n            <h2 class=\"news-section-title\">\r\n                <span class=\"news-title-main\">\u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a<\/span>\r\n                <span class=\"news-title-accent\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u88c5\u9970\u5143\u7d20 -->\r\n    <div class=\"news-content-decorations\">\r\n        <div class=\"news-deco-circle news-circle-1\"><\/div>\r\n        <div class=\"news-deco-circle news-circle-2\"><\/div>\r\n        <div class=\"news-deco-line news-line-1\"><\/div>\r\n        <div class=\"news-deco-line news-line-2\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u65b0\u95fb\u6d1e\u5bdf\u533a\u57df\u57fa\u7840\u6837\u5f0f *\/\r\n.news-insights-section {\r\n    background: #ffffff;\r\n    padding: 80px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n\/* \u52a8\u6001\u80cc\u666f\u7cfb\u7edf *\/\r\n.news-content-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.news-content-background .news-bg-layer {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    opacity: 0.25;\r\n    animation: news-layerFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.news-content-background .news-layer-1 {\r\n    width: 450px;\r\n    height: 450px;\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(34, 197, 94, 0.06));\r\n    top: 15%;\r\n    right: -5%;\r\n    animation-delay: 3s;\r\n}\r\n\r\n.news-content-background .news-layer-2 {\r\n    width: 320px;\r\n    height: 320px;\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(99, 102, 241, 0.05));\r\n    bottom: 15%;\r\n    left: -3%;\r\n    animation-delay: 10s;\r\n}\r\n\r\n.news-content-background .news-layer-3 {\r\n    width: 250px;\r\n    height: 250px;\r\n    background: linear-gradient(135deg, rgba(255, 140, 66, 0.06), rgba(251, 146, 60, 0.03));\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation-delay: 18s;\r\n}\r\n\r\n.news-content-background .news-mesh-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n        radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.03) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),\r\n        radial-gradient(circle at 40% 40%, rgba(255, 140, 66, 0.02) 0%, transparent 50%);\r\n}\r\n\r\n@keyframes news-layerFloat {\r\n    0%, 100% {\r\n        transform: translate(0, 0) scale(1) rotate(0deg);\r\n    }\r\n    25% {\r\n        transform: translate(25px, -18px) scale(1.02) rotate(90deg);\r\n    }\r\n    50% {\r\n        transform: translate(-18px, 25px) scale(0.98) rotate(180deg);\r\n    }\r\n    75% {\r\n        transform: translate(18px, 12px) scale(1.01) rotate(270deg);\r\n    }\r\n}\r\n\r\n.news-content-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 50px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u6807\u7b7e\u680f\u6837\u5f0f *\/\r\n.news-section-header {\r\n    text-align: center;\r\n}\r\n\r\n.news-header-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.news-header-tag .news-tag-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: linear-gradient(45deg, #10b981, #3b82f6);\r\n    border-radius: 50%;\r\n    position: relative;\r\n    animation: news-tagPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.news-header-tag .news-tag-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -6px;\r\n    border: 1px solid rgba(16, 185, 129, 0.3);\r\n    border-radius: 50%;\r\n    animation: news-tagRing 3s ease-in-out infinite;\r\n}\r\n\r\n.news-header-tag .news-tag-text {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #065f46;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.news-header-tag .news-tag-line {\r\n    width: 80px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(16, 185, 129, 0.4) 0%, transparent 100%);\r\n}\r\n\r\n@keyframes news-tagPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.3); }\r\n}\r\n\r\n@keyframes news-tagRing {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.8); opacity: 0.2; }\r\n}\r\n\r\n.news-section-title {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.news-title-main {\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 900;\r\n    color: #111827;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.02em;\r\n    opacity: 0;\r\n    animation: news-textSlideIn 1s ease-out 0.3s forwards;\r\n}\r\n\r\n.news-title-accent {\r\n    font-size: clamp(18px, 2.5vw, 22px);\r\n    color: #6b7280;\r\n    font-weight: 500;\r\n    opacity: 0;\r\n    animation: news-textSlideIn 1s ease-out 0.5s forwards;\r\n}\r\n\r\n@keyframes news-textSlideIn {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* \u88c5\u9970\u5143\u7d20 *\/\r\n.news-content-decorations {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.news-deco-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(16, 185, 129, 0.06);\r\n    animation: news-decoFloat 15s ease-in-out infinite;\r\n}\r\n\r\n.news-circle-1 {\r\n    width: 120px;\r\n    height: 120px;\r\n    top: 25%;\r\n    left: 5%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.news-circle-2 {\r\n    width: 80px;\r\n    height: 80px;\r\n    bottom: 35%;\r\n    right: 8%;\r\n    animation-delay: 7s;\r\n}\r\n\r\n.news-deco-line {\r\n    position: absolute;\r\n    background: linear-gradient(90deg, rgba(16, 185, 129, 0.12), transparent);\r\n    height: 2px;\r\n    animation: news-lineSlide 10s ease-in-out infinite;\r\n}\r\n\r\n.news-line-1 {\r\n    width: 100px;\r\n    top: 45%;\r\n    left: 0;\r\n    animation-delay: 3s;\r\n}\r\n\r\n.news-line-2 {\r\n    width: 80px;\r\n    bottom: 40%;\r\n    right: 0;\r\n    animation-delay: 8s;\r\n}\r\n\r\n@keyframes news-decoFloat {\r\n    0%, 100% { transform: translateY(0px) scale(1); }\r\n    50% { transform: translateY(-12px) scale(1.05); }\r\n}\r\n\r\n@keyframes news-lineSlide {\r\n    0%, 100% { transform: translateX(0px); opacity: 0.4; }\r\n    50% { transform: translateX(15px); opacity: 1; }\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n@media (max-width: 1200px) {\r\n    .news-content-container {\r\n        padding: 0 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .news-insights-section {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .news-content-container {\r\n        padding: 0 25px;\r\n    }\r\n    \r\n    .news-header-tag .news-tag-line {\r\n        width: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .news-content-container {\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .news-title-main {\r\n        font-size: clamp(24px, 4vw, 36px);\r\n    }\r\n    \r\n    .news-title-accent {\r\n        font-size: clamp(16px, 2.5vw, 20px);\r\n    }\r\n    \r\n    .news-header-tag .news-tag-line {\r\n        width: 40px;\r\n    }\r\n    \r\n    .news-header-tag .news-tag-text {\r\n        font-size: 10px;\r\n    }\r\n    \r\n    .news-content-decorations {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ebda8e e-flex e-con-boxed e-con e-parent\" data-id=\"9ebda8e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f153d elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"c0f153d\" data-element_type=\"widget\" data-settings=\"{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-435 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/fiber.landuchem.com\/ar\/high-performance-polypropylene-fiber-for-concrete-reinforcement-3\/\" tabindex=\"-1\"><div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"760\" height=\"507\" src=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/LANDU-Technician-Cynthia-Sun.jpg\" class=\"attachment-large size-large wp-image-150\" alt=\"\" srcset=\"https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/LANDU-Technician-Cynthia-Sun.jpg 760w, https:\/\/fiber.landuchem.com\/wp-content\/uploads\/2025\/09\/LANDU-Technician-Cynthia-Sun-300x200.jpg 300w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">\u0645\u062f\u0648\u0646\u0629<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/fiber.landuchem.com\/ar\/high-performance-polypropylene-fiber-for-concrete-reinforcement-3\/\">\n\t\t\t\t\u0623\u0644\u064a\u0627\u0641 \u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u0644\u064a\u0646 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0628\u0623\u0644\u064a\u0627\u0641 \u0628\u0648\u0644\u064a \u0628\u0631\u0648\u0628\u0644\u064a\u0646 NovaStar\u00ae \u062e\u064a\u0637 \u0623\u062d\u0627\u062f\u064a 3\u0645\u0645 \u062a\u062d\u0643\u0645 \u0641\u0627\u0626\u0642 \u0641\u064a \u0627\u0644\u062a\u0634\u0642\u0642\u0627\u062a \u2022 \u0645\u062a\u0627\u0646\u0629 \u0645\u062d\u0633\u0646\u0629 \u2022 \u0645\u062b\u0628\u062a\u0629<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/fiber.landuchem.com\/ar\/high-performance-polypropylene-fiber-for-concrete-reinforcement-3\/\" aria-label=\"Read more about High-Performance Polypropylene Fiber for Concrete Reinforcement\" tabindex=\"-1\">\n\t\t\t\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0644\u0627\u0646\u062f\u0648 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0662\u0662 \u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u064a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u0639 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0627\u0644\u0645\u062b\u0628\u062a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631 \u0644\u062a\u0644\u0628\u064a\u0629 \u0623\u0635\u0639\u0628 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621. \u0623\u0643\u062b\u0631 \u0645\u0646 \u0662\u0660 \u062f\u0648\u0644\u0629 \u0645\u062e\u062f\u0648\u0645\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0661\u0660\u0660\u0660 \u0645\u0634\u0631\u0648\u0639 \u062a\u0645 \u062a\u0633\u0644\u064a\u0645\u0647 \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062d\u0644\u0648\u0644 \u2192 \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":145,"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":1503,"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/pages\/13\/revisions\/1503"}],"wp:attachment":[{"href":"https:\/\/fiber.landuchem.com\/ar\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}