{"id":520,"date":"2025-11-08T01:48:35","date_gmt":"2025-11-08T01:48:35","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=520"},"modified":"2025-11-08T03:55:53","modified_gmt":"2025-11-08T03:55:53","slug":"quality-assurance","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/de\/company\/quality-assurance\/","title":{"rendered":"Qualit\u00e4tssicherung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"520\" class=\"elementor elementor-520\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c44301 e-con-full e-flex e-con e-parent\" data-id=\"4c44301\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74cce92 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"74cce92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Quality Assurance Banner -->\n<div class=\"qa-banner\">\n    <div class=\"qa-overlay\"><\/div>\n    <div class=\"qa-container\">\n        <div class=\"qa-header\">\n            <span class=\"qa-label\">QUALITY ASSURANCE<\/span>\n            <h1 class=\"qa-heading\">Quality Assurance<\/h1>\n            <p class=\"qa-intro\">\n                Learn about our commitment to precision, reliability, and industry standards.\n            <\/p>\n        <\/div>\n\n        <div class=\"qa-content-box\">\n            <h2 class=\"qa-content-title\">\n                At <span class=\"qa-brand-name\">SOLETKS<\/span>, quality is the foundation of every solar system we build.\n            <\/h2>\n            <p class=\"qa-content-text\">\n                From raw material selection to final performance testing, each product undergoes rigorous control to ensure lasting safety, durability, and efficiency.\n            <\/p>\n        <\/div>\n\n        <div class=\"qa-features\">\n            <div class=\"qa-feature-item\">\n                <div class=\"qa-icon\">\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                        <path d=\"m21 21-4.35-4.35\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"qa-feature-title\">Material Selection<\/h3>\n                <p class=\"qa-feature-desc\">Premium raw materials<\/p>\n            <\/div>\n\n            <div class=\"qa-feature-item\">\n                <div class=\"qa-icon\">\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                        <path d=\"M12 1v6m0 6v6\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"qa-feature-title\">Manufacturing<\/h3>\n                <p class=\"qa-feature-desc\">Precision engineering<\/p>\n            <\/div>\n\n            <div class=\"qa-feature-item\">\n                <div class=\"qa-icon\">\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"qa-feature-title\">Quality Control<\/h3>\n                <p class=\"qa-feature-desc\">Rigorous inspection<\/p>\n            <\/div>\n\n            <div class=\"qa-feature-item\">\n                <div class=\"qa-icon\">\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"><\/line>\n                        <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"><\/line>\n                        <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"><\/line>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"qa-feature-title\">Performance Testing<\/h3>\n                <p class=\"qa-feature-desc\">Verified excellence<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .qa-banner {\n        position: relative;\n        width: 100%;\n        min-height: 650px;\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730.png');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 60px 20px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .qa-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, \n            rgba(15, 35, 70, 0.82) 0%, \n            rgba(30, 58, 108, 0.78) 25%,\n            rgba(41, 98, 155, 0.75) 50%,\n            rgba(30, 58, 108, 0.78) 75%,\n            rgba(15, 35, 70, 0.82) 100%);\n        z-index: 1;\n    }\n\n    .qa-overlay::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 30% 50%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n                    radial-gradient(circle at 70% 50%, rgba(37, 99, 235, 0.12) 0%, transparent 50%);\n        z-index: 1;\n    }\n\n    .qa-container {\n        position: relative;\n        max-width: 1300px;\n        width: 100%;\n        z-index: 2;\n    }\n\n    \/* Header Section *\/\n    .qa-header {\n        text-align: center;\n        margin-bottom: 45px;\n        animation: fadeInUp 0.8s ease;\n    }\n\n    .qa-label {\n        display: inline-block;\n        padding: 8px 24px;\n        background: rgba(255, 165, 0, 0.15);\n        border: 1px solid rgba(255, 165, 0, 0.4);\n        border-radius: 30px;\n        color: #FFA500;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n        backdrop-filter: blur(10px);\n        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    }\n\n    .qa-heading {\n        font-size: 56px;\n        font-weight: 800;\n        color: #FFA500;\n        margin-bottom: 18px;\n        letter-spacing: -2px;\n        line-height: 1.1;\n        text-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);\n    }\n\n    .qa-intro {\n        font-size: 18px;\n        color: #ffffff;\n        max-width: 650px;\n        margin: 0 auto;\n        line-height: 1.6;\n        font-weight: 400;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n        opacity: 0.95;\n    }\n\n    \/* Content Box *\/\n    .qa-content-box {\n        background: rgba(255, 255, 255, 0.15);\n        border: 1px solid rgba(255, 165, 0, 0.3);\n        border-radius: 24px;\n        padding: 40px 50px;\n        margin-bottom: 40px;\n        backdrop-filter: blur(20px);\n        animation: fadeInUp 0.8s ease 0.2s both;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);\n    }\n\n    .qa-content-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: #ffffff;\n        text-align: center;\n        margin-bottom: 18px;\n        line-height: 1.4;\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    }\n\n    .qa-brand-name {\n        color: #FFA500;\n        position: relative;\n        display: inline-block;\n        font-weight: 800;\n    }\n\n    .qa-brand-name::after {\n        content: '';\n        position: absolute;\n        bottom: -3px;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #FFA500, transparent);\n        border-radius: 2px;\n        box-shadow: 0 0 8px rgba(255, 165, 0, 0.5);\n    }\n\n    .qa-content-text {\n        font-size: 17px;\n        color: #ffffff;\n        text-align: center;\n        line-height: 1.7;\n        max-width: 850px;\n        margin: 0 auto;\n        font-weight: 400;\n        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);\n        opacity: 0.92;\n    }\n\n    \/* Features Grid *\/\n    .qa-features {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n        animation: fadeInUp 0.8s ease 0.4s both;\n    }\n\n    .qa-feature-item {\n        background: rgba(255, 255, 255, 0.12);\n        border: 1px solid rgba(255, 165, 0, 0.25);\n        border-radius: 20px;\n        padding: 35px 25px;\n        text-align: center;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        backdrop-filter: blur(10px);\n    }\n\n    .qa-feature-item:hover {\n        transform: translateY(-8px);\n        background: rgba(255, 255, 255, 0.18);\n        border-color: rgba(255, 165, 0, 0.5);\n        box-shadow: 0 20px 40px rgba(255, 165, 0, 0.25);\n    }\n\n    .qa-icon {\n        width: 70px;\n        height: 70px;\n        margin: 0 auto 20px;\n        background: linear-gradient(135deg, rgba(255, 165, 0, 0.25), rgba(255, 140, 0, 0.15));\n        border: 2px solid rgba(255, 165, 0, 0.4);\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #FFA500;\n        transition: all 0.4s ease;\n    }\n\n    .qa-feature-item:hover .qa-icon {\n        transform: scale(1.08) rotate(-3deg);\n        background: linear-gradient(135deg, rgba(255, 165, 0, 0.35), rgba(255, 140, 0, 0.25));\n        border-color: rgba(255, 165, 0, 0.6);\n        box-shadow: 0 8px 25px rgba(255, 165, 0, 0.4);\n    }\n\n    .qa-feature-title {\n        font-size: 18px;\n        font-weight: 700;\n        color: #FFA500;\n        margin-bottom: 10px;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    .qa-feature-desc {\n        font-size: 14px;\n        color: #ffffff;\n        font-weight: 400;\n        opacity: 0.85;\n        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .qa-heading {\n            font-size: 48px;\n        }\n\n        .qa-content-title {\n            font-size: 24px;\n        }\n\n        .qa-features {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .qa-banner {\n            min-height: auto;\n            padding: 50px 20px;\n        }\n\n        .qa-heading {\n            font-size: 38px;\n        }\n\n        .qa-intro {\n            font-size: 16px;\n        }\n\n        .qa-content-box {\n            padding: 30px 25px;\n        }\n\n        .qa-content-title {\n            font-size: 22px;\n        }\n\n        .qa-content-text {\n            font-size: 15px;\n        }\n\n        .qa-features {\n            grid-template-columns: 1fr;\n            gap: 18px;\n        }\n\n        .qa-feature-item {\n            padding: 30px 20px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .qa-heading {\n            font-size: 32px;\n            letter-spacing: -1px;\n        }\n\n        .qa-intro {\n            font-size: 15px;\n        }\n\n        .qa-content-box {\n            padding: 25px 20px;\n        }\n\n        .qa-content-title {\n            font-size: 20px;\n        }\n\n        .qa-content-text {\n            font-size: 14px;\n        }\n\n        .qa-icon {\n            width: 60px;\n            height: 60px;\n        }\n\n        .qa-feature-title {\n            font-size: 16px;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e597c11 e-con-full e-flex e-con e-parent\" data-id=\"e597c11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97ea463 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"97ea463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Certifications Section -->\n<div class=\"cert-section\">\n    <div class=\"cert-container\">\n        <!-- Section Header -->\n        <div class=\"cert-header\">\n            <span class=\"cert-label\">CERTIFICATIONS & STANDARDS<\/span>\n            <h2 class=\"cert-heading\">Our Valued Certifications<\/h2>\n            <p class=\"cert-intro\">\n                SOLETKS solar systems comply with globally recognized quality and safety standards, ensuring reliability, performance, and environmental responsibility in every installation.\n            <\/p>\n        <\/div>\n\n        <!-- Certifications Info -->\n        <div class=\"cert-info-box\">\n            <p class=\"cert-info-text\">\n                We hold certifications such as <strong>IEC 61215<\/strong>, <strong>IEC 61730<\/strong>, <strong>ISO 9001<\/strong>, <strong>ISO 14001<\/strong>, <strong>ISO 45001<\/strong>, <strong>CE<\/strong>, <strong>T\u00dcV<\/strong>, and <strong>UL<\/strong>.\n            <\/p>\n        <\/div>\n\n        <!-- Commitment Points -->\n        <div class=\"cert-commitment\">\n            <h3 class=\"cert-commitment-title\">These certifications demonstrate our commitment to:<\/h3>\n            <div class=\"cert-points\">\n                <div class=\"cert-point\">\n                    <div class=\"cert-point-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <p class=\"cert-point-text\">Consistent product quality through advanced manufacturing and testing.<\/p>\n                <\/div>\n                <div class=\"cert-point\">\n                    <div class=\"cert-point-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <p class=\"cert-point-text\">Compliance with international safety and performance requirements.<\/p>\n                <\/div>\n                <div class=\"cert-point\">\n                    <div class=\"cert-point-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <p class=\"cert-point-text\">Sustainable production and environmental protection practices.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Certificates Gallery -->\n        <div class=\"cert-gallery-wrapper\">\n            <div class=\"cert-gallery\">\n                <div class=\"cert-card\" data-index=\"0\">\n                    <div class=\"cert-image-wrapper\">\n                        <img height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">Solar Keymark<\/div>\n                <\/div>\n\n                <div class=\"cert-card\" data-index=\"1\">\n                    <div class=\"cert-image-wrapper\">\n                        <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"T\u00dcV Certificate\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">T\u00dcV Certification<\/div>\n                <\/div>\n\n                <div class=\"cert-card\" data-index=\"2\">\n                    <div class=\"cert-image-wrapper\">\n                        <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO 9001 Certificate\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">ISO 9001<\/div>\n                <\/div>\n\n                <div class=\"cert-card\" data-index=\"3\">\n                    <div class=\"cert-image-wrapper\">\n                        <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO 14001 Certificate\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">ISO 14001<\/div>\n                <\/div>\n\n                <div class=\"cert-card\" data-index=\"4\">\n                    <div class=\"cert-image-wrapper\">\n                        <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO 45001 Certificate\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">ISO 45001<\/div>\n                <\/div>\n\n                <div class=\"cert-card\" data-index=\"5\">\n                    <div class=\"cert-image-wrapper\">\n                        <img loading=\"lazy\" height=\"2338\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" alt=\"Test Report\" class=\"cert-image\">\n                    <\/div>\n                    <div class=\"cert-card-title\">Test Report<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Product Images -->\n        <div class=\"cert-products\">\n            <h3 class=\"cert-products-title\">Certified Products<\/h3>\n            <div class=\"cert-products-grid\">\n                <div class=\"cert-product-card\">\n                    <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector\" class=\"cert-product-image\">\n                    <div class=\"cert-product-name\">Vacuum Tube Collector<\/div>\n                <\/div>\n                <div class=\"cert-product-card\">\n                    <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector\" class=\"cert-product-image\">\n                    <div class=\"cert-product-name\">Flat Plate Collector<\/div>\n                <\/div>\n                <div class=\"cert-product-card\">\n                    <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater\" class=\"cert-product-image\">\n                    <div class=\"cert-product-name\">Solar Water Heater<\/div>\n                <\/div>\n                <div class=\"cert-product-card\">\n                    <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT System\" class=\"cert-product-image\">\n                    <div class=\"cert-product-name\">PVT System<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Closing Statement -->\n        <div class=\"cert-closing\">\n            <p class=\"cert-closing-text\">\n                With rigorous quality control and precision engineering, <strong>SOLETKS<\/strong> delivers high-performance, durable, and trustworthy solar solutions trusted by global customers.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox Modal -->\n    <div class=\"cert-lightbox\" id=\"certLightbox\">\n        <div class=\"cert-lightbox-overlay\"><\/div>\n        <div class=\"cert-lightbox-content\">\n            <button class=\"cert-lightbox-close\" id=\"closeLightbox\">\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n                <\/svg>\n            <\/button>\n            \n            <button class=\"cert-lightbox-nav cert-lightbox-prev\" id=\"prevCert\">\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n                <\/svg>\n            <\/button>\n            \n            <div class=\"cert-lightbox-image-wrapper\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" class=\"cert-lightbox-image\" id=\"lightboxImage\">\n            <\/div>\n            \n            <button class=\"cert-lightbox-nav cert-lightbox-next\" id=\"nextCert\">\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                <\/svg>\n            <\/button>\n            \n            <div class=\"cert-lightbox-title\" id=\"lightboxTitle\"><\/div>\n            <div class=\"cert-lightbox-counter\" id=\"lightboxCounter\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .cert-section {\n        width: 100%;\n        background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n        padding: 80px 20px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .cert-container {\n        max-width: 1300px;\n        margin: 0 auto;\n    }\n\n    \/* Header *\/\n    .cert-header {\n        text-align: center;\n        margin-bottom: 50px;\n        animation: fadeInUp 0.8s ease;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cert-label {\n        display: inline-block;\n        padding: 8px 24px;\n        background: rgba(255, 165, 0, 0.1);\n        border: 1px solid rgba(255, 165, 0, 0.3);\n        border-radius: 30px;\n        color: #FFA500;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n    }\n\n    .cert-heading {\n        font-size: 48px;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 20px;\n        letter-spacing: -1.5px;\n        line-height: 1.1;\n    }\n\n    .cert-intro {\n        font-size: 18px;\n        color: #475569;\n        max-width: 900px;\n        margin: 0 auto;\n        line-height: 1.7;\n    }\n\n    \/* Info Box *\/\n    .cert-info-box {\n        background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\n        border: 2px solid #FFA500;\n        border-radius: 20px;\n        padding: 30px 40px;\n        margin-bottom: 50px;\n        animation: fadeInUp 0.8s ease 0.2s both;\n    }\n\n    .cert-info-text {\n        font-size: 17px;\n        color: #1e293b;\n        text-align: center;\n        line-height: 1.8;\n    }\n\n    .cert-info-text strong {\n        color: #FFA500;\n        font-weight: 700;\n    }\n\n    \/* Commitment Section *\/\n    .cert-commitment {\n        margin-bottom: 60px;\n        animation: fadeInUp 0.8s ease 0.3s both;\n    }\n\n    .cert-commitment-title {\n        font-size: 24px;\n        font-weight: 700;\n        color: #1e293b;\n        text-align: center;\n        margin-bottom: 30px;\n    }\n\n    .cert-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 20px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .cert-point {\n        display: flex;\n        align-items: flex-start;\n        gap: 15px;\n        padding: 25px;\n        background: white;\n        border: 1px solid #e2e8f0;\n        border-radius: 16px;\n        transition: all 0.3s ease;\n    }\n\n    .cert-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(255, 165, 0, 0.15);\n        border-color: #FFA500;\n    }\n\n    .cert-point-icon {\n        flex-shrink: 0;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #FFA500, #ff8c00);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n    }\n\n    .cert-point-text {\n        font-size: 16px;\n        color: #475569;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* Certificates Gallery - \u4e00\u884c\u6392\u5f00 *\/\n    .cert-gallery-wrapper {\n        margin-bottom: 60px;\n        animation: fadeInUp 0.8s ease 0.4s both;\n        overflow: hidden;\n    }\n\n    .cert-gallery {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        padding: 20px 0;\n        scroll-behavior: smooth;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: thin;\n        scrollbar-color: #FFA500 #f1f5f9;\n    }\n\n    .cert-gallery::-webkit-scrollbar {\n        height: 8px;\n    }\n\n    .cert-gallery::-webkit-scrollbar-track {\n        background: #f1f5f9;\n        border-radius: 10px;\n    }\n\n    .cert-gallery::-webkit-scrollbar-thumb {\n        background: #FFA500;\n        border-radius: 10px;\n    }\n\n    .cert-gallery::-webkit-scrollbar-thumb:hover {\n        background: #ff8c00;\n    }\n\n    .cert-card {\n        flex: 0 0 220px;\n        background: white;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        transition: all 0.4s ease;\n        cursor: pointer;\n    }\n\n    .cert-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 40px rgba(255, 165, 0, 0.25);\n    }\n\n    .cert-image-wrapper {\n        position: relative;\n        width: 100%;\n        padding-top: 141.4%; \/* A4 ratio *\/\n        overflow: hidden;\n        background: #f1f5f9;\n    }\n\n    .cert-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.4s ease;\n    }\n\n    .cert-card:hover .cert-image {\n        transform: scale(1.08);\n    }\n\n    .cert-card-title {\n        padding: 15px;\n        text-align: center;\n        font-size: 14px;\n        font-weight: 700;\n        color: #1e293b;\n    }\n\n    \/* Products Section *\/\n    .cert-products {\n        margin-bottom: 60px;\n        animation: fadeInUp 0.8s ease 0.5s both;\n    }\n\n    .cert-products-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: #1e293b;\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .cert-products-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 30px;\n    }\n\n    .cert-product-card {\n        background: white;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        transition: all 0.3s ease;\n    }\n\n    .cert-product-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 35px rgba(255, 165, 0, 0.2);\n    }\n\n    .cert-product-image {\n        width: 100%;\n        height: 250px;\n        object-fit: cover;\n    }\n\n    .cert-product-name {\n        padding: 20px;\n        text-align: center;\n        font-size: 16px;\n        font-weight: 600;\n        color: #1e293b;\n    }\n\n    \/* Closing Statement *\/\n    .cert-closing {\n        text-align: center;\n        animation: fadeInUp 0.8s ease 0.6s both;\n    }\n\n    .cert-closing-text {\n        font-size: 18px;\n        color: #475569;\n        max-width: 900px;\n        margin: 0 auto;\n        line-height: 1.8;\n    }\n\n    .cert-closing-text strong {\n        color: #FFA500;\n        font-weight: 700;\n    }\n\n    \/* Lightbox Modal *\/\n    .cert-lightbox {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 9999;\n        animation: fadeIn 0.3s ease;\n    }\n\n    .cert-lightbox.active {\n        display: block;\n    }\n\n    .cert-lightbox-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.95);\n    }\n\n    .cert-lightbox-content {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 20px 120px;\n    }\n\n    .cert-lightbox-close {\n        position: absolute;\n        top: 30px;\n        right: 30px;\n        width: 50px;\n        height: 50px;\n        background: rgba(255, 255, 255, 0.1);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        color: white;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10;\n    }\n\n    .cert-lightbox-close:hover {\n        background: rgba(255, 165, 0, 0.9);\n        border-color: #FFA500;\n        transform: rotate(90deg);\n    }\n\n    .cert-lightbox-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 60px;\n        height: 60px;\n        background: rgba(255, 255, 255, 0.1);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        color: white;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10;\n    }\n\n    .cert-lightbox-nav:hover {\n        background: rgba(255, 165, 0, 0.9);\n        border-color: #FFA500;\n        transform: translateY(-50%) scale(1.1);\n    }\n\n    .cert-lightbox-prev {\n        left: 30px;\n    }\n\n    .cert-lightbox-next {\n        right: 30px;\n    }\n\n    .cert-lightbox-image-wrapper {\n        max-width: 90%;\n        max-height: 85vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .cert-lightbox-image {\n        max-width: 100%;\n        max-height: 85vh;\n        object-fit: contain;\n        border-radius: 8px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .cert-lightbox-title {\n        position: absolute;\n        bottom: 60px;\n        left: 50%;\n        transform: translateX(-50%);\n        color: white;\n        font-size: 20px;\n        font-weight: 600;\n        text-align: center;\n        padding: 15px 30px;\n        background: rgba(0, 0, 0, 0.7);\n        border-radius: 30px;\n        backdrop-filter: blur(10px);\n    }\n\n    .cert-lightbox-counter {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        color: white;\n        font-size: 14px;\n        font-weight: 500;\n        padding: 8px 20px;\n        background: rgba(255, 165, 0, 0.8);\n        border-radius: 20px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 768px) {\n        .cert-heading {\n            font-size: 32px;\n        }\n\n        .cert-intro {\n            font-size: 16px;\n        }\n\n        .cert-card {\n            flex: 0 0 180px;\n        }\n\n        .cert-lightbox-nav {\n            width: 45px;\n            height: 45px;\n        }\n\n        .cert-lightbox-prev {\n            left: 15px;\n        }\n\n        .cert-lightbox-next {\n            right: 15px;\n        }\n\n        .cert-lightbox-close {\n            top: 15px;\n            right: 15px;\n            width: 40px;\n            height: 40px;\n        }\n\n        .cert-products-grid {\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n        }\n    }\n<\/style>\n\n<script>\n(function() {\n    \/\/ \u83b7\u53d6\u6240\u6709\u8bc1\u4e66\u5361\u7247\n    const certCards = document.querySelectorAll('.cert-card');\n    const lightbox = document.getElementById('certLightbox');\n    const lightboxImage = document.getElementById('lightboxImage');\n    const lightboxTitle = document.getElementById('lightboxTitle');\n    const lightboxCounter = document.getElementById('lightboxCounter');\n    const closeLightbox = document.getElementById('closeLightbox');\n    const prevCert = document.getElementById('prevCert');\n    const nextCert = document.getElementById('nextCert');\n    const overlay = document.querySelector('.cert-lightbox-overlay');\n\n    let currentIndex = 0;\n    const totalCerts = certCards.length;\n\n    \/\/ \u5b58\u50a8\u6240\u6709\u8bc1\u4e66\u4fe1\u606f\n    const certificates = Array.from(certCards).map(card => ({\n        image: card.querySelector('.cert-image').src,\n        title: card.querySelector('.cert-card-title').textContent,\n        index: parseInt(card.getAttribute('data-index'))\n    }));\n\n    \/\/ \u6253\u5f00\u706f\u7bb1\n    function openLightbox(index) {\n        currentIndex = index;\n        updateLightbox();\n        lightbox.classList.add('active');\n        document.body.style.overflow = 'hidden';\n    }\n\n    \/\/ \u5173\u95ed\u706f\u7bb1\n    function closeLightboxFunc() {\n        lightbox.classList.remove('active');\n        document.body.style.overflow = '';\n    }\n\n    \/\/ \u66f4\u65b0\u706f\u7bb1\u5185\u5bb9\n    function updateLightbox() {\n        const cert = certificates[currentIndex];\n        lightboxImage.src = cert.image;\n        lightboxTitle.textContent = cert.title;\n        lightboxCounter.textContent = `${currentIndex + 1} \/ ${totalCerts}`;\n    }\n\n    \/\/ \u4e0a\u4e00\u5f20\n    function showPrev() {\n        currentIndex = (currentIndex - 1 + totalCerts) % totalCerts;\n        updateLightbox();\n    }\n\n    \/\/ \u4e0b\u4e00\u5f20\n    function showNext() {\n        currentIndex = (currentIndex + 1) % totalCerts;\n        updateLightbox();\n    }\n\n    \/\/ \u4e3a\u6bcf\u4e2a\u8bc1\u4e66\u5361\u7247\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n    certCards.forEach((card, index) => {\n        card.addEventListener('click', () => {\n            openLightbox(index);\n        });\n    });\n\n    \/\/ \u5173\u95ed\u6309\u94ae\n    closeLightbox.addEventListener('click', closeLightboxFunc);\n    overlay.addEventListener('click', closeLightboxFunc);\n\n    \/\/ \u5bfc\u822a\u6309\u94ae\n    prevCert.addEventListener('click', (e) => {\n        e.stopPropagation();\n        showPrev();\n    });\n\n    nextCert.addEventListener('click', (e) => {\n        e.stopPropagation();\n        showNext();\n    });\n\n    \/\/ \u952e\u76d8\u5bfc\u822a\n    document.addEventListener('keydown', (e) => {\n        if (!lightbox.classList.contains('active')) return;\n\n        switch(e.key) {\n            case 'Escape':\n                closeLightboxFunc();\n                break;\n            case 'ArrowLeft':\n                showPrev();\n                break;\n            case 'ArrowRight':\n                showNext();\n                break;\n        }\n    });\n\n    \/\/ \u89e6\u6478\u6ed1\u52a8\u652f\u6301 (\u79fb\u52a8\u7aef)\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    lightbox.addEventListener('touchstart', (e) => {\n        touchStartX = e.changedTouches[0].screenX;\n    });\n\n    lightbox.addEventListener('touchend', (e) => {\n        touchEndX = e.changedTouches[0].screenX;\n        handleSwipe();\n    });\n\n    function handleSwipe() {\n        if (touchEndX < touchStartX - 50) {\n            showNext();\n        }\n        if (touchEndX > touchStartX + 50) {\n            showPrev();\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db73b20 e-con-full e-flex e-con e-parent\" data-id=\"db73b20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63c0a69 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"63c0a69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Quality Metrics Section -->\n<div class=\"quality-section\">\n    <div class=\"quality-container\">\n        <!-- Section Header -->\n        <div class=\"quality-header\">\n            <span class=\"quality-label\">QUALITY EXCELLENCE<\/span>\n            <h2 class=\"quality-heading\">Key Quality Metrics<\/h2>\n            <p class=\"quality-intro\">\n                Our comprehensive 6-step quality assurance process ensures every SOLETKS solar system meets the highest standards of performance, safety, and reliability.\n            <\/p>\n        <\/div>\n\n        <!-- Quality Steps Timeline -->\n        <div class=\"quality-timeline\">\n            <!-- Step 1: Procurement -->\n            <div class=\"timeline-item\" data-step=\"1\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">01<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <!-- \u80cc\u666f\u5706 -->\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad1)\" opacity=\"0.1\"\/>\n                            <!-- \u8d27\u7269\u7bb1 -->\n                            <rect x=\"40\" y=\"45\" width=\"40\" height=\"35\" fill=\"url(#grad1)\" rx=\"3\"\/>\n                            <rect x=\"43\" y=\"48\" width=\"34\" height=\"29\" fill=\"#E0F2FE\" rx=\"2\"\/>\n                            <!-- \u68c0\u67e5\u6807\u8bb0 -->\n                            <circle cx=\"60\" cy=\"62\" r=\"14\" fill=\"white\" stroke=\"url(#grad1)\" stroke-width=\"2\"\/>\n                            <path d=\"M 53 62 L 58 67 L 67 58\" stroke=\"url(#grad1)\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                            <!-- \u88c5\u9970\u7ebf -->\n                            <line x1=\"45\" y1=\"53\" x2=\"58\" y2=\"53\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n                            <line x1=\"45\" y1=\"58\" x2=\"52\" y2=\"58\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.8\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">Procurement<\/h3>\n                        <p class=\"timeline-desc\">\n                            SOLETKS sources materials and components from certified global suppliers. Every solar panel, inverter, and cable undergoes strict quality screening to ensure reliability and long service life.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 2: Design -->\n            <div class=\"timeline-item\" data-step=\"2\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">02<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad2)\" opacity=\"0.1\"\/>\n                            <!-- \u56fe\u7eb8 -->\n                            <rect x=\"35\" y=\"40\" width=\"50\" height=\"40\" fill=\"white\" stroke=\"url(#grad2)\" stroke-width=\"2.5\" rx=\"3\"\/>\n                            <!-- \u7f51\u683c -->\n                            <line x1=\"40\" y1=\"50\" x2=\"80\" y2=\"50\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <line x1=\"40\" y1=\"60\" x2=\"80\" y2=\"60\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <line x1=\"40\" y1=\"70\" x2=\"80\" y2=\"70\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <line x1=\"50\" y1=\"45\" x2=\"50\" y2=\"75\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <line x1=\"60\" y1=\"45\" x2=\"60\" y2=\"75\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <line x1=\"70\" y1=\"45\" x2=\"70\" y2=\"75\" stroke=\"#BFDBFE\" stroke-width=\"1\"\/>\n                            <!-- \u592a\u9633\u80fd\u677f\u56fe\u6807 -->\n                            <rect x=\"50\" y=\"52\" width=\"20\" height=\"16\" fill=\"url(#grad2)\" rx=\"1\"\/>\n                            <line x1=\"60\" y1=\"52\" x2=\"60\" y2=\"68\" stroke=\"white\" stroke-width=\"1.5\"\/>\n                            <line x1=\"50\" y1=\"60\" x2=\"70\" y2=\"60\" stroke=\"white\" stroke-width=\"1.5\"\/>\n                            <!-- \u5706\u89c4 -->\n                            <circle cx=\"75\" cy=\"35\" r=\"8\" fill=\"url(#grad2)\"\/>\n                            <line x1=\"75\" y1=\"35\" x2=\"82\" y2=\"42\" stroke=\"url(#grad2)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">Design<\/h3>\n                        <p class=\"timeline-desc\">\n                            Our engineering team combines advanced photovoltaic technology with intelligent system design. Each solution is precisely calculated for optimal energy yield, safety, and visual harmony with the environment.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 3: Manufacturing -->\n            <div class=\"timeline-item\" data-step=\"3\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">03<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad3)\" opacity=\"0.1\"\/>\n                            <!-- \u5de5\u5382 -->\n                            <rect x=\"35\" y=\"55\" width=\"50\" height=\"30\" fill=\"url(#grad3)\" rx=\"2\"\/>\n                            <rect x=\"38\" y=\"58\" width=\"44\" height=\"24\" fill=\"#E0F2FE\" rx=\"1\"\/>\n                            <!-- \u7a97\u6237 -->\n                            <rect x=\"42\" y=\"63\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"55\" y=\"63\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"68\" y=\"63\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"42\" y=\"73\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"55\" y=\"73\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"68\" y=\"73\" width=\"10\" height=\"8\" fill=\"white\" rx=\"1\"\/>\n                            <!-- \u5c4b\u9876 -->\n                            <path d=\"M 30 55 L 60 35 L 90 55 Z\" fill=\"url(#grad3)\"\/>\n                            <path d=\"M 35 55 L 60 40 L 85 55 Z\" fill=\"#1E40AF\"\/>\n                            <!-- \u70df\u56f1 -->\n                            <rect x=\"68\" y=\"30\" width=\"8\" height=\"15\" fill=\"#1E3A8A\" rx=\"1\"\/>\n                            <!-- \u70df\u96fe -->\n                            <circle cx=\"72\" cy=\"26\" r=\"3\" fill=\"#93C5FD\" opacity=\"0.6\"\/>\n                            <circle cx=\"75\" cy=\"22\" r=\"3.5\" fill=\"#93C5FD\" opacity=\"0.5\"\/>\n                            <circle cx=\"69\" cy=\"21\" r=\"3\" fill=\"#93C5FD\" opacity=\"0.4\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">Manufacturing<\/h3>\n                        <p class=\"timeline-desc\">\n                            All key components, including PV modules, frames, and junction boxes, are produced using advanced automation and precision assembly lines to ensure consistency and durability.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 4: System Integration -->\n            <div class=\"timeline-item\" data-step=\"4\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">04<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad4)\" opacity=\"0.1\"\/>\n                            <!-- \u4e2d\u5fc3\u9f7f\u8f6e -->\n                            <circle cx=\"60\" cy=\"60\" r=\"18\" fill=\"url(#grad4)\"\/>\n                            <circle cx=\"60\" cy=\"60\" r=\"12\" fill=\"white\"\/>\n                            <circle cx=\"60\" cy=\"60\" r=\"6\" fill=\"url(#grad4)\"\/>\n                            <!-- \u9f7f\u8f6e\u9f7f -->\n                            <rect x=\"57\" y=\"36\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\"\/>\n                            <rect x=\"57\" y=\"74\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\"\/>\n                            <rect x=\"74\" y=\"57\" width=\"10\" height=\"6\" fill=\"url(#grad4)\" rx=\"2\"\/>\n                            <rect x=\"36\" y=\"57\" width=\"10\" height=\"6\" fill=\"url(#grad4)\" rx=\"2\"\/>\n                            <!-- \u5bf9\u89d2\u9f7f -->\n                            <rect x=\"73\" y=\"43\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\" transform=\"rotate(45 76 48)\"\/>\n                            <rect x=\"41\" y=\"43\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\" transform=\"rotate(-45 44 48)\"\/>\n                            <rect x=\"73\" y=\"67\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\" transform=\"rotate(-45 76 72)\"\/>\n                            <rect x=\"41\" y=\"67\" width=\"6\" height=\"10\" fill=\"url(#grad4)\" rx=\"2\" transform=\"rotate(45 44 72)\"\/>\n                            <!-- \u8fde\u63a5\u8282\u70b9 -->\n                            <circle cx=\"40\" cy=\"40\" r=\"5\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"80\" cy=\"40\" r=\"5\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"80\" cy=\"80\" r=\"5\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"40\" cy=\"80\" r=\"5\" fill=\"#3B82F6\"\/>\n                            <!-- \u8fde\u63a5\u7ebf -->\n                            <line x1=\"60\" y1=\"60\" x2=\"40\" y2=\"40\" stroke=\"#93C5FD\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n                            <line x1=\"60\" y1=\"60\" x2=\"80\" y2=\"40\" stroke=\"#93C5FD\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n                            <line x1=\"60\" y1=\"60\" x2=\"80\" y2=\"80\" stroke=\"#93C5FD\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n                            <line x1=\"60\" y1=\"60\" x2=\"40\" y2=\"80\" stroke=\"#93C5FD\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">System Integration<\/h3>\n                        <p class=\"timeline-desc\">\n                            Each solar system is carefully configured to match electrical standards and performance requirements. Components are tested for seamless compatibility and maximum efficiency.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 5: Inspection & Testing -->\n            <div class=\"timeline-item\" data-step=\"5\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">05<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad5)\" opacity=\"0.1\"\/>\n                            <!-- \u653e\u5927\u955c -->\n                            <circle cx=\"52\" cy=\"52\" r=\"22\" fill=\"white\" stroke=\"url(#grad5)\" stroke-width=\"3.5\"\/>\n                            <circle cx=\"52\" cy=\"52\" r=\"16\" fill=\"#E0F2FE\"\/>\n                            <line x1=\"68\" y1=\"68\" x2=\"82\" y2=\"82\" stroke=\"url(#grad5)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n                            <!-- \u68c0\u67e5\u7b26\u53f7 -->\n                            <path d=\"M 43 52 L 49 58 L 61 46\" stroke=\"url(#grad5)\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                            <!-- \u88c5\u9970\u5143\u7d20 -->\n                            <circle cx=\"30\" cy=\"35\" r=\"3\" fill=\"#60A5FA\" opacity=\"0.6\"\/>\n                            <circle cx=\"85\" cy=\"40\" r=\"3\" fill=\"#60A5FA\" opacity=\"0.6\"\/>\n                            <circle cx=\"82\" cy=\"28\" r=\"2.5\" fill=\"#60A5FA\" opacity=\"0.5\"\/>\n                            <circle cx=\"28\" cy=\"78\" r=\"2.5\" fill=\"#60A5FA\" opacity=\"0.5\"\/>\n                            <!-- \u6570\u636e\u7ebf -->\n                            <path d=\"M 35 48 Q 40 45 45 48\" stroke=\"#93C5FD\" stroke-width=\"1.5\" fill=\"none\"\/>\n                            <path d=\"M 35 56 Q 40 53 45 56\" stroke=\"#93C5FD\" stroke-width=\"1.5\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">Inspection & Testing<\/h3>\n                        <p class=\"timeline-desc\">\n                            Before shipment, systems undergo comprehensive testing, including electrical performance, insulation resistance, temperature cycling, and weather simulation to guarantee long-term stability.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 6: Packaging & Delivery -->\n            <div class=\"timeline-item\" data-step=\"6\">\n                <div class=\"timeline-marker\">\n                    <div class=\"marker-outer\">\n                        <div class=\"marker-inner\">06<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-content\">\n                    <div class=\"timeline-icon\">\n                        <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <defs>\n                                <linearGradient id=\"grad6\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                                    <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#grad6)\" opacity=\"0.1\"\/>\n                            <!-- \u5305\u88c5\u7bb1 -->\n                            <rect x=\"35\" y=\"42\" width=\"45\" height=\"35\" fill=\"url(#grad6)\" rx=\"2\"\/>\n                            <rect x=\"38\" y=\"45\" width=\"39\" height=\"29\" fill=\"#E0F2FE\" rx=\"1\"\/>\n                            <!-- \u80f6\u5e26 -->\n                            <rect x=\"35\" y=\"56\" width=\"45\" height=\"8\" fill=\"#1E40AF\" opacity=\"0.8\"\/>\n                            <line x1=\"35\" y1=\"60\" x2=\"80\" y2=\"60\" stroke=\"white\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\n                            <!-- \u6613\u788e\u6807\u5fd7 -->\n                            <circle cx=\"57\" cy=\"63\" r=\"10\" fill=\"white\"\/>\n                            <path d=\"M 57 57 L 54 67 L 60 67 Z\" fill=\"#EF4444\"\/>\n                            <circle cx=\"57\" cy=\"70\" r=\"1.5\" fill=\"#EF4444\"\/>\n                            <!-- \u5361\u8f66 -->\n                            <rect x=\"28\" y=\"80\" width=\"35\" height=\"15\" fill=\"url(#grad6)\" rx=\"2\"\/>\n                            <rect x=\"63\" y=\"83\" width=\"15\" height=\"12\" fill=\"#1E40AF\" rx=\"1\"\/>\n                            <!-- \u8f66\u7a97 -->\n                            <rect x=\"65\" y=\"85\" width=\"11\" height=\"7\" fill=\"#E0F2FE\" rx=\"1\"\/>\n                            <!-- \u8f66\u8f6e -->\n                            <circle cx=\"38\" cy=\"95\" r=\"5\" fill=\"#1E3A8A\"\/>\n                            <circle cx=\"38\" cy=\"95\" r=\"3\" fill=\"#475569\"\/>\n                            <circle cx=\"70\" cy=\"95\" r=\"5\" fill=\"#1E3A8A\"\/>\n                            <circle cx=\"70\" cy=\"95\" r=\"3\" fill=\"#475569\"\/>\n                            <!-- \u8fd0\u52a8\u7ebf\u6761 -->\n                            <line x1=\"18\" y1=\"84\" x2=\"25\" y2=\"84\" stroke=\"#93C5FD\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                            <line x1=\"20\" y1=\"90\" x2=\"26\" y2=\"90\" stroke=\"#93C5FD\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"timeline-text\">\n                        <h3 class=\"timeline-title\">Packaging & Delivery<\/h3>\n                        <p class=\"timeline-desc\">\n                            After final quality checks, products are cleaned, safely packaged in shock-resistant materials, and shipped in export-standard crates to ensure damage-free delivery worldwide.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Process Flow Visualization -->\n        <div class=\"quality-flow\">\n            <h3 class=\"quality-flow-title\">Complete Quality Process Flow<\/h3>\n            <div class=\"quality-flow-diagram\">\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <path d=\"M 18 25 L 22 29 L 32 19\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Procurement<\/div>\n                <\/div>\n                <div class=\"flow-arrow\">\n                    <svg viewBox=\"0 0 40 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M 0 10 L 30 10 L 25 5 M 30 10 L 25 15\" stroke=\"#3B82F6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <rect x=\"15\" y=\"18\" width=\"20\" height=\"14\" fill=\"white\" rx=\"1\"\/>\n                            <line x1=\"20\" y1=\"22\" x2=\"30\" y2=\"22\" stroke=\"#3B82F6\" stroke-width=\"1.5\"\/>\n                            <line x1=\"20\" y1=\"26\" x2=\"30\" y2=\"26\" stroke=\"#3B82F6\" stroke-width=\"1.5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Design<\/div>\n                <\/div>\n                <div class=\"flow-arrow\">\n                    <svg viewBox=\"0 0 40 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M 0 10 L 30 10 L 25 5 M 30 10 L 25 15\" stroke=\"#3B82F6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <rect x=\"15\" y=\"22\" width=\"20\" height=\"12\" fill=\"white\" rx=\"1\"\/>\n                            <path d=\"M 12 22 L 25 15 L 38 22\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Manufacturing<\/div>\n                <\/div>\n                <div class=\"flow-arrow\">\n                    <svg viewBox=\"0 0 40 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M 0 10 L 30 10 L 25 5 M 30 10 L 25 15\" stroke=\"#3B82F6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"25\" cy=\"25\" r=\"10\" fill=\"white\"\/>\n                            <circle cx=\"25\" cy=\"25\" r=\"5\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"18\" cy=\"18\" r=\"3\" fill=\"white\"\/>\n                            <circle cx=\"32\" cy=\"18\" r=\"3\" fill=\"white\"\/>\n                            <circle cx=\"32\" cy=\"32\" r=\"3\" fill=\"white\"\/>\n                            <circle cx=\"18\" cy=\"32\" r=\"3\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Integration<\/div>\n                <\/div>\n                <div class=\"flow-arrow\">\n                    <svg viewBox=\"0 0 40 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M 0 10 L 30 10 L 25 5 M 30 10 L 25 15\" stroke=\"#3B82F6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <circle cx=\"22\" cy=\"22\" r=\"10\" fill=\"white\"\/>\n                            <line x1=\"30\" y1=\"30\" x2=\"38\" y2=\"38\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Testing<\/div>\n                <\/div>\n                <div class=\"flow-arrow\">\n                    <svg viewBox=\"0 0 40 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M 0 10 L 30 10 L 25 5 M 30 10 L 25 15\" stroke=\"#3B82F6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"flow-step\">\n                    <div class=\"flow-icon\">\n                        <svg viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"25\" cy=\"25\" r=\"23\" fill=\"#3B82F6\"\/>\n                            <rect x=\"15\" y=\"18\" width=\"20\" height=\"15\" fill=\"white\" rx=\"1\"\/>\n                            <rect x=\"15\" y=\"23\" width=\"20\" height=\"3\" fill=\"#3B82F6\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"flow-label\">Delivery<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Quality Commitment -->\n        <div class=\"quality-commitment\">\n            <div class=\"commitment-icon\">\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <defs>\n                        <linearGradient id=\"gradCommit\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                            <stop offset=\"0%\" style=\"stop-color:#3B82F6;stop-opacity:1\" \/>\n                            <stop offset=\"100%\" style=\"stop-color:#1D4ED8;stop-opacity:1\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                    <!-- \u5fbd\u7ae0\u5916\u5708 -->\n                    <circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"url(#gradCommit)\"\/>\n                    <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"white\"\/>\n                    <!-- \u661f\u661f\u5f62\u72b6 -->\n                    <path d=\"M 50 20 L 55 40 L 75 40 L 60 52 L 65 72 L 50 60 L 35 72 L 40 52 L 25 40 L 45 40 Z\" fill=\"url(#gradCommit)\"\/>\n                    <!-- \u68c0\u67e5\u6807\u8bb0 -->\n                    <path d=\"M 40 50 L 46 56 L 60 42\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <h3 class=\"commitment-title\">Our Quality Commitment<\/h3>\n            <p class=\"commitment-text\">\n                Every SOLETKS solar system is backed by rigorous quality control at every stage. We don't just meet industry standards\u2014we exceed them, ensuring your investment delivers reliable, sustainable energy for decades to come.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .quality-section {\n        width: 100%;\n        background: linear-gradient(180deg, #F0F9FF 0%, #ffffff 50%, #F0F9FF 100%);\n        padding: 100px 20px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .quality-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    \/* Header *\/\n    .quality-header {\n        text-align: center;\n        margin-bottom: 80px;\n        animation: fadeInUp 0.8s ease;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .quality-label {\n        display: inline-block;\n        padding: 10px 28px;\n        background: linear-gradient(135deg, #DBEAFE, #BFDBFE);\n        border: 2px solid #3B82F6;\n        border-radius: 50px;\n        color: #1E40AF;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 24px;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n    }\n\n    .quality-heading {\n        font-size: 56px;\n        font-weight: 800;\n        background: linear-gradient(135deg, #1E40AF, #3B82F6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 24px;\n        letter-spacing: -2px;\n        line-height: 1.1;\n    }\n\n    .quality-intro {\n        font-size: 19px;\n        color: #475569;\n        max-width: 900px;\n        margin: 0 auto;\n        line-height: 1.8;\n    }\n\n    \/* Timeline *\/\n    .quality-timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto 100px;\n        padding: 40px 0;\n    }\n\n    .quality-timeline::before {\n        content: '';\n        position: absolute;\n        left: 60px;\n        top: 0;\n        bottom: 0;\n        width: 4px;\n        background: linear-gradient(180deg, #BFDBFE, #3B82F6, #BFDBFE);\n        border-radius: 2px;\n    }\n\n    .timeline-item {\n        position: relative;\n        display: flex;\n        gap: 40px;\n        margin-bottom: 60px;\n        animation: fadeInUp 0.8s ease both;\n    }\n\n    .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n    .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n    .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n    .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n    .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n    .timeline-item:nth-child(6) { animation-delay: 0.6s; }\n\n    .timeline-marker {\n        position: relative;\n        flex-shrink: 0;\n        z-index: 2;\n    }\n\n    .marker-outer {\n        width: 120px;\n        height: 120px;\n        background: linear-gradient(135deg, #3B82F6, #1D4ED8);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4);\n        transition: all 0.4s ease;\n    }\n\n    .timeline-item:hover .marker-outer {\n        transform: scale(1.1) rotate(5deg);\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.5);\n    }\n\n    .marker-inner {\n        width: 100px;\n        height: 100px;\n        background: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 36px;\n        font-weight: 800;\n        background: linear-gradient(135deg, #3B82F6, #1D4ED8);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .timeline-content {\n        flex: 1;\n        display: flex;\n        gap: 30px;\n        align-items: center;\n        padding: 30px 40px;\n        background: white;\n        border-radius: 24px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 2px solid transparent;\n        transition: all 0.4s ease;\n    }\n\n    .timeline-item:hover .timeline-content {\n        border-color: #3B82F6;\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);\n        transform: translateX(10px);\n    }\n\n    .timeline-icon {\n        flex-shrink: 0;\n        width: 120px;\n        height: 120px;\n        transition: transform 0.4s ease;\n    }\n\n    .timeline-item:hover .timeline-icon {\n        transform: scale(1.1) rotate(-5deg);\n    }\n\n    .timeline-icon svg {\n        width: 100%;\n        height: 100%;\n        filter: drop-shadow(0 4px 12px rgba(59, 130, 246, 0.2));\n    }\n\n    .timeline-text {\n        flex: 1;\n    }\n\n    .timeline-title {\n        font-size: 26px;\n        font-weight: 700;\n        color: #1E40AF;\n        margin-bottom: 12px;\n        line-height: 1.3;\n    }\n\n    .timeline-desc {\n        font-size: 16px;\n        color: #64748B;\n        line-height: 1.7;\n        margin: 0;\n    }\n\n    \/* Process Flow *\/\n    .quality-flow {\n        margin-bottom: 80px;\n        padding: 60px 50px;\n        background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);\n        border-radius: 32px;\n        border: 3px solid #3B82F6;\n        box-shadow: 0 10px 40px rgba(59, 130, 246, 0.15);\n        animation: fadeInUp 0.8s ease 0.7s both;\n    }\n\n    .quality-flow-title {\n        font-size: 32px;\n        font-weight: 700;\n        color: #1E40AF;\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .quality-flow-diagram {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n\n    .flow-step {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .flow-icon {\n        width: 80px;\n        height: 80px;\n        transition: all 0.3s ease;\n        filter: drop-shadow(0 4px 15px rgba(59, 130, 246, 0.3));\n    }\n\n    .flow-step:hover .flow-icon {\n        transform: scale(1.15) rotate(10deg);\n    }\n\n    .flow-label {\n        font-size: 15px;\n        font-weight: 600;\n        color: #1E40AF;\n        text-align: center;\n    }\n\n    .flow-arrow {\n        width: 40px;\n        height: 20px;\n        animation: slideRight 1.5s ease-in-out infinite;\n    }\n\n    @keyframes slideRight {\n        0%, 100% { transform: translateX(0); }\n        50% { transform: translateX(8px); }\n    }\n\n    \/* Quality Commitment *\/\n    .quality-commitment {\n        text-align: center;\n        padding: 70px 50px;\n        background: white;\n        border-radius: 32px;\n        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);\n        border: 3px solid #E0F2FE;\n        animation: fadeInUp 0.8s ease 0.8s both;\n    }\n\n    .commitment-icon {\n        width: 120px;\n        height: 120px;\n        margin: 0 auto 35px;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\n\n    .commitment-icon svg {\n        width: 100%;\n        height: 100%;\n        filter: drop-shadow(0 8px 25px rgba(59, 130, 246, 0.3));\n    }\n\n    .commitment-title {\n        font-size: 36px;\n        font-weight: 700;\n        background: linear-gradient(135deg, #1E40AF, #3B82F6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 24px;\n    }\n\n    .commitment-text {\n        font-size: 18px;\n        color: #475569;\n        max-width: 900px;\n        margin: 0 auto;\n        line-height: 1.8;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1024px) {\n        .quality-timeline::before {\n            left: 50px;\n        }\n\n        .marker-outer {\n            width: 100px;\n            height: 100px;\n        }\n\n        .marker-inner {\n            width: 80px;\n            height: 80px;\n            font-size: 28px;\n        }\n\n        .timeline-content {\n            padding: 25px 30px;\n        }\n\n        .timeline-icon {\n            width: 100px;\n            height: 100px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .quality-heading {\n            font-size: 40px;\n        }\n\n        .quality-intro {\n            font-size: 17px;\n        }\n\n        .quality-timeline::before {\n            display: none;\n        }\n\n        .timeline-item {\n            flex-direction: column;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .marker-outer {\n            margin: 0 auto;\n        }\n\n        .timeline-content {\n            flex-direction: column;\n            text-align: center;\n            padding: 30px 25px;\n        }\n\n        .timeline-icon {\n            margin: 0 auto;\n        }\n\n        .timeline-title {\n            font-size: 22px;\n        }\n\n        .timeline-desc {\n            font-size: 15px;\n        }\n\n        .quality-flow {\n            padding: 40px 25px;\n        }\n\n        .quality-flow-diagram {\n            flex-direction: column;\n        }\n\n        .flow-arrow {\n            transform: rotate(90deg);\n        }\n\n        .commitment-title {\n            font-size: 28px;\n        }\n\n        .commitment-text {\n            font-size: 16px;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-299eea2 e-con-full e-flex e-con e-parent\" data-id=\"299eea2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-614cc15 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"614cc15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Call to Action Section -->\n<div class=\"cta-section\">\n    <div class=\"cta-background\">\n        <img loading=\"lazy\" height=\"534\" width=\"902\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png\" alt=\"Solar Heating Solution\" class=\"cta-bg-image\">\n        <div class=\"cta-overlay\"><\/div>\n    <\/div>\n    \n    <div class=\"cta-container\">\n        <div class=\"cta-content\">\n            <h2 class=\"cta-heading\">Find the Right Solar Heating Solution for Your Facility<\/h2>\n            <a href=\"#contact\" class=\"cta-button\">\n                <span>Get Started<\/span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .cta-section {\n        position: relative;\n        width: 100%;\n        height: 400px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .cta-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n    }\n\n    .cta-bg-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    .cta-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            135deg,\n            rgba(30, 64, 175, 0.85) 0%,\n            rgba(59, 130, 246, 0.80) 100%\n        );\n    }\n\n    .cta-container {\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        width: 100%;\n        padding: 0 40px;\n    }\n\n    .cta-content {\n        text-align: center;\n        animation: fadeIn 0.8s ease;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .cta-heading {\n        font-size: 48px;\n        font-weight: 800;\n        color: white;\n        margin-bottom: 40px;\n        line-height: 1.2;\n        letter-spacing: -1px;\n        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 45px;\n        background: white;\n        color: #1E40AF;\n        font-size: 18px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);\n        background: #F0F9FF;\n    }\n\n    .cta-button svg {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover svg {\n        transform: translateX(5px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 768px) {\n        .cta-section {\n            height: 350px;\n        }\n\n        .cta-container {\n            padding: 0 20px;\n        }\n\n        .cta-heading {\n            font-size: 32px;\n            margin-bottom: 30px;\n        }\n\n        .cta-button {\n            padding: 16px 35px;\n            font-size: 16px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .cta-section {\n            height: 300px;\n        }\n\n        .cta-heading {\n            font-size: 24px;\n            margin-bottom: 25px;\n        }\n\n        .cta-button {\n            padding: 14px 30px;\n            font-size: 15px;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-591bc36 e-con-full e-flex e-con e-parent\" data-id=\"591bc36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24dd858 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"24dd858\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory & Quality Control Section -->\n<div class=\"factory-section\">\n    <div class=\"factory-bg-pattern\"><\/div>\n    \n    <div class=\"factory-container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"factory-header\">\n            <div class=\"header-decoration\">\n                <span class=\"deco-line\"><\/span>\n                <span class=\"deco-dot\"><\/span>\n                <span class=\"deco-line\"><\/span>\n            <\/div>\n            <h2 class=\"factory-title\">\n                <span class=\"title-main\">Factory & Quality Control<\/span>\n                <span class=\"title-sub\">in Action<\/span>\n            <\/h2>\n            <div class=\"title-underline\">\n                <span class=\"underline-bar\"><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- \u63cf\u8ff0\u6587\u5b57 -->\n        <div class=\"factory-description-wrapper\">\n            <div class=\"description-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                <\/svg>\n            <\/div>\n            <p class=\"factory-description\">\n                Every SOLETKS flat\u2011plate clean thermal energy system undergoes a stringent quality assurance process to ensure efficiency, durability, and full compliance with global standards. Our trained engineers validate each stage\u2014from spectral selective absorption coating and flat\u2011plate collector core materials, component matching and system integration, to thermal performance, insulation and weathering tests, temperature cycling, and reliability verification\u2014guaranteeing stable, high\u2011efficiency operation over the long term.\n            <\/p>\n        <\/div>\n\n        <!-- \u56fe\u7247\u7f51\u683c -->\n        <div class=\"factory-grid\">\n            <!-- \u5927\u56fe 1 -->\n            <div class=\"grid-item grid-large grid-item-1\">\n                <div class=\"item-number\">01<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"559\" width=\"1080\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1757553333692029.jpg.webp\" alt=\"Production Line\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\u2699\ufe0f<\/div>\n                            <h3>Production Line<\/h3>\n                            <p>Advanced Manufacturing<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5c0f\u56fe 1 -->\n            <div class=\"grid-item grid-small grid-item-2\">\n                <div class=\"item-number\">02<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484017445_676012578189234_7579065853112377065_n.jpg\" alt=\"Quality Inspection\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\ud83d\udd0d<\/div>\n                            <h3>Quality Check<\/h3>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5c0f\u56fe 2 -->\n            <div class=\"grid-item grid-small grid-item-3\">\n                <div class=\"item-number\">03<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484048622_676012294855929_3746532947662208981_n.jpg\" alt=\"Testing Process\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\ud83e\uddea<\/div>\n                            <h3>Testing Lab<\/h3>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5c0f\u56fe 3 -->\n            <div class=\"grid-item grid-small grid-item-4\">\n                <div class=\"item-number\">04<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484223262_676012298189262_2221024287430093839_n.jpg\" alt=\"Assembly Line\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\ud83d\udd27<\/div>\n                            <h3>Assembly<\/h3>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5c0f\u56fe 4 -->\n            <div class=\"grid-item grid-small grid-item-5\">\n                <div class=\"item-number\">05<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484440865_676012608189231_6291287963248567718_n.jpg\" alt=\"Warehouse\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\ud83d\udce6<\/div>\n                            <h3>Warehouse<\/h3>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5927\u56fe 2 -->\n            <div class=\"grid-item grid-large grid-item-6\">\n                <div class=\"item-number\">06<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"800\" width=\"1200\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/528713724_785223243934833_6929634398165643764_n.jpg\" alt=\"Quality Control\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\u2705<\/div>\n                            <h3>Quality Control<\/h3>\n                            <p>Precision Testing<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n\n            <!-- \u5927\u56fe 3 -->\n            <div class=\"grid-item grid-large grid-item-7\">\n                <div class=\"item-number\">07<\/div>\n                <div class=\"item-image\">\n                    <img loading=\"lazy\" height=\"608\" width=\"1080\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1757748928823162.jpg.webp\" alt=\"Final Inspection\">\n                    <div class=\"image-overlay\">\n                        <div class=\"overlay-content\">\n                            <div class=\"overlay-icon\">\ud83c\udfaf<\/div>\n                            <h3>Final Inspection<\/h3>\n                            <p>Excellence Guaranteed<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"item-corner\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u88c5\u9970\u5143\u7d20 -->\n        <div class=\"floating-elements\">\n            <div class=\"float-circle circle-1\"><\/div>\n            <div class=\"float-circle circle-2\"><\/div>\n            <div class=\"float-square square-1\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .factory-section {\n        width: 100%;\n        padding: 140px 20px;\n        background: #FFFFFF;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* \u80cc\u666f\u56fe\u6848 *\/\n    .factory-bg-pattern {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: \n            radial-gradient(circle at 20% 30%, rgba(255, 149, 0, 0.03) 0%, transparent 50%),\n            radial-gradient(circle at 80% 70%, rgba(255, 179, 71, 0.04) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    .factory-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* \u6807\u9898\u533a\u57df *\/\n    .factory-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .header-decoration {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 25px;\n    }\n\n    .deco-line {\n        width: 60px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, #FF9500, transparent);\n    }\n\n    .deco-dot {\n        width: 8px;\n        height: 8px;\n        background: #FF9500;\n        border-radius: 50%;\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n        0%, 100% { transform: scale(1); opacity: 1; }\n        50% { transform: scale(1.5); opacity: 0.6; }\n    }\n\n    .factory-title {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        margin: 0;\n    }\n\n    .title-main {\n        font-size: 52px;\n        font-weight: 900;\n        color: #0F172A;\n        letter-spacing: -2px;\n        line-height: 1;\n    }\n\n    .title-sub {\n        font-size: 52px;\n        font-weight: 900;\n        background: linear-gradient(135deg, #FF9500 0%, #FFB347 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -2px;\n        line-height: 1;\n    }\n\n    .title-underline {\n        margin-top: 20px;\n        display: flex;\n        justify-content: center;\n    }\n\n    .underline-bar {\n        width: 80px;\n        height: 4px;\n        background: linear-gradient(90deg, #FF9500, #FFB347);\n        border-radius: 2px;\n        position: relative;\n    }\n\n    .underline-bar::after {\n        content: '';\n        position: absolute;\n        right: -30px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 20px;\n        height: 4px;\n        background: #FFCC80;\n        border-radius: 2px;\n    }\n\n    \/* \u63cf\u8ff0\u533a\u57df *\/\n    .factory-description-wrapper {\n        max-width: 950px;\n        margin: 0 auto 80px;\n        padding: 45px 55px;\n        background: linear-gradient(135deg, #FFF8F0 0%, #FFEDD5 100%);\n        border-radius: 24px;\n        border-left: 5px solid #FF9500;\n        position: relative;\n        box-shadow: 0 4px 30px rgba(255, 149, 0, 0.08);\n    }\n\n    .description-icon {\n        position: absolute;\n        top: -25px;\n        left: 50px;\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, #FF9500, #FF8C00);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 8px 20px rgba(255, 149, 0, 0.3);\n    }\n\n    .description-icon svg {\n        width: 28px;\n        height: 28px;\n        color: white;\n    }\n\n    .factory-description {\n        font-size: 17px;\n        color: #334155;\n        line-height: 2;\n        margin: 0;\n        font-weight: 400;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c - \u65b0\u5e03\u5c40 *\/\n    .factory-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 25px;\n        margin-top: 70px;\n    }\n\n    \/* \u5927\u56fe\u53602\u52172\u884c *\/\n    .grid-large {\n        grid-column: span 2;\n        grid-row: span 2;\n    }\n\n    \/* \u5c0f\u56fe\u53601\u52171\u884c *\/\n    .grid-small {\n        grid-column: span 1;\n        grid-row: span 1;\n    }\n\n    \/* \u7279\u5b9a\u4f4d\u7f6e *\/\n    .grid-item-1 {\n        grid-column: 1 \/ 3;\n        grid-row: 1 \/ 3;\n    }\n\n    .grid-item-2 {\n        grid-column: 3 \/ 4;\n        grid-row: 1 \/ 2;\n    }\n\n    .grid-item-3 {\n        grid-column: 4 \/ 5;\n        grid-row: 1 \/ 2;\n    }\n\n    .grid-item-4 {\n        grid-column: 3 \/ 4;\n        grid-row: 2 \/ 3;\n    }\n\n    .grid-item-5 {\n        grid-column: 4 \/ 5;\n        grid-row: 2 \/ 3;\n    }\n\n    .grid-item-6 {\n        grid-column: 3 \/ 5;\n        grid-row: 3 \/ 5;\n    }\n\n    .grid-item-7 {\n        grid-column: 1 \/ 3;\n        grid-row: 3 \/ 5;\n    }\n\n    .grid-item {\n        position: relative;\n        animation: slideInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;\n    }\n\n    .grid-item-1 { animation-delay: 0.1s; }\n    .grid-item-2 { animation-delay: 0.2s; }\n    .grid-item-3 { animation-delay: 0.3s; }\n    .grid-item-4 { animation-delay: 0.4s; }\n    .grid-item-5 { animation-delay: 0.5s; }\n    .grid-item-6 { animation-delay: 0.6s; }\n    .grid-item-7 { animation-delay: 0.7s; }\n\n    @keyframes slideInUp {\n        from {\n            opacity: 0;\n            transform: translateY(60px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .item-number {\n        position: absolute;\n        top: -15px;\n        left: -15px;\n        width: 70px;\n        height: 70px;\n        background: linear-gradient(135deg, #FF9500, #FF8C00);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 26px;\n        font-weight: 900;\n        color: white;\n        z-index: 10;\n        box-shadow: 0 10px 30px rgba(255, 149, 0, 0.4);\n        border: 4px solid white;\n    }\n\n    .item-image {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        min-height: 300px;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);\n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .grid-item:hover .item-image {\n        transform: translateY(-10px) scale(1.02);\n        box-shadow: 0 25px 70px rgba(255, 149, 0, 0.15);\n    }\n\n    .item-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .grid-item:hover .item-image img {\n        transform: scale(1.1);\n    }\n\n    .image-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(255, 149, 0, 0.95), rgba(255, 179, 71, 0.9));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .grid-item:hover .image-overlay {\n        opacity: 1;\n    }\n\n    .overlay-content {\n        text-align: center;\n        color: white;\n        transform: translateY(20px);\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        padding: 20px;\n    }\n\n    .grid-item:hover .overlay-content {\n        transform: translateY(0);\n    }\n\n    .overlay-icon {\n        font-size: 50px;\n        margin-bottom: 12px;\n        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n    }\n\n    .grid-large .overlay-icon {\n        font-size: 70px;\n        margin-bottom: 20px;\n    }\n\n    .overlay-content h3 {\n        font-size: 22px;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        letter-spacing: -0.5px;\n    }\n\n    .grid-large .overlay-content h3 {\n        font-size: 32px;\n        margin-bottom: 12px;\n    }\n\n    .overlay-content p {\n        font-size: 16px;\n        margin: 0;\n        opacity: 0.95;\n        font-weight: 500;\n    }\n\n    .item-corner {\n        position: absolute;\n        bottom: -10px;\n        right: -10px;\n        width: 100px;\n        height: 100px;\n        border: 3px solid #FF9500;\n        border-left: none;\n        border-top: none;\n        border-radius: 0 0 20px 0;\n        opacity: 0.3;\n    }\n\n    \/* \u6d6e\u52a8\u88c5\u9970\u5143\u7d20 *\/\n    .floating-elements {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        pointer-events: none;\n        overflow: hidden;\n    }\n\n    .float-circle {\n        position: absolute;\n        border-radius: 50%;\n        border: 2px solid #FF9500;\n        opacity: 0.1;\n    }\n\n    .circle-1 {\n        width: 300px;\n        height: 300px;\n        top: 10%;\n        right: 5%;\n        animation: float 20s ease-in-out infinite;\n    }\n\n    .circle-2 {\n        width: 200px;\n        height: 200px;\n        bottom: 15%;\n        left: 8%;\n        animation: float 15s ease-in-out infinite reverse;\n    }\n\n    .float-square {\n        position: absolute;\n        width: 80px;\n        height: 80px;\n        border: 2px solid #FFB347;\n        opacity: 0.08;\n        transform: rotate(45deg);\n    }\n\n    .square-1 {\n        top: 50%;\n        right: 10%;\n        animation: rotate 25s linear infinite;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0) translateX(0); }\n        50% { transform: translateY(-30px) translateX(20px); }\n    }\n\n    @keyframes rotate {\n        from { transform: rotate(45deg); }\n        to { transform: rotate(405deg); }\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n        .factory-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n\n        .grid-item-1 {\n            grid-column: 1 \/ 3;\n            grid-row: 1 \/ 3;\n        }\n\n        .grid-item-2 {\n            grid-column: 3 \/ 4;\n            grid-row: 1 \/ 2;\n        }\n\n        .grid-item-3 {\n            grid-column: 3 \/ 4;\n            grid-row: 2 \/ 3;\n        }\n\n        .grid-item-4 {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .grid-item-5 {\n            grid-column: 2 \/ 3;\n            grid-row: 3 \/ 4;\n        }\n\n        .grid-item-6 {\n            grid-column: 3 \/ 4;\n            grid-row: 3 \/ 5;\n        }\n\n        .grid-item-7 {\n            grid-column: 1 \/ 3;\n            grid-row: 4 \/ 6;\n        }\n    }\n\n    @media (max-width: 1024px) {\n        .factory-section {\n            padding: 100px 20px;\n        }\n\n        .title-main, .title-sub {\n            font-size: 42px;\n        }\n\n        .factory-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .grid-item-1,\n        .grid-item-6,\n        .grid-item-7 {\n            grid-column: span 2;\n            grid-row: span 1;\n        }\n\n        .grid-item-2,\n        .grid-item-3,\n        .grid-item-4,\n        .grid-item-5 {\n            grid-column: span 1;\n            grid-row: span 1;\n        }\n\n        .item-image {\n            min-height: 250px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .factory-section {\n            padding: 80px 15px;\n        }\n\n        .title-main, .title-sub {\n            font-size: 34px;\n        }\n\n        .factory-description-wrapper {\n            padding: 40px 30px;\n            margin-bottom: 60px;\n        }\n\n        .factory-description {\n            font-size: 16px;\n            line-height: 1.9;\n        }\n\n        .factory-grid {\n            grid-template-columns: 1fr;\n            gap: 30px;\n            margin-top: 50px;\n        }\n\n        .grid-item-1,\n        .grid-item-2,\n        .grid-item-3,\n        .grid-item-4,\n        .grid-item-5,\n        .grid-item-6,\n        .grid-item-7 {\n            grid-column: span 1;\n            grid-row: span 1;\n        }\n\n        .item-number {\n            width: 60px;\n            height: 60px;\n            font-size: 22px;\n        }\n\n        .item-image {\n            min-height: 280px;\n        }\n\n        .overlay-content h3 {\n            font-size: 24px;\n        }\n\n        .overlay-icon {\n            font-size: 50px;\n        }\n\n        .circle-1, .circle-2 {\n            display: none;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .title-main, .title-sub {\n            font-size: 28px;\n        }\n\n        .factory-description-wrapper {\n            padding: 35px 25px;\n        }\n\n        .factory-description {\n            font-size: 15px;\n        }\n\n        .item-image {\n            min-height: 240px;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ca6a01 e-con-full e-flex e-con e-parent\" data-id=\"0ca6a01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a565336 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a565336\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Customer Feedback Section -->\n<div class=\"feedback-section\">\n    <div class=\"feedback-bg-pattern\"><\/div>\n    \n    <div class=\"feedback-container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"feedback-header\">\n            <div class=\"header-badge\">\n                <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"\/>\n                <\/svg>\n                <span>Customer Voices<\/span>\n            <\/div>\n            \n            <h2 class=\"feedback-title\">\n                <span class=\"title-line-1\">Customer<\/span>\n                <span class=\"title-line-2\">Feedback<\/span>\n            <\/h2>\n            \n            <p class=\"feedback-intro\">\n                Global customers rely on SOLETKS for efficient, durable, and standards\u2011compliant clean thermal solutions that cut energy costs, reduce emissions, and deliver reliable performance across diverse applications.\n            <\/p>\n        <\/div>\n\n        <!-- \u53cd\u9988\u5361\u7247\u7f51\u683c -->\n        <div class=\"feedback-grid\">\n            <!-- Card 1 -->\n            <div class=\"feedback-card card-blue\">\n                <div class=\"card-quote-icon\">\"<\/div>\n                <div class=\"card-content\">\n                    <p class=\"card-text\">\n                        The build quality of SOLETKS is outstanding. Every component feels solid, and the thermal output has exceeded our expectations. After months of operation, performance remains stable and reliable.\n                    <\/p>\n                    <div class=\"card-author\">\n                        <div class=\"author-avatar\">\n                            <span>MS<\/span>\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4 class=\"author-name\">Michael S.<\/h4>\n                            <p class=\"author-title\">Facility Energy Manager<\/p>\n                            <p class=\"author-location\">\n                                <svg class=\"location-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg>\n                                Germany\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-corner\"><\/div>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"feedback-card card-orange\">\n                <div class=\"card-quote-icon\">\"<\/div>\n                <div class=\"card-content\">\n                    <p class=\"card-text\">\n                        We chose SOLETKS for their quality reputation, and they delivered. The system runs smoothly with minimal maintenance and excellent thermal efficiency\u2014a great investment.\n                    <\/p>\n                    <div class=\"card-author\">\n                        <div class=\"author-avatar\">\n                            <span>LT<\/span>\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4 class=\"author-name\">Liam T.<\/h4>\n                            <p class=\"author-title\">Wood Processing Plant Owner<\/p>\n                            <p class=\"author-location\">\n                                <svg class=\"location-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg>\n                                Canada\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-corner\"><\/div>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"feedback-card card-blue\">\n                <div class=\"card-quote-icon\">\"<\/div>\n                <div class=\"card-content\">\n                    <p class=\"card-text\">\n                        Every detail is carefully engineered and assembled. The durability and stability of the system make a huge difference in our daily operations. We appreciate the strict quality control behind the manufacturing.\n                    <\/p>\n                    <div class=\"card-author\">\n                        <div class=\"author-avatar\">\n                            <span>CW<\/span>\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4 class=\"author-name\">Chen Wei<\/h4>\n                            <p class=\"author-title\">Process Heating Supervisor<\/p>\n                            <p class=\"author-location\">\n                                <svg class=\"location-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg>\n                                China\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-corner\"><\/div>\n            <\/div>\n\n            <!-- Card 4 -->\n            <div class=\"feedback-card card-orange\">\n                <div class=\"card-quote-icon\">\"<\/div>\n                <div class=\"card-content\">\n                    <p class=\"card-text\">\n                        Compared to other brands we've used, SOLETKS systems offer exceptional efficiency and longevity. The materials and components are clearly high\u2011grade, ensuring long\u2011term reliability.\n                    <\/p>\n                    <div class=\"card-author\">\n                        <div class=\"author-avatar\">\n                            <span>AR<\/span>\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4 class=\"author-name\">Andr\u00e9s R.<\/h4>\n                            <p class=\"author-title\">Industrial Drying Operator<\/p>\n                            <p class=\"author-location\">\n                                <svg class=\"location-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg>\n                                Spain\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-corner\"><\/div>\n            <\/div>\n\n            <!-- Card 5 -->\n            <div class=\"feedback-card card-blue\">\n                <div class=\"card-quote-icon\">\"<\/div>\n                <div class=\"card-content\">\n                    <p class=\"card-text\">\n                        The pre\u2011delivery quality checks were evident\u2014our system arrived perfectly calibrated and ready to run. It's reassuring to see quality prioritized at every stage.\n                    <\/p>\n                    <div class=\"card-author\">\n                        <div class=\"author-avatar\">\n                            <span>DP<\/span>\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4 class=\"author-name\">David P.<\/h4>\n                            <p class=\"author-title\">Energy Systems Engineer<\/p>\n                            <p class=\"author-location\">\n                                <svg class=\"location-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg>\n                                USA\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-corner\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u88c5\u9970\u5143\u7d20 -->\n        <div class=\"feedback-decorations\">\n            <div class=\"deco-circle deco-blue\"><\/div>\n            <div class=\"deco-circle deco-orange\"><\/div>\n            <div class=\"deco-dots\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .feedback-section {\n        width: 100%;\n        padding: 120px 20px;\n        background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* \u80cc\u666f\u56fe\u6848 *\/\n    .feedback-bg-pattern {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: \n            radial-gradient(circle at 15% 20%, rgba(59, 130, 246, 0.04) 0%, transparent 50%),\n            radial-gradient(circle at 85% 80%, rgba(255, 149, 0, 0.04) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    .feedback-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* \u6807\u9898\u533a\u57df *\/\n    .feedback-header {\n        text-align: center;\n        margin-bottom: 70px;\n    }\n\n    .header-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 24px;\n        background: linear-gradient(135deg, #EFF6FF, #FFF7ED);\n        border: 2px solid #DBEAFE;\n        border-radius: 50px;\n        margin-bottom: 30px;\n        animation: fadeInDown 0.8s ease-out;\n    }\n\n    .badge-icon {\n        width: 20px;\n        height: 20px;\n        color: #FF9500;\n    }\n\n    .header-badge span {\n        font-size: 14px;\n        font-weight: 700;\n        background: linear-gradient(135deg, #3B82F6, #FF9500);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .feedback-title {\n        margin: 0 0 30px;\n        animation: fadeInUp 0.8s ease-out 0.2s both;\n    }\n\n    .title-line-1 {\n        display: block;\n        font-size: 56px;\n        font-weight: 900;\n        color: #3B82F6;\n        letter-spacing: -2px;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n\n    .title-line-2 {\n        display: block;\n        font-size: 56px;\n        font-weight: 900;\n        color: #FF9500;\n        letter-spacing: -2px;\n        line-height: 1;\n    }\n\n    .feedback-intro {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 17px;\n        color: #475569;\n        line-height: 1.9;\n        animation: fadeInUp 0.8s ease-out 0.4s both;\n    }\n\n    @keyframes fadeInDown {\n        from {\n            opacity: 0;\n            transform: translateY(-30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* \u53cd\u9988\u5361\u7247\u7f51\u683c *\/\n    .feedback-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n        gap: 35px;\n        margin-top: 60px;\n    }\n\n    .feedback-card {\n        position: relative;\n        padding: 40px 35px;\n        background: white;\n        border-radius: 20px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        animation: slideInUp 0.6s ease-out both;\n    }\n\n    .feedback-card:nth-child(1) { animation-delay: 0.1s; }\n    .feedback-card:nth-child(2) { animation-delay: 0.2s; }\n    .feedback-card:nth-child(3) { animation-delay: 0.3s; }\n    .feedback-card:nth-child(4) { animation-delay: 0.4s; }\n    .feedback-card:nth-child(5) { animation-delay: 0.5s; }\n\n    @keyframes slideInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .card-blue {\n        border-top: 4px solid #3B82F6;\n    }\n\n    .card-orange {\n        border-top: 4px solid #FF9500;\n    }\n\n    .feedback-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n    }\n\n    .card-blue:hover {\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .card-orange:hover {\n        box-shadow: 0 12px 40px rgba(255, 149, 0, 0.2);\n    }\n\n    .card-quote-icon {\n        position: absolute;\n        top: 20px;\n        right: 30px;\n        font-size: 80px;\n        font-family: Georgia, serif;\n        opacity: 0.08;\n        line-height: 1;\n        pointer-events: none;\n    }\n\n    .card-blue .card-quote-icon {\n        color: #3B82F6;\n    }\n\n    .card-orange .card-quote-icon {\n        color: #FF9500;\n    }\n\n    .card-content {\n        position: relative;\n        z-index: 1;\n    }\n\n    .card-text {\n        font-size: 16px;\n        color: #334155;\n        line-height: 1.8;\n        margin: 0 0 30px;\n        font-style: italic;\n    }\n\n    .card-author {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        padding-top: 25px;\n        border-top: 2px solid #F1F5F9;\n    }\n\n    .author-avatar {\n        width: 56px;\n        height: 56px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 18px;\n        font-weight: 700;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .card-blue .author-avatar {\n        background: linear-gradient(135deg, #3B82F6, #2563EB);\n    }\n\n    .card-orange .author-avatar {\n        background: linear-gradient(135deg, #FF9500, #FF8C00);\n    }\n\n    .author-info {\n        flex: 1;\n    }\n\n    .author-name {\n        font-size: 18px;\n        font-weight: 700;\n        color: #0F172A;\n        margin: 0 0 4px;\n    }\n\n    .author-title {\n        font-size: 14px;\n        color: #64748B;\n        margin: 0 0 6px;\n        font-weight: 500;\n    }\n\n    .author-location {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        font-size: 13px;\n        color: #94A3B8;\n        margin: 0;\n    }\n\n    .location-icon {\n        width: 14px;\n        height: 14px;\n    }\n\n    .card-blue .location-icon {\n        color: #3B82F6;\n    }\n\n    .card-orange .location-icon {\n        color: #FF9500;\n    }\n\n    .card-corner {\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 60px;\n        height: 60px;\n        border-radius: 0 0 20px 0;\n        opacity: 0.05;\n    }\n\n    .card-blue .card-corner {\n        background: linear-gradient(135deg, transparent 50%, #3B82F6 50%);\n    }\n\n    .card-orange .card-corner {\n        background: linear-gradient(135deg, transparent 50%, #FF9500 50%);\n    }\n\n    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .feedback-decorations {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        pointer-events: none;\n        overflow: hidden;\n    }\n\n    .deco-circle {\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        border-radius: 50%;\n        opacity: 0.03;\n    }\n\n    .deco-blue {\n        background: radial-gradient(circle, #3B82F6, transparent);\n        top: -100px;\n        left: -100px;\n        animation: float 20s ease-in-out infinite;\n    }\n\n    .deco-orange {\n        background: radial-gradient(circle, #FF9500, transparent);\n        bottom: -100px;\n        right: -100px;\n        animation: float 25s ease-in-out infinite reverse;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(30px, -30px) scale(1.1); }\n    }\n\n    .deco-dots {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 200px;\n        height: 200px;\n        background-image: \n            radial-gradient(circle, #3B82F6 2px, transparent 2px),\n            radial-gradient(circle, #FF9500 2px, transparent 2px);\n        background-size: 40px 40px;\n        background-position: 0 0, 20px 20px;\n        opacity: 0.03;\n        animation: rotate 60s linear infinite;\n    }\n\n    @keyframes rotate {\n        from { transform: translate(-50%, -50%) rotate(0deg); }\n        to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n        .feedback-grid {\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n            gap: 30px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .feedback-section {\n            padding: 80px 15px;\n        }\n\n        .title-line-1, .title-line-2 {\n            font-size: 42px;\n        }\n\n        .feedback-intro {\n            font-size: 16px;\n        }\n\n        .feedback-grid {\n            grid-template-columns: 1fr;\n            gap: 25px;\n        }\n\n        .feedback-card {\n            padding: 35px 28px;\n        }\n\n        .card-text {\n            font-size: 15px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .title-line-1, .title-line-2 {\n            font-size: 36px;\n        }\n\n        .feedback-intro {\n            font-size: 15px;\n        }\n\n        .card-quote-icon {\n            font-size: 60px;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QUALITY ASSURANCE Quality Assurance Learn about our commitment to precision, reliability, and industry standards. At SOLETKS, quality is the foundation of every solar system we build. From raw material selection to final performance testing, each product undergoes rigorous control to ensure lasting safety, durability, and efficiency. Material Selection Premium raw materials Manufacturing Precision engineering Quality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":337,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/comments?post=520"}],"version-history":[{"count":34,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/520\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/520\/revisions\/605"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/337"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/media?parent=520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}