{"id":1006,"date":"2025-11-18T01:33:42","date_gmt":"2025-11-18T01:33:42","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1006"},"modified":"2025-11-18T08:25:49","modified_gmt":"2025-11-18T08:25:49","slug":"solar-water-heater-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/","title":{"rendered":"Solar Water Heater Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1006\" class=\"elementor elementor-1006\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed7f8b e-con-full e-flex e-con e-parent\" data-id=\"2ed7f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9fe4a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a9fe4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory-Direct OEM Solar Water Heating Solutions Banner -->\n<section class=\"oem-solution-banner\">\n  <style>\n    .oem-solution-banner {\n      width: 100%;\n      background: #0a0e27;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f\u5c42 *\/\n    .oem-solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.12) 0%, transparent 50%),\n        linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      z-index: 0;\n    }\n\n    \/* \u7f51\u683c\u80cc\u666f *\/\n    .oem-solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n      background-size: 50px 50px;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .banner-container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u4e3b\u5185\u5bb9\u533a - \u5de6\u53f3\u5e03\u5c40 *\/\n    .oem-solution-banner .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9\u533a *\/\n    .oem-solution-banner .content-section {\n      position: relative;\n    }\n\n    .oem-solution-banner .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: #60a5fa;\n      margin-bottom: 24px;\n      padding: 10px 22px;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.1));\n      border-radius: 30px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n    }\n\n    .oem-solution-banner .label::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.6; transform: scale(1.2); }\n    }\n\n    .oem-solution-banner .title {\n      font-size: 46px;\n      font-weight: 900;\n      line-height: 1.2;\n      margin-bottom: 24px;\n      color: #f8fafc;\n      text-shadow: 0 2px 20px rgba(59, 130, 246, 0.3);\n      letter-spacing: -0.5px;\n    }\n\n    .oem-solution-banner .title .highlight {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n      display: inline-block;\n    }\n\n    .oem-solution-banner .title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n      opacity: 0.6;\n    }\n\n    .oem-solution-banner .description {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #cbd5e1;\n      margin-bottom: 38px;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u6309\u94ae\u7ec4 *\/\n    .oem-solution-banner .button-group {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .oem-solution-banner .btn {\n      padding: 16px 34px;\n      font-size: 14px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: none;\n      position: relative;\n      overflow: hidden;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .oem-solution-banner .btn::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.2);\n      transform: translate(-50%, -50%);\n      transition: width 0.6s, height 0.6s;\n    }\n\n    .oem-solution-banner .btn:hover::before {\n      width: 300px;\n      height: 300px;\n    }\n\n    .oem-solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      color: white;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .btn-secondary {\n      background: rgba(30, 41, 59, 0.8);\n      color: #e2e8f0;\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .oem-solution-banner .btn-secondary:hover {\n      background: rgba(51, 65, 85, 0.9);\n      border-color: #3b82f6;\n      color: #60a5fa;\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn svg {\n      width: 18px;\n      height: 18px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .btn span {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247\u533a *\/\n    .oem-solution-banner .image-section {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* \u53d1\u5149\u6548\u679c\u80cc\u666f *\/\n    .oem-solution-banner .glow-background {\n      position: absolute;\n      width: 120%;\n      height: 120%;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);\n      filter: blur(60px);\n      animation: float 6s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-20px) scale(1.05); }\n    }\n\n    .oem-solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 520px;\n      position: relative;\n      z-index: 2;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: \n        0 25px 70px rgba(0, 0, 0, 0.5),\n        0 0 0 1px rgba(59, 130, 246, 0.3),\n        inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      background: linear-gradient(135deg, #1e293b, #334155);\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .oem-solution-banner .image-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 24px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover::before {\n      opacity: 1;\n    }\n\n    .oem-solution-banner .image-wrapper:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: \n        0 35px 90px rgba(0, 0, 0, 0.6),\n        0 0 0 1px rgba(59, 130, 246, 0.5);\n    }\n\n    .oem-solution-banner .image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .oem-solution-banner .features-section {\n      margin-top: 60px;\n    }\n\n    .oem-solution-banner .features-title {\n      text-align: center;\n      font-size: 28px;\n      font-weight: 800;\n      color: #f8fafc;\n      margin-bottom: 40px;\n      position: relative;\n      display: inline-block;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .oem-solution-banner .features-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n    }\n\n    .oem-solution-banner .features-list {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .oem-solution-banner .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 16px;\n      padding: 28px 20px;\n      background: rgba(30, 41, 59, 0.5);\n      border-radius: 16px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .oem-solution-banner .feature-item:hover {\n      background: rgba(30, 41, 59, 0.7);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-8px);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .oem-solution-banner .feature-icon {\n      width: 56px;\n      height: 56px;\n      min-width: 56px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n      transition: all 0.3s ease;\n    }\n\n    .oem-solution-banner .feature-item:hover .feature-icon {\n      transform: rotateY(360deg);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .feature-icon svg {\n      width: 28px;\n      height: 28px;\n      color: white;\n    }\n\n    .oem-solution-banner .feature-text {\n      flex: 1;\n    }\n\n    .oem-solution-banner .feature-text strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 700;\n      color: #f1f5f9;\n      margin-bottom: 8px;\n      letter-spacing: 0.3px;\n      line-height: 1.3;\n    }\n\n    .oem-solution-banner .feature-text span {\n      font-size: 13px;\n      color: #94a3b8;\n      line-height: 1.5;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .oem-solution-banner {\n        padding: 70px 0;\n      }\n      .oem-solution-banner .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n      }\n      .oem-solution-banner .title {\n        font-size: 40px;\n      }\n      .oem-solution-banner .button-group {\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .oem-solution-banner {\n        padding: 60px 0;\n      }\n      .oem-solution-banner .banner-container {\n        padding: 0 25px;\n      }\n      .oem-solution-banner .title {\n        font-size: 34px;\n      }\n      .oem-solution-banner .main-content {\n        gap: 40px;\n      }\n      .oem-solution-banner .features-section {\n        margin-top: 50px;\n      }\n      .oem-solution-banner .features-title {\n        font-size: 24px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .oem-solution-banner {\n        padding: 50px 0;\n      }\n      .oem-solution-banner .title {\n        font-size: 28px;\n      }\n      .oem-solution-banner .description {\n        font-size: 15px;\n      }\n      .oem-solution-banner .button-group {\n        flex-direction: column;\n        width: 100%;\n      }\n      .oem-solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .oem-solution-banner .feature-item {\n        padding: 24px 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <!-- \u4e3b\u5185\u5bb9\u533a:\u5de6\u53f3\u5e03\u5c40 -->\n    <div class=\"main-content\">\n      <!-- \u5de6\u4fa7\u5185\u5bb9 -->\n      <div class=\"content-section\">\n        <div class=\"label\">\n          <span>OEM\u5236\u9020<\/span>\n        <\/div>\n        <h1 class=\"title\">\n          \u5de5\u5382\u76f4\u9500<br>\n          <span class=\"highlight\">OEM\u592a\u9633\u80fd\u70ed\u6c34\u89e3\u51b3\u65b9\u6848<\/span>\n        <\/h1>\n        <p class=\"description\">\n          \u5de5\u5382\u76f4\u9500\u592a\u9633\u80fd\u70ed\u6c34\u5668\u3001\u5206\u4f53\u5f0f\u592a\u9633\u80fd\u70ed\u6c34\u5668\u548c\u70ed\u7ba1\u592a\u9633\u80fd\u70ed\u6c34\u5668\uff0c\u652f\u6301OEM\u54c1\u724c\u3001\u5e73\u677f\u6216\u771f\u7a7a\u7ba1\u9009\u9879\u3001\u6a21\u5757\u5316\u5b89\u88c5\u3001CE\/SRCC\u5408\u89c4\u6587\u4ef6\uff0c\u4ee5\u53ca\u9762\u5411\u5168\u7403\u7ecf\u9500\u5546\u7684\u5feb\u901f\u3001\u53ef\u9884\u6d4b\u4ea4\u8d27\u65f6\u95f4\u3002\n        <\/p>\n        \n        <div class=\"button-group\">\n          <a href=\"https:\/\/wa.me\/8615318896990?text=Hello%2C%20I%27m%20interested%20in%20your%20OEM%20Solar%20Water%20Heating%20Solutions\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>WhatsApp\u804a\u5929<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn btn-secondary\">\n            <span>\u83b7\u53d6EXW\/FOB\u62a5\u4ef7<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u56fe\u7247 - \u76f4\u63a5\u663e\u793a\u538b\u7f29\u540e\u7684\u6e05\u6670\u56fe\u7247 -->\n      <div class=\"image-section\">\n        <div class=\"glow-background\"><\/div>\n        <div class=\"image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0a52-1-scaled.png?w=600&quality=75\"\n            alt=\"Factory-Direct OEM Solar Water Heating Solutions\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7279\u6027\u5217\u8868 -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">\u4ea7\u54c1\u4f18\u52bf<\/h2>\n      <div class=\"features-list\">\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <path d=\"M12 6v6l4 2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u6700\u9ad895%\u592a\u9633\u80fd\u5438\u6536<\/strong>\n            <span>\u9ad8\u6548\u3001\u73af\u4fdd\u8282\u80fd<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u81ea\u7136\u5faa\u73af<\/strong>\n            <span>\u65e0\u9700\u7535\u529b\uff0c\u7ef4\u62a4\u4f4e<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n              <path d=\"M9 3v18M15 3v18\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u5bb9\u91cf\u7075\u6d3b<\/strong>\n            <span>150L \/ 200L \/ 300L\u5bb6\u5ead\u9009\u9879<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n              <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u52a0\u538b\u7cfb\u7edf<\/strong>\n            <span>\u7a33\u5b9a\u3001\u8212\u9002\u7684\u6dcb\u6d74\u6c34\u6d41<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u591a\u6750\u8d28\u6c34\u7bb1\u9009\u9879<\/strong>\n            <span>\u6839\u636e\u6c34\u8d28\u9009\u62e9\u642a\u74f7\u3001304\u6216316\u4e0d\u9508\u94a2<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7279\u6027\u5361\u7247\u52a8\u753b\n  const featureItems = document.querySelectorAll('.oem-solution-banner .feature-item');\n  if ('IntersectionObserver' in window) {\n    const featureObserver = new IntersectionObserver((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 * 100);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(30px)';\n      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      featureObserver.observe(item);\n    });\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86f8d8d e-con-full e-flex e-con e-parent\" data-id=\"86f8d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06335e6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"06335e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Water Heater Section -->\n<section id=\"solar-water-heater\" class=\"swh-section\">\n  <style>\n    .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }\n\n    .swh-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    .swh-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .swh-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .swh-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .swh-intro {\n      max-width: 990px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n\n    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }\n\n    .swh-product-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .swh-product-card::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.4s ease;\n    }\n\n    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n    }\n\n    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 220px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    }\n\n    .swh-product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n      image-rendering: -webkit-optimize-contrast;\n      image-rendering: crisp-edges;\n    }\n\n    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.08);\n    }\n\n    .swh-product-content {\n      padding: 24px 22px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    .swh-product-title {\n      font-size: 20px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 700;\n      line-height: 1.3;\n    }\n\n    .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 8px;\n    }\n\n    .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 20px;\n      padding-left: 5px;\n      flex-grow: 1;\n    }\n\n    .swh-button-group {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .swh-learn-more,\n    .swh-get-quote {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      padding: 11px 24px;\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      text-align: center;\n    }\n\n    .swh-learn-more {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);\n    }\n\n    .swh-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);\n    }\n\n    .swh-get-quote {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3);\n    }\n\n    .swh-get-quote:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(16, 185, 129, 0.5);\n    }\n\n    .swh-learn-more svg,\n    .swh-get-quote svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .swh-learn-more:hover svg,\n    .swh-get-quote:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 18px;\n      font-size: 12px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4);\n    }\n\n    @media (max-width: 1024px) {\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }\n\n      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .swh-intro {\n        margin-bottom: 30px;\n      }\n\n      .swh-intro p {\n        font-size: 14px;\n      }\n\n      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }\n\n      .swh-product-image {\n        height: 200px;\n      }\n\n      .swh-product-image img {\n        padding: 15px;\n      }\n\n      .swh-product-content {\n        padding: 22px 20px;\n      }\n\n      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n\n      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 18px;\n      }\n\n      .swh-learn-more,\n      .swh-get-quote {\n        padding: 10px 22px;\n        font-size: 13px;\n      }\n\n      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n\n  <div class=\"swh-container\">\n    <!-- Header -->\n    <div class=\"swh-header\">\n      <h2>\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        SOLETKS\u592a\u9633\u80fd\u70ed\u6c34\u7cfb\u7edf\u65e8\u5728\u9ad8\u6548\u6355\u83b7\u592a\u9633\u80fd\u5e76\u5c06\u5176\u8f6c\u5316\u4e3a\u53ef\u9760\u7684\u5bb6\u5ead\u3001\u5546\u4e1a\u548c\u5de5\u4e1a\u7528\u70ed\u6c34\u3002\u51ed\u501f\u5148\u8fdb\u7684\u5e73\u677f\u548c\u70ed\u7ba1\u6280\u672f\uff0c\u6211\u4eec\u7684\u7cfb\u7edf\u63d0\u4f9b\u5353\u8d8a\u7684\u6027\u80fd\u3001\u8282\u80fd\u548c\u73af\u4fdd\u4f18\u52bf\u3002\u6bcf\u6b3e\u578b\u53f7\u90fd\u8bbe\u8ba1\u4ee5\u6ee1\u8db3\u4e0d\u540c\u5b89\u88c5\u9700\u6c42\u548c\u6c14\u5019\u6761\u4ef6\uff0c\u4f7f\u592a\u9633\u80fd\u70ed\u6c34\u6bd4\u4ee5\u5f80\u4efb\u4f55\u65f6\u5019\u90fd\u66f4\u9ad8\u6548\u3001\u66f4\u53ef\u6301\u7eed\u3002\n      <\/p>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"swh-products-grid\">\n      \n      <!-- Integrated Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u70ed\u95e8<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/300L\u4e00\u4f53\u673a1.png?w=500&quality=75\" \n               alt=\"Integrated Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u96c6\u6210\u5f0f\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u4e00\u4f53\u5316\u7d27\u51d1\u7cfb\u7edf\uff0c\u5c06\u592a\u9633\u80fd\u96c6\u70ed\u5668\u548c\u6c34\u7bb1\u7ed3\u5408\u4e3a\u4e00\u4f53\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u5b83\u63d0\u4f9b\u7b80\u4fbf\u7684\u5b89\u88c5\u3001\u53ef\u9760\u7684\u8fd0\u884c\u548c\u51fa\u8272\u7684\u70ed\u91cf\u4fdd\u6301\u80fd\u529b\u2014\u2014\u975e\u5e38\u9002\u5408\u5bb6\u5ead\u548c\u5c0f\u578b\u5e94\u7528\uff0c\u6ce8\u91cd\u7b80\u6d01\u548c\u9ad8\u6548\u3002\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n              \u4e86\u89e3\u66f4\u591a\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              \u83b7\u53d6\u60a8\u7684\u62a5\u4ef7\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Split Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u7075\u6d3b<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5206\u4f532.png?w=500&quality=75\" \n               alt=\"Split Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u5206\u4f53\u5f0f\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u8be5\u7cfb\u7edf\u5c06\u592a\u9633\u80fd\u96c6\u70ed\u5668\u4e0e\u50a8\u5b58\u7f50\u5206\u79bb\uff0c\u5141\u8bb8\u6839\u636e\u5efa\u7b51\u5e03\u5c40\u7075\u6d3b\u5b89\u88c5\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u5206\u4f53\u8bbe\u8ba1\u6700\u5927\u9650\u5ea6\u51cf\u5c11\u70ed\u635f\u5931\uff0c\u63d0\u4f9b\u66f4\u597d\u7684\u6297\u51bb\u4fdd\u62a4\uff0c\u786e\u4fdd\u56db\u5b63\u7a33\u5b9a\u7684\u70ed\u6c34\u4f9b\u5e94\u3002\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n              \u4e86\u89e3\u66f4\u591a\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              \u83b7\u53d6\u60a8\u7684\u62a5\u4ef7\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Heat Pipe Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u9ad8\u6548\u7387<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0-scaled.png?w=500&quality=75\" \n               alt=\"Heat Pipe Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u70ed\u7ba1\u5f0f\u592a\u9633\u80fd\u70ed\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u914d\u5907\u771f\u7a7a\u7ba1\u548c\u5148\u8fdb\u7684\u70ed\u7ba1\u6280\u672f\uff0c\u5373\u4f7f\u5728\u5bd2\u51b7\u6216\u591a\u4e91\u7684\u6761\u4ef6\u4e0b\u4e5f\u80fd\u5b9e\u73b0\u5feb\u901f\u52a0\u70ed\u548c\u4f18\u8d8a\u7684\u6548\u7387\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u9002\u7528\u4e8e\u6c14\u5019\u591a\u53d8\u7684\u5730\u533a\uff0c\u4ee5\u53ca\u8ffd\u6c42\u9ad8\u6027\u80fd\u548c\u4f4e\u7ef4\u62a4\u7684\u7528\u6237\u3002\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n              \u4e86\u89e3\u66f4\u591a\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              \u83b7\u53d6\u60a8\u7684\u62a5\u4ef7\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\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-01ae9d6 e-con-full e-flex e-con e-parent\" data-id=\"01ae9d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34f7f0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"34f7f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Our Solutions Section -->\n<section id=\"our-solutions\" class=\"solutions-section\">\n  <style>\n    .solutions-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .solutions-header {\n      text-align: center;\n      margin-bottom: 25px;\n    }\n\n    .solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .solutions-subtitle {\n      font-size: 24px;\n      color: #475569;\n      font-weight: 600;\n      margin-bottom: 15px;\n    }\n\n    .solutions-intro {\n      max-width: 990px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .solutions-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    \/* Background Image Container - \u6dfb\u52a0\u538b\u7f29\u53c2\u6570 *\/\n    .solutions-cards-wrapper {\n      position: relative;\n      padding: 80px 0 100px;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1920&quality=75');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      border-radius: 0;\n      overflow: visible;\n      margin: 0 -20px;\n    }\n\n    \/* \u84dd\u8272\u900f\u660e\u906e\u7f69\u5c42 *\/\n    .solutions-cards-wrapper::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(37, 99, 235, 0.35) 0%, \n        rgba(59, 130, 246, 0.45) 30%,\n        rgba(96, 165, 250, 0.40) 50%,\n        rgba(59, 130, 246, 0.45) 70%,\n        rgba(37, 99, 235, 0.35) 100%);\n      z-index: 1;\n    }\n\n    \/* \u989d\u5916\u7684\u84dd\u8272\u5149\u6655\u6548\u679c *\/\n    .solutions-cards-wrapper::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at center, \n        rgba(59, 130, 246, 0.2) 0%, \n        transparent 70%);\n      z-index: 1;\n    }\n\n    .solutions-cards-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 24px;\n      position: relative;\n      z-index: 2;\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    .solution-card {\n      background: rgba(255, 255, 255, 0.25);\n      backdrop-filter: blur(20px) saturate(180%);\n      -webkit-backdrop-filter: blur(20px) saturate(180%);\n      border-radius: 24px;\n      padding: 32px 24px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      box-shadow: \n        0 8px 32px rgba(31, 38, 135, 0.15),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solution-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.4) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 24px;\n      z-index: -1;\n    }\n\n    .solution-card::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, \n        rgba(102, 126, 234, 0.8) 0%, \n        rgba(118, 75, 162, 0.8) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      border-radius: 24px 24px 0 0;\n    }\n\n    .solution-card:hover {\n      transform: translateY(-12px) scale(1.02);\n      background: rgba(255, 255, 255, 0.35);\n      box-shadow: \n        0 20px 60px rgba(102, 126, 234, 0.25),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\n      border-color: rgba(255, 255, 255, 0.7);\n    }\n\n    .solution-card:hover::after {\n      transform: scaleX(1);\n    }\n\n    .solution-number {\n      font-size: 56px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 20px;\n      line-height: 1;\n      letter-spacing: -2px;\n      text-shadow: 0 2px 10px rgba(102, 126, 234, 0.2);\n    }\n\n    .solution-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 14px;\n      line-height: 1.4;\n      min-height: 54px;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\n    }\n\n    .solution-description {\n      font-size: 14px;\n      color: #334155;\n      line-height: 1.7;\n      flex-grow: 1;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon {\n      width: 64px;\n      height: 64px;\n      background: linear-gradient(135deg, \n        rgba(102, 126, 234, 0.9) 0%, \n        rgba(118, 75, 162, 0.9) 100%);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      box-shadow: \n        0 8px 24px rgba(102, 126, 234, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.3);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      transition: all 0.4s ease;\n    }\n\n    .solution-card:hover .solution-icon {\n      transform: rotateY(360deg) scale(1.05);\n      box-shadow: \n        0 12px 32px rgba(102, 126, 234, 0.4),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon svg {\n      width: 32px;\n      height: 32px;\n      color: white;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n    }\n\n    \/* CTA Button inside background *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .custom-build-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      padding: 20px 56px;\n      font-size: 19px;\n      font-weight: 700;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(30px) saturate(180%);\n      -webkit-backdrop-filter: blur(30px) saturate(180%);\n      border: 2px solid rgba(255, 255, 255, 0.8);\n      border-radius: 60px;\n      cursor: pointer;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 15px 45px rgba(255, 255, 255, 0.2),\n        inset 0 2px 0 rgba(255, 255, 255, 0.4),\n        0 0 0 0 rgba(255, 255, 255, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n      letter-spacing: 0.5px;\n    }\n\n    .custom-build-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.3) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 60px;\n      z-index: -1;\n    }\n\n    .custom-build-btn::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(255, 255, 255, 0.3) 50%, \n        transparent 70%);\n      transform: rotate(45deg);\n      transition: all 0.6s ease;\n      opacity: 0;\n    }\n\n    .custom-build-btn:hover {\n      transform: translateY(-6px) scale(1.05);\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 1);\n      box-shadow: \n        0 25px 60px rgba(255, 255, 255, 0.35),\n        inset 0 2px 0 rgba(255, 255, 255, 0.6),\n        0 0 0 8px rgba(255, 255, 255, 0.15);\n    }\n\n    .custom-build-btn:hover::after {\n      opacity: 1;\n      left: 100%;\n    }\n\n    .custom-build-btn:active {\n      transform: translateY(-3px) scale(1.02);\n    }\n\n    .custom-build-btn svg {\n      width: 22px;\n      height: 22px;\n      transition: transform 0.4s ease;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n    }\n\n    .custom-build-btn:hover svg {\n      transform: translateX(8px);\n    }\n\n    @keyframes glow {\n      0%, 100% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.2),\n          inset 0 2px 0 rgba(255, 255, 255, 0.4),\n          0 0 0 0 rgba(255, 255, 255, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.3),\n          inset 0 2px 0 rgba(255, 255, 255, 0.5),\n          0 0 0 12px rgba(255, 255, 255, 0.1);\n      }\n    }\n\n    .custom-build-btn {\n      animation: glow 3s ease-in-out infinite;\n    }\n\n    \/* Glassmorphism shimmer effect *\/\n    @keyframes shimmer {\n      0% {\n        background-position: -200% center;\n      }\n      100% {\n        background-position: 200% center;\n      }\n    }\n\n    .solution-card:hover::before {\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.5) 0%, \n        rgba(255, 255, 255, 0.2) 50%,\n        rgba(255, 255, 255, 0.5) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 2s infinite;\n    }\n\n    \/* \u79fb\u52a8\u7aef\u80cc\u666f\u56fe\u4f18\u5316 *\/\n    @media (max-width: 1200px) {\n      .solutions-cards-wrapper {\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1200&quality=75');\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .solutions-section {\n        padding: 60px 20px;\n      }\n\n      .solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .solutions-subtitle {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .solutions-intro {\n        margin-bottom: 40px;\n      }\n\n      .solutions-intro p {\n        font-size: 14px;\n      }\n\n      .solutions-cards-wrapper {\n        padding: 50px 0 70px;\n        margin: 0 -20px;\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=800&quality=70');\n      }\n\n      .solutions-cards-wrapper::before {\n        background: linear-gradient(180deg, \n          rgba(37, 99, 235, 0.45) 0%, \n          rgba(59, 130, 246, 0.55) 50%,\n          rgba(37, 99, 235, 0.45) 100%);\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        padding: 0 20px;\n      }\n\n      .solution-card {\n        padding: 28px 22px;\n        background: rgba(255, 255, 255, 0.3);\n      }\n\n      .solution-number {\n        font-size: 48px;\n        margin-bottom: 16px;\n      }\n\n      .solution-title {\n        font-size: 18px;\n        margin-bottom: 12px;\n        min-height: auto;\n      }\n\n      .solution-description {\n        font-size: 14px;\n      }\n\n      .solution-icon {\n        width: 56px;\n        height: 56px;\n        margin-bottom: 16px;\n      }\n\n      .solution-icon svg {\n        width: 28px;\n        height: 28px;\n      }\n\n      .solutions-cta {\n        margin-top: 40px;\n      }\n\n      .custom-build-btn {\n        padding: 18px 42px;\n        font-size: 17px;\n        gap: 12px;\n      }\n\n      .custom-build-btn svg {\n        width: 20px;\n        height: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"solutions-container\">\n    <!-- Header -->\n    <div class=\"solutions-header\">\n      <h2>\u6211\u4eec\u7684\u89e3\u51b3\u65b9\u6848<\/h2>\n      <p class=\"solutions-subtitle\">\u4e2a\u6027\u5316\u592a\u9633\u80fd\u70ed\u6c34\u7cfb\u7edf<\/p>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"solutions-intro\">\n      <p>\n        SOLETKS\u63d0\u4f9b\u5b9a\u5236\u7684\u592a\u9633\u80fd\u70ed\u80fd\u89e3\u51b3\u65b9\u6848\uff0c\u5bb9\u91cf\u3001\u8bbe\u8ba1\u548c\u5e94\u7528\u65b9\u6848\u7075\u6d3b\u591a\u6837\u3002\u4ece\u4f4f\u5b85\u70ed\u6c34\u548c\u5efa\u7b51\u91c7\u6696\u5230\u5de5\u4e1a\u548c\u519c\u4e1a\u70ed\u80fd\u9700\u6c42\uff0c\u6211\u4eec\u6574\u5408\u592a\u9633\u80fd\u3001\u5730\u70ed\u548c\u7a7a\u6c14\u80fd\uff0c\u5b9e\u73b0\u6700\u5927\u6548\u7387\u548c\u53ef\u6301\u7eed\u53d1\u5c55\u3002\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Cards with Background Image -->\n  <div class=\"solutions-cards-wrapper\">\n    <div class=\"solutions-cards-grid\">\n      \n      <!-- Solution 01 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">01<\/div>\n        <h3 class=\"solution-title\">\u7cfb\u7edf\u6027\u80fd\u4f18\u5316<\/h3>\n        <p class=\"solution-description\">\n          \u6df1\u5165\u7684\u6027\u80fd\u8bc4\u4f30\u3001\u70ed\u6536\u96c6\u6548\u7387\u6d4b\u8bd5\u548c\u7cfb\u7edf\u8c03\u8bd5\uff0c\u786e\u4fdd\u6bcf\u6b21\u5b89\u88c5\u90fd\u8fbe\u5230\u6700\u4f73\u8f93\u51fa\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Solution 02 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <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\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">02<\/div>\n        <h3 class=\"solution-title\">\u4e13\u4e1a\u5b89\u88c5\u4e0e\u8c03\u8bd5<\/h3>\n        <p class=\"solution-description\">\n          \u4e13\u4e1a\u73b0\u573a\u5b89\u88c5\u3001\u6821\u51c6\u548c\u8c03\u8bd5\uff0c\u52a0\u5feb\u5b89\u88c5\u901f\u5ea6\uff0c\u786e\u4fdd\u5b89\u5168\u8fd0\u884c\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Solution 03 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">03<\/div>\n        <h3 class=\"solution-title\">\u514d\u8d39\u7ef4\u62a4<\/h3>\n        <p class=\"solution-description\">\n          \u5b9a\u671f\u68c0\u67e5\u548c\u9884\u9632\u6027\u7ef4\u62a4\uff0c\u5ef6\u957f\u7cfb\u7edf\u4f7f\u7528\u5bff\u547d\uff0c\u4fdd\u6301\u9ad8\u70ed\u6548\u7387\u2014\u2014\u65e0\u9700\u989d\u5916\u8d39\u7528\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Solution 04 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">04<\/div>\n        <h3 class=\"solution-title\">\u514d\u8d39\u6280\u672f\u57f9\u8bad<\/h3>\n        <p class=\"solution-description\">\n          \u64cd\u4f5c\u3001\u76d1\u63a7\u548c\u7ef4\u62a4\u7684\u5b9e\u64cd\u57f9\u8bad\uff0c\u786e\u4fdd\u7cfb\u7edf\u957f\u671f\u53ef\u9760\u8fd0\u884c\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Solution 05 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">05<\/div>\n        <h3 class=\"solution-title\">\u6301\u7eed\u6280\u672f\u5347\u7ea7<\/h3>\n        <p class=\"solution-description\">\n          \u5728\u9009\u62e9\u6027\u6d82\u5c42\u3001\u70ed\u80fd\u5b58\u50a8\u548c\u667a\u80fd\u63a7\u5236\u65b9\u9762\u6301\u7eed\u521b\u65b0\uff0c\u63a8\u52a8\u4e0b\u4e00\u4ee3\u592a\u9633\u80fd\u6027\u80fd\u3002\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"custom-build-btn\">\n        \u5f00\u542f\u60a8\u7684\u5b9a\u5236\u5efa\u9020\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-19081fc e-con-full e-flex e-con e-parent\" data-id=\"19081fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c547d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"87c547d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">\u6211\u4eec\u7684\u9879\u76ee<\/span>\n            <h2 class=\"section-title\">\u5168\u7403 <span class=\"title-highlight\">\u592a\u9633\u80fd\u5353\u8d8a<\/span><\/h2>\n            <p class=\"section-description\">\u5728\u5404\u5927\u6d32\u5f00\u521b\u53ef\u6301\u7eed\u80fd\u6e90\u89e3\u51b3\u65b9\u6848\uff0c\u63d0\u4f9b\u521b\u65b0\u7684\u592a\u9633\u80fd\u91c7\u6696\u548c\u70ed\u6c34\u7cfb\u7edf\u3002<\/p>\n        <\/div>\n\n        <!-- Projects Masonry Grid -->\n        <div class=\"projects-masonry\">\n            <!-- Featured Project - Large -->\n            <article class=\"project-card featured-large\">\n                <div class=\"card-image\">\n                    <img 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\" \n                         alt=\"Centralized Solar Heating\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                    <span class=\"featured-badge\">\u7279\u8272\u9879\u76ee<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <h3>\u838e\u560e\u53bf\u57ce\u96c6\u4e2d\u592a\u9633\u80fd\u91c7\u6696<\/h3>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2019<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u897f\u85cf\u65e5\u5580\u5219<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>107,000\u5e73\u65b9\u7c73<\/span>\n                    <\/div>\n                    <p>EFPC115\u5927\u578b\u5e73\u677f\u96c6\u70ed\u5668\u4e3a107,000\u5e73\u65b9\u7c73\u63d0\u4f9b\u91c7\u6696\u8986\u76d6\uff0c\u53d6\u4ee3\u4f20\u7edf\u7164\u70ad\u548c\u7266\u725b\u7caa\u91c7\u6696\u3002\u6bcf\u5e74\u51cf\u5c11\u7164\u70ad\u6d88\u80172,424\u5428\u3002<\/p>\n                    <div class=\"achievements-grid\">\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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\"\/><\/svg>\n                            <span>\u4e16\u754c\u9996\u4e2a\u9ad8\u6d77\u62d4\u592a\u9633\u80fd\u96c6\u4e2d\u91c7\u6696<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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\"\/><\/svg>\n                            <span>\u9996\u4e2a\u5168\u94fe\u6761\u4ea4\u94a5\u5319\u592a\u9633\u80fd\u91c7\u6696\u9879\u76ee<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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\"\/><\/svg>\n                            <span>\u897f\u85cf\u9996\u4e2a\u5927\u89c4\u6a21\u592a\u9633\u80fd\u91c7\u6696<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary\">\u67e5\u770b\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 2 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" \n                         alt=\"Tianjin School\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>\u5929\u6d25\u5b66\u6821TPV Pro+\u70ed\u6cf5\u9879\u76ee<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2024<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u5929\u6d25<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>3000\u5e73\u65b9\u7c73<\/span>\n                    <\/div>\n                    <p>TPV Pro+\u70ed\u6cf5\u7cfb\u7edf\u6ee1\u8db3\u5b66\u751f\u7684\u91c7\u6696\u9700\u6c42\uff0c\u540c\u65f6\u5b9e\u73b0\u73b0\u573a\u53d1\u7535\u3002<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">\u67e5\u770b\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 3 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" \n                         alt=\"Central Asia Clean Campus\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>\u4e2d\u4e9a\u6e05\u6d01\u6821\u56ed\u91c7\u6696<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2023<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u54c8\u8428\u514b\u65af\u5766<\/span>\n                    <\/div>\n                    <p>\u5177\u6709\u4f18\u5f02\u4f4e\u6e29\u6297\u6027\u7684\u4eba\u5b57\u7ba1\u96c6\u70ed\u5668\uff0c\u7528\u4e8e\u5b66\u6821\u4f9b\u6696\u3002<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 4 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img 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\" \n                         alt=\"APEC Summit\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>APEC\u5cf0\u4f1a\u9152\u5e97\u70ed\u6c34<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2014<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u5317\u4eac<\/span>\n                    <\/div>\n                    <p>APEC\u5cf0\u4f1a\u70ed\u6c34\u7cfb\u7edf\u3002\u6bcf\u5e74\u8282\u770115\u4e07\u5343\u74e6\u65f6\u3002<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 5 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" \n                         alt=\"Florida Resort\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>\u4f5b\u7f57\u91cc\u8fbe\u5ea6\u5047\u522b\u5885\u70ed\u6c34\u9879\u76ee<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2022<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u4f5b\u7f57\u91cc\u8fbe\uff0c\u7f8e\u56fd<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\u6bcf\u5929200\u5347<\/span>\n                    <\/div>\n                    <p>\u5e73\u677f\u5f0f\u6c34\u52a0\u70ed\u5668\u4e3a\u6bcf\u4e2a\u5ea6\u5047\u522b\u5885\u63d0\u4f9b\u6bcf\u65e5200\u5347\u70ed\u6c34\u3002<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">\u67e5\u770b\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 6 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png?w=600&quality=75\" \n                         alt=\"Harz Church\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>\u54c8\u8328\u6559\u5802\u70ed\u6c34\u9879\u76ee<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2021<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u5fb7\u56fd<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\u6bcf\u592922\u5428<\/span>\n                    <\/div>\n                    <p>\u4e32\u8054\/\u5e76\u8054\u914d\u7f6e\u7684\u5de5\u7a0b\u7ea7\u96c6\u70ed\u5668\u63d0\u4f9b\u53ef\u9760\u7684\u70ed\u6c34\u4f9b\u5e94\u3002<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>\u83b7\u53d6\u62a5\u4ef7<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/be\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">\u67e5\u770b\u8be6\u60c5<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.projects-showcase {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* Section Header *\/\n.section-header {\n    text-align: center;\n    max-width: 750px;\n    margin: 0 auto 60px;\n}\n\n.section-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    color: #3b82f6;\n    margin-bottom: 16px;\n    position: relative;\n}\n\n.section-label::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.title-highlight {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-description {\n    font-size: 18px;\n    line-height: 1.7;\n    color: #64748b;\n}\n\n\/* Masonry Grid Layout *\/\n.projects-masonry {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    grid-auto-rows: minmax(200px, auto);\n}\n\n\/* Card Base Styles *\/\n.project-card {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    min-height: 0;\n}\n\n.project-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: 1;\n}\n\n.project-card:hover {\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n    transform: translateY(-8px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n\/* Card Sizes *\/\n.featured-large {\n    grid-column: span 2;\n    grid-row: span 2;\n}\n\n.medium {\n    grid-column: span 2;\n    grid-row: span 1;\n}\n\n.small {\n    grid-column: span 1;\n    grid-row: span 1;\n}\n\n\/* Card Image *\/\n.card-image {\n    position: relative;\n    overflow: hidden;\n    flex-shrink: 0;\n    width: 100%;\n}\n\n.featured-large .card-image {\n    height: 280px;\n}\n\n.medium .card-image {\n    height: 160px;\n}\n\n.small .card-image {\n    height: 140px;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.1);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 8px 18px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    border-radius: 24px;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    z-index: 2;\n}\n\n\/* Card Content *\/\n.card-content {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.featured-large .card-content {\n    padding: 28px;\n}\n\n.card-content h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.card-content h4 {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 10px;\n    line-height: 1.4;\n}\n\n\/* Meta Tags *\/\n.meta-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n.meta-tags span {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #475569;\n    padding: 5px 10px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-radius: 10px;\n    border: 1px solid #bae6fd;\n}\n\n.meta-tags svg {\n    width: 13px;\n    height: 13px;\n    stroke-width: 2;\n    flex-shrink: 0;\n}\n\n.card-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 16px;\n    flex: 1;\n}\n\n.small .card-content p {\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\/* Achievements Grid *\/\n.achievements-grid {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.achievement-badge {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px 12px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-left: 3px solid #3b82f6;\n    border-radius: 6px;\n    font-size: 13px;\n    color: #0f172a;\n    font-weight: 500;\n    line-height: 1.4;\n}\n\n.achievement-badge svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    margin-top: 1px;\n    stroke: #3b82f6;\n    fill: #3b82f6;\n}\n\n\/* Buttons *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.btn-primary, .btn-secondary {\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 13px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    gap: 6px;\n    flex: 1;\n}\n\n.btn-primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(3px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 2px solid #e2e8f0;\n    flex: 1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #cbd5e1;\n}\n\n.btn-small {\n    font-size: 12px;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 13px;\n    height: 13px;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 42px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    \n    .featured-large {\n        grid-column: span 3;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image {\n        height: 240px;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n}\n\n@media (max-width: 900px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .section-header {\n        margin-bottom: 50px;\n    }\n    \n    .section-title {\n        font-size: 36px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n    \n    .featured-large {\n        grid-column: span 2;\n        grid-row: span 1;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n    \n    .small {\n        grid-column: span 1;\n    }\n}\n\n@media (max-width: 640px) {\n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .featured-large,\n    .medium,\n    .small {\n        grid-column: span 1;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image,\n    .medium .card-image,\n    .small .card-image {\n        height: 200px;\n    }\n    \n    .card-content h3 {\n        font-size: 20px;\n    }\n    \n    .card-content h4 {\n        font-size: 17px;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary,\n    .btn-secondary {\n        width: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-large .card-content {\n        padding: 20px;\n    }\n    \n    .card-content h3 {\n        font-size: 18px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c772e85 e-con-full e-flex e-con e-parent\" data-id=\"c772e85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfd500 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3dfd500\" 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-79249f8 e-con-full e-flex e-con e-parent\" data-id=\"79249f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04abea9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"04abea9\" 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-fb61a7f e-flex e-con-boxed e-con e-parent\" data-id=\"fb61a7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2177d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3e2177d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA Button - Standalone -->\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\n<style>\n  \/* CTA Button Styles *\/\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  \/* Responsive Design *\/\n  @media (max-width: 768px) {\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\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5c817b e-con-full e-flex e-con e-parent\" data-id=\"c5c817b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66d4f56 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"66d4f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Partner Program Section -->\n<section class=\"partner-program-section\" id=\"partner-program\">\n  <style>\n    \/* ========== \u5168\u7403\u5408\u4f5c\u4f19\u4f34\u8ba1\u5212 - \u73b0\u4ee3\u7cbe\u81f4\u8bbe\u8ba1 ========== *\/\n    .partner-program-section {\n      background: #ffffff;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .partner-program-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .partner-program-section .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u533a\u57df - \u7cbe\u81f4\u8bbe\u8ba1 *\/\n    .partner-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .partner-header .icon-wrapper {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 72px;\n      height: 72px;\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 20px;\n      margin-bottom: 24px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.25);\n      animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n    }\n\n    .partner-header .icon-wrapper svg {\n      width: 40px;\n      height: 40px;\n      stroke: white;\n      stroke-width: 2;\n    }\n\n    .partner-header h2 {\n      font-size: 42px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n      letter-spacing: -0.02em;\n    }\n\n    .partner-header .subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 400;\n      max-width: 720px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* \u4e3b\u8981\u5185\u5bb9 - \u5361\u7247\u5f0f\u8bbe\u8ba1 *\/\n    .partner-content {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-radius: 24px;\n      padding: 50px;\n      margin-bottom: 50px;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n      border: 1px solid #e2e8f0;\n    }\n\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 50px;\n      align-items: center;\n    }\n\n    \/* \u6587\u672c\u5185\u5bb9 *\/\n    .content-text h3 {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.3;\n    }\n\n    .content-text p {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #475569;\n      margin: 0 0 16px 0;\n    }\n\n    .content-text p:last-child {\n      margin-bottom: 0;\n    }\n\n    .content-text strong {\n      color: #3b82f6;\n      font-weight: 600;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c - \u521b\u610f\u5e03\u5c40 *\/\n    .content-images {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n    .image-item {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .image-item:first-child {\n      grid-row: 1 \/ 3;\n    }\n\n    .image-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.4s ease;\n    }\n\n    .image-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.2);\n    }\n\n    .image-item:hover img {\n      transform: scale(1.08);\n    }\n\n    \/* \u5408\u4f5c\u4f18\u52bf - \u73b0\u4ee3\u7f51\u683c *\/\n    .partner-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 50px;\n    }\n\n    .benefit-card {\n      background: white;\n      border-radius: 16px;\n      padding: 32px;\n      border: 1px solid #e2e8f0;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.3s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .benefit-card:hover {\n      border-color: #3b82f6;\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);\n      transform: translateY(-6px);\n    }\n\n    .benefit-icon {\n      width: 56px;\n      height: 56px;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      transform: scale(1.1);\n    }\n\n    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon svg {\n      stroke: white;\n    }\n\n    .benefit-card h3 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 10px 0;\n      line-height: 1.4;\n    }\n\n    .benefit-card p {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* \u76ee\u6807\u5e02\u573a - \u7cbe\u81f4\u6807\u7b7e *\/\n    .target-markets {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      margin-bottom: 50px;\n      border: 1px solid #e2e8f0;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n    }\n\n    .target-markets h3 {\n      font-size: 22px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 28px 0;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .target-markets h3 svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .markets-grid {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .market-tag {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border: 2px solid #e2e8f0;\n      border-radius: 12px;\n      padding: 14px 24px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      transition: all 0.3s ease;\n      cursor: default;\n    }\n\n    .market-tag:hover {\n      border-color: #3b82f6;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);\n      transform: translateY(-4px);\n    }\n\n    .market-tag svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .market-tag .name {\n      font-size: 15px;\n      font-weight: 600;\n      color: #334155;\n    }\n\n    \/* CTA \u533a\u57df - \u6e10\u53d8\u5361\u7247 *\/\n    .partner-cta {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 24px;\n      padding: 50px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.3);\n    }\n\n    .partner-cta::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    .partner-cta-content {\n      position: relative;\n      z-index: 1;\n    }\n\n    .partner-cta h3 {\n      font-size: 32px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n    }\n\n    .partner-cta p {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.9);\n      margin: 0 0 32px 0;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      line-height: 1.7;\n    }\n\n    .cta-buttons {\n      display: flex;\n      gap: 16px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 36px;\n      font-size: 16px;\n      font-weight: 600;\n      text-decoration: none;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .cta-btn-primary {\n      background: white;\n      color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n    }\n\n    .cta-btn-primary:hover {\n      background: #f8fafc;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n    }\n\n    .cta-btn-secondary {\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(10px);\n      color: white;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .cta-btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 0.5);\n      transform: translateY(-3px);\n    }\n\n    .cta-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* ========== \u54cd\u5e94\u5f0f\u8bbe\u8ba1 ========== *\/\n    @media (max-width: 1024px) {\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .content-images {\n        max-width: 500px;\n        margin: 0 auto;\n      }\n\n      .partner-benefits {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .partner-program-section {\n        padding: 60px 0;\n      }\n\n      .partner-program-section .container {\n        padding: 0 20px;\n      }\n\n      .partner-header {\n        margin-bottom: 40px;\n      }\n\n      .partner-header .icon-wrapper {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 20px;\n      }\n\n      .partner-header .icon-wrapper svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .partner-header h2 {\n        font-size: 28px;\n      }\n\n      .partner-header .subtitle {\n        font-size: 16px;\n      }\n\n      .partner-content {\n        padding: 30px 25px;\n        margin-bottom: 40px;\n      }\n\n      .content-text h3 {\n        font-size: 20px;\n      }\n\n      .content-text p {\n        font-size: 15px;\n      }\n\n      .partner-benefits {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        margin-bottom: 40px;\n      }\n\n      .benefit-card {\n        padding: 24px;\n      }\n\n      .target-markets {\n        padding: 30px 20px;\n        margin-bottom: 40px;\n      }\n\n      .target-markets h3 {\n        font-size: 18px;\n        margin-bottom: 20px;\n      }\n\n      .markets-grid {\n        gap: 12px;\n      }\n\n      .market-tag {\n        padding: 12px 20px;\n      }\n\n      .partner-cta {\n        padding: 35px 25px;\n      }\n\n      .partner-cta h3 {\n        font-size: 24px;\n      }\n\n      .partner-cta p {\n        font-size: 15px;\n        margin-bottom: 24px;\n      }\n\n      .cta-buttons {\n        flex-direction: column;\n      }\n\n      .cta-btn {\n        justify-content: center;\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <!-- \u6807\u9898\u533a\u57df -->\n    <div class=\"partner-header\">\n      <div class=\"icon-wrapper\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h2>\u5168\u7403\u5408\u4f5c\u4f19\u4f34\u8ba1\u5212<\/h2>\n      <p class=\"subtitle\">\u52a0\u5165\u7d22\u83b1\u7279\u514b\u65af\u592a\u9633\u80fd\u7684\u5168\u7403\u7f51\u7edc\uff0c\u5229\u7528\u4f18\u8d28\u592a\u9633\u80fd\u70ed\u80fd\u89e3\u51b3\u65b9\u6848\u52a0\u901f\u60a8\u7684\u4e1a\u52a1\u589e\u957f<\/p>\n    <\/div>\n\n    <!-- \u4e3b\u8981\u5185\u5bb9 -->\n    <div class=\"partner-content\">\n      <div class=\"content-grid\">\n        <div class=\"content-text\">\n          <h3>\u4e0e\u7d22\u83b1\u7279\u514b\u65af\u592a\u9633\u80fd\u5171\u540c\u62d3\u5c55\u60a8\u7684\u4e1a\u52a1<\/h3>\n          <p>\n            <strong>\u7d22\u83b1\u7279\u514b\u65af\u592a\u9633\u80fd<\/strong> \u6b63\u5728\u6269\u5c55\u6211\u4eec\u7684\u5168\u7403\u7f51\u7edc\uff0c\u9080\u8bf7\u7ecf\u9500\u5546\u3001EPC\u627f\u5305\u5546\u3001\u5de5\u7a0b\u516c\u53f8\u3001\u5b89\u88c5\u5546\u548c\u9879\u76ee\u5f00\u53d1\u5546\u4e0e\u6211\u4eec\u5408\u4f5c\u3002\n          <\/p>\n          <p>\n            \u6211\u4eec\u63d0\u4f9b\u9ad8\u6548\u5e73\u677f\u96c6\u70ed\u5668\u3001\u5546\u7528\u70ed\u6c34\u7cfb\u7edf\u3001PVT\u6df7\u5408\u677f\u4ee5\u53ca\u5927\u578b\u592a\u9633\u80fd\u4f9b\u70ed\u89e3\u51b3\u65b9\u6848\uff0c\u53d7\u5230\u9152\u5e97\u3001\u5de5\u5382\u3001\u533b\u9662\u3001\u5b66\u6821\u548c\u4f4f\u5b85\u9879\u76ee\u7684\u4fe1\u8d56\u3002\n          <\/p>\n        <\/div>\n        <div class=\"content-images\">\n          <div class=\"image-item\">\n            <img height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Solar Factory\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg\" alt=\"Production Line\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg\" alt=\"Quality Control\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5408\u4f5c\u4f18\u52bf -->\n    <div class=\"partner-benefits\">\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 6v6l4 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u5de5\u5382\u76f4\u9500\u4ef7\u683c<\/h3>\n        <p>\u5177\u6709\u4fdd\u8bc1\u4ea7\u80fd\u548c\u7a33\u5b9a\u8d28\u91cf\u7684\u5177\u6709\u7ade\u4e89\u529b\u7684\u6279\u53d1\u4ef7\u683c<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M7 7h.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>OEM\/ODM\u54c1\u724c\u5b9a\u5236<\/h3>\n        <p>\u4e3a\u672c\u5730\u5e02\u573a\u5f00\u53d1\u548c\u54c1\u724c\u8bc6\u522b\u5b9a\u5236\u4ea7\u54c1<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u6280\u672f\u652f\u6301<\/h3>\n        <p>\u8bbe\u8ba1\u56fe\u7eb8\u3001\u7cfb\u7edf\u534f\u52a9\u548c\u5728\u7ebf\u8c03\u8bd5\u6307\u5bfc<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u957f\u4e45\u4fdd\u4fee<\/h3>\n        <p>\u96c6\u70ed\u56685\u5e74\uff0c\u6c34\u7bb13\u5e74\uff0c\u96f6\u90e8\u4ef61\u5e74\u2014\u2014\u8ba9\u60a8\u65e0\u5fe7<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u5feb\u901f\u4ea4\u8d27<\/h3>\n        <p>\u6807\u51c6\u4ea4\u8d27\u671f\u4e3a20-30\u5929\uff0c\u914d\u5907\u9ad8\u6548\u7684\u8fd0\u8f93\u65b9\u6848<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u5e02\u573a\u652f\u6301<\/h3>\n        <p>\u4e13\u4e1a\u8d44\u6599\u548c\u72ec\u5bb6\u533a\u57df\u5206\u9500\u6743<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u76ee\u6807\u5e02\u573a -->\n    <div class=\"target-markets\">\n      <h3>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        \u76ee\u6807\u5e02\u573a\u4e0e\u5730\u533a\n      <\/h3>\n      <div class=\"markets-grid\">\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">\u975e\u6d32<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">\u4e2d\u4e1c<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">\u6b27\u6d32<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">\u4e1c\u5357\u4e9a<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">\u62c9\u4e01\u7f8e\u6d32<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA \u533a\u57df -->\n    <div class=\"partner-cta\">\n      <div class=\"partner-cta-content\">\n        <h3>\u7acb\u5373\u6210\u4e3a\u5408\u4f5c\u4f19\u4f34<\/h3>\n        <p>\n          \u4e0e\u53ef\u9760\u7684\u5de5\u5382\u5408\u4f5c\uff0c\u6253\u9020\u60a8\u7684\u5e02\u573a\uff0c\u8d62\u53d6\u66f4\u591a\u9879\u76ee\uff0c\u7528\u9ad8\u6027\u80fd\u592a\u9633\u80fd\u70ed\u80fd\u89e3\u51b3\u65b9\u6848\u53d1\u5c55\u60a8\u7684\u4e1a\u52a1\u3002\n        <\/p>\n        <div class=\"cta-buttons\">\n          <a href=\"https:\/\/service.soletksolar.com\/be\/contact\/\" class=\"cta-btn cta-btn-primary\">\n            <span>\u7533\u8bf7\u5408\u4f5c<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/be\/products\/\" class=\"cta-btn cta-btn-secondary\">\n            <span>\u67e5\u770b\u4ea7\u54c1<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\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-711f4fe e-con-full e-flex e-con e-parent\" data-id=\"711f4fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-618fd91 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"618fd91\" 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>OEM Manufacturing Factory-Direct OEM Solar Water Heating Solutions Factory-direct Solar Water Heater, Split Solar Water Heater, and Heat Pipe Solar Water Heater with OEM branding, flat-plate or vacuum tube options, modular installation, CE\/SRCC compliance documentation, and fast, predictable lead times for global distributors. Chat on WhatsApp Get EXW\/FOB Quote Product Advantages Up to 95% Solar [&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-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1006","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=1006"}],"version-history":[{"count":128,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/service.soletksolar.com\/be\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1241"}],"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=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}