{"id":752,"date":"2025-11-11T02:32:48","date_gmt":"2025-11-11T02:32:48","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=752"},"modified":"2025-11-17T08:05:19","modified_gmt":"2025-11-17T08:05:19","slug":"solar-collector","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/lt\/products\/solar-collector\/","title":{"rendered":"Saul\u0117s kolektorius"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"752\" class=\"elementor elementor-752\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd14a9 e-con-full e-flex e-con e-parent\" data-id=\"1cd14a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4b4a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc4b4a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Elegant Solar Energy Banner -->\n<section class=\"elegant-solar-banner\">\n  <style>\n    .elegant-solar-banner {\n      position: relative;\n      min-height: 42vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(180deg, #fefce8 0%, #fef3c7 50%, #fef9e7 100%);\n      overflow: hidden;\n      padding: 40px 20px;\n    }\n\n    \/* \u589e\u5f3a\u7684\u80cc\u666f\u88c5\u9970\u7f51\u683c *\/\n    .elegant-bg-pattern {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      opacity: 0.15;\n      background-image: \n        radial-gradient(circle at 2px 2px, #f59e0b 1.5px, transparent 0);\n      background-size: 40px 40px;\n      animation: patternMove 20s linear infinite;\n    }\n\n    @keyframes patternMove {\n      0% { background-position: 0 0; }\n      100% { background-position: 40px 40px; }\n    }\n\n    \/* \u589e\u5f3a\u7684\u6e10\u53d8\u5149\u6655 - \u591a\u5c42\u53e0\u52a0 *\/\n    .elegant-glow {\n      position: absolute;\n      top: -20%;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(251, 191, 36, 0.25) 0%, rgba(245, 158, 11, 0.15) 40%, transparent 70%);\n      pointer-events: none;\n      animation: gentleGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes gentleGlow {\n      0%, 100% { opacity: 1; transform: translateX(-50%) scale(1); }\n      50% { opacity: 0.7; transform: translateX(-50%) scale(1.15); }\n    }\n\n    \/* \u6dfb\u52a0\u7b2c\u4e8c\u5c42\u5149\u6655 *\/\n    .elegant-glow-secondary {\n      position: absolute;\n      bottom: -30%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(239, 68, 68, 0.12) 0%, rgba(245, 158, 11, 0.08) 50%, transparent 70%);\n      pointer-events: none;\n      animation: gentleGlowReverse 10s ease-in-out infinite;\n    }\n\n    @keyframes gentleGlowReverse {\n      0%, 100% { opacity: 0.8; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.2); }\n    }\n\n    \/* \u6dfb\u52a0\u88c5\u9970\u5706\u73af *\/\n    .elegant-decoration-ring {\n      position: absolute;\n      top: 15%;\n      right: 10%;\n      width: 200px;\n      height: 200px;\n      border: 2px solid rgba(251, 191, 36, 0.2);\n      border-radius: 50%;\n      animation: rotateRing 20s linear infinite;\n    }\n\n    .elegant-decoration-ring::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 150px;\n      height: 150px;\n      border: 2px solid rgba(245, 158, 11, 0.15);\n      border-radius: 50%;\n    }\n\n    @keyframes rotateRing {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \/* \u6dfb\u52a0\u5de6\u4fa7\u88c5\u9970\u5706\u73af *\/\n    .elegant-decoration-ring-left {\n      position: absolute;\n      bottom: 20%;\n      left: 8%;\n      width: 150px;\n      height: 150px;\n      border: 2px solid rgba(239, 68, 68, 0.15);\n      border-radius: 50%;\n      animation: rotateRingReverse 15s linear infinite;\n    }\n\n    @keyframes rotateRingReverse {\n      from { transform: rotate(360deg); }\n      to { transform: rotate(0deg); }\n    }\n\n    \/* \u6dfb\u52a0\u6f02\u6d6e\u7c92\u5b50 *\/\n    .elegant-particles {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n\n    .elegant-particle {\n      position: absolute;\n      width: 4px;\n      height: 4px;\n      background: rgba(251, 191, 36, 0.4);\n      border-radius: 50%;\n      animation: floatParticle 15s ease-in-out infinite;\n    }\n\n    .elegant-particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; }\n    .elegant-particle:nth-child(2) { left: 25%; top: 60%; animation-delay: 2s; }\n    .elegant-particle:nth-child(3) { left: 70%; top: 30%; animation-delay: 4s; }\n    .elegant-particle:nth-child(4) { left: 85%; top: 70%; animation-delay: 6s; }\n    .elegant-particle:nth-child(5) { left: 50%; top: 15%; animation-delay: 8s; }\n\n    @keyframes floatParticle {\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\n      50% { transform: translateY(-30px) scale(1.5); opacity: 0.8; }\n    }\n\n    .elegant-container {\n      max-width: 900px;\n      margin: 0 auto;\n      text-align: center;\n      position: relative;\n      z-index: 10;\n    }\n\n    \/* \u9876\u90e8\u6807\u7b7e *\/\n    .elegant-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 16px;\n      background: rgba(251, 191, 36, 0.15);\n      border: 1px solid rgba(251, 191, 36, 0.35);\n      border-radius: 50px;\n      color: #d97706;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 20px;\n      animation: fadeInDown 0.6s ease-out;\n      box-shadow: 0 2px 10px rgba(251, 191, 36, 0.15);\n    }\n\n    @keyframes fadeInDown {\n      from {\n        opacity: 0;\n        transform: translateY(-20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .elegant-badge-dot {\n      width: 6px;\n      height: 6px;\n      background: #fbbf24;\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n      box-shadow: 0 0 8px rgba(251, 191, 36, 0.6);\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.6; transform: scale(1.2); }\n    }\n\n    \/* \u4e3b\u6807\u9898 *\/\n    .elegant-main-title {\n      font-size: 42px;\n      font-weight: 700;\n      line-height: 1.2;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      letter-spacing: -1.2px;\n      animation: fadeInUp 0.8s ease-out 0.2s backwards;\n      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .elegant-highlight {\n      color: #d97706;\n      position: relative;\n      display: inline-block;\n    }\n\n    .elegant-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 6px;\n      left: 0;\n      right: 0;\n      height: 10px;\n      background: rgba(251, 191, 36, 0.35);\n      z-index: -1;\n      border-radius: 4px;\n      animation: highlightExpand 0.8s ease-out 0.8s backwards;\n    }\n\n    @keyframes highlightExpand {\n      from {\n        width: 0;\n        left: 50%;\n      }\n      to {\n        width: 100%;\n        left: 0;\n      }\n    }\n\n    \/* \u526f\u6807\u9898 *\/\n    .elegant-subtitle {\n      font-size: 17px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0 auto 32px;\n      max-width: 700px;\n      animation: fadeInUp 0.8s ease-out 0.4s backwards;\n    }\n\n    .elegant-subtitle strong {\n      color: #1e293b;\n      font-weight: 600;\n    }\n\n    \/* CTA \u6309\u94ae\u7ec4 *\/\n    .elegant-cta-group {\n      display: flex;\n      gap: 14px;\n      justify-content: center;\n      animation: fadeInUp 0.8s ease-out 0.6s backwards;\n    }\n\n    .elegant-cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 28px;\n      border-radius: 50px;\n      font-size: 14px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    .elegant-cta-primary {\n      background: #fbbf24;\n      color: #0f172a;\n      box-shadow: 0 4px 14px rgba(251, 191, 36, 0.4);\n    }\n\n    .elegant-cta-primary:hover {\n      background: #f59e0b;\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(251, 191, 36, 0.5);\n    }\n\n    .elegant-cta-secondary {\n      background: white;\n      color: #1e293b;\n      border: 1.5px solid #e2e8f0;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .elegant-cta-secondary:hover {\n      border-color: #fbbf24;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    }\n\n    .elegant-cta-btn svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.3s ease;\n    }\n\n    .elegant-cta-btn:hover svg {\n      transform: translateX(3px);\n    }\n\n    \/* \u5206\u9694\u7ebf *\/\n    .elegant-divider {\n      width: 50px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, #fbbf24, transparent);\n      margin: 0 auto 20px;\n      border-radius: 2px;\n      animation: fadeIn 0.8s ease-out 0.5s backwards;\n      box-shadow: 0 0 8px rgba(251, 191, 36, 0.3);\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    \/* \u6eda\u52a8\u63d0\u793a *\/\n    .elegant-scroll-hint {\n      position: absolute;\n      bottom: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n      color: #94a3b8;\n      font-size: 10px;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      animation: fadeIn 1s ease-out 1.2s backwards;\n    }\n\n    .elegant-scroll-line {\n      width: 1px;\n      height: 24px;\n      background: linear-gradient(180deg, #cbd5e1, transparent);\n      animation: scrollMove 2s ease-in-out infinite;\n    }\n\n    @keyframes scrollMove {\n      0%, 100% { transform: translateY(0); opacity: 0; }\n      50% { transform: translateY(12px); opacity: 1; }\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 768px) {\n      .elegant-solar-banner {\n        min-height: 38vh;\n        padding: 30px 20px;\n      }\n\n      .elegant-decoration-ring,\n      .elegant-decoration-ring-left {\n        display: none;\n      }\n\n      .elegant-badge {\n        font-size: 10px;\n        padding: 5px 14px;\n        margin-bottom: 16px;\n      }\n\n      .elegant-main-title {\n        font-size: 32px;\n        letter-spacing: -0.8px;\n        margin-bottom: 14px;\n      }\n\n      .elegant-highlight::after {\n        height: 7px;\n        bottom: 3px;\n      }\n\n      .elegant-subtitle {\n        font-size: 15px;\n        margin-bottom: 28px;\n      }\n\n      .elegant-cta-group {\n        flex-direction: column;\n        gap: 10px;\n      }\n\n      .elegant-cta-btn {\n        width: 100%;\n        justify-content: center;\n        padding: 11px 24px;\n        font-size: 13px;\n      }\n\n      .elegant-scroll-hint {\n        bottom: 16px;\n        font-size: 9px;\n      }\n\n      .elegant-glow {\n        width: 500px;\n        height: 500px;\n      }\n\n      .elegant-glow-secondary {\n        width: 400px;\n        height: 400px;\n      }\n\n      .elegant-divider {\n        width: 40px;\n        margin-bottom: 16px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .elegant-solar-banner {\n        min-height: 35vh;\n        padding: 25px 16px;\n      }\n\n      .elegant-main-title {\n        font-size: 28px;\n        letter-spacing: -0.5px;\n      }\n\n      .elegant-subtitle {\n        font-size: 14px;\n      }\n\n      .elegant-cta-btn {\n        padding: 10px 20px;\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <!-- \u80cc\u666f\u56fe\u6848 -->\n  <div class=\"elegant-bg-pattern\"><\/div>\n  \n  <!-- \u4e3b\u5149\u6655 -->\n  <div class=\"elegant-glow\"><\/div>\n  \n  <!-- \u6b21\u8981\u5149\u6655 -->\n  <div class=\"elegant-glow-secondary\"><\/div>\n\n  <!-- \u88c5\u9970\u5706\u73af -->\n  <div class=\"elegant-decoration-ring\"><\/div>\n  <div class=\"elegant-decoration-ring-left\"><\/div>\n\n  <!-- \u6f02\u6d6e\u7c92\u5b50 -->\n  <div class=\"elegant-particles\">\n    <div class=\"elegant-particle\"><\/div>\n    <div class=\"elegant-particle\"><\/div>\n    <div class=\"elegant-particle\"><\/div>\n    <div class=\"elegant-particle\"><\/div>\n    <div class=\"elegant-particle\"><\/div>\n  <\/div>\n\n  <div class=\"elegant-container\">\n    \n    <!-- \u9876\u90e8\u5fbd\u7ae0 -->\n    <div class=\"elegant-badge\">\n      <span class=\"elegant-badge-dot\"><\/span>\n      Solar Innovation 2025\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"elegant-main-title\">\n      <span class=\"elegant-highlight\">Advanced Solar Energy<\/span><br>\n      Collection for Every Application\n    <\/h1>\n\n    <!-- \u88c5\u9970\u5206\u9694\u7ebf -->\n    <div class=\"elegant-divider\"><\/div>\n\n    <!-- \u526f\u6807\u9898 -->\n    <p class=\"elegant-subtitle\">\n      <strong>SOLETKS Solar Collectors<\/strong> deliver maximum thermal efficiency and lasting durability \u2014 from residential to industrial energy systems.\n    <\/p>\n\n    <!-- CTA \u6309\u94ae -->\n    <div class=\"elegant-cta-group\">\n      <a href=\"#solar-collectors\" class=\"elegant-cta-btn elegant-cta-primary\">\n        Explore Products\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"#contact\" class=\"elegant-cta-btn elegant-cta-secondary\">\n        Request Quote\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u6eda\u52a8\u63d0\u793a -->\n  <div class=\"elegant-scroll-hint\">\n    <span>Scroll<\/span>\n    <div class=\"elegant-scroll-line\"><\/div>\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-242c33f e-con-full e-flex e-con e-parent\" data-id=\"242c33f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4475ff7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4475ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Collector Section -->\n<section id=\"solar-collector\" class=\"sc-section\">\n  <style>\n    .sc-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    }\n\n    .sc-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .sc-header {\n      text-align: center;\n      margin-bottom: 15px;\n    }\n\n    .sc-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    }\n\n    .sc-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .sc-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    }\n\n    .sc-intro {\n      max-width: 900px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .sc-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    \/* \u4ea7\u54c1\u5217\u8868 *\/\n    .sc-products-list {\n      display: flex;\n      flex-direction: column;\n      gap: 50px;\n      margin-top: 40px;\n    }\n\n    .sc-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      display: grid;\n      grid-template-columns: 1fr 1fr;\n      align-items: center;\n      min-height: 400px;\n    }\n\n    .sc-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    }\n\n    .sc-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    }\n\n    .sc-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    \/* \u5947\u6570\u5361\u7247\uff1a\u56fe\u7247\u5728\u5de6 *\/\n    .sc-product-card:nth-child(odd) .sc-product-image {\n      order: 1;\n    }\n\n    .sc-product-card:nth-child(odd) .sc-product-content {\n      order: 2;\n    }\n\n    \/* \u5076\u6570\u5361\u7247\uff1a\u56fe\u7247\u5728\u53f3 *\/\n    .sc-product-card:nth-child(even) .sc-product-image {\n      order: 2;\n    }\n\n    .sc-product-card:nth-child(even) .sc-product-content {\n      order: 1;\n    }\n\n    .sc-product-image {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      min-height: 400px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n    }\n\n    .sc-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.08));\n    }\n\n    \/* \u56fe\u7247\u52a0\u8f7d\u72b6\u6001 *\/\n    .sc-product-image img[loading=\"lazy\"] {\n      opacity: 0;\n    }\n\n    .sc-product-image img.loaded {\n      opacity: 1;\n    }\n\n    \/* \u52a0\u8f7d\u5360\u4f4d\u7b26 *\/\n    .sc-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(245, 158, 11, 0.2);\n      border-top-color: #f59e0b;\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .sc-product-image.loading::after {\n      opacity: 1;\n    }\n\n    @keyframes spin {\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    .sc-product-card:hover .sc-product-image img {\n      transform: scale(1.05);\n    }\n\n    .sc-product-content {\n      padding: 40px 45px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .sc-product-title {\n      font-size: 26px;\n      color: #1e293b;\n      margin-bottom: 16px;\n      font-weight: 700;\n      line-height: 1.3;\n    }\n\n    .sc-product-description {\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.7;\n      margin-bottom: 12px;\n    }\n\n    .sc-product-features {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 24px;\n    }\n\n    .sc-learn-more {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 28px;\n      background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 15px;\n      transition: all 0.3s ease;\n      box-shadow: 0 3px 12px rgba(245, 158, 11, 0.3);\n      align-self: flex-start;\n    }\n\n    .sc-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(245, 158, 11, 0.5);\n    }\n\n    .sc-learn-more svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.3s ease;\n    }\n\n    .sc-learn-more:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge *\/\n    .sc-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);\n      color: white;\n      padding: 8px 16px;\n      border-radius: 20px;\n      font-size: 13px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(245, 158, 11, 0.4);\n    }\n\n    \/* \u5e73\u677f\u5e03\u5c40 *\/\n    @media (max-width: 1024px) {\n      .sc-product-card {\n        grid-template-columns: 1fr;\n        min-height: auto;\n      }\n\n      .sc-product-card:nth-child(odd) .sc-product-image,\n      .sc-product-card:nth-child(even) .sc-product-image {\n        order: 1;\n      }\n\n      .sc-product-card:nth-child(odd) .sc-product-content,\n      .sc-product-card:nth-child(even) .sc-product-content {\n        order: 2;\n      }\n\n      .sc-product-image {\n        min-height: 320px;\n        padding: 30px;\n      }\n\n      .sc-product-content {\n        padding: 35px 30px;\n      }\n    }\n\n    \/* \u624b\u673a\u5e03\u5c40 *\/\n    @media (max-width: 768px) {\n      .sc-section {\n        padding: 50px 20px;\n      }\n\n      .sc-subtitle {\n        font-size: 12px;\n      }\n\n      .sc-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .sc-intro {\n        margin-bottom: 35px;\n      }\n\n      .sc-intro p {\n        font-size: 14px;\n      }\n\n      .sc-products-list {\n        gap: 30px;\n        margin-top: 30px;\n      }\n\n      .sc-product-image {\n        min-height: 260px;\n        padding: 20px;\n      }\n\n      .sc-product-content {\n        padding: 28px 24px;\n      }\n\n      .sc-product-title {\n        font-size: 22px;\n        margin-bottom: 14px;\n      }\n\n      .sc-product-description {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n\n      .sc-product-features {\n        font-size: 14px;\n        margin-bottom: 20px;\n      }\n\n      .sc-learn-more {\n        padding: 11px 24px;\n        font-size: 14px;\n      }\n\n      .sc-badge {\n        top: 15px;\n        right: 15px;\n        padding: 6px 14px;\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"sc-container\">\n    <!-- Header -->\n    <div class=\"sc-header\">\n      <div class=\"sc-subtitle\">Advanced Solar Energy Collection<\/div>\n      <h2>Solar Collector<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"sc-intro\">\n      <p>\n        SOLETKS Solar Collectors are designed to efficiently absorb and convert solar radiation into usable thermal energy. With world-leading coating and manufacturing technology, our collectors deliver high thermal efficiency, long lifespan, and excellent performance across diverse environments. They are ideal for residential, commercial, and large-scale industrial applications.\n      <\/p>\n    <\/div>\n\n    <!-- Products List (Alternating Layout) -->\n    <div class=\"sc-products-list\">\n      \n      <!-- Product 1: Flat Plate Solar Collector (\u56fe\u5de6\u6587\u53f3) -->\n      <div class=\"sc-product-card\">\n        <div class=\"sc-badge\">Premium<\/div>\n        <div class=\"sc-product-image loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png?w=500&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png?w=500&quality=80 500w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png?w=700&quality=80 700w\"\n               sizes=\"auto, (max-width: 768px) 90vw, 50vw\"\n               alt=\"Flat Plate Solar Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"500\"\n               height=\"400\"\n               onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\">\n        <\/div>\n        <div class=\"sc-product-content\">\n          <h3 class=\"sc-product-title\">Flat Plate Solar Collector<\/h3>\n          <p class=\"sc-product-description\">\n            A high-performance flat plate collector engineered for superior solar absorption and durability.\n          <\/p>\n          <p class=\"sc-product-features\">\n            It provides stable heat output, low maintenance, and reliable operation under various weather conditions\u2014perfect for water heating, space heating, and industrial processes.\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/flat-plate-solar-collector\/\" class=\"sc-learn-more\">\n            Learn More\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Engineering Hot Water Flat Collector (\u56fe\u53f3\u6587\u5de6) -->\n      <div class=\"sc-product-card\">\n        <div class=\"sc-badge\">Commercial<\/div>\n        <div class=\"sc-product-image loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png?w=500&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png?w=500&quality=80 500w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png?w=700&quality=80 700w\"\n               sizes=\"auto, (max-width: 768px) 90vw, 50vw\"\n               alt=\"Engineering Hot Water Flat Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"500\"\n               height=\"400\"\n               onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\">\n        <\/div>\n        <div class=\"sc-product-content\">\n          <h3 class=\"sc-product-title\">Engineering Hot Water Flat Collector<\/h3>\n          <p class=\"sc-product-description\">\n            Specially designed for large-scale projects requiring centralized hot water systems.\n          <\/p>\n          <p class=\"sc-product-features\">\n            It ensures high efficiency, stable output, and long-term reliability, making it ideal for hotels, hospitals, schools, and commercial buildings.\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/engineering-hot-water-flat-collector\/\" class=\"sc-learn-more\">\n            Learn More\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Large Size Flat Plate Solar Collector (\u56fe\u5de6\u6587\u53f3) -->\n      <div class=\"sc-product-card\">\n        <div class=\"sc-badge\">Industrial<\/div>\n        <div class=\"sc-product-image loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png?w=500&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png?w=500&quality=80 500w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png?w=700&quality=80 700w\"\n               sizes=\"auto, (max-width: 768px) 90vw, 50vw\"\n               alt=\"Large Size Flat Plate Solar Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"500\"\n               height=\"400\"\n               onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\">\n        <\/div>\n        <div class=\"sc-product-content\">\n          <h3 class=\"sc-product-title\">Large Size Flat Plate Solar Collector<\/h3>\n          <p class=\"sc-product-description\">\n            This model features an enlarged absorption area for greater energy capture and output.\n          <\/p>\n          <p class=\"sc-product-features\">\n            It reduces installation cost per watt and is ideal for engineering and industrial thermal projects where maximum performance is required.\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/large-size-flat-plate-solar-collector\/\" class=\"sc-learn-more\">\n            Learn More\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 4: AFPC Solar Air Collector (\u56fe\u53f3\u6587\u5de6) -->\n      <div class=\"sc-product-card\">\n        <div class=\"sc-badge\">Air Heating<\/div>\n        <div class=\"sc-product-image loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png?w=500&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png?w=500&quality=80 500w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png?w=700&quality=80 700w\"\n               sizes=\"auto, (max-width: 768px) 90vw, 50vw\"\n               alt=\"AFPC Solar Air Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"500\"\n               height=\"400\"\n               onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\">\n        <\/div>\n        <div class=\"sc-product-content\">\n          <h3 class=\"sc-product-title\">AFPC Solar Air Collector<\/h3>\n          <p class=\"sc-product-description\">\n            An advanced air heating system that converts sunlight into clean, warm air for drying, ventilation, or building heating.\n          <\/p>\n          <p class=\"sc-product-features\">\n            Durable structure and selective coating ensure high efficiency and year-round operation.\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/afpc-solar-air-collector\/\" class=\"sc-learn-more\">\n            Learn More\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 5: ATPC Hot Air Collector (\u56fe\u5de6\u6587\u53f3) -->\n      <div class=\"sc-product-card\">\n        <div class=\"sc-badge\">High Temp<\/div>\n        <div class=\"sc-product-image loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png?w=500&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png?w=500&quality=80 500w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png?w=700&quality=80 700w\"\n               sizes=\"auto, (max-width: 768px) 90vw, 50vw\"\n               alt=\"ATPC Hot Air Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"500\"\n               height=\"400\"\n               onload=\"this.parentElement.classList.remove('loading'); this.classList.add('loaded');\">\n        <\/div>\n        <div class=\"sc-product-content\">\n          <h3 class=\"sc-product-title\">ATPC Hot Air Collector<\/h3>\n          <p class=\"sc-product-description\">\n            A high-efficiency thermal air collector designed for high-temperature drying and industrial heat applications.\n          <\/p>\n          <p class=\"sc-product-features\">\n            With optimized airflow design and superior insulation, it offers fast heat delivery and stable performance under demanding conditions.\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/atpc-hot-air-collector\/\" class=\"sc-learn-more\">\n            Learn More\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solar Innovation 2025 Advanced Solar Energy Collection for Every Application SOLETKS Solar Collectors deliver maximum thermal efficiency and lasting durability \u2014 from residential to industrial energy systems. Explore Products Request Quote Scroll Advanced Solar Energy Collection Solar Collector SOLETKS Solar Collectors are designed to efficiently absorb and convert solar radiation into usable thermal energy. With [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/pages\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":19,"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":994,"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/pages\/752\/revisions\/994"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/lt\/wp-json\/wp\/v2\/media?parent=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}