{"id":1226,"date":"2025-11-21T01:08:47","date_gmt":"2025-11-21T01:08:47","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1226"},"modified":"2025-11-21T02:22:07","modified_gmt":"2025-11-21T02:22:07","slug":"solar-collector-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/","title":{"rendered":"\u592a\u9633\u80fd\u96c6\u70ed\u5668\u4ea7\u54c1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1226\" class=\"elementor elementor-1226\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd14a9 e-con-full e-flex e-con e-parent\" data-id=\"1cd14a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4b4a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc4b4a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Compact Manufacturer Solar Banner (Shortened Button Text) -->\n<section class=\"solar-manufacturer-hero\">\n  <style>\n    .solar-manufacturer-hero {\n      position: relative;\n      min-height: 45vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730.png');\n      background-size: cover;\n      background-position: center;\n      background-attachment: fixed;\n      background-repeat: no-repeat;\n      overflow: hidden;\n      padding: 40px 20px;\n      color: #ffffff;\n    }\n\n    .mfg-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.6) 100%);\n      z-index: 1;\n    }\n\n    .mfg-glass-card {\n      position: relative;\n      z-index: 10;\n      max-width: 900px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-top: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 16px;\n      padding: 32px 30px;\n      text-align: center;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .mfg-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 12px;\n      background: rgba(34, 197, 94, 0.2);\n      border: 1px solid rgba(34, 197, 94, 0.4);\n      border-radius: 4px;\n      color: #4ade80;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n    }\n\n    .mfg-badge svg { width: 12px; height: 12px; }\n\n    .mfg-title {\n      font-size: 36px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 12px 0;\n      letter-spacing: -0.5px;\n      color: white;\n    }\n\n    .mfg-highlight {\n      color: #fbbf24;\n      position: relative;\n      display: inline-block;\n    }\n\n    .mfg-stats {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 15px 20px;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n      font-size: 13px;\n      color: rgba(255, 255, 255, 0.7);\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      padding: 12px 0;\n      width: 100%;\n    }\n\n    .mfg-stat-item strong {\n      color: #fbbf24;\n      font-weight: 600;\n    }\n    \n    .mfg-sep { opacity: 0.3; }\n\n    .mfg-subtitle {\n      font-size: 15px;\n      line-height: 1.5;\n      color: rgba(255, 255, 255, 0.8);\n      margin: 0 auto 24px;\n      max-width: 650px;\n    }\n\n    .mfg-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .btn-mfg-primary {\n      background: #25D366;\n      color: #fff;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 700;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: 1px solid #25D366;\n    }\n\n    .btn-mfg-primary:hover {\n      background: #128C7E;\n      border-color: #128C7E;\n      transform: translateY(-1px);\n    }\n\n    .btn-mfg-secondary {\n      background: transparent;\n      color: white;\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 600;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .btn-mfg-secondary:hover {\n      background: rgba(255, 255, 255, 0.1);\n      border-color: white;\n    }\n\n    @media (max-width: 768px) {\n      .solar-manufacturer-hero { min-height: 40vh; background-attachment: scroll; padding: 30px 16px; }\n      .mfg-glass-card { padding: 24px 16px; }\n      .mfg-title { font-size: 26px; }\n      \n      .mfg-stats { flex-direction: column; gap: 8px; padding: 12px 0; }\n      .mfg-sep { display: none; }\n      \n      \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u5782\u76f4\u5806\u53e0\uff0c\u786e\u4fdd\u6309\u94ae\u591f\u5927 *\/\n      .mfg-actions { width: 100%; flex-direction: column; gap: 10px; }\n      .btn-mfg-primary, .btn-mfg-secondary { \n        width: 100%; \n        justify-content: center; \n        text-align: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"mfg-overlay\"><\/div>\n\n  <div class=\"mfg-glass-card\">\n    \n    <div class=\"mfg-badge\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n      Verified Source Manufacturer\n    <\/div>\n\n    <h1 class=\"mfg-title\">\n      Premium Solar Thermal <br>\n      <span class=\"mfg-highlight\">Manufacturing Base<\/span>\n    <\/h1>\n\n    <div class=\"mfg-stats\">\n      <span class=\"mfg-stat-item\"><strong>OEM\/ODM<\/strong> Services<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>\u4ea4\u94a5\u5319<\/strong> Solar Thermal Projects<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>\u5168\u7403<\/strong> Distributor Recruitment<\/span>\n    <\/div>\n\n    <p class=\"mfg-subtitle\">\n      Direct from our factory to your project. We provide high-efficiency flat plate collectors with strict quality control and competitive wholesale pricing.\n    <\/p>\n\n    <div class=\"mfg-actions\">\n      <!-- WhatsApp \u6309\u94ae (\u5df2\u9690\u85cf\u53f7\u7801) -->\n      <a href=\"https:\/\/wa.me\/8615318896990\" target=\"_blank\" class=\"btn-mfg-primary\">\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n        CHAT ON WHATSAPP\n      <\/a>\n      \n      <!-- Quote \u6309\u94ae -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-mfg-secondary\">\n        Get Wholesale Quote\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-242c33f e-con-full e-flex e-con e-parent\" data-id=\"242c33f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4475ff7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4475ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Premium Minimalist Solar Collection -->\n<section id=\"solar-collector\" class=\"sc-premium-section\">\n  <style>\n    \/* --- \u6838\u5fc3\u53d8\u91cf\u5b9a\u4e49 --- *\/\n    :root {\n      --sc-primary: #0f172a; \/* \u6df1\u9083\u84dd\u9ed1 (\u5546\u52a1\u611f) *\/\n      --sc-accent: #f59e0b;  \/* \u6d3b\u529b\u6a59 (\u5f3a\u8c03\u8272) *\/\n      --sc-bg: #f8fafc;      \/* \u6781\u6d45\u7070\u80cc\u666f *\/\n      --sc-card-bg: #ffffff;\n      --sc-text-main: #334155;\n      --sc-text-sub: #94a3b8;\n    }\n\n    .sc-premium-section {\n      padding: 100px 20px;\n      background-color: var(--sc-bg);\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n\n    .sc-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5934\u90e8 --- *\/\n    .sc-header {\n      text-align: center;\n      margin-bottom: 70px;\n      position: relative;\n    }\n\n    .sc-header h2 {\n      font-size: 48px;\n      font-weight: 800;\n      color: var(--sc-primary);\n      margin: 0 0 16px 0;\n      letter-spacing: -1.5px;\n    }\n\n    .sc-header p {\n      font-size: 18px;\n      color: var(--sc-text-sub);\n      max-width: 600px;\n      margin: 0 auto;\n      font-weight: 400;\n    }\n\n    \/* --- Bento \u7f51\u683c\u5e03\u5c40 --- *\/\n    .sc-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 30px;\n    }\n\n    \/* \u5e03\u5c40\u8de8\u5ea6\u63a7\u5236 *\/\n    .sc-col-3 { grid-column: span 3; }\n    .sc-col-2 { grid-column: span 2; }\n\n    \/* --- \u5361\u7247\u8bbe\u8ba1 (\u6838\u5fc3) --- *\/\n    .sc-card {\n      background: var(--sc-card-bg);\n      border-radius: 24px;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      border: 1px solid rgba(255,255,255,0); \/* \u9884\u7559\u8fb9\u6846\u4f4d *\/\n      box-shadow: 0 4px 20px rgba(0,0,0,0.03); \/* \u6781\u8f7b\u67d4\u7684\u9634\u5f71 *\/\n      height: 100%;\n      overflow: hidden;\n    }\n\n    \/* \u60ac\u505c\u6001\uff1a\u4e0a\u6d6e + \u9634\u5f71\u52a0\u6df1 *\/\n    .sc-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df --- *\/\n    .sc-image-wrapper {\n      position: relative;\n      width: 100%;\n      height: 260px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); \/* \u5fae\u5f31\u6e10\u53d8\u5e95\u8272 *\/\n      padding: 30px;\n    }\n\n    .sc-image-wrapper img {\n      max-width: 90%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n      filter: drop-shadow(0 10px 20px rgba(0,0,0,0.06)); \/* \u56fe\u7247\u81ea\u5e26\u6295\u5f71 *\/\n    }\n\n    .sc-card:hover .sc-image-wrapper img {\n      transform: scale(1.08) translateY(-5px);\n    }\n\n    \/* \u6807\u7b7e (\u6781\u7b80\u98ce\u683c) *\/\n    .sc-tag {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      padding: 6px 12px;\n      border-radius: 100px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(0,0,0,0.05);\n      color: var(--sc-primary);\n      backdrop-filter: blur(4px);\n      z-index: 2;\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .sc-info {\n      padding: 24px 32px 32px; \/* \u5bbd\u655e\u7684\u5185\u8fb9\u8ddd *\/\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .sc-title {\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--sc-primary);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n    }\n\n    .sc-desc {\n      font-size: 15px;\n      color: var(--sc-text-sub);\n      line-height: 1.6;\n      margin-bottom: 24px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u5e95\u90e8\u64cd\u4f5c\u533a --- *\/\n    .sc-actions {\n      margin-top: auto;\n    }\n\n    \/* \u4e3b\u6309\u94ae\uff1aGET QUOTE *\/\n    .btn-quote {\n      display: flex;\n      align-items: center;\n      justify-content: space-between; \/* \u6587\u5b57\u5de6\uff0c\u7bad\u5934\u53f3 *\/\n      width: 100%;\n      padding: 16px 24px;\n      background-color: var(--sc-primary);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      border: 1px solid transparent;\n    }\n\n    .btn-quote span {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .btn-quote:hover {\n      background-color: var(--sc-accent);\n      color: white;\n      padding-right: 20px; \/* \u60ac\u505c\u65f6\u5fae\u52a8 *\/\n      box-shadow: 0 10px 20px rgba(245, 158, 11, 0.25);\n    }\n\n    \/* \u5f31\u5316\u7684\u8be6\u60c5\u94fe\u63a5 *\/\n    .link-specs {\n      display: block;\n      text-align: center;\n      margin-top: 14px;\n      font-size: 13px;\n      color: var(--sc-text-sub);\n      text-decoration: none;\n      font-weight: 500;\n      transition: color 0.2s;\n    }\n\n    .link-specs:hover {\n      color: var(--sc-primary);\n      text-decoration: underline;\n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n    @media (max-width: 1024px) {\n      .sc-grid { grid-template-columns: repeat(2, 1fr); }\n      .sc-col-3, .sc-col-2 { grid-column: span 1; }\n      .sc-card { border-radius: 20px; }\n      \/* \u8ba9\u6700\u540e\u4e00\u4e2a\u5361\u7247\u5728\u5e73\u677f\u4e0a\u6a2a\u8de8\uff0c\u4fdd\u6301\u5e73\u8861 *\/\n      .sc-grid > div:last-child { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .sc-premium-section { padding: 60px 16px; }\n      .sc-header h2 { font-size: 32px; }\n      .sc-grid { grid-template-columns: 1fr; gap: 24px; }\n      .sc-col-3, .sc-col-2, .sc-grid > div:last-child { grid-column: span 1; }\n      .sc-image-wrapper { height: 220px; }\n      .sc-info { padding: 20px 24px 24px; }\n    }\n  <\/style>\n\n  <div class=\"sc-container\">\n    <div class=\"sc-header\">\n      <h2>Solar Thermal Series<\/h2>\n      <p>Factory direct pricing for global distributors &amp; contractors.<\/p>\n    <\/div>\n\n    <div class=\"sc-grid\">\n      \n      <!-- Product 1: Flat Plate (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Best Seller<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Flat Plate Solar Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">\u5e73\u677f\u96c6\u70ed\u5668<\/h3>\n            <p class=\"sc-desc\">High-efficiency selective coating technology. The standard choice for residential water heating systems.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  GET EXW\/FOB QUOTE\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector\/flat-plate-solar-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Engineering (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Project Grade<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Engineering Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">Engineering Collector<\/h3>\n            <p class=\"sc-desc\">Engineered for large-scale centralized heating. Ideal for hotels, hospitals, and dormitories.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  GET EXW\/FOB QUOTE\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector\/engineering-hot-water-flat-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Large Size -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">\u5de5\u4e1a<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png&w=400&output=webp&q=85\" \n                 alt=\"Large Size Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">Large Size Collector<\/h3>\n            <p class=\"sc-desc\">Maximized surface area for industrial thermal applications.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector\/large-size-flat-plate-solar-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 4: Air Collector -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">\u7a7a\u6c14\u52a0\u70ed<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">AFPC Air Collector<\/h3>\n            <p class=\"sc-desc\">Direct air heating for agricultural drying and space ventilation.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector\/afpc-solar-air-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 5: Hot Air -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">\u9ad8\u6e29<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Hot Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">ATPC Hot Air<\/h3>\n            <p class=\"sc-desc\">Specialized high-temp output for demanding industrial processes.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-collector\/atpc-hot-air-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3f6d28 e-con-full e-flex e-con e-parent\" data-id=\"a3f6d28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e615429 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e615429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Clear Industrial Background Section -->\n<section id=\"our-solutions\" class=\"sol-industrial-section\">\n  <style>\n    :root {\n      --sol-accent: #f59e0b;    \/* \u5de5\u4e1a\u6a59 *\/\n      --sol-text-main: #1e293b;\n      --sol-text-sub: #64748b;\n    }\n\n    .sol-industrial-section {\n      padding: 70px 20px; \/* \u7a0d\u5fae\u589e\u52a0\u4e00\u70b9\u547c\u5438\u611f *\/\n      position: relative;\n      font-family: 'Inter', system-ui, sans-serif;\n      color: white;\n      overflow: hidden;\n    }\n\n    \/* --- \u80cc\u666f\u5c42\u4f18\u5316 --- *\/\n    .sol-bg-layer {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png');\n      background-size: cover;\n      background-position: center;\n      z-index: 0;\n    }\n\n    \/* \n       \u4fee\u6b63\u70b9\uff1a\u6e10\u53d8\u906e\u7f69 \n       \u9876\u90e8 0.85 (\u6df1) -> \u5e95\u90e8 0.35 (\u6d45)\n       \u65e2\u4fdd\u8bc1\u4e86\u6807\u9898\u80fd\u770b\u6e05\uff0c\u53c8\u8ba9\u5e95\u90e8\u7684\u5de5\u5382\u8bbe\u5907\u6e05\u6670\u53ef\u89c1\n    *\/\n    .sol-overlay {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(15, 23, 42, 0.9) 0%, \n        rgba(15, 23, 42, 0.6) 40%, \n        rgba(15, 23, 42, 0.3) 100%);\n      z-index: 1;\n    }\n\n    .sol-container {\n      max-width: 1380px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u5934\u90e8 *\/\n    .sol-header {\n      text-align: center;\n      margin-bottom: 45px;\n    }\n\n    .sol-header h2 {\n      font-size: 38px;\n      font-weight: 800;\n      margin: 0 0 12px 0;\n      color: #ffffff;\n      \/* \u589e\u52a0\u6587\u5b57\u6295\u5f71\uff0c\u9632\u6b62\u80cc\u666f\u8fc7\u4eae\u65f6\u770b\u4e0d\u6e05 *\/\n      text-shadow: 0 4px 12px rgba(0,0,0,0.5); \n    }\n\n    .sol-header p {\n      font-size: 17px;\n      color: #e2e8f0;\n      max-width: 700px;\n      margin: 0 auto;\n      font-weight: 500;\n      text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n    }\n\n    \/* --- 5\u5217\u5e03\u5c40 --- *\/\n    .sol-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    \/* \u5361\u7247\uff1a\u4fdd\u6301\u7eaf\u767d\uff0c\u5f62\u6210\u201c\u60ac\u6d6e\u201d\u5728\u5de5\u5382\u4e4b\u4e0a\u7684\u611f\u89c9 *\/\n    .sol-card {\n      background: #ffffff;\n      padding: 28px 22px;\n      border-radius: 6px;\n      position: relative;\n      transition: all 0.3s ease;\n      border-bottom: 4px solid transparent;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.2); \/* \u589e\u52a0\u6295\u5f71\uff0c\u4e0e\u80cc\u666f\u5206\u79bb *\/\n    }\n\n    .sol-card:hover {\n      transform: translateY(-8px);\n      border-bottom-color: var(--sol-accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n    }\n\n    \/* \u56fe\u6807 *\/\n    .sol-icon {\n      width: 50px;\n      height: 50px;\n      background: #f1f5f9;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n      color: #0f172a;\n      transition: all 0.3s;\n    }\n\n    .sol-card:hover .sol-icon {\n      background: var(--sol-accent);\n      color: white;\n    }\n\n    .sol-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke-width: 2;\n    }\n\n    \/* \u5e8f\u53f7 *\/\n    .sol-num {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      font-size: 28px;\n      font-weight: 900;\n      color: #f1f5f9; \/* \u6781\u6de1\u7070\uff0c\u4e0d\u62a2\u89c6\u89c9 *\/\n      line-height: 1;\n    }\n\n    .sol-card:hover .sol-num {\n      color: #fff7ed; \/* \u60ac\u505c\u53d8\u6696\u8272 *\/\n    }\n\n    \/* \u6587\u672c *\/\n    .sol-card h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--sol-text-main);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n      min-height: 46px;\n    }\n\n    .sol-card p {\n      font-size: 14px;\n      color: var(--sol-text-sub);\n      line-height: 1.6;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .sol-cta {\n      text-align: center;\n      margin-top: 50px;\n    }\n\n    .btn-custom {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 48px;\n      background: var(--sol-accent); \/* \u6a59\u8272\u6309\u94ae\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u975e\u5e38\u9192\u76ee *\/\n      color: white;\n      font-weight: 700;\n      font-size: 16px;\n      border-radius: 4px;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      transition: all 0.3s;\n      box-shadow: 0 4px 20px rgba(245, 158, 11, 0.5);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .btn-custom:hover {\n      background: #d97706;\n      transform: scale(1.05);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .sol-grid { grid-template-columns: repeat(3, 1fr); }\n      .sol-card:nth-child(4), .sol-card:nth-child(5) { grid-column: span 1.5; } \/* \u6700\u540e\u4e24\u4e2a\u5e73\u5206 *\/\n    }\n\n    @media (max-width: 768px) {\n      .sol-industrial-section { padding: 50px 16px; }\n      .sol-header h2 { font-size: 30px; }\n      .sol-grid { grid-template-columns: 1fr; gap: 16px; }\n      .sol-card {\n        flex-direction: row;\n        align-items: flex-start;\n        padding: 20px;\n        min-height: auto;\n      }\n      .sol-card:nth-child(n) { grid-column: span 1; }\n      .sol-icon { margin-right: 16px; margin-bottom: 0; width: 40px; height: 40px; flex-shrink: 0; }\n      .sol-card h3 { min-height: auto; margin-bottom: 4px; font-size: 16px; }\n      .sol-num { display: none; }\n    }\n  <\/style>\n\n  <div class=\"sol-bg-layer\"><\/div>\n  <div class=\"sol-overlay\"><\/div>\n\n  <div class=\"sol-container\">\n    <div class=\"sol-header\">\n      <h2>Tailored Solar Solutions<\/h2>\n      <p>Comprehensive services from design to maintenance for global partners.<\/p>\n    <\/div>\n\n    <div class=\"sol-grid\">\n      \n      <!-- 01 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">01<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n        <\/div>\n        <h3>Performance Optimization<\/h3>\n        <p>In-depth evaluation and efficiency testing ensure peak system output.<\/p>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">02<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n        <\/div>\n        <h3>Expert Installation<\/h3>\n        <p>Professional on-site setup and commissioning for faster project delivery.<\/p>\n      <\/div>\n\n      <!-- 03 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">03<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n        <\/div>\n        <h3>Free Maintenance<\/h3>\n        <p>Scheduled inspections and preventive service to extend system lifespan.<\/p>\n      <\/div>\n\n      <!-- 04 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">04<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\n        <\/div>\n        <h3>Technical Training<\/h3>\n        <p>Hands-on training for operation and monitoring to ensure reliability.<\/p>\n      <\/div>\n\n      <!-- 05 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">05<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n        <\/div>\n        <h3>Tech Upgrades<\/h3>\n        <p>Continuous innovations in selective coating and smart control systems.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sol-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-custom\">\n        \u5f00\u542f\u60a8\u7684\u5b9a\u5236\u5efa\u9020\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9db69d9 e-con-full e-flex e-con e-parent\" data-id=\"9db69d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6518a9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d6518a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- High-End 3D Projects Section -->\n<section class=\"design-showcase\">\n  <style>\n    :root {\n      --ds-accent: #f59e0b;       \/* \u54c1\u724c\u6a59 *\/\n      --ds-accent-glow: rgba(245, 158, 11, 0.4);\n      --ds-dark: #0f172a;         \/* \u6df1\u84dd\u9ed1 *\/\n      --ds-white: #ffffff;\n      --ds-bg: #f1f5f9;\n      --ds-shadow-card: 0 20px 40px -10px rgba(0,0,0,0.15); \/* \u6df1\u5ea6\u6295\u5f71 *\/\n      --ds-shadow-btn: 0 10px 20px -5px rgba(245, 158, 11, 0.5); \/* \u6309\u94ae\u53d1\u5149\u6295\u5f71 *\/\n    }\n\n    .design-showcase {\n      padding: 100px 20px;\n      background-color: var(--ds-bg);\n      font-family: 'Inter', system-ui, sans-serif;\n      overflow: hidden; \/* \u9632\u6b62\u60ac\u505c\u653e\u5927\u6ea2\u51fa *\/\n    }\n\n    .ds-container {\n      max-width: 1300px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5927\u6c14\u7684\u5934\u90e8 --- *\/\n    .ds-header {\n      text-align: center;\n      margin-bottom: 80px;\n      position: relative;\n    }\n\n    .ds-header h2 {\n      font-size: 48px;\n      font-weight: 900;\n      color: var(--ds-dark);\n      margin: 0;\n      letter-spacing: -1px;\n      position: relative;\n      display: inline-block;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u80cc\u540e\u7684\u88c5\u9970\u5b57\uff0c\u589e\u52a0\u5c42\u6b21\u611f *\/\n    .ds-header::before {\n      content: 'PROJECTS';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 120px;\n      font-weight: 900;\n      color: rgba(0,0,0,0.03);\n      z-index: 0;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    \/* --- 3D \u7f51\u683c\u5e03\u5c40 --- *\/\n    .ds-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px; \/* \u66f4\u5927\u7684\u95f4\u8ddd\uff0c\u5c55\u73b0\u547c\u5438\u611f *\/\n    }\n\n    \/* --- \u6838\u5fc3\u5361\u7247\u8bbe\u8ba1 --- *\/\n    .ds-card {\n      position: relative;\n      background: transparent;\n      text-decoration: none;\n      perspective: 1000px; \/* \u5f00\u542f3D\u900f\u89c6 *\/\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 1. \u56fe\u7247\u5c42 (\u5e95\u5c42) *\/\n    .ds-img-layer {\n      height: 280px;\n      width: 100%;\n      border-radius: 16px;\n      overflow: hidden;\n      position: relative;\n      z-index: 1;\n      box-shadow: var(--ds-shadow-card);\n      transform: translateZ(0);\n      transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); \/* \u5f39\u6027\u52a8\u753b *\/\n    }\n\n    .ds-img-layer img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.7s ease;\n    }\n\n    \/* 2. \u5185\u5bb9\u5c42 (\u60ac\u6d6e\u5361\u7247) *\/\n    .ds-content-layer {\n      background: var(--ds-white);\n      margin: -60px 20px 0 20px; \/* \u8d1f\u8fb9\u8ddd\uff1a\u5411\u4e0a\u63d2\u5165\u56fe\u7247\u5c42 *\/\n      padding: 30px 24px 24px;\n      border-radius: 12px;\n      position: relative;\n      z-index: 2; \/* \u5728\u56fe\u7247\u4e4b\u4e0a *\/\n      box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 3. \u6309\u94ae\u5c42 (\u60ac\u6d6e\u8fde\u63a5\u4ef6) *\/\n    .ds-float-btn {\n      position: absolute;\n      top: -25px; \/* \u60ac\u6d6e\u5728\u5185\u5bb9\u5c42\u9876\u90e8\u8fb9\u7f18 *\/\n      right: 24px;\n      background: var(--ds-accent);\n      color: white;\n      height: 50px;\n      padding: 0 24px;\n      border-radius: 25px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 13px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      box-shadow: var(--ds-shadow-btn);\n      z-index: 3; \/* \u6700\u9ad8\u5c42\u7ea7 *\/\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      gap: 8px;\n    }\n\n    \/* --- \u4ea4\u4e92\u52a8\u753b (Hover Effects) --- *\/\n    .ds-card:hover .ds-img-layer {\n      transform: translateY(-10px); \/* \u56fe\u7247\u4e0a\u6d6e *\/\n    }\n    \n    .ds-card:hover .ds-img-layer img {\n      transform: scale(1.1); \/* \u56fe\u7247\u5185\u90e8\u653e\u5927 *\/\n    }\n\n    .ds-card:hover .ds-content-layer {\n      transform: translateY(-5px); \/* \u5185\u5bb9\u5c42\u8ddf\u968f\u5fae\u52a8 *\/\n      box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n    }\n\n    .ds-card:hover .ds-float-btn {\n      background: #000; \/* \u6309\u94ae\u53d8\u9ed1\uff0c\u5f3a\u8c03\u5bf9\u6bd4 *\/\n      transform: scale(1.1) translateY(-2px); \/* \u6309\u94ae\u653e\u5927\u5e76\u4e0a\u6d6e *\/\n      box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n    }\n\n    \/* --- \u6392\u7248\u7ec6\u8282 --- *\/\n    .ds-meta {\n      font-size: 11px;\n      font-weight: 700;\n      color: #94a3b8;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 12px;\n      display: flex;\n      gap: 10px;\n    }\n    \n    .ds-meta span {\n        display: inline-block;\n        padding-right: 10px;\n        border-right: 1px solid #e2e8f0;\n    }\n    .ds-meta span:last-child { border: none; }\n\n    .ds-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: var(--ds-dark);\n      margin: 0 0 12px 0;\n      line-height: 1.4;\n    }\n\n    .ds-desc {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u7279\u6b8a\u5e03\u5c40 (Featured) --- *\/\n    .card-wide {\n      grid-column: span 2;\n    }\n    .card-wide .ds-img-layer {\n        height: 320px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .ds-grid { grid-template-columns: repeat(2, 1fr); }\n      .card-wide { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .ds-grid { grid-template-columns: 1fr; gap: 50px; } \/* \u589e\u52a0\u624b\u673a\u7aef\u95f4\u8ddd *\/\n      .card-wide { grid-column: span 1; }\n      .ds-header h2 { font-size: 36px; }\n      .ds-header::before { font-size: 60px; }\n      .ds-img-layer { height: 240px; }\n    }\n  <\/style>\n\n  <div class=\"ds-container\">\n    <div class=\"ds-header\">\n      <h2>Global Success Stories<\/h2>\n    <\/div>\n\n    <div class=\"ds-grid\">\n\n      <!-- 1. Featured: Tibet (Wide) -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"ds-card card-wide\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png?w=800&quality=75\" alt=\"Tibet Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <!-- \u60ac\u6d6e\u6309\u94ae -->\n          <div class=\"ds-float-btn\">\n            \u83b7\u53d6\u62a5\u4ef7\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2019<\/span><span>Tibet<\/span><span>107,000\u5e73\u65b9\u7c73<\/span><\/div>\n          <h3 class=\"ds-title\">Centralized Solar Heating for Saga County Town<\/h3>\n          <p class=\"ds-desc\">World's first high-altitude centralized solar heating project. Replaces coal, reducing consumption by 2,424 tons annually.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 2. Tianjin -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" alt=\"Tianjin Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            \u83b7\u53d6\u62a5\u4ef7\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2024<\/span><span>\u5929\u6d25<\/span><\/div>\n          <h3 class=\"ds-title\">Tianjin School TPV Pro+ System<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 3. Kazakhstan -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" alt=\"Kazakhstan Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            \u83b7\u53d6\u62a5\u4ef7\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2023<\/span><span>\u54c8\u8428\u514b\u65af\u5766<\/span><\/div>\n          <h3 class=\"ds-title\">cURL Too many subrequests.<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 4. APEC -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png?w=400&quality=75\" alt=\"APEC Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            \u83b7\u53d6\u62a5\u4ef7\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2014<\/span><span>\u5317\u4eac<\/span><\/div>\n          <h3 class=\"ds-title\">APEC\u5cf0\u4f1a\u9152\u5e97\u70ed\u6c34<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 5. Florida -->\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" alt=\"Florida Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            \u83b7\u53d6\u62a5\u4ef7\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2022<\/span><span>\u7f8e\u56fd<\/span><\/div>\n          <h3 class=\"ds-title\">cURL Too many subrequests.<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b4cdc3 e-con-full e-flex e-con e-parent\" data-id=\"9b4cdc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c390 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d50c390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Thermal System Solutions Section -->\n<section id=\"system-solutions\" class=\"system-solutions-section\">\n  <style>\n    .system-solutions-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .system-solutions-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-section::after {\n      content: '';\n      position: absolute;\n      bottom: -30%;\n      left: -5%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(118, 75, 162, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .system-solutions-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .system-solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 800;\n      position: relative;\n      display: inline-block;\n    }\n\n    .system-solutions-header h2::before {\n      content:\n      font-size: 42px;\n      position: absolute;\n      left: -55px;\n      top: 50%;\n      transform: translateY(-50%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: translateY(-50%) rotate(0deg); }\n      to { transform: translateY(-50%) rotate(360deg); }\n    }\n\n    .system-solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 70px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .system-solutions-subtitle {\n      font-size: 17px;\n      color: #64748b;\n      font-weight: 500;\n      margin-top: 12px;\n    }\n\n    .solutions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin-top: 50px;\n    }\n\n    .solution-item {\n      background: #ffffff;\n      border-radius: 20px;\n      padding: 32px 28px;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 4px 20px rgba(0, 0, 0, 0.06),\n        0 1px 3px rgba(0, 0, 0, 0.04);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(226, 232, 240, 0.8);\n    }\n\n    .solution-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-item:hover {\n      transform: translateY(-8px);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.15),\n        0 10px 20px rgba(0, 0, 0, 0.08);\n      border-color: rgba(102, 126, 234, 0.3);\n    }\n\n    .solution-item:hover::before {\n      transform: scaleX(1);\n    }\n\n    .solution-svg-container {\n      width: 65px;\n      height: 65px;\n      margin: 0 auto 20px;\n      position: relative;\n    }\n\n    .solution-svg-container svg {\n      width: 100%;\n      height: 100%;\n      filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.2));\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover .solution-svg-container svg {\n      transform: scale(1.1) translateY(-3px);\n      filter: drop-shadow(0 8px 20px rgba(102, 126, 234, 0.35));\n    }\n\n    .solution-item-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 8px;\n      text-align: center;\n      line-height: 1.3;\n    }\n\n    .solution-item-subtitle {\n      font-size: 13px;\n      color: #667eea;\n      font-weight: 600;\n      margin-bottom: 12px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .solution-item-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* Decorative elements *\/\n    .solution-item::after {\n      content: '';\n      position: absolute;\n      bottom: -50px;\n      right: -50px;\n      width: 120px;\n      height: 120px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover::after {\n      bottom: -30px;\n      right: -30px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n    }\n\n    \/* CTA Button *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .quote-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 18px 48px;\n      font-size: 18px;\n      font-weight: 700;\n      color: #ffffff;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      letter-spacing: 0.3px;\n    }\n\n    .quote-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        transparent, \n        rgba(255, 255, 255, 0.3), \n        transparent);\n      transition: left 0.6s ease;\n    }\n\n    .quote-btn:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.4),\n        0 0 0 8px rgba(102, 126, 234, 0.1);\n      background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n    }\n\n    .quote-btn:hover::before {\n      left: 100%;\n    }\n\n    .quote-btn:active {\n      transform: translateY(-2px) scale(1.01);\n    }\n\n    .quote-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.4s ease;\n    }\n\n    .quote-btn:hover svg {\n      transform: translateX(6px);\n    }\n\n    \/* Pulse animation *\/\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.3),\n          0 0 0 0 rgba(102, 126, 234, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.4),\n          0 0 0 12px rgba(102, 126, 234, 0.1);\n      }\n    }\n\n    .quote-btn {\n      animation: pulse 3s ease-in-out infinite;\n    }\n\n    @media (max-width: 768px) {\n      .system-solutions-section {\n        padding: 60px 20px;\n      }\n\n      .system-solutions-header {\n        margin-bottom: 40px;\n      }\n\n      .system-solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 10px;\n      }\n\n      .system-solutions-header h2::before {\n        font-size: 34px;\n        left: -45px;\n      }\n\n      .system-solutions-subtitle {\n        font-size: 16px;\n      }\n\n      .solutions-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 40px;\n      }\n\n      .solution-item {\n        padding: 28px 24px;\n      }\n\n      .solution-svg-container {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 18px;\n      }\n\n      .solution-item-title {\n        font-size: 18px;\n        margin-bottom: 8px;\n      }\n\n      .solution-item-subtitle {\n        font-size: 12px;\n        margin-bottom: 10px;\n      }\n\n      .solution-item-description {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .solutions-cta {\n        margin-top: 50px;\n      }\n\n      .quote-btn {\n        padding: 16px 40px;\n        font-size: 17px;\n        gap: 10px;\n      }\n\n      .quote-btn svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"system-solutions-container\">\n    <!-- Header -->\n    <div class=\"system-solutions-header\">\n      <h2>\u592a\u9633\u80fd\u70ed\u6c34\u7cfb\u7edf\u89e3\u51b3\u65b9\u6848<\/h2>\n      <p class=\"system-solutions-subtitle\">\u63d0\u9ad8\u80fd\u6e90\u6548\u7387<\/p>\n    <\/div>\n\n    <!-- Solutions Grid -->\n    <div class=\"solutions-grid\">\n      \n      <!-- Flexible Payment -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Credit Card -->\n            <rect x=\"30\" y=\"60\" width=\"140\" height=\"90\" rx=\"12\" fill=\"url(#cardGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <rect x=\"30\" y=\"80\" width=\"140\" height=\"25\" fill=\"rgba(102, 126, 234, 0.3)\"\/>\n            <line x1=\"50\" y1=\"125\" x2=\"90\" y2=\"125\" stroke=\"#667eea\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"150\" cy=\"125\" r=\"8\" fill=\"#764ba2\"\/>\n            <circle cx=\"135\" cy=\"125\" r=\"8\" fill=\"#667eea\" opacity=\"0.7\"\/>\n            <!-- Dollar Sign -->\n            <text x=\"100\" y=\"50\" font-size=\"32\" font-weight=\"bold\" fill=\"#667eea\">$<\/text>\n            <defs>\n              <lineargradient id=\"cardGradient\" x1=\"30\" y1=\"60\" x2=\"170\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#f0f4ff\"\/>\n                <stop offset=\"100%\" stop-color=\"#e0e7ff\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">\u7075\u6d3b\u652f\u4ed8<\/p>\n        <p class=\"solution-item-description\">\n          \u6211\u4eec\u652f\u6301T\/T\u3001\u5373\u671f\u4fe1\u7528\u8bc1\u3001PayPal\u7b49\u5168\u7403\u5b89\u5168\u652f\u4ed8\u65b9\u5f0f\u3002\n        <\/p>\n      <\/div>\n\n      <!-- System Protection -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Shield -->\n            <path d=\"M100 30 L160 55 L160 100 Q160 140 100 170 Q40 140 40 100 L40 55 Z\" \n                  fill=\"url(#shieldGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Checkmark -->\n            <path d=\"M75 100 L90 115 L125 75\" stroke=\"#ffffff\" stroke-width=\"8\" \n                  stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <!-- Quality Badge -->\n            <circle cx=\"145\" cy=\"65\" r=\"18\" fill=\"#764ba2\"\/>\n            <text x=\"145\" y=\"72\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">Q<\/text>\n            <defs>\n              <lineargradient id=\"shieldGradient\" x1=\"40\" y1=\"30\" x2=\"160\" y2=\"170\">\n                <stop offset=\"0%\" stop-color=\"#667eea\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">\u8d28\u91cf\u4fdd\u8bc1<\/p>\n        <h3 class=\"solution-item-title\">\u7cfb\u7edf\u4fdd\u62a4<\/h3>\n        <p class=\"solution-item-description\">\n          \u4ece\u96c6\u70ed\u5668\u5236\u9020\u5230\u7cfb\u7edf\u7ec4\u88c5\u7684\u4e25\u683c\u8d28\u91cf\u63a7\u5236\uff0c\u786e\u4fdd\u6301\u4e45\u53ef\u9760\u7684\u6027\u80fd\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Efficient Logistics -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Globe -->\n            <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"url(#globeGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"60\" ry=\"25\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"25\" ry=\"60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"160\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"40\" y1=\"100\" x2=\"160\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <!-- Airplane -->\n            <g transform=\"translate(130, 60) rotate(45)\">\n              <path d=\"M0 0 L-15 -5 L-10 0 L-15 5 Z\" fill=\"#764ba2\"\/>\n              <circle cx=\"-8\" cy=\"0\" r=\"2\" fill=\"#ffffff\"\/>\n            <\/g>\n            <!-- Location Pins -->\n            <circle cx=\"70\" cy=\"80\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"130\" cy=\"120\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"85\" cy=\"130\" r=\"4\" fill=\"#fbbf24\"\/>\n            <defs>\n              <lineargradient id=\"globeGradient\" x1=\"40\" y1=\"40\" x2=\"160\" y2=\"160\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.8\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.6\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">\u73af\u5883\u6539\u5584<\/p>\n        <h3 class=\"solution-item-title\">\u9ad8\u6548\u7269\u6d41<\/h3>\n        <p class=\"solution-item-description\">\n          \u5b89\u5168\u53ef\u9760\u7684\u5168\u7403\u8fd0\u8f93\uff0c\u8986\u76d630\u591a\u4e2a\u56fd\u5bb6\uff0c\u4e13\u4e1a\u5305\u88c5\u592a\u9633\u80fd\u8bbe\u5907\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Customized System Design -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Blueprint\/Design -->\n            <rect x=\"40\" y=\"50\" width=\"120\" height=\"100\" rx=\"8\" fill=\"url(#blueprintGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Grid Lines -->\n            <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"140\" y1=\"50\" x2=\"140\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"70\" x2=\"160\" y2=\"70\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"90\" x2=\"160\" y2=\"90\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"110\" x2=\"160\" y2=\"110\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"130\" x2=\"160\" y2=\"130\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <!-- Solar Panel Icon -->\n            <rect x=\"70\" y=\"80\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#764ba2\" opacity=\"0.8\"\/>\n            <line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"120\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"100\" x2=\"130\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <!-- Ruler\/Measurement Tool -->\n            <line x1=\"45\" y1=\"45\" x2=\"155\" y2=\"45\" stroke=\"#fbbf24\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"42\" x2=\"50\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"42\" x2=\"70\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"90\" y1=\"42\" x2=\"90\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"42\" x2=\"110\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"130\" y1=\"42\" x2=\"130\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"150\" y1=\"42\" x2=\"150\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <!-- Dollar Sign -->\n            <circle cx=\"145\" cy=\"135\" r=\"15\" fill=\"#10b981\"\/>\n            <text x=\"145\" y=\"143\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">$<\/text>\n            <defs>\n              <lineargradient id=\"blueprintGradient\" x1=\"40\" y1=\"50\" x2=\"160\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.3\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">\u964d\u4f4e\u6210\u672c<\/p>\n        <h3 class=\"solution-item-title\">\u5b9a\u5236\u7cfb\u7edf\u8bbe\u8ba1<\/h3>\n        <p class=\"solution-item-description\">\n          \u6211\u4eec\u7684\u5de5\u7a0b\u5e08\u5e2e\u52a9\u60a8\u914d\u7f6e\u6700\u5177\u6210\u672c\u6548\u76ca\u7684\u592a\u9633\u80fd\u70ed\u6c34\u89e3\u51b3\u65b9\u6848\uff0c\u9002\u7528\u4e8e\u4f4f\u5b85\u3001\u5546\u4e1a\u6216\u5de5\u4e1a\u5e94\u7528\u3002\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"#contact\" class=\"quote-btn\">\n        \u83b7\u53d6\u60a8\u7684\u5b9a\u5236\u62a5\u4ef7\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\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1d472 e-con-full e-flex e-con e-parent\" data-id=\"5b1d472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69906e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c69906e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Who We Are Section -->\n<section id=\"who-we-are\" class=\"who-we-are-section\">\n  <style>\n    .who-we-are-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n    }\n\n    .who-we-are-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Simple Header *\/\n    .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .section-label {\n      display: inline-block;\n      padding: 6px 16px;\n      background: #f0f4ff;\n      color: #6366f1;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 20px;\n      margin-bottom: 16px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .section-header h2 {\n      font-size: 36px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }\n\n    .section-subtitle {\n      font-size: 20px;\n      color: #6366f1;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .section-description {\n      font-size: 16px;\n      color: #64748b;\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    .content-image {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .content-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .content-text p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 20px;\n    }\n\n    \/* Stats *\/\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 30px;\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: 24px;\n      background: #f8fafc;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n    }\n\n    .stat-number {\n      font-size: 36px;\n      font-weight: 700;\n      color: #6366f1;\n      margin-bottom: 6px;\n    }\n\n    .stat-label {\n      font-size: 13px;\n      color: #64748b;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Strengths *\/\n    .strengths-wrapper {\n      margin-top: 60px;\n    }\n\n    .strengths-title {\n      text-align: center;\n      font-size: 28px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 40px;\n      letter-spacing: -0.5px;\n    }\n\n    .strengths-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n\n    .strength-box {\n      text-align: center;\n      padding: 30px 20px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n\n    .strength-box:hover {\n      border-color: #6366f1;\n      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .strength-box:hover .strength-icon svg {\n      transform: scale(1.1);\n    }\n\n    .strength-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);\n    }\n\n    .strength-icon svg {\n      width: 36px;\n      height: 36px;\n      transition: transform 0.3s ease;\n    }\n\n    .strength-box h4 {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .strength-box p {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n    }\n\n    \/* Gallery *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    .gallery-item {\n      border-radius: 12px;\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .strengths-row {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .who-we-are-section {\n        padding: 60px 20px;\n      }\n\n      .section-header {\n        margin-bottom: 40px;\n      }\n\n      .section-header h2 {\n        font-size: 28px;\n      }\n\n      .section-subtitle {\n        font-size: 18px;\n      }\n\n      .section-description {\n        font-size: 15px;\n      }\n\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        margin-bottom: 40px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .strengths-wrapper {\n        margin-top: 40px;\n      }\n\n      .strengths-title {\n        font-size: 24px;\n        margin-bottom: 30px;\n      }\n\n      .strengths-row {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"who-we-are-container\">\n    <!-- Header -->\n    <div class=\"section-header\">\n      <span class=\"section-label\">\u5173\u4e8e\u6211\u4eec<\/span>\n      <h2>\u6211\u4eec\u662f\u8c01<\/h2>\n      <p class=\"section-subtitle\">\u5f15\u9886\u6e05\u6d01\u80fd\u6e90\u7684\u672a\u6765<\/p>\n      <p class=\"section-description\">\n        \u7531\u5c16\u7aef\u6280\u672f\u548c\u53ef\u6301\u7eed\u5b9e\u8df5\u9a71\u52a8\u7684\u521b\u65b0\u89e3\u51b3\u65b9\u6848\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"content-grid\">\n      <div class=\"content-image\">\n        <img \n          src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg?w=600&quality=75\" \n          alt=\"SOLETKS\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n\n      <div class=\"content-text\">\n        <p>\n          SOLETKS\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u6e05\u6d01\u80fd\u6e90\u521b\u65b0\u7684\u9ad8\u79d1\u6280\u4f01\u4e1a\u3002\u51ed\u501f\u5176\u6838\u5fc3\u7684\u5e73\u677f\u6e05\u6d01\u70ed\u80fd\u6280\u672f\uff0c\u516c\u53f8\u6574\u5408\u592a\u9633\u80fd\u3001\u5730\u70ed\u80fd\u548c\u7a7a\u6c14\u80fd\uff0c\u4e3a\u4f9b\u6696\u3001\u5236\u51b7\u548c\u53d1\u7535\u63d0\u4f9b\u9ad8\u6548\u7684\u89e3\u51b3\u65b9\u6848\u3002\n        <\/p>\n        <p>\n          \u5f97\u76ca\u4e8e\u4e0e\u9886\u5148\u7814\u7a76\u673a\u6784\u7684\u5408\u4f5c\uff0cSOLETKS\u5728\u5e73\u677f\u96c6\u70ed\u5668\u5236\u9020\u5546\u4e2d\u540d\u5217\u5168\u7403\u524d\u8305\uff0c\u63a8\u52a8\u5168\u7403\u8fc8\u5411\u53ef\u6301\u7eed\u672a\u6765\u3002\n        <\/p>\n\n        <div class=\"stats-row\">\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">117+<\/div>\n            <div class=\"stat-label\">\u5df2\u83b7\u5f97\u4e13\u5229<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">\u524d\u4e94\u540d<\/div>\n            <div class=\"stat-label\">\u5168\u7403\u6392\u540d<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Strengths -->\n    <div class=\"strengths-wrapper\">\n      <h3 class=\"strengths-title\">\u6211\u4eec\u7684\u6838\u5fc3\u4f18\u52bf<\/h3>\n\n      <div class=\"strengths-row\">\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#FDB022\"\/>\n              <path d=\"M12 2V5M12 19V22M2 12H5M19 12H22M4.22 4.22L6.34 6.34M17.66 17.66L19.78 19.78M4.22 19.78L6.34 17.66M17.66 6.34L19.78 4.22\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>\u592a\u9633\u80fd\u96c6\u6210<\/h4>\n          <p>\u5148\u8fdb\u7684\u5e73\u677f\u96c6\u70ed\u5668\u6280\u672f\uff0c\u6700\u5927\u5316\u80fd\u6e90\u6548\u7387<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\"\/>\n              <path d=\"M7 3V6M17 3V6M7 18V21M17 18V21\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>117+\u9879\u4e13\u5229<\/h4>\n          <p>\u524d\u6cbf\u521b\u65b0\u7ec4\u5408\uff0c\u4fdd\u62a4\u4e13\u6709\u6280\u672f<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>\u7814\u7a76\u5408\u4f5c\u4f19\u4f34<\/h4>\n          <p>\u4e0e\u5168\u7403\u9886\u5148\u673a\u6784\u7684\u6218\u7565\u5408\u4f5c<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Gallery -->\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Facility 1\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg?w=400&quality=75\" alt=\"Facility 2\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg?w=400&quality=75\" alt=\"Facility 3\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u73bb\u7483\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Glass Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Hot Water Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Equipment Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677fMOC\u57fa\u5730-1.png?w=400&quality=75\" alt=\"MOC Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Innovation Center\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd14521 e-con-full e-flex e-con e-parent\" data-id=\"fd14521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce80f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ce80f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Ultra-Modern Glass Partner Section -->\n<section class=\"partner-glass\">\n  <style>\n    .partner-glass {\n      \/* \u9650\u5236\u6574\u4f53\u9ad8\u5ea6\uff0c\u7559\u51fa\u4e0a\u4e0b\u547c\u5438\u7a7a\u95f4 *\/\n      padding: 40px 20px;\n      background: #f8fafc;\n      display: flex;\n      justify-content: center;\n      font-family: 'Inter', system-ui, sans-serif;\n    }\n\n    \/* --- \u4e3b\u5bb9\u5668\uff1a\u5168\u666f\u73bb\u7483\u8231 --- *\/\n    .glass-container {\n      width: 100%;\n      max-width: 1320px;\n      height: 420px; \/* \u5f3a\u5236\u9501\u5b9a\u9ad8\u5ea6\uff0c\u975e\u5e38\u7d27\u51d1 *\/\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15); \/* \u67d4\u548c\u7684\u84dd\u8272\u5149\u6655 *\/\n      display: flex;\n      align-items: center;\n      background: #fff; \/* \u515c\u5e95\u8272 *\/\n    }\n\n    \/* --- \u80cc\u666f\u5c42\uff1a\u6c89\u6d78\u5f0f\u56fe\u7247 --- *\/\n    .glass-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n    }\n\n    .glass-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      \/* \u56fe\u7247\u7a0d\u5fae\u653e\u5927\u4e00\u70b9\uff0c\u4e3a\u4e86\u505a\u89c6\u5dee\u6216\u79fb\u52a8\u6548\u679c *\/\n      transform: scale(1.05); \n      transition: transform 10s ease;\n    }\n\n    \/* \u60ac\u505c\u65f6\u80cc\u666f\u7f13\u6162\u79fb\u52a8\uff0c\u589e\u52a0\u9c9c\u6d3b\u611f *\/\n    .glass-container:hover .glass-bg img {\n      transform: scale(1.1);\n    }\n\n    \/* \u80cc\u666f\u906e\u7f69\uff1a\u5de6\u767d\u53f3\u900f\uff0c\u4fdd\u8bc1\u6587\u5b57\u7edd\u5bf9\u6e05\u6670 *\/\n    .glass-bg::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        rgba(255,255,255,0.98) 0%, \n        rgba(255,255,255,0.95) 40%, \n        rgba(255,255,255,0.4) 70%,\n        rgba(255,255,255,0) 100%);\n    }\n\n    \/* --- \u5185\u5bb9\u5c42\uff1a\u5de6\u4fa7\u6587\u5b57 --- *\/\n    .glass-content {\n      position: relative;\n      z-index: 2;\n      width: 55%; \/* \u5360\u636e\u5de6\u4fa7\u4e00\u534a\u591a\u4e00\u70b9 *\/\n      padding: 0 60px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n    }\n\n    \/* \u88c5\u9970\u6027\u5c0f\u6807\u9898 *\/\n    .glass-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      color: #3b82f6; \/* \u54c1\u724c\u84dd *\/\n      font-weight: 700;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n      background: rgba(59, 130, 246, 0.1);\n      padding: 6px 12px;\n      border-radius: 20px;\n      align-self: flex-start;\n    }\n\n    .glass-tag::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: #3b82f6;\n      border-radius: 50%;\n      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);\n    }\n\n    .glass-content h2 {\n      font-size: 36px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      line-height: 1.1;\n      letter-spacing: -1px;\n    }\n\n    .glass-content p {\n      font-size: 16px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      max-width: 500px;\n    }\n\n    \/* --- \u4f18\u52bf\u52cb\u7ae0\u680f (Pills) --- *\/\n    .glass-benefits {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 35px;\n      flex-wrap: wrap;\n    }\n\n    .benefit-pill {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #fff;\n      border: 1px solid #e2e8f0;\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-pill svg {\n      width: 16px;\n      height: 16px;\n      color: #3b82f6;\n    }\n\n    .benefit-pill:hover {\n      border-color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\n      color: #3b82f6;\n    }\n\n    \/* --- \u6309\u94ae\u7ec4 --- *\/\n    .glass-actions {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .btn-primary {\n      background: #0f172a;\n      color: #fff;\n      padding: 14px 32px;\n      border-radius: 50px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2);\n    }\n\n    .btn-primary:hover {\n      background: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .btn-link {\n      color: #64748b;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 15px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: color 0.3s;\n    }\n\n    .btn-link:hover {\n      color: #0f172a;\n    }\n\n    \/* --- \u53f3\u4fa7\uff1a\u60ac\u6d6e\u7684\u78e8\u7802\u6570\u636e\u5361 (Glass Card) --- *\/\n    \/* \u8fd9\u662f\u4e00\u4e2a\u795e\u6765\u4e4b\u7b14\uff0c\u5b83\u60ac\u6d6e\u5728\u80cc\u666f\u56fe\u4e4b\u4e0a\uff0c\u5c55\u793a\u5168\u7403\u6570\u636e *\/\n    .glass-stat-card {\n      position: absolute;\n      right: 60px;\n      bottom: 60px; \/* \u653e\u5728\u53f3\u4e0b\u89d2 *\/\n      z-index: 3;\n      background: rgba(255, 255, 255, 0.7); \/* \u534a\u900f\u660e\u767d *\/\n      backdrop-filter: blur(12px); \/* \u78e8\u7802\u6548\u679c *\/\n      -webkit-backdrop-filter: blur(12px);\n      padding: 24px;\n      border-radius: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n      width: 260px;\n      animation: floatCard 6s ease-in-out infinite;\n    }\n\n    @keyframes floatCard {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    .stat-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n    }\n    .stat-row:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }\n\n    .stat-val { font-size: 24px; font-weight: 800; color: #0f172a; }\n    .stat-label { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }\n\n    \/* --- \u54cd\u5e94\u5f0f --- *\/\n    @media (max-width: 1024px) {\n      .glass-container { height: auto; flex-direction: column; padding-bottom: 0; }\n      .glass-bg { position: relative; height: 250px; order: 1; }\n      .glass-bg::after { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } \/* \u624b\u673a\u7aef\u6e10\u53d8\u6539\u4e3a\u4ece\u4e0a\u5230\u4e0b *\/\n      .glass-content { width: 100%; padding: 40px 30px; order: 2; }\n      .glass-stat-card { position: relative; right: auto; bottom: auto; margin: -50px auto 30px; width: 90%; order: 1; } \/* \u624b\u673a\u7aef\u5361\u7247\u63d2\u5728\u56fe\u6587\u4e2d\u95f4 *\/\n    }\n  <\/style>\n\n  <div class=\"glass-container\">\n    \n    <!-- \u80cc\u666f\u5c42\uff1a\u9ad8\u8d28\u91cf\u5de5\u5382\u56fe -->\n    <div class=\"glass-bg\">\n      <!-- \u5efa\u8bae\u4f7f\u7528\u4e00\u5f20\u6bd4\u8f83\u5bbd\u7684\u3001\u6709\u900f\u89c6\u611f\u7684\u56fe\u7247 -->\n      <img loading=\"lazy\" height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Global Factory\">\n    <\/div>\n\n    <!-- \u5185\u5bb9\u5c42 -->\n    <div class=\"glass-content\">\n      <div class=\"glass-tag\">cURL Too many subrequests.<\/div>\n      <h2>cURL Too many subrequests.<\/h2>\n      <p>cURL Too many subrequests.<\/p>\n      \n      <!-- \u4f18\u52bf\u52cb\u7ae0 -->\n      <div class=\"glass-benefits\">\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7h-9m3 10H5\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n      <\/div>\n\n      <!-- \u884c\u52a8\u6309\u94ae -->\n      <div class=\"glass-actions\">\n        <a href=\"https:\/\/service.soletksolar.com\/be\/contact\/\" class=\"btn-primary\">cURL Too many subrequests.<\/a>\n        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/\" class=\"btn-link\">\n          \u67e5\u770b\u4ea7\u54c1 \n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- \u60ac\u6d6e\u6570\u636e\u5361 (\u53f3\u4e0b\u89d2\u7684\u70b9\u775b\u4e4b\u7b14) -->\n    <div class=\"glass-stat-card\">\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">30+<\/div>\n          <div class=\"stat-label\">\u56fd\u5bb6<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><\/svg>\n      <\/div>\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">cURL Too many subrequests.<\/div>\n          <div class=\"stat-label\">\u5feb\u901f\u4ea4\u8d27<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8359f5a e-con-full e-flex e-con e-parent\" data-id=\"8359f5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef1c1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b0ef1c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Certifications & Quality Assurance Section -->\n<section class=\"certifications-section\">\n  <style>\n    .certifications-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .certifications-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .certifications-label {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .certifications-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.2;\n    }\n\n    .certifications-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }\n\n    .cert-tab {\n      padding: 12px 28px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cert-tab::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .cert-tab:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n    }\n\n    .cert-tab:hover::before {\n      left: 100%;\n    }\n\n    .cert-tab.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }\n\n    .cert-tab-content.active {\n      display: block;\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    \/* Certificates Grid - 6 columns, 2 rows *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 12px;\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      position: relative;\n    }\n\n    .certificate-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .certificate-image {\n      width: 100%;\n      height: 200px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }\n\n    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      transition: transform 0.5s ease;\n    }\n\n    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }\n\n    .certificate-badge {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 4px 10px;\n      border-radius: 15px;\n      font-size: 9px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 15px 12px;\n    }\n\n    .certificate-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 5px 0;\n      line-height: 1.3;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      min-height: 34px;\n    }\n\n    .certificate-type {\n      font-size: 11px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.95);\n      z-index: 10000;\n      justify-content: center;\n      align-items: center;\n      padding: 40px;\n      animation: lightboxFadeIn 0.3s ease;\n    }\n\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 95%;\n      max-height: 95%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      animation: zoomIn 0.4s ease;\n    }\n\n    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content img {\n      max-width: 100%;\n      max-height: 90vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);\n    }\n\n    .lightbox-close {\n      position: fixed;\n      top: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.95);\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10001;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }\n\n    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }\n\n    .lightbox-info {\n      position: fixed;\n      bottom: 30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(255, 255, 255, 0.95);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-size: 14px;\n      color: #1e293b;\n      font-weight: 600;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1400px) {\n      .certificates-grid {\n        grid-template-columns: repeat(5, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 18px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 200px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }\n\n      .certifications-container {\n        padding: 0 20px;\n      }\n\n      .certifications-title {\n        font-size: 36px;\n      }\n\n      .certifications-description {\n        font-size: 16px;\n      }\n\n      .cert-tabs {\n        gap: 8px;\n      }\n\n      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }\n\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n\n      .lightbox-modal {\n        padding: 20px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n\n      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 240px;\n      }\n\n      .certifications-title {\n        font-size: 28px;\n      }\n\n      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"certifications-container\">\n    <!-- Section Header -->\n    <div class=\"certifications-header\">\n      <span class=\"certifications-label\">\u56fd\u9645\u6807\u51c6<\/span>\n      <h2 class=\"certifications-title\">\n        \u5168\u7403\u8ba4\u8bc1 &amp; <span class=\"highlight\">\u8d28\u91cf\u4fdd\u8bc1<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        SOLETKS \u592a\u9633\u80fd\u4ea7\u54c1\u5df2\u901a\u8fc7\u7b26\u5408\u56fd\u9645\u8d28\u91cf\u548c\u5b89\u5168\u6807\u51c6\u7684\u8ba4\u8bc1\uff0c\u5305\u62ec\u592a\u9633\u80fd\u5173\u952e\u6807\u5fd7\uff08Solar Keymark\uff09\u3001CE \u548c ISO\u3002\u4ee5\u4e0b\u662f\u6bcf\u4e2a\u4ea7\u54c1\u7684\u5355\u72ec\u8bc1\u4e66\uff0c\u5c55\u793a\u4e86SOLETKS \u5bf9\u53ef\u9760\u6027\u3001\u6027\u80fd\u548c\u5408\u89c4\u6027\u7684\u627f\u8bfa\u3002\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">\u6240\u6709\u8bc1\u4e66<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO \u8ba4\u8bc1<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">\u592a\u9633\u80fd\u94a5\u6807<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">\u4ea7\u54c1\u8bc1\u4e66<\/button>\n    <\/div>\n\n    <!-- All Certificates Tab -->\n    <div class=\"cert-tab-content active\" id=\"all\">\n      <div class=\"certificates-grid\">\n        <!-- Certificate 1 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=1200&quality=85\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=300&quality=75\" alt=\"Test Report Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u68c0\u6d4b\u62a5\u544a<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u68c0\u6d4b\u62a5\u544a\u8bc1\u4e66<\/h3>\n            <p class=\"certificate-type\">\u8d28\u91cf\u4fdd\u8bc1\u62a5\u544a<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 2 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u592a\u9633\u80fd\u94a5\u6807<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u94a5\u6807\u8ba4\u8bc1<\/h3>\n            <p class=\"certificate-type\">\u6b27\u6d32\u8d28\u91cf\u6807\u51c6<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 \u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 \u73af\u5883\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 \u804c\u4e1a\u5065\u5eb7\u5b89\u5168\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 6 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u7a7a\u6c14\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 7 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u5e73\u677f\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 8 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT \u592a\u9633\u80fd\u7cfb\u7edf<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 9 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u592a\u9633\u80fd\u94a5\u6807<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u94a5\u6807\u8ba4\u8bc1<\/h3>\n            <p class=\"certificate-type\">\u6b27\u6d32\u8d28\u91cf\u6807\u51c6<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 10 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 11 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u771f\u7a7a\u7ba1\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 \u8d28\u91cf\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 \u73af\u5883\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 \u804c\u4e1a\u5065\u5eb7\u5b89\u5168\u7ba1\u7406\u4f53\u7cfb<\/h3>\n            <p class=\"certificate-type\">\u56fd\u9645\u6807\u51c6\u5316\u7ec4\u7ec7<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solar Keymark Tab -->\n    <div class=\"cert-tab-content\" id=\"solar-keymark\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u592a\u9633\u80fd\u94a5\u6807<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u94a5\u6807\u8ba4\u8bc1<\/h3>\n            <p class=\"certificate-type\">\u6b27\u6d32\u8d28\u91cf\u6807\u51c6<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u592a\u9633\u80fd\u94a5\u6807<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u94a5\u6807\u8ba4\u8bc1<\/h3>\n            <p class=\"certificate-type\">\u6b27\u6d32\u8d28\u91cf\u6807\u51c6<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Product Certificates Tab -->\n    <div class=\"cert-tab-content\" id=\"product\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u7a7a\u6c14\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u5e73\u677f\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT \u592a\u9633\u80fd\u7cfb\u7edf<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u4ea7\u54c1<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u771f\u7a7a\u7ba1\u592a\u9633\u80fd\u96c6\u70ed\u5668<\/h3>\n            <p class=\"certificate-type\">\u4ea7\u54c1\u8ba4\u8bc1<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" id=\"lightbox-image\">\n    <\/div>\n    <div class=\"lightbox-info\" id=\"lightbox-info\">\u8bc1\u4e66\u540d\u79f0<\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));\n      \n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImage = document.getElementById('lightbox-image');\n  const lightboxInfo = document.getElementById('lightbox-info');\n  const lightboxClose = document.getElementById('lightbox-close');\n  const certificateCards = document.querySelectorAll('.certificate-card');\n\n  \/\/ Open lightbox when clicking on certificate card\n  certificateCards.forEach(card => {\n    card.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      const certName = this.getAttribute('data-name');\n      \n      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  \/\/ Close lightbox when clicking on dark background\n  lightbox.addEventListener('click', function(e) {\n    if (e.target === lightbox) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Close lightbox with ESC key\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 50);\n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  certificateCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Verified Source Manufacturer Premium Solar Thermal Manufacturing Base OEM\/ODM Services | Turnkey Solar Thermal Projects | Global Distributor Recruitment Direct from our factory to your project. We provide high-efficiency flat plate collectors with strict quality control and competitive wholesale pricing. CHAT ON WHATSAPP Get Wholesale Quote Solar Thermal Series Factory direct pricing for global distributors [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":31,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1226\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1226\/revisions\/1263"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/media?parent=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}