{"id":1388,"date":"2026-02-09T00:52:29","date_gmt":"2026-02-09T00:52:29","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1388"},"modified":"2026-02-10T01:33:27","modified_gmt":"2026-02-10T01:33:27","slug":"become-a-distributor-oem-partner","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/az\/become-a-distributor-oem-partner\/","title":{"rendered":"Become a Distributor &amp; OEM Partner"},"content":{"rendered":"<p><!-- Distributor Banner --><\/p>\n<section class=\"distributor-banner\">\n<style>\n    .distributor-banner {\n      width: 100%;\n      min-height: 70vh;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n    }<\/p>\n<p>    \/* Animated Background Pattern *\/\n    .distributor-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        linear-gradient(135deg, #e8f4f8 0%, #d4e9f7 50%, #b8dff5 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .distributor-banner::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 80%;\n      height: 150%;\n      background: radial-gradient(ellipse, rgba(25, 118, 210, 0.12) 0%, transparent 70%);\n      animation: dist-float 15s ease-in-out infinite;\n      z-index: 1;\n    }<\/p>\n<p>    @keyframes dist-float {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      50% { transform: translate(-30px, 30px) rotate(5deg); }\n    }<\/p>\n<p>    .distributor-banner .banner-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 60px 40px;\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 60px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Left Content *\/\n    .distributor-banner .content-section {\n      animation: dist-slideInLeft 1s ease-out;\n    }<\/p>\n<p>    @keyframes dist-slideInLeft {\n      from {\n        opacity: 0;\n        transform: translateX(-50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .distributor-banner .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 18px;\n      background: linear-gradient(135deg, #1976D2, #2196F3);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      border-radius: 30px;\n      margin-bottom: 20px;\n      box-shadow: 0 4px 15px rgba(25, 118, 210, 0.3);\n      animation: dist-pulse 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes dist-pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }<\/p>\n<p>    .distributor-banner .badge svg {\n      width: 14px;\n      height: 14px;\n      fill: white;\n    }<\/p>\n<p>    .distributor-banner .main-title {\n      font-size: 52px;\n      font-weight: 900;\n      line-height: 1.1;\n      color: #1a1410;\n      margin-bottom: 18px;\n      letter-spacing: -1.5px;\n    }<\/p>\n<p>    .distributor-banner .main-title .line1 {\n      display: block;\n      color: #292524;\n    }<\/p>\n<p>    .distributor-banner .main-title .line2 {\n      display: block;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 50%, #42A5F5 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-top: 6px;\n    }<\/p>\n<p>    .distributor-banner .subtitle {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #57534e;\n      margin-bottom: 12px;\n      font-weight: 600;\n    }<\/p>\n<p>    .distributor-banner .description {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #78716c;\n      margin-bottom: 28px;\n      max-width: 540px;\n    }<\/p>\n<p>    \/* Stats Grid *\/\n    .distributor-banner .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;\n      margin-bottom: 28px;\n    }<\/p>\n<p>    .distributor-banner .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 14px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .distributor-banner .stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #1976D2, #2196F3);\n      transform: scaleY(0);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .distributor-banner .stat-card:hover {\n      border-color: #1976D2;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(25, 118, 210, 0.15);\n    }<\/p>\n<p>    .distributor-banner .stat-card:hover::before {\n      transform: scaleY(1);\n    }<\/p>\n<p>    .distributor-banner .stat-number {\n      font-size: 32px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #1976D2, #2196F3);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 6px;\n      line-height: 1;\n    }<\/p>\n<p>    .distributor-banner .stat-label {\n      font-size: 12px;\n      color: #57534e;\n      font-weight: 600;\n      line-height: 1.3;\n    }<\/p>\n<p>    \/* CTA Buttons *\/\n    .distributor-banner .cta-group {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .distributor-banner .btn {\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: none;\n      letter-spacing: 0.3px;\n    }<\/p>\n<p>    .distributor-banner .btn-primary {\n      background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);\n      color: white;\n      box-shadow: 0 6px 20px rgba(25, 118, 210, 0.4);\n    }<\/p>\n<p>    .distributor-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(25, 118, 210, 0.5);\n    }<\/p>\n<p>    .distributor-banner .btn-secondary {\n      background: white;\n      color: #1976D2;\n      border: 2px solid #1976D2;\n    }<\/p>\n<p>    .distributor-banner .btn-secondary:hover {\n      background: #1976D2;\n      color: white;\n    }<\/p>\n<p>    .distributor-banner .btn svg {\n      width: 18px;\n      height: 18px;\n    }<\/p>\n<p>    \/* Right Image Section *\/\n    .distributor-banner .image-section {\n      position: relative;\n      animation: dist-slideInRight 1s ease-out;\n      display: flex;\n      flex-direction: column;\n      gap: 30px;\n    }<\/p>\n<p>    @keyframes dist-slideInRight {\n      from {\n        opacity: 0;\n        transform: translateX(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .distributor-banner .image-container {\n      position: relative;\n      width: 100%;\n    }<\/p>\n<p>    \/* Decorative Circles *\/\n    .distributor-banner .circle-decoration {\n      position: absolute;\n      border-radius: 50%;\n      z-index: 0;\n    }<\/p>\n<p>    .distributor-banner .circle-1 {\n      width: 320px;\n      height: 320px;\n      background: linear-gradient(135deg, rgba(25, 118, 210, 0.15), rgba(33, 150, 243, 0.1));\n      top: -40px;\n      right: -40px;\n      animation: dist-rotate 20s linear infinite;\n    }<\/p>\n<p>    .distributor-banner .circle-2 {\n      width: 240px;\n      height: 240px;\n      background: linear-gradient(225deg, rgba(66, 165, 245, 0.2), transparent);\n      bottom: -25px;\n      left: -25px;\n      animation: dist-rotate 15s linear infinite reverse;\n    }<\/p>\n<p>    @keyframes dist-rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }<\/p>\n<p>    .distributor-banner .main-image {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      height: auto;\n      border-radius: 20px;\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .distributor-banner .main-image:hover {\n      transform: scale(1.02) translateY(-8px);\n    }<\/p>\n<p>    \/* \u7b2c\u4e8c\u5f20\u56fe\u7247\u5bb9\u5668 - \u4e0e\u7b2c\u4e00\u5f20\u4fdd\u6301\u4e00\u81f4 *\/\n    .distributor-banner .secondary-image-container {\n      position: relative;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.5);\n      backdrop-filter: blur(10px);\n      border-radius: 20px;\n      padding: 20px;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .distributor-banner .secondary-image {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n      transition: transform 0.5s ease;\n      animation: dist-fadeInUp 1s ease-out 0.4s both;\n      background: transparent;\n    }<\/p>\n<p>    .distributor-banner .secondary-image:hover {\n      transform: scale(1.02) translateY(-8px);\n    }<\/p>\n<p>    \/* \u7b2c\u4e8c\u5f20\u56fe\u7247\u88c5\u9970\u5706\u5708 *\/\n    .distributor-banner .circle-3 {\n      width: 200px;\n      height: 200px;\n      background: linear-gradient(135deg, rgba(33, 150, 243, 0.12), transparent);\n      top: 50%;\n      right: -30px;\n      animation: dist-rotate 18s linear infinite;\n    }<\/p>\n<p>    .distributor-banner .circle-4 {\n      width: 150px;\n      height: 150px;\n      background: linear-gradient(225deg, rgba(66, 165, 245, 0.15), transparent);\n      bottom: 10%;\n      left: -20px;\n      animation: dist-rotate 16s linear infinite reverse;\n    }<\/p>\n<p>    \/* Feature Tags *\/\n    .distributor-banner .feature-tags {\n      position: absolute;\n      z-index: 2;\n    }<\/p>\n<p>    .distributor-banner .feature-tag {\n      background: white;\n      padding: 12px 20px;\n      border-radius: 50px;\n      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      animation: dist-fadeInUp 1s ease-out;\n      border: 2px solid #f5f5f4;\n    }<\/p>\n<p>    @keyframes dist-fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    .distributor-banner .feature-tag svg {\n      width: 22px;\n      height: 22px;\n    }<\/p>\n<p>    .distributor-banner .feature-tag span {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1a1410;\n    }<\/p>\n<p>    .distributor-banner .tag-1 {\n      top: 30px;\n      left: -35px;\n      animation-delay: 0.3s;\n    }<\/p>\n<p>    .distributor-banner .tag-1 svg {\n      stroke: #1976D2;\n    }<\/p>\n<p>    .distributor-banner .tag-2 {\n      top: 50%;\n      right: -35px;\n      animation-delay: 0.6s;\n    }<\/p>\n<p>    .distributor-banner .tag-2 svg {\n      stroke: #2196F3;\n    }<\/p>\n<p>    .distributor-banner .tag-3 {\n      bottom: 50px;\n      left: -35px;\n      animation-delay: 0.9s;\n    }<\/p>\n<p>    .distributor-banner .tag-3 svg {\n      stroke: #42A5F5;\n    }<\/p>\n<p>    \/* Trust Indicators *\/\n    .distributor-banner .trust-bar {\n      display: flex;\n      align-items: center;\n      gap: 25px;\n      padding-top: 20px;\n      border-top: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .distributor-banner .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .distributor-banner .trust-item svg {\n      width: 20px;\n      height: 20px;\n      fill: #1976D2;\n    }<\/p>\n<p>    .distributor-banner .trust-item span {\n      font-size: 13px;\n      font-weight: 600;\n      color: #57534e;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .distributor-banner .banner-container {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 50px 30px;\n      }<\/p>\n<p>      .distributor-banner .main-title {\n        font-size: 44px;\n      }<\/p>\n<p>      .distributor-banner .stats-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }<\/p>\n<p>      .distributor-banner .image-section {\n        max-width: 600px;\n        margin: 0 auto;\n      }<\/p>\n<p>      .distributor-banner .tag-1,\n      .distributor-banner .tag-2,\n      .distributor-banner .tag-3 {\n        position: relative;\n        top: auto;\n        left: auto;\n        right: auto;\n        bottom: auto;\n        margin-bottom: 12px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .distributor-banner {\n        min-height: auto;\n      }<\/p>\n<p>      .distributor-banner .banner-container {\n        padding: 40px 20px;\n      }<\/p>\n<p>      .distributor-banner .main-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .distributor-banner .subtitle {\n        font-size: 16px;\n      }<\/p>\n<p>      .distributor-banner .description {\n        font-size: 14px;\n      }<\/p>\n<p>      .distributor-banner .stats-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n      }<\/p>\n<p>      .distributor-banner .stat-card {\n        padding: 16px;\n      }<\/p>\n<p>      .distributor-banner .stat-number {\n        font-size: 26px;\n      }<\/p>\n<p>      .distributor-banner .stat-label {\n        font-size: 11px;\n      }<\/p>\n<p>      .distributor-banner .cta-group {\n        flex-direction: column;\n      }<\/p>\n<p>      .distributor-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }<\/p>\n<p>      .distributor-banner .trust-bar {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n      }<\/p>\n<p>      .distributor-banner .circle-1,\n      .distributor-banner .circle-2,\n      .distributor-banner .circle-3,\n      .distributor-banner .circle-4 {\n        width: 180px;\n        height: 180px;\n      }<\/p>\n<p>      .distributor-banner .image-section {\n        gap: 20px;\n      }<\/p>\n<p>      .distributor-banner .secondary-image-container {\n        padding: 15px;\n      }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n      .distributor-banner .main-title {\n        font-size: 28px;\n        letter-spacing: -1px;\n      }<\/p>\n<p>      .distributor-banner .stats-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .distributor-banner .stat-number {\n        font-size: 24px;\n      }\n    }\n  <\/style>\n<div class=\"banner-container\">\n    <!-- Left Content --><\/p>\n<div class=\"content-section\">\n<div class=\"badge\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" fill=\"white\"><\/path>\n        <\/svg><br \/>\n        <span>Exclusive Partnership<\/span>\n      <\/div>\n<h1 class=\"main-title\">\n        <span class=\"line1\">Become a Distributor<\/span><br \/>\n        <span class=\"line2\">&amp; OEM Partner<\/span><br \/>\n      <\/h1>\n<p class=\"subtitle\">\n        For companies with project experience, local markets, or long-term purchasing plans.\n      <\/p>\n<p class=\"description\">\n        We work with a limited number of qualified partners worldwide to build stable, long-term cooperation in solar thermal and hot water applications.\n      <\/p>\n<div class=\"stats-grid\">\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">50+<\/div>\n<div class=\"stat-label\">Countries<\/div>\n<\/p><\/div>\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">10K+<\/div>\n<div class=\"stat-label\">Projects<\/div>\n<\/p><\/div>\n<div class=\"stat-card\" style=\"opacity: 1; transform: translateY(0px); transition: 0.6s;\">\n<div class=\"stat-number\">15+<\/div>\n<div class=\"stat-label\">Years<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-group\">\n        <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"btn btn-primary\"><br \/>\n          <span>Apply to Become a Partner<\/span><br \/>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n          <\/svg><br \/>\n        <\/a><br \/>\n        <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"btn btn-secondary editing\"><br \/>\n          <span>Submit Request<\/span><br \/>\n        <\/a>\n      <\/div>\n<div class=\"trust-bar\">\n<div class=\"trust-item\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n          <\/svg><br \/>\n          <span>Premium Support<\/span>\n        <\/div>\n<div class=\"trust-item\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n            <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n          <\/svg><br \/>\n          <span>ISO Certified<\/span>\n        <\/div>\n<div class=\"trust-item\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n          <\/svg><br \/>\n          <span>Global Network<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Right Image Section --><\/p>\n<div class=\"image-section\">\n      <!-- \u7b2c\u4e00\u5f20\u56fe\u7247 --><\/p>\n<div class=\"image-container\">\n<div class=\"circle-decoration circle-1\"><\/div>\n<div class=\"circle-decoration circle-2\"><\/div>\n<p>        <img height=\"1024\" width=\"2560\" decoding=\"async\" alt=\"Soletks Distributor Partnership\" class=\"main-image\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/20260107101525_408_490-scaled.png\"><\/p>\n<div class=\"feature-tags\">\n<div class=\"feature-tag tag-1\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M2 12h20\"><\/path>\n              <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n            <\/svg><br \/>\n            <span>Global Network<\/span>\n          <\/div>\n<div class=\"feature-tag tag-2\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"><\/path>\n            <\/svg><br \/>\n            <span>Premium Quality<\/span>\n          <\/div>\n<div class=\"feature-tag tag-3\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n              <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n            <\/svg><br \/>\n            <span>Trusted Partner<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u7b2c\u4e8c\u5f20\u56fe\u7247 - \u767d\u8272\u900f\u660e\u80cc\u666f --><\/p>\n<div class=\"secondary-image-container\">\n<div class=\"circle-decoration circle-3\"><\/div>\n<div class=\"circle-decoration circle-4\"><\/div>\n<p>        <img loading=\"lazy\" height=\"369\" width=\"675\" decoding=\"async\" class=\"secondary-image\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/ScreenShot_2026-01-08_101417_993__1_-removebg-preview.png\" style=\"\">\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- lemonx-script-placeholder --><\/p>\n<p><!-- Partnership Details Section --><\/p>\n<section class=\"partnership-details\">\n<style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }<\/p>\n<p>    .partnership-details {\n      width: 100%;\n      background: #ffffff;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;\n      position: relative;\n    }<\/p>\n<p>    \/* Section 1: Who This Is For - \u6781\u7b80\u5de6\u53f3\u5e03\u5c40 *\/\n    .pd-who {\n      max-width: 1600px;\n      margin: 0 auto;\n      padding: 120px 60px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 100px;\n      align-items: center;\n    }<\/p>\n<p>    .pd-who-image {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 4\/5;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .pd-who-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .pd-who-image:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .pd-who-content {\n      max-width: 600px;\n    }<\/p>\n<p>    .pd-label {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: #1976D2;\n      margin-bottom: 24px;\n      display: block;\n    }<\/p>\n<p>    .pd-title {\n      font-size: 48px;\n      font-weight: 700;\n      line-height: 1.1;\n      color: #000000;\n      margin-bottom: 24px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .pd-desc {\n      font-size: 18px;\n      line-height: 1.8;\n      color: #666666;\n      margin-bottom: 48px;\n    }<\/p>\n<p>    .pd-list {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }<\/p>\n<p>    .pd-list-item {\n      display: flex;\n      gap: 20px;\n      align-items: flex-start;\n    }<\/p>\n<p>    .pd-icon {\n      width: 48px;\n      height: 48px;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F5F5F5;\n      border-radius: 8px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pd-list-item:hover .pd-icon {\n      background: #1976D2;\n    }<\/p>\n<p>    .pd-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1976D2;\n      stroke-width: 2;\n      fill: none;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .pd-list-item:hover .pd-icon svg {\n      stroke: #ffffff;\n    }<\/p>\n<p>    .pd-list-text {\n      flex: 1;\n      padding-top: 4px;\n    }<\/p>\n<p>    .pd-list-text p {\n      font-size: 16px;\n      line-height: 1.6;\n      color: #333333;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Section 2: Not Suitable - \u5168\u5bbd\u56fe\u7247\u80cc\u666f *\/\n    .pd-not {\n      position: relative;\n      width: 100%;\n      min-height: 700px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 120px 60px;\n    }<\/p>\n<p>    .pd-not-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n    }<\/p>\n<p>    .pd-not-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }<\/p>\n<p>    .pd-not-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);\n      z-index: 2;\n    }<\/p>\n<p>    .pd-not-content {\n      position: relative;\n      z-index: 3;\n      max-width: 1200px;\n      width: 100%;\n      text-align: center;\n    }<\/p>\n<p>    .pd-not-content .pd-label {\n      color: rgba(255, 255, 255, 0.7);\n    }<\/p>\n<p>    .pd-not-content .pd-title {\n      color: #ffffff;\n      margin-bottom: 16px;\n    }<\/p>\n<p>    .pd-not-content .pd-desc {\n      color: rgba(255, 255, 255, 0.85);\n      margin-bottom: 56px;\n    }<\/p>\n<p>    .pd-not-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin-bottom: 48px;\n    }<\/p>\n<p>    .pd-not-item {\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n      padding: 40px 32px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pd-not-item:hover {\n      background: rgba(255, 255, 255, 0.15);\n      transform: translateY(-4px);\n    }<\/p>\n<p>    .pd-not-icon {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.15);\n      border-radius: 50%;\n    }<\/p>\n<p>    .pd-not-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #ffffff;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .pd-not-item p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: rgba(255, 255, 255, 0.9);\n    }<\/p>\n<p>    .pd-not-footer {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 20px 40px;\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n    }<\/p>\n<p>    .pd-not-footer svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ffffff;\n    }<\/p>\n<p>    .pd-not-footer p {\n      font-size: 16px;\n      font-weight: 600;\n      color: #ffffff;\n      margin: 0;\n    }<\/p>\n<p>    \/* Section 3: What We Offer - \u5206\u680f\u5e03\u5c40 *\/\n    .pd-offer {\n      max-width: 1600px;\n      margin: 0 auto;\n      padding: 120px 60px;\n    }<\/p>\n<p>    .pd-offer-header {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 80px;\n    }<\/p>\n<p>    .pd-offer-header .pd-label {\n      margin: 0 auto 24px;\n    }<\/p>\n<p>    .pd-offer-header .pd-title {\n      margin-bottom: 16px;\n    }<\/p>\n<p>    \/* \u5927\u56fe\u5c55\u793a *\/\n    .pd-offer-hero {\n      width: 100%;\n      height: 600px;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 80px;\n      position: relative;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .pd-offer-hero img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .pd-offer-hero:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .pd-offer-hero-text {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 60px;\n      background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 70%, transparent 100%);\n    }<\/p>\n<p>    .pd-offer-hero-text h3 {\n      font-size: 36px;\n      font-weight: 700;\n      color: #ffffff;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .pd-offer-hero-text p {\n      font-size: 17px;\n      line-height: 1.7;\n      color: rgba(255, 255, 255, 0.95);\n      max-width: 800px;\n    }<\/p>\n<p>    \/* Benefits \u7f51\u683c *\/\n    .pd-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n    }<\/p>\n<p>    .pd-benefit-card {\n      padding: 48px 40px;\n      background: #FAFAFA;\n      border-radius: 8px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pd-benefit-card:hover {\n      background: #F5F5F5;\n      transform: translateY(-4px);\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .pd-benefit-icon {\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      border-radius: 8px;\n      margin-bottom: 24px;\n    }<\/p>\n<p>    .pd-benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #1976D2;\n      stroke-width: 2;\n    }<\/p>\n<p>    .pd-benefit-card h3 {\n      font-size: 20px;\n      font-weight: 700;\n      color: #000000;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pd-benefit-card p {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #666666;\n      margin: 0;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .pd-who {\n        grid-template-columns: 1fr;\n        gap: 60px;\n        padding: 80px 40px;\n      }<\/p>\n<p>      .pd-who-image {\n        max-width: 600px;\n        margin: 0 auto;\n      }<\/p>\n<p>      .pd-not-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .pd-benefits {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .pd-offer {\n        padding: 80px 40px;\n      }<\/p>\n<p>      .pd-offer-hero {\n        height: 500px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .pd-who,\n      .pd-not,\n      .pd-offer {\n        padding: 60px 24px;\n      }<\/p>\n<p>      .pd-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .pd-desc {\n        font-size: 16px;\n      }<\/p>\n<p>      .pd-who-image {\n        aspect-ratio: 3\/4;\n      }<\/p>\n<p>      .pd-offer-hero {\n        height: 400px;\n      }<\/p>\n<p>      .pd-offer-hero-text {\n        padding: 32px 24px;\n      }<\/p>\n<p>      .pd-offer-hero-text h3 {\n        font-size: 24px;\n      }<\/p>\n<p>      .pd-offer-hero-text p {\n        font-size: 15px;\n      }<\/p>\n<p>      .pd-benefit-card {\n        padding: 32px 24px;\n      }\n    }\n  <\/style>\n<p>  <!-- Section 1: Who This Is For --><\/p>\n<div class=\"pd-who\">\n<div class=\"pd-who-image\">\n      <img loading=\"lazy\" height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/80-scaled.jpg\" alt=\"Partnership\">\n    <\/div>\n<div class=\"pd-who-content\">\n      <span class=\"pd-label\">Ideal Partners<\/span><\/p>\n<h2 class=\"pd-title\">Who This Partnership Is For<\/h2>\n<p class=\"pd-desc\">This partnership is suitable for companies that have clear market positioning and practical business activities.<\/p>\n<div class=\"pd-list\">\n<div class=\"pd-list-item\">\n<div class=\"pd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <path d=\"M2 12h20\"><\/path>\n              <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n            <\/svg>\n          <\/div>\n<div class=\"pd-list-text\">\n<p>Solar distributors with established local sales channels<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-list-item\">\n<div class=\"pd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" 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\"><\/path>\n            <\/svg>\n          <\/div>\n<div class=\"pd-list-text\">\n<p>Installers or small EPC companies with regular project experience<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-list-item\">\n<div class=\"pd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\n              <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\n            <\/svg>\n          <\/div>\n<div class=\"pd-list-text\">\n<p>Companies planning to develop their own brand through OEM or private label supply<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-list-item\">\n<div class=\"pd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n              <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<div class=\"pd-list-text\">\n<p>Partners interested in long-term cooperation rather than one-off transactions<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Section 2: Not Suitable --><\/p>\n<div class=\"pd-not\">\n<div class=\"pd-not-bg\">\n      <img loading=\"lazy\" height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/bc1aa9b84569bbd4f3ea38124e0dfd7d-scaled.jpg\" alt=\"Requirements\">\n    <\/div>\n<div class=\"pd-not-overlay\"><\/div>\n<div class=\"pd-not-content\">\n      <span class=\"pd-label\">Important Notice<\/span><\/p>\n<h2 class=\"pd-title\">Who This May NOT Be Suitable For<\/h2>\n<p class=\"pd-desc\">To ensure efficient cooperation, this partnership may not be suitable if:<\/p>\n<div class=\"pd-not-grid\">\n<div class=\"pd-not-item\">\n<div class=\"pd-not-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n            <\/svg>\n          <\/div>\n<p>You are only comparing prices without clear project or market demand<\/p>\n<\/p><\/div>\n<div class=\"pd-not-item\">\n<div class=\"pd-not-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n            <\/svg>\n          <\/div>\n<p>You are looking for free samples without defined application plans<\/p>\n<\/p><\/div>\n<div class=\"pd-not-item\">\n<div class=\"pd-not-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n            <\/svg>\n          <\/div>\n<p>You do not have a clear target market, region, or sales channel<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-not-footer\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n          <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n          <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n        <\/svg><\/p>\n<p>We value serious, project-oriented cooperation.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Section 3: What We Offer --><\/p>\n<div class=\"pd-offer\">\n<div class=\"pd-offer-header\">\n      <span class=\"pd-label\">Partnership Benefits<\/span><\/p>\n<h2 class=\"pd-title\">What We Offer Our Partners<\/h2>\n<p class=\"pd-desc\">We focus on practical cooperation value, not promotional promises.<\/p>\n<\/p><\/div>\n<div class=\"pd-offer-hero\">\n      <img loading=\"lazy\" height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/efe218bb15c7cbf6ba6d2dc8c3b21ee0-scaled.jpg\" alt=\"Partnership\"><\/p>\n<div class=\"pd-offer-hero-text\">\n<h3>Comprehensive Partnership Support<\/h3>\n<p>From stable supply to technical guidance, we provide everything you need to succeed in the solar thermal market.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-benefits\">\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n          <\/svg>\n        <\/div>\n<h3>Stable Supply<\/h3>\n<p>Stable supply of flat plate solar collectors and hot water systems with consistent quality standards.<\/p>\n<\/p><\/div>\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\n            <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\n          <\/svg>\n        <\/div>\n<h3>OEM &amp; Private Label<\/h3>\n<p>OEM &amp; private label support, including branding, specifications, and packaging customization.<\/p>\n<\/p><\/div>\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n            <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n          <\/svg>\n        <\/div>\n<h3>Technical Guidance<\/h3>\n<p>Support on typical system configurations and application guidance for your specific projects.<\/p>\n<\/p><\/div>\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n          <\/svg>\n        <\/div>\n<h3>Fast Response<\/h3>\n<p>Faster response for project-based quotations and inquiries with dedicated support.<\/p>\n<\/p><\/div>\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"><\/path>\n            <path d=\"M22 12A10 10 0 0 0 12 2v10z\"><\/path>\n          <\/svg>\n        <\/div>\n<h3>Flexible Models<\/h3>\n<p>Flexible cooperation models based on order volume and market background.<\/p>\n<\/p><\/div>\n<div class=\"pd-benefit-card\">\n<div class=\"pd-benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n          <\/svg>\n        <\/div>\n<h3>Dedicated Management<\/h3>\n<p>Dedicated account management for long-term partners with priority service.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Solar Water Heater Section --><\/p>\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    }<\/p>\n<p>    .swh-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .swh-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .swh-subtitle {\n      font-size: 14px;\n      color: #f59e0b;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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, #f59e0b 0%, #ef4444 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .swh-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .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      border: 1px solid rgba(0, 0, 0, 0.05);\n    }<\/p>\n<p>    .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, #f59e0b 0%, #ef4444 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(245, 158, 11, 0.2);\n    }<\/p>\n<p>    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #fef3c7 0%, #fecaca 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }<\/p>\n<p>    .swh-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: 92%;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.5s ease, opacity 0.3s ease;\n      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n    }<\/p>\n<p>    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .swh-product-content {\n      padding: 28px 30px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .swh-product-title {\n      font-size: 22px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      padding-left: 5px;\n      flex: 1;\n    }<\/p>\n<p>    .swh-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 35px;\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n      color: #ffffff !important;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 16px;\n      transition: all 0.3s ease;\n      box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);\n      letter-spacing: 0.5px;\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n      align-self: flex-start;\n    }<\/p>\n<p>    .swh-learn-more::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .swh-learn-more:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .swh-learn-more:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(245, 158, 11, 0.6);\n      background: linear-gradient(135deg, #d97706 0%, #b45309 100%);\n      color: #ffffff !important;\n    }<\/p>\n<p>    .swh-learn-more:visited,\n    .swh-learn-more:active {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .swh-learn-more svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n      stroke-width: 2.5;\n      stroke: #ffffff !important;\n    }<\/p>\n<p>    .swh-learn-more:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #f59e0b 0%, #ef4444 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(245, 158, 11, 0.4);\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1200px) {\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .swh-product-card:nth-child(3) {\n        grid-column: span 2;\n        max-width: 500px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .swh-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .swh-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .swh-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .swh-product-card:nth-child(3) {\n        grid-column: span 1;\n        max-width: 100%;\n      }<\/p>\n<p>      .swh-product-image {\n        height: 240px;\n        padding: 12px;\n      }<\/p>\n<p>      .swh-product-image img {\n        width: 90%;\n        height: auto;\n        max-height: 90%;\n      }<\/p>\n<p>      .swh-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .swh-learn-more {\n        padding: 14px 30px;\n        font-size: 15px;\n        width: 100%;\n      }<\/p>\n<p>      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<div class=\"swh-container\">\n    <!-- Header --><\/p>\n<div class=\"swh-header\">\n<div class=\"swh-subtitle\">Clean Energy Solutions<\/div>\n<h2>Solar Water Heating Products<\/h2>\n<\/p><\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"swh-intro\">\n<p>\n        SOLETKS Solar Water Heater systems are engineered to capture solar energy efficiently and convert it into reliable hot water for homes, businesses, and industries. With advanced flat-plate and heat pipe technologies, our systems deliver outstanding performance, energy savings, and environmental benefits. Each model is designed to meet diverse installation needs and climate conditions, making solar water heating more efficient and sustainable than ever.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Products Grid --><\/p>\n<div class=\"swh-products-grid\">\n<p>      <!-- Integrated Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">Popular<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"1024\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/20260107101525_408_490-scaled.png\" alt=\"Integrated Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Solar Water Heater<\/h3>\n<p class=\"swh-product-description\">\n            A compact system that combines the solar collector and water tank into one integrated unit.\n          <\/p>\n<p class=\"swh-product-features\">\n            It offers easy installation, reliable operation, and excellent heat retention\u2014ideal for homes and small-scale applications where simplicity and efficiency are key.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Split Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">Flexible<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"952\" width=\"2412\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/ScreenShot_2026-01-08_101359_083.png\" alt=\"Split Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Solar Collector<\/h3>\n<p class=\"swh-product-description\">\n            This system separates the solar collector from the storage tank, allowing flexible installation according to building layout.\n          <\/p>\n<p class=\"swh-product-features\">\n            The split design minimizes heat loss, provides better freeze protection, and ensures stable hot water supply in all seasons.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Heat Pipe Solar Water Heater --><\/p>\n<div class=\"swh-product-card\">\n<div class=\"swh-badge\">High Efficiency<\/div>\n<div class=\"swh-product-image\">\n          <img height=\"1255\" width=\"2292\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/01\/ScreenShot_2026-01-08_101417_993.png\" alt=\"Heat Pipe Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n<div class=\"swh-product-content\">\n<h3 class=\"swh-product-title\">Evacuated Tube Solar Collector<\/h3>\n<p class=\"swh-product-description\">\n            Equipped with vacuum tubes and advanced heat pipe technology, this model delivers rapid heating and superior efficiency even in cold or cloudy conditions.\n          <\/p>\n<p class=\"swh-product-features\">\n            It is suitable for regions with varied climates and users seeking high performance with minimal maintenance.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- PVT Solar Panel Section --><\/p>\n<section id=\"pvt-solar-panel\" class=\"pvt-section\">\n<style>\n    .pvt-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }<\/p>\n<p>    .pvt-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .pvt-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pvt-subtitle {\n      font-size: 14px;\n      color: #10b981;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pvt-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    }<\/p>\n<p>    .pvt-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, #10b981 0%, #06b6d4 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .pvt-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .pvt-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* 3\u5217Grid\u5e03\u5c40 *\/\n    .pvt-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .pvt-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      border: 1px solid rgba(0, 0, 0, 0.05);\n    }<\/p>\n<p>    .pvt-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, #10b981 0%, #06b6d4 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pvt-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(16, 185, 129, 0.2);\n    }<\/p>\n<p>    .pvt-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .pvt-product-image {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #d1fae5 0%, #cffafe 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }<\/p>\n<p>    .pvt-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.5s ease, opacity 0.3s ease;\n      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n    }<\/p>\n<p>    \/* \u56fe\u7247\u52a0\u8f7d\u72b6\u6001 *\/\n    .pvt-product-image img[loading=\"lazy\"] {\n      opacity: 0;\n    }<\/p>\n<p>    .pvt-product-image img.loaded {\n      opacity: 1;\n    }<\/p>\n<p>    \/* \u52a0\u8f7d\u5360\u4f4d\u7b26 *\/\n    .pvt-product-image::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      border: 3px solid rgba(16, 185, 129, 0.2);\n      border-top-color: #10b981;\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n      opacity: 0;\n      pointer-events: none;\n    }<\/p>\n<p>    .pvt-product-image.loading::after {\n      opacity: 1;\n    }<\/p>\n<p>    @keyframes spin {\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }<\/p>\n<p>    \/* \u9488\u5bf9\u6240\u6709PVT\u56fe\u7247 - \u5927\u5c3a\u5bf8\u663e\u793a *\/\n    .pvt-product-card .pvt-product-image img {\n      width: 92%;\n      height: auto;\n    }<\/p>\n<p>    .pvt-product-card:hover .pvt-product-image img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .pvt-product-content {\n      padding: 28px 30px;\n    }<\/p>\n<p>    .pvt-product-title {\n      font-size: 22px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .pvt-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .pvt-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      padding-left: 5px;\n    }<\/p>\n<p>    \/* \ud83c\udfa8 \u5f3a\u5236\u767d\u8272\u6587\u5b57\u7684\u6309\u94ae *\/\n    .pvt-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 35px;\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      color: #ffffff !important;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 16px;\n      transition: all 0.3s ease;\n      box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\n      letter-spacing: 0.5px;\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pvt-learn-more::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .pvt-learn-more:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .pvt-learn-more:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(16, 185, 129, 0.6);\n      background: linear-gradient(135deg, #059669 0%, #047857 100%);\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:visited {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:active {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n      stroke-width: 2.5;\n      stroke: #ffffff !important;\n    }<\/p>\n<p>    .pvt-learn-more:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .pvt-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #10b981 0%, #06b6d4 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(16, 185, 129, 0.4);\n    }<\/p>\n<p>    \/* \u5e73\u677f\u5e03\u5c40 *\/\n    @media (max-width: 1200px) {\n      .pvt-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .pvt-product-card:nth-child(3) {\n        grid-column: span 2;\n        max-width: 500px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    \/* \u624b\u673a\u5e03\u5c40 *\/\n    @media (max-width: 768px) {\n      .pvt-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .pvt-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .pvt-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .pvt-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .pvt-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .pvt-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .pvt-product-card:nth-child(3) {\n        grid-column: span 1;\n        max-width: 100%;\n      }<\/p>\n<p>      .pvt-product-image {\n        height: 240px;\n        padding: 12px;\n      }<\/p>\n<p>      .pvt-product-card .pvt-product-image img {\n        width: 90%;\n        height: auto;\n        max-height: 90%;\n      }<\/p>\n<p>      .pvt-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .pvt-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .pvt-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .pvt-product-features {\n        font-size: 13px;\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .pvt-learn-more {\n        padding: 14px 30px;\n        font-size: 15px;\n        width: 100%;\n      }<\/p>\n<p>      .pvt-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<div class=\"pvt-container\">\n    <!-- Header --><\/p>\n<div class=\"pvt-header\">\n<div class=\"pvt-subtitle\">Dual Energy Harvesting Technology<\/div>\n<h2>PVT Solar Panel<\/h2>\n<\/p><\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"pvt-intro\">\n<p>\n        SOLETKS PVT (Photovoltaic-Thermal) Solar Panels integrate photovoltaic electricity generation and thermal energy collection in one advanced system. By utilizing both light and heat from the sun, they maximize total energy output and overall efficiency \u2014 ideal for buildings, industries, and projects seeking comprehensive clean-energy solutions.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Products Grid --><\/p>\n<div class=\"pvt-products-grid\">\n<p>      <!-- PVT-E Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Hybrid<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/E\u578b5-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"PVT-E Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">PVT-E Type<\/h3>\n<p class=\"pvt-product-description\">\n            A hybrid photovoltaic-thermal module optimized for efficient electricity generation with auxiliary heat recovery.\n          <\/p>\n<p class=\"pvt-product-features\">\n            It delivers excellent electrical performance and consistent hot water output, ideal for residential rooftops and commercial systems.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-e-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- PVT-T Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Thermal Focus<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T\u578b3-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"PVT-T Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">PVT-T Type<\/h3>\n<p class=\"pvt-product-description\">\n            A thermal-focused hybrid panel emphasizing high heat capture while maintaining strong power generation capacity.\n          <\/p>\n<p class=\"pvt-product-features\">\n            Suitable for industrial or large-scale energy systems that require stable heat supply alongside electrical generation.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-t-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- TP\/V Pro Type --><\/p>\n<div class=\"pvt-product-card\">\n<div class=\"pvt-badge\">Professional<\/div>\n<div class=\"pvt-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=400&amp;quality=80\" srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=400&amp;quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/TPVPRO4-scaled.png?w=600&amp;quality=75 600w\" sizes=\"(max-width: 768px) 90vw, (max-width: 1200px) 45vw, 30vw\" alt=\"TP\/V Pro Type Solar Panel\" loading=\"lazy\" decoding=\"async\" onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\" class=\"loaded\">\n        <\/div>\n<div class=\"pvt-product-content\">\n<h3 class=\"pvt-product-title\">TP\/V Pro Type<\/h3>\n<p class=\"pvt-product-description\">\n            The next-generation professional PVT system featuring upgraded thermal management and enhanced cooling technology.\n          <\/p>\n<p class=\"pvt-product-features\">\n            It achieves higher electrical conversion efficiency, longer service life, and superior overall energy yield \u2014 setting a new benchmark for integrated solar performance.\n          <\/p>\n<p>          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/tp-v-pro-type-solar-panel\/\" class=\"pvt-learn-more\"><br \/>\n            Learn More<br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Partnership Models Section --><\/p>\n<section id=\"partnership-models\" class=\"pm-section\">\n<style>\n    .pm-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pm-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .pm-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pm-subtitle {\n      font-size: 14px;\n      color: #1976D2;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pm-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    }<\/p>\n<p>    .pm-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, #1976D2 0%, #2196F3 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .pm-intro {\n      max-width: 900px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .pm-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* 2\u5217\u5e03\u5c40 *\/\n    .pm-models-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 40px;\n      margin-top: 35px;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .pm-model-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      border: 1px solid rgba(0, 0, 0, 0.05);\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .pm-model-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #1976D2 0%, #2196F3 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pm-model-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(25, 118, 210, 0.2);\n    }<\/p>\n<p>    .pm-model-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u533a\u57df *\/\n    .pm-model-image {\n      position: relative;\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n    }<\/p>\n<p>    .pm-model-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .pm-model-card:hover .pm-model-image img {\n      transform: scale(1.08);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u4e0a\u7684\u56fe\u6807\u8986\u76d6\u5c42 *\/\n    .pm-image-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(25, 118, 210, 0.85), rgba(33, 150, 243, 0.75));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .pm-model-card:hover .pm-image-overlay {\n      opacity: 1;\n    }<\/p>\n<p>    .pm-overlay-icon {\n      width: 80px;\n      height: 80px;\n      background: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: scale(0.8);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pm-model-card:hover .pm-overlay-icon {\n      transform: scale(1);\n    }<\/p>\n<p>    .pm-overlay-icon svg {\n      width: 40px;\n      height: 40px;\n      stroke: #1976D2;\n      stroke-width: 2;\n    }<\/p>\n<p>    .pm-model-content {\n      padding: 35px 40px 40px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .pm-model-title {\n      font-size: 24px;\n      color: #1e293b;\n      margin-bottom: 16px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .pm-model-description {\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 24px;\n    }<\/p>\n<p>    .pm-features-list {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      margin-bottom: 0;\n      flex: 1;\n    }<\/p>\n<p>    .pm-feature-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n    }<\/p>\n<p>    .pm-feature-icon {\n      flex-shrink: 0;\n      width: 20px;\n      height: 20px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: 2px;\n    }<\/p>\n<p>    .pm-feature-icon svg {\n      width: 12px;\n      height: 12px;\n      stroke: white;\n      stroke-width: 3;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u8bf4\u660e\u5361\u7247 *\/\n    .pm-footer-note {\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border: 2px solid rgba(25, 118, 210, 0.2);\n      border-radius: 20px;\n      padding: 35px 45px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pm-footer-note::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(25, 118, 210, 0.15) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .pm-footer-note::after {\n      content: '';\n      position: absolute;\n      bottom: -50%;\n      left: -10%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(33, 150, 243, 0.15) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .pm-footer-content {\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .pm-footer-icon {\n      width: 48px;\n      height: 48px;\n      margin: 0 auto 20px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .pm-footer-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: white;\n      stroke-width: 2;\n    }<\/p>\n<p>    .pm-footer-note p {\n      font-size: 16px;\n      color: #1e293b;\n      line-height: 1.7;\n      margin: 0;\n      font-weight: 500;\n    }<\/p>\n<p>    .pm-footer-note strong {\n      color: #1976D2;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Badge *\/\n    .pm-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 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(25, 118, 210, 0.4);\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1024px) {\n      .pm-models-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .pm-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .pm-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .pm-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .pm-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .pm-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .pm-models-grid {\n        gap: 25px;\n        margin-top: 30px;\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .pm-model-image {\n        height: 220px;\n      }<\/p>\n<p>      .pm-overlay-icon {\n        width: 60px;\n        height: 60px;\n      }<\/p>\n<p>      .pm-overlay-icon svg {\n        width: 30px;\n        height: 30px;\n      }<\/p>\n<p>      .pm-model-content {\n        padding: 28px 25px 30px;\n      }<\/p>\n<p>      .pm-model-title {\n        font-size: 22px;\n        margin-bottom: 14px;\n      }<\/p>\n<p>      .pm-model-description {\n        font-size: 14px;\n        margin-bottom: 20px;\n      }<\/p>\n<p>      .pm-features-list {\n        gap: 12px;\n      }<\/p>\n<p>      .pm-feature-item {\n        font-size: 13px;\n      }<\/p>\n<p>      .pm-footer-note {\n        padding: 28px 25px;\n      }<\/p>\n<p>      .pm-footer-icon {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 16px;\n      }<\/p>\n<p>      .pm-footer-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .pm-footer-note p {\n        font-size: 14px;\n      }<\/p>\n<p>      .pm-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n<div class=\"pm-container\">\n    <!-- Header --><\/p>\n<div class=\"pm-header\">\n<div class=\"pm-subtitle\">Cooperation Framework<\/div>\n<h2>Partnership Models<\/h2>\n<\/p><\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"pm-intro\">\n<p>\n        We offer flexible partnership models tailored to your business needs and market positioning. Whether you&#8217;re a regional distributor or building your own brand, we provide comprehensive support to ensure mutual success.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Partnership Models Grid --><\/p>\n<div class=\"pm-models-grid\">\n<p>      <!-- Distributor Partner --><\/p>\n<div class=\"pm-model-card\">\n<div class=\"pm-badge\">Regional<\/div>\n<div class=\"pm-model-image\">\n          <img height=\"774\" width=\"1200\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1745380424980772.jpg.webp\" alt=\"Distributor Partner\" loading=\"lazy\"><\/p>\n<div class=\"pm-image-overlay\">\n<div class=\"pm-overlay-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M2 12h20\"><\/path>\n                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pm-model-content\">\n<h3 class=\"pm-model-title\">Distributor Partner<\/h3>\n<p class=\"pm-model-description\">\n            Suitable for companies with regional sales and distribution capability.\n          <\/p>\n<ul class=\"pm-features-list\">\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Project-based pricing<\/span>\n            <\/li>\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Market-oriented cooperation<\/span>\n            <\/li>\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Long-term regional development discussion<\/span>\n            <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>      <!-- OEM \/ Private Label Partner --><\/p>\n<div class=\"pm-model-card\">\n<div class=\"pm-badge\">Brand Building<\/div>\n<div class=\"pm-model-image\">\n          <img height=\"1920\" width=\"2560\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/568ea8e8fe415-1-scaled.jpg\" alt=\"OEM Private Label Partner\" loading=\"lazy\"><\/p>\n<div class=\"pm-image-overlay\">\n<div class=\"pm-overlay-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\n                <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\n              <\/svg>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pm-model-content\">\n<h3 class=\"pm-model-title\">OEM \/ Private Label Partner<\/h3>\n<p class=\"pm-model-description\">\n            Suitable for companies planning to develop their own brand.\n          <\/p>\n<ul class=\"pm-features-list\">\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Customized branding and product specifications<\/span>\n            <\/li>\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Stable bulk supply<\/span>\n            <\/li>\n<li class=\"pm-feature-item\">\n<div class=\"pm-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n<p>              <span>Long-term OEM cooperation discussion<\/span>\n            <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Footer Note --><\/p>\n<div class=\"pm-footer-note\">\n<div class=\"pm-footer-content\">\n<div class=\"pm-footer-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n            <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n          <\/svg>\n        <\/div>\n<p>\n          <strong>Partnership models are discussed based on<\/strong> market background, expected volume, and project experience.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Partner Referral Section --><\/p>\n<section id=\"partner-referral\" class=\"pr-section\">\n<style>\n    .pr-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .pr-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .pr-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .pr-subtitle {\n      font-size: 14px;\n      color: #7c3aed;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .pr-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    }<\/p>\n<p>    .pr-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, #7c3aed 0%, #a78bfa 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .pr-intro {\n      max-width: 900px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .pr-intro p {\n      font-size: 16px;\n      color: #475569;\n      line-height: 1.8;\n      margin-bottom: 0;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* \u4e3b\u5185\u5bb9\u533a\u57df - \u5de6\u53f3\u5e03\u5c40 *\/\n    .pr-content-wrapper {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-top: 35px;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7\u56fe\u7247 *\/\n    .pr-image-section {\n      position: relative;\n      width: 100%;\n      height: 500px;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .pr-image-section img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .pr-image-section:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u4e0a\u7684\u88c5\u9970\u5c42 *\/\n    .pr-image-overlay {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 35px;\n      background: linear-gradient(to top, rgba(124, 58, 237, 0.95), transparent);\n      transform: translateY(100%);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .pr-image-section:hover .pr-image-overlay {\n      transform: translateY(0);\n    }<\/p>\n<p>    .pr-image-overlay h3 {\n      font-size: 22px;\n      color: white;\n      font-weight: 700;\n      margin-bottom: 8px;\n    }<\/p>\n<p>    .pr-image-overlay p {\n      font-size: 14px;\n      color: rgba(255, 255, 255, 0.9);\n      line-height: 1.6;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u5185\u5bb9 *\/\n    .pr-content-section {\n      padding: 20px 0;\n    }<\/p>\n<p>    .pr-policy-cards {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }<\/p>\n<p>    .pr-policy-card {\n      background: white;\n      border-radius: 16px;\n      padding: 28px 32px;\n      border-left: 4px solid transparent;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.3s ease;\n      position: relative;\n    }<\/p>\n<p>    .pr-policy-card::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: linear-gradient(180deg, #7c3aed 0%, #a78bfa 100%);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }<\/p>\n<p>    .pr-policy-card:hover {\n      transform: translateX(8px);\n      box-shadow: 0 8px 30px rgba(124, 58, 237, 0.15);\n    }<\/p>\n<p>    .pr-policy-card:hover::before {\n      opacity: 1;\n    }<\/p>\n<p>    .pr-card-header {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 14px;\n    }<\/p>\n<p>    .pr-card-icon {\n      flex-shrink: 0;\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .pr-policy-card:hover .pr-card-icon {\n      background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);\n      transform: rotate(5deg) scale(1.1);\n    }<\/p>\n<p>    .pr-card-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #7c3aed;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .pr-policy-card:hover .pr-card-icon svg {\n      stroke: white;\n    }<\/p>\n<p>    .pr-card-title {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 700;\n      margin: 0;\n    }<\/p>\n<p>    .pr-card-content {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u63d0\u793a\u6846 *\/\n    .pr-footer-alert {\n      margin-top: 50px;\n      background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n      border: 2px solid #fbbf24;\n      border-radius: 16px;\n      padding: 28px 35px;\n      display: flex;\n      align-items: flex-start;\n      gap: 20px;\n      box-shadow: 0 4px 20px rgba(251, 191, 36, 0.2);\n    }<\/p>\n<p>    .pr-alert-icon {\n      flex-shrink: 0;\n      width: 48px;\n      height: 48px;\n      background: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .pr-alert-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #f59e0b;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .pr-alert-content {\n      flex: 1;\n      padding-top: 4px;\n    }<\/p>\n<p>    .pr-alert-content p {\n      font-size: 15px;\n      color: #78350f;\n      line-height: 1.7;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    .pr-alert-content strong {\n      color: #92400e;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1024px) {\n      .pr-content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }<\/p>\n<p>      .pr-image-section {\n        height: 400px;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .pr-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .pr-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .pr-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .pr-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .pr-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .pr-content-wrapper {\n        gap: 30px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .pr-image-section {\n        height: 280px;\n      }<\/p>\n<p>      .pr-image-overlay {\n        padding: 25px;\n      }<\/p>\n<p>      .pr-image-overlay h3 {\n        font-size: 18px;\n      }<\/p>\n<p>      .pr-image-overlay p {\n        font-size: 13px;\n      }<\/p>\n<p>      .pr-content-section {\n        padding: 0;\n      }<\/p>\n<p>      .pr-policy-cards {\n        gap: 16px;\n      }<\/p>\n<p>      .pr-policy-card {\n        padding: 22px 24px;\n      }<\/p>\n<p>      .pr-card-header {\n        gap: 14px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .pr-card-icon {\n        width: 42px;\n        height: 42px;\n      }<\/p>\n<p>      .pr-card-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .pr-card-title {\n        font-size: 16px;\n      }<\/p>\n<p>      .pr-card-content {\n        font-size: 13px;\n      }<\/p>\n<p>      .pr-footer-alert {\n        margin-top: 35px;\n        padding: 22px 24px;\n        gap: 16px;\n      }<\/p>\n<p>      .pr-alert-icon {\n        width: 40px;\n        height: 40px;\n      }<\/p>\n<p>      .pr-alert-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .pr-alert-content p {\n        font-size: 13px;\n      }\n    }\n  <\/style>\n<div class=\"pr-container\">\n    <!-- Header --><\/p>\n<div class=\"pr-header\">\n<div class=\"pr-subtitle\">Grow Together<\/div>\n<h2>Partner Referral &amp; Recommendation Policy<\/h2>\n<\/p><\/div>\n<p>    <!-- Introduction --><\/p>\n<div class=\"pr-intro\">\n<p>\n        We value trusted relationships and long-term cooperation.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Main Content --><\/p>\n<div class=\"pr-content-wrapper\">\n<p>      <!-- Left: Image --><\/p>\n<div class=\"pr-image-section\">\n        <img height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/483488671_675686678221824_2602319180514442790_n.jpg\" alt=\"Partner Referral\" loading=\"lazy\"><\/p>\n<div class=\"pr-image-overlay\">\n<h3>Reward Meaningful Partnerships<\/h3>\n<p>We believe in recognizing partners who bring real value through quality introductions and lasting cooperation.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Right: Policy Cards --><\/p>\n<div class=\"pr-content-section\">\n<div class=\"pr-policy-cards\">\n<p>          <!-- Card 1 --><\/p>\n<div class=\"pr-policy-card\">\n<div class=\"pr-card-header\">\n<div class=\"pr-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                  <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                <\/svg>\n              <\/div>\n<h3 class=\"pr-card-title\">Referral Incentive<\/h3>\n<\/p><\/div>\n<p class=\"pr-card-content\">\n              For existing partners, a referral incentive may be discussed when introducing qualified distributors, EPC companies, or project owners that lead to confirmed cooperation.\n            <\/p>\n<\/p><\/div>\n<p>          <!-- Card 2 --><\/p>\n<div class=\"pr-policy-card\">\n<div class=\"pr-card-header\">\n<div class=\"pr-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                  <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                  <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                <\/svg>\n              <\/div>\n<h3 class=\"pr-card-title\">Case-by-Case Evaluation<\/h3>\n<\/p><\/div>\n<p class=\"pr-card-content\">\n              Referral terms are evaluated case by case, based on project value and cooperation depth.\n            <\/p>\n<\/p><\/div>\n<p>          <!-- Card 3 --><\/p>\n<div class=\"pr-policy-card\">\n<div class=\"pr-card-header\">\n<div class=\"pr-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                  <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                <\/svg>\n              <\/div>\n<h3 class=\"pr-card-title\">Quality Over Quantity<\/h3>\n<\/p><\/div>\n<p class=\"pr-card-content\">\n              This policy is designed to reward meaningful introductions, not casual referrals.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Footer Alert --><\/p>\n<div class=\"pr-footer-alert\">\n<div class=\"pr-alert-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n          <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n          <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n        <\/svg>\n      <\/div>\n<div class=\"pr-alert-content\">\n<p>\n          <strong>Important:<\/strong> This policy is designed to reward meaningful introductions, not casual referrals. We prioritize quality partnerships that bring real value to all parties involved.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ISES Institution Members Section --><\/p>\n<section class=\"ises-section\">\n<style>\n    .ises-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      padding: 80px 40px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .ises-section::before {\n      content: '';\n      position: absolute;\n      top: -30%;\n      right: -15%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(25, 118, 210, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .ises-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .ises-content {\n      display: grid;\n      grid-template-columns: 400px 1fr;\n      gap: 80px;\n      align-items: center;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7 Logo \u533a\u57df *\/\n    .ises-logo-wrapper {\n      position: relative;\n    }<\/p>\n<p>    .ises-logo-card {\n      background: white;\n      border-radius: 20px;\n      padding: 60px 50px;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n      border: 2px solid #e2e8f0;\n      transition: all 0.4s ease;\n      text-align: center;\n    }<\/p>\n<p>    .ises-logo-card:hover {\n      border-color: #1976D2;\n      box-shadow: 0 30px 80px rgba(25, 118, 210, 0.15);\n      transform: translateY(-8px);\n    }<\/p>\n<p>    .ises-logo {\n      width: 100%;\n      max-width: 280px;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .ises-logo-card:hover .ises-logo {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .ises-badge {\n      margin-top: 24px;\n      padding: 12px 24px;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border-radius: 50px;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #1976D2;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .ises-badge svg {\n      width: 16px;\n      height: 16px;\n      stroke: #1976D2;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u6587\u5b57\u533a\u57df *\/\n    .ises-text {\n      padding: 20px 0;\n    }<\/p>\n<p>    .ises-label {\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #1976D2;\n      margin-bottom: 16px;\n      display: block;\n    }<\/p>\n<p>    .ises-title {\n      font-size: 42px;\n      font-weight: 700;\n      line-height: 1.2;\n      color: #1e293b;\n      margin-bottom: 24px;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .ises-desc {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #64748b;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    \/* \u7279\u6027\u5217\u8868 *\/\n    .ises-features {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }<\/p>\n<p>    .ises-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 20px 24px;\n      background: white;\n      border-radius: 12px;\n      border: 2px solid #e2e8f0;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .ises-feature:hover {\n      border-color: #1976D2;\n      box-shadow: 0 8px 30px rgba(25, 118, 210, 0.1);\n      transform: translateX(8px);\n    }<\/p>\n<p>    .ises-feature-icon {\n      width: 44px;\n      height: 44px;\n      flex-shrink: 0;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .ises-feature:hover .ises-feature-icon {\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .ises-feature-icon svg {\n      width: 22px;\n      height: 22px;\n      stroke: #1976D2;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .ises-feature:hover .ises-feature-icon svg {\n      stroke: white;\n    }<\/p>\n<p>    .ises-feature-text {\n      flex: 1;\n      padding-top: 2px;\n    }<\/p>\n<p>    .ises-feature-text h4 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 6px;\n    }<\/p>\n<p>    .ises-feature-text p {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u94fe\u63a5 *\/\n    .ises-link {\n      margin-top: 32px;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 32px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-size: 15px;\n      font-weight: 600;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 24px rgba(25, 118, 210, 0.3);\n    }<\/p>\n<p>    .ises-link:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 32px rgba(25, 118, 210, 0.4);\n    }<\/p>\n<p>    .ises-link svg {\n      width: 18px;\n      height: 18px;\n      stroke: white;\n      stroke-width: 2.5;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .ises-link:hover svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .ises-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }<\/p>\n<p>      .ises-logo-card {\n        max-width: 400px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .ises-section {\n        padding: 60px 24px;\n      }<\/p>\n<p>      .ises-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .ises-desc {\n        font-size: 15px;\n      }<\/p>\n<p>      .ises-logo-card {\n        padding: 40px 32px;\n      }<\/p>\n<p>      .ises-feature {\n        padding: 16px 20px;\n      }<\/p>\n<p>      .ises-feature:hover {\n        transform: translateX(4px);\n      }\n    }\n  <\/style>\n<div class=\"ises-container\">\n<div class=\"ises-content\">\n<p>      <!-- \u5de6\u4fa7 Logo --><\/p>\n<div class=\"ises-logo-wrapper\">\n<div class=\"ises-logo-card\">\n          <img loading=\"lazy\" height=\"148\" width=\"364\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/11.png\" alt=\"ISES Logo\" class=\"ises-logo\"><\/p>\n<div class=\"ises-badge\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg><br \/>\n            <span>Corporate Member<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u6587\u5b57 --><\/p>\n<div class=\"ises-text\">\n        <span class=\"ises-label\">Institutional Membership<\/span><\/p>\n<h2 class=\"ises-title\">ISES Institution Members<\/h2>\n<p class=\"ises-desc\">\n          Soletks Solar is a corporate member of the International Solar Energy Society (ISES), demonstrating our long-term commitment to the advancement of solar energy technologies, sustainable heat solutions, and global energy transition.\n        <\/p>\n<div class=\"ises-features\">\n<div class=\"ises-feature\">\n<div class=\"ises-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M12 6v6l4 2\"><\/path>\n              <\/svg>\n            <\/div>\n<div class=\"ises-feature-text\">\n<h4>Long-term Commitment<\/h4>\n<p>Dedicated to advancing solar thermal technology and renewable energy solutions<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ises-feature\">\n<div class=\"ises-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n              <\/svg>\n            <\/div>\n<div class=\"ises-feature-text\">\n<h4>Global Network<\/h4>\n<p>Part of an international community driving sustainable energy transition<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ises-feature\">\n<div class=\"ises-feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                <path d=\"M2 17l10 5 10-5\"><\/path>\n                <path d=\"M2 12l10 5 10-5\"><\/path>\n              <\/svg>\n            <\/div>\n<div class=\"ises-feature-text\">\n<h4>Industry Leadership<\/h4>\n<p>Contributing to research, standards, and best practices in solar energy<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <a href=\"https:\/\/www.ises.org\/\" target=\"_blank\" rel=\"noopener\" class=\"ises-link\"><br \/>\n          Learn More About ISES<br \/>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg><br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Company Introduction Module --><\/p>\n<section class=\"company-intro-module\">\n<style>\n    \/* Company Introduction Module Styles *\/\n    .company-intro-module {\n      padding: 50px 20px;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .intro-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Header Section *\/\n    .intro-main-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    .intro-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #0066cc;\n      margin-bottom: 8px;\n      padding: 5px 15px;\n      background: rgba(0, 102, 204, 0.08);\n      border-radius: 20px;\n    }<\/p>\n<p>    .intro-main-title {\n      font-size: 36px;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.2;\n      margin: 10px 0 8px 0;\n    }<\/p>\n<p>    .intro-main-title .highlight {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .intro-subtitle {\n      font-size: 15px;\n      color: #666;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Main Content Grid *\/\n    .intro-main-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 30px;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    \/* Image Card *\/\n    .intro-image-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\n      background: #f8f9fa;\n      height: 380px;\n    }<\/p>\n<p>    .intro-image-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .intro-image-card:hover img {\n      transform: scale(1.06);\n    }<\/p>\n<p>    .image-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n      padding: 10px 18px;\n      border-radius: 30px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }<\/p>\n<p>    .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #0066cc;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    \/* Content Card *\/\n    .intro-content-card {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 25px 30px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n      border-radius: 16px;\n      border: 1px solid #e9ecef;\n    }<\/p>\n<p>    .content-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #4a4a4a;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .content-description strong {\n      color: #1a1a1a;\n      font-weight: 600;\n    }<\/p>\n<p>    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px;\n      margin-top: 20px;\n    }<\/p>\n<p>    .stat-box {\n      text-align: center;\n      padding: 18px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .stat-box:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.1);\n    }<\/p>\n<p>    .stat-number {\n      font-size: 28px;\n      font-weight: 700;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      line-height: 1.2;\n      margin-bottom: 5px;\n    }<\/p>\n<p>    .stat-label {\n      font-size: 12px;\n      color: #666;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Features Section *\/\n    .features-section {\n      margin-top: 35px;\n    }<\/p>\n<p>    .features-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1a1a1a;\n      text-align: center;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }<\/p>\n<p>    .feature-card {\n      padding: 25px 20px;\n      background: white;\n      border-radius: 14px;\n      text-align: center;\n      transition: all 0.3s ease;\n      border: 2px solid #f0f0f0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0066cc, #00a8e8);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .feature-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(0, 102, 204, 0.12);\n      border-color: #0066cc;\n    }<\/p>\n<p>    .feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .feature-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 168, 232, 0.1));\n      border-radius: 14px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .feature-card:hover .feature-icon-wrapper {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      transform: scale(1.08) rotate(3deg);\n    }<\/p>\n<p>    .feature-icon-wrapper svg {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .feature-card:hover .feature-icon-wrapper svg {\n      stroke: white;\n    }<\/p>\n<p>    .feature-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin: 12px 0 8px;\n    }<\/p>\n<p>    .feature-card p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }<\/p>\n<p>    \/* Gallery Section *\/\n    .gallery-section {\n      margin-top: 40px;\n    }<\/p>\n<p>    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }<\/p>\n<p>    .gallery-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      aspect-ratio: 1;\n      background: #f8f9fa;\n    }<\/p>\n<p>    .gallery-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);\n    }<\/p>\n<p>    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .gallery-item:hover img {\n      transform: scale(1.1);\n    }<\/p>\n<p>    .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      display: flex;\n      align-items: flex-end;\n      padding: 20px;\n    }<\/p>\n<p>    .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }<\/p>\n<p>    .gallery-caption {\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .intro-main-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }<\/p>\n<p>      .intro-image-card {\n        height: 320px;\n      }<\/p>\n<p>      .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }<\/p>\n<p>      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }<\/p>\n<p>      .intro-main-title {\n        font-size: 30px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .company-intro-module {\n        padding: 35px 15px;\n      }<\/p>\n<p>      .intro-main-header {\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .intro-main-title {\n        font-size: 26px;\n      }<\/p>\n<p>      .intro-subtitle {\n        font-size: 14px;\n      }<\/p>\n<p>      .intro-content-card {\n        padding: 20px;\n      }<\/p>\n<p>      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }<\/p>\n<p>      .features-title {\n        font-size: 20px;\n        margin-bottom: 20px;\n      }<\/p>\n<p>      .intro-image-card {\n        height: 280px;\n      }<\/p>\n<p>      .gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n  <\/style>\n<div class=\"intro-wrapper\">\n    <!-- Header Section --><\/p>\n<div class=\"intro-main-header\">\n      <span class=\"intro-label\">Who We Are<\/span><\/p>\n<h1 class=\"intro-main-title\">Leading the Future of <span class=\"highlight\">Clean Energy<\/span><\/h1>\n<p class=\"intro-subtitle\">Innovative solutions powered by cutting-edge technology and sustainable practices<\/p>\n<\/p><\/div>\n<p>    <!-- Main Content Grid --><\/p>\n<div class=\"intro-main-grid\">\n      <!-- Image Card --><\/p>\n<div class=\"intro-image-card\">\n        <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\" alt=\"SOLETKS Clean Energy Technology\"><\/p>\n<div class=\"image-badge\">\n          <span class=\"badge-text\">Industry Leader<\/span>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Content Card --><\/p>\n<div class=\"intro-content-card\">\n<p class=\"content-description\">\n          <strong>SOLETKS<\/strong> is a high-tech enterprise focused on clean energy innovation. With its core <strong>Flat-Plate Clean Thermal Energy<\/strong> technology, the company integrates solar, geothermal, and air energy to deliver efficient solutions for heating, cooling, and power generation.\n        <\/p>\n<p class=\"content-description\">\n          Backed by partnerships with leading research institutions, SOLETKS ranks among the world&#8217;s top manufacturers of flat-plate collectors, driving global progress toward a sustainable future.\n        <\/p>\n<div class=\"stats-row\">\n<div class=\"stat-box\">\n<div class=\"stat-number\">117+<\/div>\n<div class=\"stat-label\">Patents Secured<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-number\">Top 5<\/div>\n<div class=\"stat-label\">Global Ranking<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Features Section --><\/p>\n<div class=\"features-section\">\n<h2 class=\"features-title\">Our Core Strengths<\/h2>\n<div class=\"features-grid\">\n<div class=\"feature-card\">\n<div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0066cc\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/>\n              <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/>\n              <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/>\n              <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/>\n              <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/>\n              <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/>\n              <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/>\n              <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\n            <\/svg>\n          <\/div>\n<h3>Solar Integration<\/h3>\n<p>Advanced flat-plate collector technology maximizing energy efficiency<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0066cc\" stroke-width=\"2\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n              <polyline points=\"14 2 14 8 20 8\"\/>\n              <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n              <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n              <polyline points=\"10 9 9 9 8 9\"\/>\n            <\/svg>\n          <\/div>\n<h3>117+ Patents<\/h3>\n<p>Cutting-edge innovation portfolio protecting proprietary technologies<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0066cc\" stroke-width=\"2\">\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<h3>Research Partners<\/h3>\n<p>Strategic collaboration with leading institutions worldwide<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Gallery Section --><\/p>\n<div class=\"gallery-section\">\n<div class=\"gallery-grid\">\n<div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662599508.jpeg\" alt=\"SOLETKS Product 1\"><\/p>\n<div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Innovation in Action<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg\" alt=\"SOLETKS Product 2\"><\/p>\n<div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Advanced Technology<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg\" alt=\"SOLETKS Product 3\"><\/p>\n<div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Sustainable Solutions<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg\" alt=\"SOLETKS Product 4\"><\/p>\n<div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Global Excellence<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Global Certifications & Quality Assurance Section --><\/p>\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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .cert-tab:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }<\/p>\n<p>    .cert-tab-content.active {\n      display: block;\n    }<\/p>\n<p>    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    \/* Certificates Grid - 4 columns *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .certificate-card {\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      position: relative;\n    }<\/p>\n<p>    .certificate-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, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }<\/p>\n<p>    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .certificate-image {\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }<\/p>\n<p>    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }<\/p>\n<p>    .certificate-badge {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    }<\/p>\n<p>    .certificate-info {\n      padding: 20px;\n    }<\/p>\n<p>    .certificate-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      line-height: 1.4;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }<\/p>\n<p>    .certificate-type {\n      font-size: 13px;\n      color: #64748b;\n      margin: 0;\n    }<\/p>\n<p>    \/* 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    }<\/p>\n<p>    .lightbox-modal.active {\n      display: flex;\n    }<\/p>\n<p>    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    .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    }<\/p>\n<p>    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }<\/p>\n<p>    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .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    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }<\/p>\n<p>      .certificate-image {\n        height: 260px;\n      }\n    }<\/p>\n<p>    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }<\/p>\n<p>      .certificate-image {\n        height: 280px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }<\/p>\n<p>      .certifications-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .certifications-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .certifications-description {\n        font-size: 16px;\n      }<\/p>\n<p>      .cert-tabs {\n        gap: 8px;\n      }<\/p>\n<p>      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }<\/p>\n<p>      .certificate-image {\n        height: 240px;\n      }<\/p>\n<p>      .lightbox-modal {\n        padding: 20px;\n      }<\/p>\n<p>      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }<\/p>\n<p>      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }<\/p>\n<p>      .certificate-image {\n        height: 300px;\n      }<\/p>\n<p>      .certifications-title {\n        font-size: 28px;\n      }<\/p>\n<p>      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n<div class=\"certifications-container\">\n    <!-- Section Header --><\/p>\n<div class=\"certifications-header\">\n      <span class=\"certifications-label\">International Standards<\/span><\/p>\n<h2 class=\"certifications-title\">\n        Global Certifications &#038; <span class=\"highlight\">Quality Assurance<\/span><br \/>\n      <\/h2>\n<p class=\"certifications-description\">\n        SOLETK Solar products are certified to meet international quality and safety standards, including Solar Keymark, CE, and ISO. Below are the individual certificates for each product, demonstrating SOLETK Solar&#8217;s commitment to reliability, performance, and compliance.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Tabs Navigation --><\/p>\n<div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">All Certificates<\/button><br \/>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO Certifications<\/button><br \/>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button><br \/>\n      <button class=\"cert-tab\" data-tab=\"product\">Product Certificates<\/button>\n    <\/div>\n<p>    <!-- All Certificates Tab --><\/p>\n<div class=\"cert-tab-content active\" id=\"all\">\n<div class=\"certificates-grid\">\n        <!-- Certificate 1 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" data-name=\"Test Report Certificate\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2338\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" alt=\"Test Report Certificate\"><br \/>\n            <span class=\"certificate-badge\">Test Report<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Test Report Certificate<\/h3>\n<p class=\"certificate-type\">Quality Assurance Report<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 2 --><\/p>\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\" data-name=\"Solar Keymark Certification\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\"><br \/>\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Keymark Certification<\/h3>\n<p class=\"certificate-type\">European Quality Standard<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 3 --><\/p>\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\" data-name=\"ISO 9001 Quality Management\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 9001 Quality Management<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 4 --><\/p>\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\" data-name=\"ISO 14001 Environmental Management\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 14001 Environmental Management<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 5 --><\/p>\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\" data-name=\"ISO 45001 Occupational Health &#038; Safety\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 45001 Occupational Health &#038; Safety<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 6 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" data-name=\"Air Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Air Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 7 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" data-name=\"Flat Plate Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 8 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" data-name=\"PVT Solar System\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">PVT Solar System<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 9 --><\/p>\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\" data-name=\"Solar Keymark Certification\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\"><br \/>\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Keymark Certification<\/h3>\n<p class=\"certificate-type\">European Quality Standard<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 10 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" data-name=\"Solar Water Heater\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Certificate 11 --><\/p>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" data-name=\"Vacuum Tube Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Vacuum Tube Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ISO Certifications Tab --><\/p>\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\" data-name=\"ISO 9001 Quality Management\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 9001 Quality Management<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\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\" data-name=\"ISO 14001 Environmental Management\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 14001 Environmental Management<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\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\" data-name=\"ISO 45001 Occupational Health &#038; Safety\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\"><br \/>\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">ISO 45001 Occupational Health &#038; Safety<\/h3>\n<p class=\"certificate-type\">International Organization for Standardization<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Solar Keymark Tab --><\/p>\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\" data-name=\"Solar Keymark Certification\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\"><br \/>\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Keymark Certification<\/h3>\n<p class=\"certificate-type\">European Quality Standard<\/p>\n<\/p><\/div>\n<\/p><\/div>\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\" data-name=\"Solar Keymark Certification\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\"><br \/>\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Keymark Certification<\/h3>\n<p class=\"certificate-type\">European Quality Standard<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Product Certificates Tab --><\/p>\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\" data-name=\"Air Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Air Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" data-name=\"Flat Plate Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" data-name=\"PVT Solar System\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">PVT Solar System<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" data-name=\"Solar Water Heater\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" data-name=\"Vacuum Tube Solar Collector\">\n<div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\"><br \/>\n            <span class=\"certificate-badge\">Product<\/span>\n          <\/div>\n<div class=\"certificate-info\">\n<h3 class=\"certificate-name\">Vacuum Tube Solar Collector<\/h3>\n<p class=\"certificate-type\">Product Certification<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Lightbox Modal --><\/p>\n<div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\"><br \/>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg><br \/>\n    <\/button><\/p>\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\">Certificate Name<\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');<\/p>\n<p>  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');<\/p>\n<p>      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));<\/p>\n<p>      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });<\/p>\n<p>  \/\/ 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');<\/p>\n<p>  \/\/ 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');<\/p>\n<p>      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });<\/p>\n<p>  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });<\/p>\n<p>  \/\/ 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  });<\/p>\n<p>  \/\/ 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  });<\/p>\n<p>  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };<\/p>\n<p>  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);<\/p>\n<p>        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);<\/p>\n<p>  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><\/p>\n<p><!-- FAQ Section --><\/p>\n<section id=\"faq\" class=\"faq-section lemonx-cursor-highlight\" style=\"outline: rgb(102, 126, 234) solid 2px; outline-offset: 2px; background: rgba(102, 126, 234, 0.1); transition: 0.2s;\">\n<style>\n    .faq-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }<\/p>\n<p>    .faq-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .faq-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .faq-subtitle {\n      font-size: 14px;\n      color: #059669;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .faq-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    }<\/p>\n<p>    .faq-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, #059669 0%, #10b981 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .faq-intro {\n      max-width: 800px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .faq-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* FAQ Items *\/\n    .faq-list {\n      max-width: 900px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }<\/p>\n<p>    .faq-item {\n      background: white;\n      border-radius: 16px;\n      border: 2px solid transparent;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      overflow: hidden;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .faq-item:hover {\n      border-color: rgba(5, 150, 105, 0.2);\n      box-shadow: 0 8px 30px rgba(5, 150, 105, 0.1);\n    }<\/p>\n<p>    .faq-item.active {\n      border-color: #059669;\n    }<\/p>\n<p>    .faq-question {\n      padding: 24px 28px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      user-select: none;\n      transition: background 0.3s ease;\n    }<\/p>\n<p>    .faq-item:hover .faq-question {\n      background: #f8fafc;\n    }<\/p>\n<p>    .faq-item.active .faq-question {\n      background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\n    }<\/p>\n<p>    .faq-q-content {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }<\/p>\n<p>    .faq-q-icon {\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      font-weight: 700;\n      color: white;\n    }<\/p>\n<p>    .faq-q-text {\n      font-size: 17px;\n      color: #1e293b;\n      font-weight: 600;\n      line-height: 1.4;\n    }<\/p>\n<p>    .faq-toggle {\n      flex-shrink: 0;\n      width: 32px;\n      height: 32px;\n      background: #f1f5f9;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .faq-item.active .faq-toggle {\n      background: #059669;\n      transform: rotate(180deg);\n    }<\/p>\n<p>    .faq-toggle svg {\n      width: 18px;\n      height: 18px;\n      stroke: #64748b;\n      stroke-width: 2.5;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .faq-item.active .faq-toggle svg {\n      stroke: white;\n    }<\/p>\n<p>    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }<\/p>\n<p>    .faq-item.active .faq-answer {\n      max-height: 300px;\n    }<\/p>\n<p>    .faq-answer-content {\n      padding: 0 28px 24px 84px;\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .faq-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .faq-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .faq-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .faq-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .faq-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .faq-list {\n        gap: 14px;\n      }<\/p>\n<p>      .faq-question {\n        padding: 20px 20px;\n        gap: 14px;\n      }<\/p>\n<p>      .faq-q-content {\n        gap: 12px;\n      }<\/p>\n<p>      .faq-q-icon {\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n      }<\/p>\n<p>      .faq-q-text {\n        font-size: 15px;\n      }<\/p>\n<p>      .faq-toggle {\n        width: 28px;\n        height: 28px;\n      }<\/p>\n<p>      .faq-toggle svg {\n        width: 16px;\n        height: 16px;\n      }<\/p>\n<p>      .faq-answer-content {\n        padding: 0 20px 20px 68px;\n        font-size: 14px;\n      }\n    }\n  <\/style>\n<div class=\"faq-container\">\n    <!-- Header --><\/p>\n<div class=\"faq-header\">\n<div class=\"faq-subtitle\">Got Questions?<\/div>\n<h2>Frequently Asked Questions<\/h2>\n<\/p><\/div>\n<p>    <!-- FAQ List --><\/p>\n<div class=\"faq-list\">\n<p>      <!-- FAQ 1 --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\n<div class=\"faq-q-content\">\n<div class=\"faq-q-icon\">Q<\/div>\n<div class=\"faq-q-text\">Can installers or small EPC companies apply as partners?<\/div>\n<\/p><\/div>\n<div class=\"faq-toggle\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n            Yes, installers or EPC companies with regular projects and clear application scenarios are welcome to apply.\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- FAQ 2 --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\n<div class=\"faq-q-content\">\n<div class=\"faq-q-icon\">Q<\/div>\n<div class=\"faq-q-text\">Do you support OEM for new partners?<\/div>\n<\/p><\/div>\n<div class=\"faq-toggle\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n            OEM cooperation is discussed based on market demand, project background, and expected order volume.\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- FAQ 3 --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\n<div class=\"faq-q-content\">\n<div class=\"faq-q-icon\">Q<\/div>\n<div class=\"faq-q-text\">Is there a minimum order requirement?<\/div>\n<\/p><\/div>\n<div class=\"faq-toggle\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n            Order quantities are evaluated case by case depending on the cooperation model and product scope.\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- FAQ 4 --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\n<div class=\"faq-q-content\">\n<div class=\"faq-q-icon\">Q<\/div>\n<div class=\"faq-q-text\">Which markets do you currently work with?<\/div>\n<\/p><\/div>\n<div class=\"faq-toggle\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n            We cooperate with partners in multiple regions worldwide. Market discussions are handled individually.\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- FAQ 5 --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\n<div class=\"faq-q-content\">\n<div class=\"faq-q-icon\">Q<\/div>\n<div class=\"faq-q-text\">How long does OEM preparation usually take?<\/div>\n<\/p><\/div>\n<div class=\"faq-toggle\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n<\/p><\/div>\n<div class=\"faq-answer\">\n<div class=\"faq-answer-content\">\n            OEM preparation time depends on branding and specification requirements and is confirmed during discussion.\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- lemonx-script-placeholder --><br \/>\n<\/section>\n<p><!-- Global Customers Gallery Section --><\/p>\n<section class=\"customers-gallery-section\">\n<style>\n    \/* Customers Gallery Section Styles *\/\n    .customers-gallery-section {\n      padding: 100px 20px;\n      background: #0a0f1a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* Background Image Mosaic *\/\n    .background-mosaic {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      gap: 0;\n      opacity: 0.7;\n      z-index: 0;\n    }<\/p>\n<p>    .mosaic-item {\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      filter: grayscale(0%) brightness(0.9);\n      transition: all 0.5s ease;\n    }<\/p>\n<p>    .mosaic-item:hover {\n      filter: grayscale(0%) brightness(1.15);\n      transform: scale(1.05);\n    }<\/p>\n<p>    \/* \u7279\u6b8a\u5b9a\u4f4d\u7b2c\u4e8c\u884c\u7b2c\u4e00\u5f20\u56fe\u7247 *\/\n    .mosaic-item:nth-child(5) {\n      background-position: center top;\n    }<\/p>\n<p>    \/* Overlay Gradient *\/\n    .customers-gallery-section::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(12, 22, 41, 0.5) 0%, \n        rgba(30, 58, 138, 0.45) 25%,\n        rgba(29, 78, 216, 0.4) 50%,\n        rgba(37, 99, 235, 0.45) 75%,\n        rgba(59, 130, 246, 0.5) 100%\n      );\n      z-index: 1;\n    }<\/p>\n<p>    \/* Animated Particles *\/\n    .customers-gallery-section::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 1;\n      animation: floatParticle 20s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes floatParticle {\n      0%, 100% {\n        transform: translate(0, 0) scale(1);\n      }\n      50% {\n        transform: translate(-100px, 100px) scale(1.1);\n      }\n    }<\/p>\n<p>    .customers-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .customers-header {\n      text-align: center;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .customers-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: #fbbf24;\n      margin-bottom: 20px;\n      padding: 8px 24px;\n      background: rgba(251, 191, 36, 0.2);\n      border-radius: 30px;\n      border: 1px solid rgba(251, 191, 36, 0.5);\n      backdrop-filter: blur(15px);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    .customers-title {\n      font-size: 52px;\n      font-weight: 700;\n      color: #ffffff;\n      line-height: 1.2;\n      margin: 0 0 25px 0;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6);\n    }<\/p>\n<p>    .customers-title .highlight {\n      background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-shadow: none;\n      position: relative;\n      filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.5));\n    }<\/p>\n<p>    .customers-title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #fbbf24, #f59e0b);\n      border-radius: 2px;\n      box-shadow: 0 2px 10px rgba(251, 191, 36, 0.6);\n    }<\/p>\n<p>    .customers-subtitle {\n      font-size: 20px;\n      color: rgba(255, 255, 255, 1);\n      margin: 0 0 20px 0;\n      line-height: 1.6;\n      font-weight: 600;\n      text-shadow: 0 3px 15px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6);\n    }<\/p>\n<p>    .customers-description {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.98);\n      max-width: 900px;\n      margin: 0 auto 70px;\n      line-height: 1.8;\n      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5);\n      font-weight: 500;\n    }<\/p>\n<p>    \/* CTA Section *\/\n    .customers-cta {\n      text-align: center;\n      margin-top: 0;\n    }<\/p>\n<p>    .explore-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      background: linear-gradient(135deg, #fbbf24, #f59e0b);\n      color: #1e293b;\n      font-size: 18px;\n      font-weight: 700;\n      padding: 22px 55px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      box-shadow: 0 12px 35px rgba(251, 191, 36, 0.6), 0 6px 20px rgba(0, 0, 0, 0.4);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }<\/p>\n<p>    .explore-button::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n      transition: left 0.6s ease;\n    }<\/p>\n<p>    .explore-button:hover {\n      transform: translateY(-4px) scale(1.05);\n      box-shadow: 0 18px 50px rgba(251, 191, 36, 0.7), 0 8px 25px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(135deg, #f59e0b, #d97706);\n    }<\/p>\n<p>    .explore-button:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .explore-button svg {\n      width: 24px;\n      height: 24px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .explore-button:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    .explore-button:active {\n      transform: translateY(-2px) scale(1.02);\n      box-shadow: 0 10px 30px rgba(251, 191, 36, 0.65), 0 5px 18px rgba(0, 0, 0, 0.45);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .background-mosaic {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }<\/p>\n<p>    @media (max-width: 968px) {\n      .customers-gallery-section {\n        padding: 70px 15px;\n      }<\/p>\n<p>      .background-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        opacity: 0.6;\n      }<\/p>\n<p>      .customers-title {\n        font-size: 42px;\n      }<\/p>\n<p>      .customers-subtitle {\n        font-size: 18px;\n      }<\/p>\n<p>      .customers-description {\n        font-size: 16px;\n        margin-bottom: 60px;\n      }<\/p>\n<p>      .explore-button {\n        padding: 20px 50px;\n        font-size: 16px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .customers-gallery-section {\n        padding: 60px 15px;\n      }<\/p>\n<p>      .customers-header {\n        margin-bottom: 0;\n      }<\/p>\n<p>      .customers-title {\n        font-size: 34px;\n      }<\/p>\n<p>      .customers-subtitle {\n        font-size: 17px;\n      }<\/p>\n<p>      .customers-description {\n        font-size: 15px;\n        margin-bottom: 50px;\n      }<\/p>\n<p>      .explore-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 20px 45px;\n        font-size: 15px;\n      }\n    }\n  <\/style>\n<p>  <!-- Background Mosaic --><\/p>\n<div class=\"background-mosaic\">\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499670549_122107377740869367_877933122360364159_n.jpg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/562390049_122147862644869367_200812617978916262_n.jpg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/565129666_122147862638869367_6210422942108884031_n.jpg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746694993943.jpeg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746775625409.jpeg');\"><\/div>\n<div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n<\/p><\/div>\n<div class=\"customers-container\">\n    <!-- Section Header --><\/p>\n<div class=\"customers-header\">\n      <span class=\"customers-label\">Global Excellence<\/span><\/p>\n<h2 class=\"customers-title\"><span class=\"highlight\">SOLETKS<\/span> \u2013 The First Choice for Global Customers<\/h2>\n<p class=\"customers-subtitle\">Trusted by Industry Leaders Worldwide<\/p>\n<p class=\"customers-description\">\n        From residential installations to large-scale industrial projects, SOLETKS delivers proven solar thermal solutions across continents, empowering sustainable energy transformation globally.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- CTA Section --><\/p>\n<div class=\"customers-cta\">\n      <button class=\"explore-button\"><br \/>\n        <span>Explore Now<\/span><br \/>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg><br \/>\n      <\/button>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u521d\u59cb\u5316\u6309\u94ae\u72b6\u6001\n  const exploreButton = document.querySelector('.explore-button');\n  if (exploreButton) {\n    exploreButton.style.opacity = '0';\n    exploreButton.style.transform = 'translateY(30px)';\n    exploreButton.style.transition = 'all 0.8s ease';<\/p>\n<p>    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    exploreButton.addEventListener('click', function() {\n      console.log('Explore Now clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }<\/p>\n<p>  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleCustomersScroll() {\n    const exploreButton = document.querySelector('.explore-button');\n    if (exploreButton) {\n      const rect = exploreButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible &#038;&#038; !exploreButton.classList.contains('animated')) {\n        setTimeout(() => {\n          exploreButton.style.opacity = '1';\n          exploreButton.style.transform = 'translateY(0)';\n          exploreButton.classList.add('animated');\n        }, 300);\n      }\n    }\n  }<\/p>\n<p>  \/\/ \u80cc\u666f\u56fe\u7247\u60ac\u6d6e\u6548\u679c\n  const mosaicItems = document.querySelectorAll('.mosaic-item');\n  mosaicItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.5s ease';\n    });\n  });<\/p>\n<p>  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleCustomersScroll);<\/p>\n<p>  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleCustomersScroll, 100);\n});\n<\/script><\/p>\n<style data-lemonx-boosted=\"true\">\n\/* Lemonx: \u63d0\u5347\u7528\u6237 CSS \u7279\u5f02\u6027\uff0c\u8986\u76d6\u4e3b\u9898\/Elementor \u5168\u5c40\u6837\u5f0f *\/\n.lemonx-visual-root .distributor-banner {\n      width: 100%;\n      min-height: 70vh;\n      background: #fafaf9;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n    }<\/p>\n<p>    \/* Animated Background Pattern *\/\n    .lemonx-visual-root .distributor-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        linear-gradient(135deg, #e8f4f8 0%, #d4e9f7 50%, #b8dff5 100%);\n      z-index: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 80%;\n      height: 150%;\n      background: radial-gradient(ellipse, rgba(25, 118, 210, 0.12) 0%, transparent 70%);\n      animation: dist-float 15s ease-in-out infinite;\n      z-index: 1;\n    }<\/p>\n<p>    @keyframes dist-float {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      50% { transform: translate(-30px, 30px) rotate(5deg); }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .banner-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 60px 40px;\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 60px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Left Content *\/\n    .lemonx-visual-root .distributor-banner .content-section {\n      animation: dist-slideInLeft 1s ease-out;\n    }<\/p>\n<p>    @keyframes dist-slideInLeft {\n      from {\n        opacity: 0;\n        transform: translateX(-50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 18px;\n      background: linear-gradient(135deg, #1976D2, #2196F3);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      border-radius: 30px;\n      margin-bottom: 20px;\n      box-shadow: 0 4px 15px rgba(25, 118, 210, 0.3);\n      animation: dist-pulse 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes dist-pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .badge svg {\n      width: 14px;\n      height: 14px;\n      fill: white;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .main-title {\n      font-size: 52px;\n      font-weight: 900;\n      line-height: 1.1;\n      color: #1a1410;\n      margin-bottom: 18px;\n      letter-spacing: -1.5px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .main-title .line1 {\n      display: block;\n      color: #292524;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .main-title .line2 {\n      display: block;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 50%, #42A5F5 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-top: 6px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .subtitle {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #57534e;\n      margin-bottom: 12px;\n      font-weight: 600;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .description {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #78716c;\n      margin-bottom: 28px;\n      max-width: 540px;\n    }<\/p>\n<p>    \/* Stats Grid *\/\n    .lemonx-visual-root .distributor-banner .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 15px;\n      margin-bottom: 28px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 14px;\n      border: 2px solid #f5f5f4;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #1976D2, #2196F3);\n      transform: scaleY(0);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-card:hover {\n      border-color: #1976D2;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(25, 118, 210, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-card:hover::before {\n      transform: scaleY(1);\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-number {\n      font-size: 32px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #1976D2, #2196F3);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 6px;\n      line-height: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .stat-label {\n      font-size: 12px;\n      color: #57534e;\n      font-weight: 600;\n      line-height: 1.3;\n    }<\/p>\n<p>    \/* CTA Buttons *\/\n    .lemonx-visual-root .distributor-banner .cta-group {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn {\n      padding: 14px 32px;\n      font-size: 15px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: none;\n      letter-spacing: 0.3px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn-primary {\n      background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);\n      color: white;\n      box-shadow: 0 6px 20px rgba(25, 118, 210, 0.4);\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(25, 118, 210, 0.5);\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn-secondary {\n      background: white;\n      color: #1976D2;\n      border: 2px solid #1976D2;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn-secondary:hover {\n      background: #1976D2;\n      color: white;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .btn svg {\n      width: 18px;\n      height: 18px;\n    }<\/p>\n<p>    \/* Right Image Section *\/\n    .lemonx-visual-root .distributor-banner .image-section {\n      position: relative;\n      animation: dist-slideInRight 1s ease-out;\n      display: flex;\n      flex-direction: column;\n      gap: 30px;\n    }<\/p>\n<p>    @keyframes dist-slideInRight {\n      from {\n        opacity: 0;\n        transform: translateX(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .image-container {\n      position: relative;\n      width: 100%;\n    }<\/p>\n<p>    \/* Decorative Circles *\/\n    .lemonx-visual-root .distributor-banner .circle-decoration {\n      position: absolute;\n      border-radius: 50%;\n      z-index: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .circle-1 {\n      width: 320px;\n      height: 320px;\n      background: linear-gradient(135deg, rgba(25, 118, 210, 0.15), rgba(33, 150, 243, 0.1));\n      top: -40px;\n      right: -40px;\n      animation: dist-rotate 20s linear infinite;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .circle-2 {\n      width: 240px;\n      height: 240px;\n      background: linear-gradient(225deg, rgba(66, 165, 245, 0.2), transparent);\n      bottom: -25px;\n      left: -25px;\n      animation: dist-rotate 15s linear infinite reverse;\n    }<\/p>\n<p>    @keyframes dist-rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .main-image {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      height: auto;\n      border-radius: 20px;\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .main-image:hover {\n      transform: scale(1.02) translateY(-8px);\n    }<\/p>\n<p>    \/* \u7b2c\u4e8c\u5f20\u56fe\u7247\u5bb9\u5668 - \u4e0e\u7b2c\u4e00\u5f20\u4fdd\u6301\u4e00\u81f4 *\/\n    .lemonx-visual-root .distributor-banner .secondary-image-container {\n      position: relative;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.5);\n      backdrop-filter: blur(10px);\n      border-radius: 20px;\n      padding: 20px;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .secondary-image {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n      transition: transform 0.5s ease;\n      animation: dist-fadeInUp 1s ease-out 0.4s both;\n      background: transparent;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .secondary-image:hover {\n      transform: scale(1.02) translateY(-8px);\n    }<\/p>\n<p>    \/* \u7b2c\u4e8c\u5f20\u56fe\u7247\u88c5\u9970\u5706\u5708 *\/\n    .lemonx-visual-root .distributor-banner .circle-3 {\n      width: 200px;\n      height: 200px;\n      background: linear-gradient(135deg, rgba(33, 150, 243, 0.12), transparent);\n      top: 50%;\n      right: -30px;\n      animation: dist-rotate 18s linear infinite;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .circle-4 {\n      width: 150px;\n      height: 150px;\n      background: linear-gradient(225deg, rgba(66, 165, 245, 0.15), transparent);\n      bottom: 10%;\n      left: -20px;\n      animation: dist-rotate 16s linear infinite reverse;\n    }<\/p>\n<p>    \/* Feature Tags *\/\n    .lemonx-visual-root .distributor-banner .feature-tags {\n      position: absolute;\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .feature-tag {\n      background: white;\n      padding: 12px 20px;\n      border-radius: 50px;\n      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      animation: dist-fadeInUp 1s ease-out;\n      border: 2px solid #f5f5f4;\n    }<\/p>\n<p>    @keyframes dist-fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .feature-tag svg {\n      width: 22px;\n      height: 22px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .feature-tag span {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1a1410;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-1 {\n      top: 30px;\n      left: -35px;\n      animation-delay: 0.3s;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-1 svg {\n      stroke: #1976D2;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-2 {\n      top: 50%;\n      right: -35px;\n      animation-delay: 0.6s;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-2 svg {\n      stroke: #2196F3;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-3 {\n      bottom: 50px;\n      left: -35px;\n      animation-delay: 0.9s;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .tag-3 svg {\n      stroke: #42A5F5;\n    }<\/p>\n<p>    \/* Trust Indicators *\/\n    .lemonx-visual-root .distributor-banner .trust-bar {\n      display: flex;\n      align-items: center;\n      gap: 25px;\n      padding-top: 20px;\n      border-top: 2px solid #e7e5e4;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .trust-item svg {\n      width: 20px;\n      height: 20px;\n      fill: #1976D2;\n    }<\/p>\n<p>    .lemonx-visual-root .distributor-banner .trust-item span {\n      font-size: 13px;\n      font-weight: 600;\n      color: #57534e;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .distributor-banner .banner-container {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 50px 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .main-title {\n        font-size: 44px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stats-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .image-section {\n        max-width: 600px;\n        margin: 0 auto;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .tag-1, .lemonx-visual-root .distributor-banner .tag-2, .lemonx-visual-root .distributor-banner .tag-3 {\n        position: relative;\n        top: auto;\n        left: auto;\n        right: auto;\n        bottom: auto;\n        margin-bottom: 12px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .distributor-banner {\n        min-height: auto;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .banner-container {\n        padding: 40px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .main-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .subtitle {\n        font-size: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .description {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stats-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stat-card {\n        padding: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stat-number {\n        font-size: 26px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stat-label {\n        font-size: 11px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .cta-group {\n        flex-direction: column;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .trust-bar {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .circle-1, .lemonx-visual-root .distributor-banner .circle-2, .lemonx-visual-root .distributor-banner .circle-3, .lemonx-visual-root .distributor-banner .circle-4 {\n        width: 180px;\n        height: 180px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .image-section {\n        gap: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .secondary-image-container {\n        padding: 15px;\n      }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n      .lemonx-visual-root .distributor-banner .main-title {\n        font-size: 28px;\n        letter-spacing: -1px;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stats-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .lemonx-visual-root .distributor-banner .stat-number {\n        font-size: 24px;\n      }\n    }\n.lemonx-visual-root * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }<\/p>\n<p>    .lemonx-visual-root .partnership-details {\n      width: 100%;\n      background: #ffffff;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;\n      position: relative;\n    }<\/p>\n<p>    \/* Section 1: Who This Is For - \u6781\u7b80\u5de6\u53f3\u5e03\u5c40 *\/\n    .lemonx-visual-root .pd-who {\n      max-width: 1600px;\n      margin: 0 auto;\n      padding: 120px 60px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 100px;\n      align-items: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-who-image {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 4\/5;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-who-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-who-image:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-who-content {\n      max-width: 600px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-label {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: #1976D2;\n      margin-bottom: 24px;\n      display: block;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-title {\n      font-size: 48px;\n      font-weight: 700;\n      line-height: 1.1;\n      color: #000000;\n      margin-bottom: 24px;\n      letter-spacing: -1px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-desc {\n      font-size: 18px;\n      line-height: 1.8;\n      color: #666666;\n      margin-bottom: 48px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list-item {\n      display: flex;\n      gap: 20px;\n      align-items: flex-start;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-icon {\n      width: 48px;\n      height: 48px;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #F5F5F5;\n      border-radius: 8px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list-item:hover .pd-icon {\n      background: #1976D2;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1976D2;\n      stroke-width: 2;\n      fill: none;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list-item:hover .pd-icon svg {\n      stroke: #ffffff;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list-text {\n      flex: 1;\n      padding-top: 4px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-list-text p {\n      font-size: 16px;\n      line-height: 1.6;\n      color: #333333;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Section 2: Not Suitable - \u5168\u5bbd\u56fe\u7247\u80cc\u666f *\/\n    .lemonx-visual-root .pd-not {\n      position: relative;\n      width: 100%;\n      min-height: 700px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 120px 60px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-content {\n      position: relative;\n      z-index: 3;\n      max-width: 1200px;\n      width: 100%;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-content .pd-label {\n      color: rgba(255, 255, 255, 0.7);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-content .pd-title {\n      color: #ffffff;\n      margin-bottom: 16px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-content .pd-desc {\n      color: rgba(255, 255, 255, 0.85);\n      margin-bottom: 56px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin-bottom: 48px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-item {\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n      padding: 40px 32px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-item:hover {\n      background: rgba(255, 255, 255, 0.15);\n      transform: translateY(-4px);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-icon {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.15);\n      border-radius: 50%;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #ffffff;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-item p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: rgba(255, 255, 255, 0.9);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-footer {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 20px 40px;\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-footer svg {\n      width: 20px;\n      height: 20px;\n      stroke: #ffffff;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-not-footer p {\n      font-size: 16px;\n      font-weight: 600;\n      color: #ffffff;\n      margin: 0;\n    }<\/p>\n<p>    \/* Section 3: What We Offer - \u5206\u680f\u5e03\u5c40 *\/\n    .lemonx-visual-root .pd-offer {\n      max-width: 1600px;\n      margin: 0 auto;\n      padding: 120px 60px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-header {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 80px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-header .pd-label {\n      margin: 0 auto 24px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-header .pd-title {\n      margin-bottom: 16px;\n    }<\/p>\n<p>    \/* \u5927\u56fe\u5c55\u793a *\/\n    .lemonx-visual-root .pd-offer-hero {\n      width: 100%;\n      height: 600px;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 80px;\n      position: relative;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-hero img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-hero:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-hero-text {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 60px;\n      background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 70%, transparent 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-hero-text h3 {\n      font-size: 36px;\n      font-weight: 700;\n      color: #ffffff;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-offer-hero-text p {\n      font-size: 17px;\n      line-height: 1.7;\n      color: rgba(255, 255, 255, 0.95);\n      max-width: 800px;\n    }<\/p>\n<p>    \/* Benefits \u7f51\u683c *\/\n    .lemonx-visual-root .pd-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-card {\n      padding: 48px 40px;\n      background: #FAFAFA;\n      border-radius: 8px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-card:hover {\n      background: #F5F5F5;\n      transform: translateY(-4px);\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-icon {\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      border-radius: 8px;\n      margin-bottom: 24px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #1976D2;\n      stroke-width: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-card h3 {\n      font-size: 20px;\n      font-weight: 700;\n      color: #000000;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .pd-benefit-card p {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #666666;\n      margin: 0;\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .pd-who {\n        grid-template-columns: 1fr;\n        gap: 60px;\n        padding: 80px 40px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-who-image {\n        max-width: 600px;\n        margin: 0 auto;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-not-grid {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-benefits {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer {\n        padding: 80px 40px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer-hero {\n        height: 500px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .pd-who, .lemonx-visual-root .pd-not, .lemonx-visual-root .pd-offer {\n        padding: 60px 24px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-desc {\n        font-size: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-who-image {\n        aspect-ratio: 3\/4;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer-hero {\n        height: 400px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer-hero-text {\n        padding: 32px 24px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer-hero-text h3 {\n        font-size: 24px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-offer-hero-text p {\n        font-size: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .pd-benefit-card {\n        padding: 32px 24px;\n      }\n    }\n.lemonx-visual-root .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .swh-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-subtitle {\n      font-size: 14px;\n      color: #f59e0b;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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, #f59e0b 0%, #ef4444 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .lemonx-visual-root .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      border: 1px solid rgba(0, 0, 0, 0.05);\n    }<\/p>\n<p>    .lemonx-visual-root .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, #f59e0b 0%, #ef4444 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(245, 158, 11, 0.2);\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #fef3c7 0%, #fecaca 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: 92%;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.5s ease, opacity 0.3s ease;\n      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-content {\n      padding: 28px 30px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-title {\n      font-size: 22px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      padding-left: 5px;\n      flex: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 35px;\n      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n      color: #ffffff !important;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 16px;\n      transition: all 0.3s ease;\n      box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);\n      letter-spacing: 0.5px;\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n      align-self: flex-start;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(245, 158, 11, 0.6);\n      background: linear-gradient(135deg, #d97706 0%, #b45309 100%);\n      color: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more:visited, .lemonx-visual-root .swh-learn-more:active {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n      stroke-width: 2.5;\n      stroke: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .swh-learn-more:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .lemonx-visual-root .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #f59e0b 0%, #ef4444 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(245, 158, 11, 0.4);\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-card:nth-child(3) {\n        grid-column: span 2;\n        max-width: 500px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .lemonx-visual-root .swh-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-card:nth-child(3) {\n        grid-column: span 1;\n        max-width: 100%;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-image {\n        height: 240px;\n        padding: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-image img {\n        width: 90%;\n        height: auto;\n        max-height: 90%;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-learn-more {\n        padding: 14px 30px;\n        font-size: 15px;\n        width: 100%;\n      }<\/p>\n<p>      .lemonx-visual-root .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n.lemonx-visual-root .pvt-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-subtitle {\n      font-size: 14px;\n      color: #10b981;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-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    }<\/p>\n<p>    .lemonx-visual-root .pvt-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, #10b981 0%, #06b6d4 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* 3\u5217Grid\u5e03\u5c40 *\/\n    .lemonx-visual-root .pvt-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-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      border: 1px solid rgba(0, 0, 0, 0.05);\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-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, #10b981 0%, #06b6d4 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(16, 185, 129, 0.2);\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-image {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #d1fae5 0%, #cffafe 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.5s ease, opacity 0.3s ease;\n      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n    }<\/p>\n<p>    \/* \u56fe\u7247\u52a0\u8f7d\u72b6\u6001 *\/\n    .lemonx-visual-root .pvt-product-image img[loading=\"lazy\"] {\n      opacity: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-image img.loaded {\n      opacity: 1;\n    }<\/p>\n<p>    \/* \u52a0\u8f7d\u5360\u4f4d\u7b26 *\/\n    .lemonx-visual-root .pvt-product-image::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      border: 3px solid rgba(16, 185, 129, 0.2);\n      border-top-color: #10b981;\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n      opacity: 0;\n      pointer-events: none;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-image.loading::after {\n      opacity: 1;\n    }<\/p>\n<p>    @keyframes spin {\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }<\/p>\n<p>    \/* \u9488\u5bf9\u6240\u6709PVT\u56fe\u7247 - \u5927\u5c3a\u5bf8\u663e\u793a *\/\n    .lemonx-visual-root .pvt-product-card .pvt-product-image img {\n      width: 92%;\n      height: auto;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-card:hover .pvt-product-image img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-content {\n      padding: 28px 30px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-title {\n      font-size: 22px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      padding-left: 5px;\n    }<\/p>\n<p>    \/* \ud83c\udfa8 \u5f3a\u5236\u767d\u8272\u6587\u5b57\u7684\u6309\u94ae *\/\n    .lemonx-visual-root .pvt-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 15px 35px;\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      color: #ffffff !important;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 16px;\n      transition: all 0.3s ease;\n      box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\n      letter-spacing: 0.5px;\n      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n      transition: left 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(16, 185, 129, 0.6);\n      background: linear-gradient(135deg, #059669 0%, #047857 100%);\n      color: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more:visited {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more:active {\n      color: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n      stroke-width: 2.5;\n      stroke: #ffffff !important;\n    }<\/p>\n<p>    .lemonx-visual-root .pvt-learn-more:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    \/* Badge *\/\n    .lemonx-visual-root .pvt-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #10b981 0%, #06b6d4 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(16, 185, 129, 0.4);\n    }<\/p>\n<p>    \/* \u5e73\u677f\u5e03\u5c40 *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .pvt-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-card:nth-child(3) {\n        grid-column: span 2;\n        max-width: 500px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    \/* \u624b\u673a\u5e03\u5c40 *\/\n    @media (max-width: 768px) {\n      .lemonx-visual-root .pvt-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-intro {\n        margin-bottom: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-card:nth-child(3) {\n        grid-column: span 1;\n        max-width: 100%;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-image {\n        height: 240px;\n        padding: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-card .pvt-product-image img {\n        width: 90%;\n        height: auto;\n        max-height: 90%;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-content {\n        padding: 22px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-product-features {\n        font-size: 13px;\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-learn-more {\n        padding: 14px 30px;\n        font-size: 15px;\n        width: 100%;\n      }<\/p>\n<p>      .lemonx-visual-root .pvt-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n.lemonx-visual-root .pm-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-subtitle {\n      font-size: 14px;\n      color: #1976D2;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-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    }<\/p>\n<p>    .lemonx-visual-root .pm-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, #1976D2 0%, #2196F3 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-intro {\n      max-width: 900px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* 2\u5217\u5e03\u5c40 *\/\n    .lemonx-visual-root .pm-models-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 40px;\n      margin-top: 35px;\n      margin-bottom: 50px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-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      border: 1px solid rgba(0, 0, 0, 0.05);\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #1976D2 0%, #2196F3 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(25, 118, 210, 0.2);\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u533a\u57df *\/\n    .lemonx-visual-root .pm-model-image {\n      position: relative;\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card:hover .pm-model-image img {\n      transform: scale(1.08);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u4e0a\u7684\u56fe\u6807\u8986\u76d6\u5c42 *\/\n    .lemonx-visual-root .pm-image-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(25, 118, 210, 0.85), rgba(33, 150, 243, 0.75));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card:hover .pm-image-overlay {\n      opacity: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-overlay-icon {\n      width: 80px;\n      height: 80px;\n      background: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: scale(0.8);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-card:hover .pm-overlay-icon {\n      transform: scale(1);\n    }<\/p>\n<p>    .lemonx-visual-root .pm-overlay-icon svg {\n      width: 40px;\n      height: 40px;\n      stroke: #1976D2;\n      stroke-width: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-content {\n      padding: 35px 40px 40px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-title {\n      font-size: 24px;\n      color: #1e293b;\n      margin-bottom: 16px;\n      font-weight: 700;\n      line-height: 1.3;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-model-description {\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 24px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-features-list {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      margin-bottom: 0;\n      flex: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-feature-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-feature-icon {\n      flex-shrink: 0;\n      width: 20px;\n      height: 20px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-feature-icon svg {\n      width: 12px;\n      height: 12px;\n      stroke: white;\n      stroke-width: 3;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u8bf4\u660e\u5361\u7247 *\/\n    .lemonx-visual-root .pm-footer-note {\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border: 2px solid rgba(25, 118, 210, 0.2);\n      border-radius: 20px;\n      padding: 35px 45px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-note::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(25, 118, 210, 0.15) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-note::after {\n      content: '';\n      position: absolute;\n      bottom: -50%;\n      left: -10%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(33, 150, 243, 0.15) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-content {\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-icon {\n      width: 48px;\n      height: 48px;\n      margin: 0 auto 20px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: white;\n      stroke-width: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-note p {\n      font-size: 16px;\n      color: #1e293b;\n      line-height: 1.7;\n      margin: 0;\n      font-weight: 500;\n    }<\/p>\n<p>    .lemonx-visual-root .pm-footer-note strong {\n      color: #1976D2;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Badge *\/\n    .lemonx-visual-root .pm-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 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(25, 118, 210, 0.4);\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1024px) {\n      .lemonx-visual-root .pm-models-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .lemonx-visual-root .pm-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-models-grid {\n        gap: 25px;\n        margin-top: 30px;\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-model-image {\n        height: 220px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-overlay-icon {\n        width: 60px;\n        height: 60px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-overlay-icon svg {\n        width: 30px;\n        height: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-model-content {\n        padding: 28px 25px 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-model-title {\n        font-size: 22px;\n        margin-bottom: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-model-description {\n        font-size: 14px;\n        margin-bottom: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-features-list {\n        gap: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-feature-item {\n        font-size: 13px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-footer-note {\n        padding: 28px 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-footer-icon {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-footer-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-footer-note p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .pm-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n.lemonx-visual-root .pr-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-subtitle {\n      font-size: 14px;\n      color: #7c3aed;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-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    }<\/p>\n<p>    .lemonx-visual-root .pr-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, #7c3aed 0%, #a78bfa 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-intro {\n      max-width: 900px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-intro p {\n      font-size: 16px;\n      color: #475569;\n      line-height: 1.8;\n      margin-bottom: 0;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* \u4e3b\u5185\u5bb9\u533a\u57df - \u5de6\u53f3\u5e03\u5c40 *\/\n    .lemonx-visual-root .pr-content-wrapper {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-top: 35px;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7\u56fe\u7247 *\/\n    .lemonx-visual-root .pr-image-section {\n      position: relative;\n      width: 100%;\n      height: 500px;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .pr-image-section img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-image-section:hover img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    \/* \u56fe\u7247\u4e0a\u7684\u88c5\u9970\u5c42 *\/\n    .lemonx-visual-root .pr-image-overlay {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 35px;\n      background: linear-gradient(to top, rgba(124, 58, 237, 0.95), transparent);\n      transform: translateY(100%);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-image-section:hover .pr-image-overlay {\n      transform: translateY(0);\n    }<\/p>\n<p>    .lemonx-visual-root .pr-image-overlay h3 {\n      font-size: 22px;\n      color: white;\n      font-weight: 700;\n      margin-bottom: 8px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-image-overlay p {\n      font-size: 14px;\n      color: rgba(255, 255, 255, 0.9);\n      line-height: 1.6;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u5185\u5bb9 *\/\n    .lemonx-visual-root .pr-content-section {\n      padding: 20px 0;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-cards {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card {\n      background: white;\n      border-radius: 16px;\n      padding: 28px 32px;\n      border-left: 4px solid transparent;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.3s ease;\n      position: relative;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: linear-gradient(180deg, #7c3aed 0%, #a78bfa 100%);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card:hover {\n      transform: translateX(8px);\n      box-shadow: 0 8px 30px rgba(124, 58, 237, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card:hover::before {\n      opacity: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-card-header {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 14px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-card-icon {\n      flex-shrink: 0;\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card:hover .pr-card-icon {\n      background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);\n      transform: rotate(5deg) scale(1.1);\n    }<\/p>\n<p>    .lemonx-visual-root .pr-card-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #7c3aed;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-policy-card:hover .pr-card-icon svg {\n      stroke: white;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-card-title {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 700;\n      margin: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-card-content {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u63d0\u793a\u6846 *\/\n    .lemonx-visual-root .pr-footer-alert {\n      margin-top: 50px;\n      background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n      border: 2px solid #fbbf24;\n      border-radius: 16px;\n      padding: 28px 35px;\n      display: flex;\n      align-items: flex-start;\n      gap: 20px;\n      box-shadow: 0 4px 20px rgba(251, 191, 36, 0.2);\n    }<\/p>\n<p>    .lemonx-visual-root .pr-alert-icon {\n      flex-shrink: 0;\n      width: 48px;\n      height: 48px;\n      background: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-alert-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #f59e0b;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-alert-content {\n      flex: 1;\n      padding-top: 4px;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-alert-content p {\n      font-size: 15px;\n      color: #78350f;\n      line-height: 1.7;\n      margin: 0;\n      font-weight: 600;\n    }<\/p>\n<p>    .lemonx-visual-root .pr-alert-content strong {\n      color: #92400e;\n      font-weight: 700;\n    }<\/p>\n<p>    \/* Tablet *\/\n    @media (max-width: 1024px) {\n      .lemonx-visual-root .pr-content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-image-section {\n        height: 400px;\n      }\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .lemonx-visual-root .pr-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-content-wrapper {\n        gap: 30px;\n        margin-top: 30px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-image-section {\n        height: 280px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-image-overlay {\n        padding: 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-image-overlay h3 {\n        font-size: 18px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-image-overlay p {\n        font-size: 13px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-content-section {\n        padding: 0;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-policy-cards {\n        gap: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-policy-card {\n        padding: 22px 24px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-card-header {\n        gap: 14px;\n        margin-bottom: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-card-icon {\n        width: 42px;\n        height: 42px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-card-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-card-title {\n        font-size: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-card-content {\n        font-size: 13px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-footer-alert {\n        margin-top: 35px;\n        padding: 22px 24px;\n        gap: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-alert-icon {\n        width: 40px;\n        height: 40px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-alert-icon svg {\n        width: 20px;\n        height: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .pr-alert-content p {\n        font-size: 13px;\n      }\n    }\n.lemonx-visual-root .ises-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      padding: 80px 40px;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .lemonx-visual-root .ises-section::before {\n      content: '';\n      position: absolute;\n      top: -30%;\n      right: -15%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(25, 118, 210, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-content {\n      display: grid;\n      grid-template-columns: 400px 1fr;\n      gap: 80px;\n      align-items: center;\n    }<\/p>\n<p>    \/* \u5de6\u4fa7 Logo \u533a\u57df *\/\n    .lemonx-visual-root .ises-logo-wrapper {\n      position: relative;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-logo-card {\n      background: white;\n      border-radius: 20px;\n      padding: 60px 50px;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n      border: 2px solid #e2e8f0;\n      transition: all 0.4s ease;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-logo-card:hover {\n      border-color: #1976D2;\n      box-shadow: 0 30px 80px rgba(25, 118, 210, 0.15);\n      transform: translateY(-8px);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-logo {\n      width: 100%;\n      max-width: 280px;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-logo-card:hover .ises-logo {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-badge {\n      margin-top: 24px;\n      padding: 12px 24px;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border-radius: 50px;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #1976D2;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-badge svg {\n      width: 16px;\n      height: 16px;\n      stroke: #1976D2;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u6587\u5b57\u533a\u57df *\/\n    .lemonx-visual-root .ises-text {\n      padding: 20px 0;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-label {\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #1976D2;\n      margin-bottom: 16px;\n      display: block;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-title {\n      font-size: 42px;\n      font-weight: 700;\n      line-height: 1.2;\n      color: #1e293b;\n      margin-bottom: 24px;\n      letter-spacing: -0.5px;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-desc {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #64748b;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    \/* \u7279\u6027\u5217\u8868 *\/\n    .lemonx-visual-root .ises-features {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 20px 24px;\n      background: white;\n      border-radius: 12px;\n      border: 2px solid #e2e8f0;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature:hover {\n      border-color: #1976D2;\n      box-shadow: 0 8px 30px rgba(25, 118, 210, 0.1);\n      transform: translateX(8px);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature-icon {\n      width: 44px;\n      height: 44px;\n      flex-shrink: 0;\n      background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature:hover .ises-feature-icon {\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature-icon svg {\n      width: 22px;\n      height: 22px;\n      stroke: #1976D2;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature:hover .ises-feature-icon svg {\n      stroke: white;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature-text {\n      flex: 1;\n      padding-top: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature-text h4 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 6px;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-feature-text p {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u5e95\u90e8\u94fe\u63a5 *\/\n    .lemonx-visual-root .ises-link {\n      margin-top: 32px;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 32px;\n      background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-size: 15px;\n      font-weight: 600;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 24px rgba(25, 118, 210, 0.3);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-link:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 32px rgba(25, 118, 210, 0.4);\n    }<\/p>\n<p>    .lemonx-visual-root .ises-link svg {\n      width: 18px;\n      height: 18px;\n      stroke: white;\n      stroke-width: 2.5;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .ises-link:hover svg {\n      transform: translateX(4px);\n    }<\/p>\n<p>    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .lemonx-visual-root .ises-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-logo-card {\n        max-width: 400px;\n        margin: 0 auto;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .ises-section {\n        padding: 60px 24px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-title {\n        font-size: 32px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-desc {\n        font-size: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-logo-card {\n        padding: 40px 32px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-feature {\n        padding: 16px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .ises-feature:hover {\n        transform: translateX(4px);\n      }\n    }\n\/* Company Introduction Module Styles *\/\n    .lemonx-visual-root .company-intro-module {\n      padding: 50px 20px;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Header Section *\/\n    .lemonx-visual-root .intro-main-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #0066cc;\n      margin-bottom: 8px;\n      padding: 5px 15px;\n      background: rgba(0, 102, 204, 0.08);\n      border-radius: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-main-title {\n      font-size: 36px;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.2;\n      margin: 10px 0 8px 0;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-main-title .highlight {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-subtitle {\n      font-size: 15px;\n      color: #666;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Main Content Grid *\/\n    .lemonx-visual-root .intro-main-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 30px;\n      margin-bottom: 35px;\n    }<\/p>\n<p>    \/* Image Card *\/\n    .lemonx-visual-root .intro-image-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\n      background: #f8f9fa;\n      height: 380px;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-image-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .intro-image-card:hover img {\n      transform: scale(1.06);\n    }<\/p>\n<p>    .lemonx-visual-root .image-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n      padding: 10px 18px;\n      border-radius: 30px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }<\/p>\n<p>    .lemonx-visual-root .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #0066cc;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }<\/p>\n<p>    \/* Content Card *\/\n    .lemonx-visual-root .intro-content-card {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 25px 30px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n      border-radius: 16px;\n      border: 1px solid #e9ecef;\n    }<\/p>\n<p>    .lemonx-visual-root .content-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #4a4a4a;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .content-description strong {\n      color: #1a1a1a;\n      font-weight: 600;\n    }<\/p>\n<p>    .lemonx-visual-root .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px;\n      margin-top: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .stat-box {\n      text-align: center;\n      padding: 18px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .stat-box:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.1);\n    }<\/p>\n<p>    .lemonx-visual-root .stat-number {\n      font-size: 28px;\n      font-weight: 700;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      line-height: 1.2;\n      margin-bottom: 5px;\n    }<\/p>\n<p>    .lemonx-visual-root .stat-label {\n      font-size: 12px;\n      color: #666;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Features Section *\/\n    .lemonx-visual-root .features-section {\n      margin-top: 35px;\n    }<\/p>\n<p>    .lemonx-visual-root .features-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1a1a1a;\n      text-align: center;\n      margin-bottom: 25px;\n    }<\/p>\n<p>    .lemonx-visual-root .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card {\n      padding: 25px 20px;\n      background: white;\n      border-radius: 14px;\n      text-align: center;\n      transition: all 0.3s ease;\n      border: 2px solid #f0f0f0;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0066cc, #00a8e8);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(0, 102, 204, 0.12);\n      border-color: #0066cc;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .lemonx-visual-root .feature-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 168, 232, 0.1));\n      border-radius: 14px;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card:hover .feature-icon-wrapper {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      transform: scale(1.08) rotate(3deg);\n    }<\/p>\n<p>    .lemonx-visual-root .feature-icon-wrapper svg {\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card:hover .feature-icon-wrapper svg {\n      stroke: white;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin: 12px 0 8px;\n    }<\/p>\n<p>    .lemonx-visual-root .feature-card p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }<\/p>\n<p>    \/* Gallery Section *\/\n    .lemonx-visual-root .gallery-section {\n      margin-top: 40px;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      aspect-ratio: 1;\n      background: #f8f9fa;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-item:hover img {\n      transform: scale(1.1);\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      display: flex;\n      align-items: flex-end;\n      padding: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }<\/p>\n<p>    .lemonx-visual-root .gallery-caption {\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .lemonx-visual-root .intro-main-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-image-card {\n        height: 320px;\n      }<\/p>\n<p>      .lemonx-visual-root .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-main-title {\n        font-size: 30px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .company-intro-module {\n        padding: 35px 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-main-header {\n        margin-bottom: 25px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-main-title {\n        font-size: 26px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-subtitle {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-content-card {\n        padding: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .stats-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .features-title {\n        font-size: 20px;\n        margin-bottom: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .intro-image-card {\n        height: 280px;\n      }<\/p>\n<p>      .lemonx-visual-root .gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n.lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .lemonx-visual-root .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }<\/p>\n<p>    \/* Tabs Navigation *\/\n    .lemonx-visual-root .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .cert-tab:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    \/* Tab Content *\/\n    .lemonx-visual-root .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .cert-tab-content.active {\n      display: block;\n    }<\/p>\n<p>    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }<\/p>\n<p>    \/* Certificates Grid - 4 columns *\/\n    .lemonx-visual-root .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-card {\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      position: relative;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-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, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-card:hover::before {\n      transform: scaleX(1);\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-image {\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-badge {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-info {\n      padding: 20px;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      line-height: 1.4;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .certificate-type {\n      font-size: 13px;\n      color: #64748b;\n      margin: 0;\n    }<\/p>\n<p>    \/* Lightbox Modal *\/\n    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .lightbox-modal.active {\n      display: flex;\n    }<\/p>\n<p>    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    .lemonx-visual-root .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }<\/p>\n<p>    .lemonx-visual-root .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }<\/p>\n<p>    .lemonx-visual-root .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    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .certificate-image {\n        height: 260px;\n      }\n    }<\/p>\n<p>    @media (max-width: 992px) {\n      .lemonx-visual-root .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .certificate-image {\n        height: 280px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .certifications-section {\n        padding: 60px 0;\n      }<\/p>\n<p>      .lemonx-visual-root .certifications-container {\n        padding: 0 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .certifications-title {\n        font-size: 36px;\n      }<\/p>\n<p>      .lemonx-visual-root .certifications-description {\n        font-size: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .cert-tabs {\n        gap: 8px;\n      }<\/p>\n<p>      .lemonx-visual-root .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .certificate-image {\n        height: 240px;\n      }<\/p>\n<p>      .lemonx-visual-root .lightbox-modal {\n        padding: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }<\/p>\n<p>      .lemonx-visual-root .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }<\/p>\n<p>    @media (max-width: 576px) {\n      .lemonx-visual-root .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .certificate-image {\n        height: 300px;\n      }<\/p>\n<p>      .lemonx-visual-root .certifications-title {\n        font-size: 28px;\n      }<\/p>\n<p>      .lemonx-visual-root .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n.lemonx-visual-root .faq-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .faq-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-subtitle {\n      font-size: 14px;\n      color: #059669;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-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    }<\/p>\n<p>    .lemonx-visual-root .faq-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, #059669 0%, #10b981 100%);\n      border-radius: 2px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-intro {\n      max-width: 800px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }<\/p>\n<p>    \/* FAQ Items *\/\n    .lemonx-visual-root .faq-list {\n      max-width: 900px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item {\n      background: white;\n      border-radius: 16px;\n      border: 2px solid transparent;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      overflow: hidden;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item:hover {\n      border-color: rgba(5, 150, 105, 0.2);\n      box-shadow: 0 8px 30px rgba(5, 150, 105, 0.1);\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item.active {\n      border-color: #059669;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-question {\n      padding: 24px 28px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      user-select: none;\n      transition: background 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item:hover .faq-question {\n      background: #f8fafc;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item.active .faq-question {\n      background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\n    }<\/p>\n<p>    .lemonx-visual-root .faq-q-content {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-q-icon {\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      font-weight: 700;\n      color: white;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-q-text {\n      font-size: 17px;\n      color: #1e293b;\n      font-weight: 600;\n      line-height: 1.4;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-toggle {\n      flex-shrink: 0;\n      width: 32px;\n      height: 32px;\n      background: #f1f5f9;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item.active .faq-toggle {\n      background: #059669;\n      transform: rotate(180deg);\n    }<\/p>\n<p>    .lemonx-visual-root .faq-toggle svg {\n      width: 18px;\n      height: 18px;\n      stroke: #64748b;\n      stroke-width: 2.5;\n      transition: stroke 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item.active .faq-toggle svg {\n      stroke: white;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-item.active .faq-answer {\n      max-height: 300px;\n    }<\/p>\n<p>    .lemonx-visual-root .faq-answer-content {\n      padding: 0 28px 24px 84px;\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* Mobile *\/\n    @media (max-width: 768px) {\n      .lemonx-visual-root .faq-section {\n        padding: 50px 20px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-subtitle {\n        font-size: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-intro {\n        margin-bottom: 35px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-intro p {\n        font-size: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-list {\n        gap: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-question {\n        padding: 20px 20px;\n        gap: 14px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-q-content {\n        gap: 12px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-q-icon {\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-q-text {\n        font-size: 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-toggle {\n        width: 28px;\n        height: 28px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-toggle svg {\n        width: 16px;\n        height: 16px;\n      }<\/p>\n<p>      .lemonx-visual-root .faq-answer-content {\n        padding: 0 20px 20px 68px;\n        font-size: 14px;\n      }\n    }\n\/* Customers Gallery Section Styles *\/\n    .lemonx-visual-root .customers-gallery-section {\n      padding: 100px 20px;\n      background: #0a0f1a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* Background Image Mosaic *\/\n    .lemonx-visual-root .background-mosaic {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      gap: 0;\n      opacity: 0.7;\n      z-index: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .mosaic-item {\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      filter: grayscale(0%) brightness(0.9);\n      transition: all 0.5s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .mosaic-item:hover {\n      filter: grayscale(0%) brightness(1.15);\n      transform: scale(1.05);\n    }<\/p>\n<p>    \/* \u7279\u6b8a\u5b9a\u4f4d\u7b2c\u4e8c\u884c\u7b2c\u4e00\u5f20\u56fe\u7247 *\/\n    .lemonx-visual-root .mosaic-item:nth-child(5) {\n      background-position: center top;\n    }<\/p>\n<p>    \/* Overlay Gradient *\/\n    .lemonx-visual-root .customers-gallery-section::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(12, 22, 41, 0.5) 0%, \n        rgba(30, 58, 138, 0.45) 25%,\n        rgba(29, 78, 216, 0.4) 50%,\n        rgba(37, 99, 235, 0.45) 75%,\n        rgba(59, 130, 246, 0.5) 100%\n      );\n      z-index: 1;\n    }<\/p>\n<p>    \/* Animated Particles *\/\n    .lemonx-visual-root .customers-gallery-section::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 1;\n      animation: floatParticle 20s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes floatParticle {\n      0%, 100% {\n        transform: translate(0, 0) scale(1);\n      }\n      50% {\n        transform: translate(-100px, 100px) scale(1.1);\n      }\n    }<\/p>\n<p>    .lemonx-visual-root .customers-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }<\/p>\n<p>    \/* Section Header *\/\n    .lemonx-visual-root .customers-header {\n      text-align: center;\n      margin-bottom: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .customers-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: #fbbf24;\n      margin-bottom: 20px;\n      padding: 8px 24px;\n      background: rgba(251, 191, 36, 0.2);\n      border-radius: 30px;\n      border: 1px solid rgba(251, 191, 36, 0.5);\n      backdrop-filter: blur(15px);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }<\/p>\n<p>    .lemonx-visual-root .customers-title {\n      font-size: 52px;\n      font-weight: 700;\n      color: #ffffff;\n      line-height: 1.2;\n      margin: 0 0 25px 0;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6);\n    }<\/p>\n<p>    .lemonx-visual-root .customers-title .highlight {\n      background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-shadow: none;\n      position: relative;\n      filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.5));\n    }<\/p>\n<p>    .lemonx-visual-root .customers-title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #fbbf24, #f59e0b);\n      border-radius: 2px;\n      box-shadow: 0 2px 10px rgba(251, 191, 36, 0.6);\n    }<\/p>\n<p>    .lemonx-visual-root .customers-subtitle {\n      font-size: 20px;\n      color: rgba(255, 255, 255, 1);\n      margin: 0 0 20px 0;\n      line-height: 1.6;\n      font-weight: 600;\n      text-shadow: 0 3px 15px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6);\n    }<\/p>\n<p>    .lemonx-visual-root .customers-description {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.98);\n      max-width: 900px;\n      margin: 0 auto 70px;\n      line-height: 1.8;\n      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5);\n      font-weight: 500;\n    }<\/p>\n<p>    \/* CTA Section *\/\n    .lemonx-visual-root .customers-cta {\n      text-align: center;\n      margin-top: 0;\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      background: linear-gradient(135deg, #fbbf24, #f59e0b);\n      color: #1e293b;\n      font-size: 18px;\n      font-weight: 700;\n      padding: 22px 55px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      box-shadow: 0 12px 35px rgba(251, 191, 36, 0.6), 0 6px 20px rgba(0, 0, 0, 0.4);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n      transition: left 0.6s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button:hover {\n      transform: translateY(-4px) scale(1.05);\n      box-shadow: 0 18px 50px rgba(251, 191, 36, 0.7), 0 8px 25px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(135deg, #f59e0b, #d97706);\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button:hover::before {\n      left: 100%;\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button svg {\n      width: 24px;\n      height: 24px;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button:hover svg {\n      transform: translateX(6px);\n    }<\/p>\n<p>    .lemonx-visual-root .explore-button:active {\n      transform: translateY(-2px) scale(1.02);\n      box-shadow: 0 10px 30px rgba(251, 191, 36, 0.65), 0 5px 18px rgba(0, 0, 0, 0.45);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .lemonx-visual-root .background-mosaic {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }<\/p>\n<p>    @media (max-width: 968px) {\n      .lemonx-visual-root .customers-gallery-section {\n        padding: 70px 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .background-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        opacity: 0.6;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-title {\n        font-size: 42px;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-subtitle {\n        font-size: 18px;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-description {\n        font-size: 16px;\n        margin-bottom: 60px;\n      }<\/p>\n<p>      .lemonx-visual-root .explore-button {\n        padding: 20px 50px;\n        font-size: 16px;\n      }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n      .lemonx-visual-root .customers-gallery-section {\n        padding: 60px 15px;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-header {\n        margin-bottom: 0;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-title {\n        font-size: 34px;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-subtitle {\n        font-size: 17px;\n      }<\/p>\n<p>      .lemonx-visual-root .customers-description {\n        font-size: 15px;\n        margin-bottom: 50px;\n      }<\/p>\n<p>      .lemonx-visual-root .explore-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 20px 45px;\n        font-size: 15px;\n      }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Exclusive Partnership Become a Distributor &amp; OEM Partner For companies with project experience, local markets, or long-term purchasing plans. We work with a limited number of qualified partners worldwide to build stable, long-term cooperation in solar thermal and hot water applications. 50+ Countries 10K+ Projects 15+ Years Apply to Become a Partner Submit Request Premium [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":2,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"predecessor-version":[{"id":1392,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/1388\/revisions\/1392"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}