{"id":9,"date":"2025-11-04T00:56:21","date_gmt":"2025-11-04T00:56:21","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=9"},"modified":"2025-12-05T01:43:17","modified_gmt":"2025-12-05T01:43:17","slug":"home","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/my\/","title":{"rendered":"\u1021\u102d\u1019\u103a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dee8785 e-con-full e-flex e-con e-parent\" data-id=\"dee8785\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81112da elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"81112da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"energy-banner\">\n  <div class=\"background-animation\">\n    <div class=\"background-image\"><\/div>\n    <div class=\"background-overlay\"><\/div>\n    <div class=\"solar-rays\"><\/div>\n    <div class=\"energy-particles\"><\/div>\n    <div class=\"wave-pattern\"><\/div>\n  <\/div>\n  \n  <div class=\"banner-container\">\n    <div class=\"banner-content\">\n      <div class=\"main-title\">\n        <h1>Leading Global Manufacturer of<br><span class=\"highlight\">Flat-Plate Clean Thermal Energy Solutions<\/span><\/h1>\n      <\/div>\n      \n      <div class=\"description\">\n        <p>Specializing in solar energy comprehensive utilization with <strong>7.0GWth annual production capacity<\/strong>, serving building energy, industrial heat, and renewable energy applications worldwide.<\/p>\n      <\/div>\n      \n      <div class=\"key-points\">\n        <div class=\"point-item\">\n          <div class=\"point-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L15.09 8.26L22 9L17 14L18.18 21L12 17.77L5.82 21L7 14L2 9L8.91 8.26L12 2Z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"point-text\">World's No.2 in flat-plate collector production<\/div>\n        <\/div>\n        <div class=\"point-item\">\n          <div class=\"point-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"point-text\">117 patented technologies and proprietary solutions<\/div>\n        <\/div>\n        <div class=\"point-item\">\n          <div class=\"point-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M3 21H21V19H20V8H17V19H15V12H12V19H10V16H7V19H5V10H3V21ZM19 4H5C4.45 4 4 4.45 4 5V7H20V5C20 4.45 19.55 4 19 4Z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"point-text\">Industry-leading core material manufacturer<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"cta-section\">\n        <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span class=\"button-text\">GET FACTORY PRICE Now<\/span>\n          <div class=\"button-glow\"><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n    \n    <div class=\"solar-panel-visual\">\n      <div class=\"panel-grid\">\n        <div class=\"panel-cell panel-1\"><\/div>\n        <div class=\"panel-cell panel-2\"><\/div>\n        <div class=\"panel-cell panel-3\"><\/div>\n        <div class=\"panel-cell panel-4\"><\/div>\n        <div class=\"panel-cell panel-5\"><\/div>\n        <div class=\"panel-cell panel-6\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.energy-banner {\n  position: relative;\n  width: 100%;\n  min-height: 625px;\n  background: #0c1629;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 65px 40px;\n  box-sizing: border-box;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.background-animation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.background-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  opacity: 0.45;\n  z-index: 1;\n}\n\n.background-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(135deg, rgba(12, 22, 41, 0.7) 0%, rgba(30, 58, 138, 0.6) 25%, rgba(29, 78, 216, 0.5) 50%, rgba(37, 99, 235, 0.4) 75%, rgba(59, 130, 246, 0.3) 100%);\n  z-index: 2;\n}\n\n.wave-pattern {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 170px;\n  background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C300,120 900,0 1200,60 L1200,120 L0,120 Z' fill='rgba(59,130,246,0.08)'\/%3E%3C\/svg%3E\") no-repeat;\n  background-size: cover;\n  z-index: 3;\n}\n\n.solar-rays {\n  position: absolute;\n  top: -15%;\n  right: -8%;\n  width: 500px;\n  height: 500px;\n  background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n  border-radius: 50%;\n  animation: rotate 30s linear infinite;\n  z-index: 3;\n}\n\n.solar-rays::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 1px;\n  height: 130px;\n  background: linear-gradient(to bottom, rgba(96, 165, 250, 0.4), transparent);\n  transform-origin: center top;\n  animation: rayRotate 15s linear infinite;\n}\n\n.energy-particles {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n}\n\n.banner-container {\n  max-width: 1400px;\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  z-index: 10;\n  position: relative;\n}\n\n.banner-content {\n  text-align: left;\n}\n\n.main-title h1 {\n  font-size: 2.6rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: #ffffff;\n  margin: 0 0 20px 0;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.3);\n  letter-spacing: -0.02em;\n}\n\n.highlight {\n  background: linear-gradient(135deg, #fde047, #fbbf24, #facc15);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  position: relative;\n  background-size: 200% 200%;\n  animation: gradientShift 4s ease-in-out infinite;\n  filter: brightness(1.15);\n}\n\n.highlight::after {\n  content: '';\n  position: absolute;\n  bottom: -5px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: linear-gradient(90deg, #fde047, #fbbf24, #facc15);\n  opacity: 0.8;\n  border-radius: 2px;\n  animation: underlineGlow 2s ease-in-out infinite alternate;\n  box-shadow: 0 0 12px rgba(253, 224, 71, 0.6);\n}\n\n.description {\n  margin: 20px 0;\n}\n\n.description p {\n  font-size: 1rem;\n  line-height: 1.6;\n  color: #e2e8f0;\n  margin: 0;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\n\n.description strong {\n  color: #fde047;\n  font-weight: 700;\n  text-shadow: 0 0 15px rgba(253, 224, 71, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);\n  filter: brightness(1.1);\n}\n\n.key-points {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin: 20px 0;\n}\n\n.point-item {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 12px 18px;\n  background: rgba(255, 255, 255, 0.08);\n  border-radius: 10px;\n  backdrop-filter: blur(20px);\n  border: 1px solid rgba(96, 165, 250, 0.25);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.point-item::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.15), transparent);\n  transition: left 0.6s ease;\n}\n\n.point-item:hover {\n  background: rgba(255, 255, 255, 0.12);\n  transform: translateX(6px);\n  border-color: rgba(59, 130, 246, 0.4);\n  box-shadow: 0 6px 24px rgba(59, 130, 246, 0.25);\n}\n\n.point-item:hover::before {\n  left: 100%;\n}\n\n.point-icon {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);\n  border-radius: 10px;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n  color: #ffffff;\n  transition: all 0.3s ease;\n}\n\n.point-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.point-item:hover .point-icon {\n  transform: scale(1.1) rotate(5deg);\n  box-shadow: 0 6px 24px rgba(59, 130, 246, 0.6);\n  background: linear-gradient(135deg, #60a5fa, #3b82f6, #2563eb);\n}\n\n.point-text {\n  font-size: 0.95rem;\n  color: #ffffff;\n  font-weight: 500;\n  line-height: 1.4;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\n\n.cta-section {\n  margin-top: 25px;\n}\n\n.cta-button {\n  position: relative;\n  background: linear-gradient(135deg, #fde047, #fbbf24, #eab308);\n  border: none;\n  padding: 14px 32px;\n  border-radius: 50px;\n  font-size: 1rem;\n  font-weight: 700;\n  color: #ffffff;\n  cursor: pointer;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n  box-shadow: 0 6px 24px rgba(253, 224, 71, 0.5);\n  filter: brightness(1.05);\n  display: inline-block;\n  text-decoration: none;\n}\n\n.cta-button:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 32px rgba(253, 224, 71, 0.7);\n  background: linear-gradient(135deg, #facc15, #eab308, #ca8a04);\n  filter: brightness(1.1);\n}\n\n.button-text {\n  position: relative;\n  z-index: 2;\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.button-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n  transform: rotate(45deg);\n  transition: all 0.6s ease;\n  opacity: 0;\n}\n\n.cta-button:hover .button-glow {\n  animation: buttonShine 0.8s ease-in-out;\n}\n\n.solar-panel-visual {\n  position: relative;\n  width: 100%;\n  max-width: 400px;\n  height: 470px;\n  justify-self: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.panel-grid {\n  width: 320px;\n  height: 420px;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(3, 1fr);\n  gap: 12px;\n  transform: perspective(900px) rotateY(-12deg) rotateX(8deg);\n}\n\n.panel-cell {\n  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 30%, #3b82f6 70%, #60a5fa 100%);\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n  animation: panelGlow 5s ease-in-out infinite alternate;\n  border: 2px solid rgba(59, 130, 246, 0.3);\n  box-shadow: 0 8px 32px rgba(29, 78, 216, 0.3);\n}\n\n.panel-cell::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  animation: shine 4s ease-in-out infinite;\n}\n\n.panel-cell::after {\n  content: '';\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  right: 10px;\n  bottom: 10px;\n  border: 1px solid rgba(96, 165, 250, 0.3);\n  border-radius: 8px;\n}\n\n\/* \u4e0a\u4e0b\u9ad8\u5ea6\u53d8\u5316 *\/\n.panel-1 { \n  animation-delay: 0s;\n  transform: translateY(-8px);\n}\n.panel-2 { \n  animation-delay: 0.8s;\n  transform: translateY(12px);\n}\n.panel-3 { \n  animation-delay: 1.6s;\n  transform: translateY(-15px);\n}\n.panel-4 { \n  animation-delay: 2.4s;\n  transform: translateY(6px);\n}\n.panel-5 { \n  animation-delay: 3.2s;\n  transform: translateY(-10px);\n}\n.panel-6 { \n  animation-delay: 4s;\n  transform: translateY(18px);\n}\n\n@keyframes rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes rayRotate {\n  from { transform: translate(-50%, -50%) rotate(0deg); }\n  to { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n@keyframes gradientShift {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n@keyframes underlineGlow {\n  0% { opacity: 0.8; transform: scaleX(1); }\n  100% { opacity: 1; transform: scaleX(1.05); }\n}\n\n@keyframes buttonShine {\n  0% { left: -50%; opacity: 0; }\n  50% { opacity: 1; }\n  100% { left: 150%; opacity: 0; }\n}\n\n@keyframes panelGlow {\n  0% { \n    box-shadow: 0 8px 32px rgba(29, 78, 216, 0.3);\n    border-color: rgba(59, 130, 246, 0.3);\n  }\n  100% { \n    box-shadow: 0 12px 48px rgba(59, 130, 246, 0.5), 0 0 50px rgba(96, 165, 250, 0.2);\n    border-color: rgba(96, 165, 250, 0.6);\n  }\n}\n\n@keyframes shine {\n  0% { left: -100%; }\n  50% { left: 100%; }\n  100% { left: 100%; }\n}\n\n@media (max-width: 1200px) {\n  .banner-container {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n  \n  .banner-content {\n    text-align: center;\n  }\n  \n  .main-title h1 {\n    font-size: 2.4rem;\n  }\n  \n  .solar-panel-visual {\n    max-width: 380px;\n    height: 420px;\n    margin: 0 auto;\n  }\n  \n  .panel-grid {\n    width: 300px;\n    height: 380px;\n  }\n}\n\n@media (max-width: 768px) {\n  .energy-banner {\n    padding: 50px 20px;\n    min-height: 730px;\n  }\n  \n  .main-title h1 {\n    font-size: 2rem;\n  }\n  \n  .description p {\n    font-size: 1rem;\n  }\n  \n  .key-points {\n    gap: 8px;\n  }\n  \n  .point-item {\n    padding: 10px 16px;\n  }\n  \n  .point-text {\n    font-size: 0.9rem;\n  }\n  \n  .solar-panel-visual {\n    max-width: 300px;\n    height: 350px;\n  }\n  \n  .panel-grid {\n    width: 260px;\n    height: 320px;\n  }\n  \n  .cta-button {\n    padding: 12px 28px;\n    font-size: 0.9rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .main-title h1 {\n    font-size: 1.7rem;\n  }\n  \n  .point-item {\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n  \n  .solar-panel-visual {\n    max-width: 260px;\n    height: 300px;\n  }\n  \n  .panel-grid {\n    width: 220px;\n    height: 280px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u521b\u5efa\u52a8\u6001\u7c92\u5b50\u6548\u679c\n  function createParticles() {\n    const particlesContainer = document.querySelector('.energy-particles');\n    \n    for (let i = 0; i < 15; i++) {\n      const particle = document.createElement('div');\n      particle.style.position = 'absolute';\n      particle.style.width = Math.random() * 4 + 2 + 'px';\n      particle.style.height = particle.style.width;\n      \n      \/\/ \u6df1\u84dd\u8272\u7cfb\u7c92\u5b50\n      const colors = ['#3b82f6', '#60a5fa', '#93c5fd', '#dbeafe', '#bfdbfe'];\n      particle.style.background = colors[Math.floor(Math.random() * colors.length)];\n      \n      particle.style.borderRadius = '50%';\n      particle.style.left = Math.random() * 100 + '%';\n      particle.style.top = Math.random() * 100 + '%';\n      particle.style.opacity = Math.random() * 0.6 + 0.2;\n      particle.style.animation = `float ${Math.random() * 6 + 4}s ease-in-out infinite`;\n      particle.style.animationDelay = Math.random() * 3 + 's';\n      particle.style.boxShadow = `0 0 8px ${particle.style.background}`;\n      \n      particlesContainer.appendChild(particle);\n    }\n  }\n  \n  \/\/ \u9f20\u6807\u79fb\u52a8\u89c6\u5dee\u6548\u679c\n  function handleMouseMove(e) {\n    const banner = document.querySelector('.energy-banner');\n    const rect = banner.getBoundingClientRect();\n    const x = (e.clientX - rect.left) \/ rect.width;\n    const y = (e.clientY - rect.top) \/ rect.height;\n    \n    const solarRays = document.querySelector('.solar-rays');\n    const panelVisual = document.querySelector('.solar-panel-visual');\n    \n    if (solarRays) {\n      solarRays.style.transform = `translate(${(x - 0.5) * 25}px, ${(y - 0.5) * 25}px)`;\n    }\n    \n    if (panelVisual) {\n      const panelGrid = panelVisual.querySelector('.panel-grid');\n      panelGrid.style.transform = `perspective(900px) rotateY(${-12 + (x - 0.5) * 18}deg) rotateX(${8 + (y - 0.5) * 12}deg)`;\n    }\n  }\n  \n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleScroll() {\n    const banner = document.querySelector('.energy-banner');\n    const rect = banner.getBoundingClientRect();\n    const isVisible = rect.top < window.innerHeight && rect.bottom > 0;\n    \n    if (isVisible) {\n      const pointItems = document.querySelectorAll('.point-item');\n      const ctaButton = document.querySelector('.cta-button');\n      \n      pointItems.forEach((item, index) => {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n        }, index * 100);\n      });\n      \n      setTimeout(() => {\n        if (ctaButton) {\n          ctaButton.style.opacity = '1';\n          ctaButton.style.transform = 'translateY(0)';\n        }\n      }, pointItems.length * 100 + 150);\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\n  createParticles();\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  document.querySelector('.energy-banner').addEventListener('mousemove', handleMouseMove);\n  window.addEventListener('scroll', handleScroll);\n  \n  \/\/ \u521d\u59cb\u72b6\u6001\u8bbe\u7f6e\n  const pointItems = document.querySelectorAll('.point-item');\n  const ctaButton = document.querySelector('.cta-button');\n  \n  pointItems.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-30px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n  \n  if (ctaButton) {\n    ctaButton.style.opacity = '0';\n    ctaButton.style.transform = 'translateY(20px)';\n    ctaButton.style.transition = 'all 0.5s ease';\n  }\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u52a8\u753b\n  setTimeout(handleScroll, 100);\n  \n  \/\/ \u6309\u94ae\u70b9\u51fb\u6548\u679c\n  if (ctaButton) {\n    ctaButton.addEventListener('click', function(e) {\n      \/\/ \u521b\u5efa\u6ce2\u7eb9\u6548\u679c\n      const ripple = document.createElement('div');\n      const rect = this.getBoundingClientRect();\n      const size = Math.max(rect.width, rect.height);\n      const x = e.clientX - rect.left - size \/ 2;\n      const y = e.clientY - rect.top - size \/ 2;\n      \n      ripple.style.position = 'absolute';\n      ripple.style.width = size + 'px';\n      ripple.style.height = size + 'px';\n      ripple.style.left = x + 'px';\n      ripple.style.top = y + 'px';\n      ripple.style.background = 'rgba(255, 255, 255, 0.3)';\n      ripple.style.borderRadius = '50%';\n      ripple.style.transform = 'scale(0)';\n      ripple.style.animation = 'ripple 0.6s ease-out';\n      ripple.style.pointerEvents = 'none';\n      \n      this.appendChild(ripple);\n      \n      setTimeout(() => {\n        ripple.remove();\n      }, 600);\n    });\n  }\n  \n  \/\/ \u6dfb\u52a0\u6d6e\u52a8\u52a8\u753b\n  const style = document.createElement('style');\n  style.textContent = `\n    @keyframes float {\n      0%, 100% { \n        transform: translateY(0px) translateX(0px) scale(1); \n        opacity: 0.4; \n      }\n      33% { \n        transform: translateY(-12px) translateX(10px) scale(1.1); \n        opacity: 0.8; \n      }\n      66% { \n        transform: translateY(-4px) translateX(-8px) scale(0.9); \n        opacity: 0.6; \n      }\n    }\n    \n    @keyframes ripple {\n      to {\n        transform: scale(2);\n        opacity: 0;\n      }\n    }\n  `;\n  document.head.appendChild(style);\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c65bc8b e-con-full e-flex e-con e-parent\" data-id=\"c65bc8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de75b43 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"de75b43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Water Heater Section -->\n<section id=\"solar-water-heater\" class=\"swh-section\">\n  <style>\n    .swh-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u7cbe\u81f4\u80cc\u666f\u88c5\u9970 *\/\n    .swh-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(30%, -30%);\n    }\n\n    .swh-section::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(16, 185, 129, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(-30%, 30%);\n    }\n\n    .swh-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Header - \u5e26\u56fe\u7247\u7684\u5927\u6807\u9898\u533a\u57df *\/\n    .swh-header {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border-radius: 20px;\n      border: 1px solid #e2e8f0;\n      padding: 40px 50px;\n      margin-bottom: 30px;\n      display: grid;\n      grid-template-columns: 1fr 320px;\n      gap: 50px;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .swh-header::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6 0%, #10b981 100%);\n    }\n\n    .swh-header-content {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .swh-subtitle {\n      font-size: 10px;\n      color: #3b82f6;\n      font-weight: 600;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      display: block;\n    }\n\n    .swh-header h2 {\n      font-size: 38px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.2;\n      letter-spacing: -1.2px;\n    }\n\n    .swh-intro {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    .swh-header-image {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      padding: 20px;\n    }\n\n    \/* \u56fe\u7247\u88c5\u9970\u5706 *\/\n    .swh-header-image::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 240px;\n      height: 240px;\n      border: 2px solid rgba(59, 130, 246, 0.08);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .swh-header-image img {\n      width: 100%;\n      height: auto;\n      max-height: 200px;\n      object-fit: contain;\n      filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08));\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 1;\n    }\n\n    .swh-header:hover .swh-header-image img {\n      transform: scale(1.05) translateY(-8px);\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247\u533a\u57df - \u4e09\u4e2a\u4e00\u884c *\/\n    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247 *\/\n    .swh-product-card {\n      background: #ffffff;\n      border-radius: 18px;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      height: 100%;\n    }\n\n    .swh-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6 0%, #10b981 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .swh-product-card:hover {\n      transform: translateY(-6px);\n      border-color: #3b82f6;\n      box-shadow: 0 16px 32px rgba(59, 130, 246, 0.12);\n    }\n\n    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .swh-card-content {\n      padding: 32px 28px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      gap: 14px;\n    }\n\n    \/* \u4ea7\u54c1\u7f16\u53f7\u6807\u7b7e *\/\n    .swh-card-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #3b82f6;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      align-self: flex-start;\n      transition: all 0.3s ease;\n    }\n\n    .swh-product-card:hover .swh-card-badge {\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n      color: #ffffff;\n      transform: translateX(4px);\n    }\n\n    \/* \u6807\u9898 *\/\n    .swh-card-title {\n      font-size: 20px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.3;\n      letter-spacing: -0.4px;\n      transition: color 0.3s ease;\n    }\n\n    .swh-product-card:hover .swh-card-title {\n      color: #3b82f6;\n    }\n\n    \/* \u63cf\u8ff0 *\/\n    .swh-card-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .swh-card-features {\n      list-style: none;\n      padding: 0;\n      margin: 12px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .swh-card-features li {\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n      padding-left: 20px;\n      position: relative;\n    }\n\n    .swh-card-features li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #10b981;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    \/* \u94fe\u63a5 *\/\n    .swh-card-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #3b82f6;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      margin-top: 8px;\n      align-self: flex-start;\n    }\n\n    .swh-card-link:hover {\n      color: #2563eb;\n      transform: translateX(4px);\n    }\n\n    .swh-card-link svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .swh-card-link:hover svg {\n      transform: translateX(3px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .swh-header {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        padding: 35px 40px;\n      }\n\n      .swh-header-content {\n        text-align: center;\n      }\n\n      .swh-header-image {\n        order: -1;\n      }\n\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 60px 20px;\n      }\n\n      .swh-header {\n        padding: 30px 25px;\n        margin-bottom: 25px;\n      }\n\n      .swh-subtitle {\n        font-size: 9px;\n        letter-spacing: 2px;\n      }\n\n      .swh-header h2 {\n        font-size: 30px;\n        letter-spacing: -0.8px;\n      }\n\n      .swh-intro {\n        font-size: 13px;\n      }\n\n      .swh-header-image {\n        padding: 15px;\n      }\n\n      .swh-header-image img {\n        max-height: 160px;\n      }\n\n      .swh-header-image::before {\n        width: 200px;\n        height: 200px;\n      }\n\n      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .swh-card-content {\n        padding: 28px 24px;\n      }\n\n      .swh-card-title {\n        font-size: 18px;\n      }\n\n      .swh-card-description {\n        font-size: 13px;\n      }\n\n      .swh-card-features li {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"swh-container\">\n    \n    <!-- Header with Image -->\n    <div class=\"swh-header\">\n      <div class=\"swh-header-content\">\n        <span class=\"swh-subtitle\">SUSTAINABLE SOLUTIONS<\/span>\n        <h2>Solar Water Heater<\/h2>\n        <p class=\"swh-intro\">\n          SOLETKS Solar Water Heater systems provide efficient and sustainable hot water solutions for residential, commercial, and industrial applications. Built with advanced flat-plate, split, and heat-pipe technologies, they deliver superior thermal efficiency, long service life, and reliable performance in all climates.\n        <\/p>\n      <\/div>\n      <div class=\"swh-header-image\">\n        <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/300L\u4e00\u4f53\u673a1.png?w=500&quality=85\" \n             alt=\"Solar Water Heater Systems\" \n             loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n    <!-- Products Grid - \u4e09\u4e2a\u4e00\u884c -->\n    <div class=\"swh-products-grid\">\n      \n      <!-- Product 1: Integrated -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-card-content\">\n          <span class=\"swh-card-badge\">Type 01<\/span>\n          <h3 class=\"swh-card-title\">Integrated Solar Water Heater<\/h3>\n          <p class=\"swh-card-description\">\n            Compact all-in-one system with built-in tank and collector. Easy installation and high efficiency for home use.\n          <\/p>\n          <ul class=\"swh-card-features\">\n            <li>All-in-one compact design<\/li>\n            <li>Easy installation process<\/li>\n            <li>High thermal efficiency<\/li>\n            <li>Perfect for residential use<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/integrated-solar-water-heater\/\" \n             target=\"_blank\" \n             rel=\"noopener noreferrer\" \n             class=\"swh-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Split -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-card-content\">\n          <span class=\"swh-card-badge\">Type 02<\/span>\n          <h3 class=\"swh-card-title\">Split Solar Water Heater<\/h3>\n          <p class=\"swh-card-description\">\n            Separated collector and tank for flexible layout and better freeze protection. Reliable hot water all year.\n          <\/p>\n          <ul class=\"swh-card-features\">\n            <li>Flexible installation layout<\/li>\n            <li>Superior freeze protection<\/li>\n            <li>Year-round reliability<\/li>\n            <li>Ideal for cold climates<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" \n             target=\"_blank\" \n             rel=\"noopener noreferrer\" \n             class=\"swh-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Heat Pipe -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-card-content\">\n          <span class=\"swh-card-badge\">Type 03<\/span>\n          <h3 class=\"swh-card-title\">Heat Pipe Solar Water Heater<\/h3>\n          <p class=\"swh-card-description\">\n            Vacuum tube with heat pipe for rapid heating and high efficiency. Ideal for cold or variable climates.\n          <\/p>\n          <ul class=\"swh-card-features\">\n            <li>Advanced vacuum tube technology<\/li>\n            <li>Rapid heating capability<\/li>\n            <li>Maximum thermal efficiency<\/li>\n            <li>Excellent for variable climates<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" \n             target=\"_blank\" \n             rel=\"noopener noreferrer\" \n             class=\"swh-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88d8791 e-con-full e-flex e-con e-parent\" data-id=\"88d8791\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b71e8e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6b71e8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Collector Section - TRANSPARENT BACKGROUND -->\n<section id=\"solar-collector-with-image\" style=\"padding: 80px 20px; background: #ffffff;\">\n  <style>\n    #solar-collector-with-image * {\n      box-sizing: border-box !important;\n    }\n\n    \/* ===== Header \u533a\u57df ===== *\/\n    .sck-header-wrapper {\n      max-width: 1400px;\n      margin: 0 auto 40px auto;\n    }\n\n    .sck-header {\n      background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\n      border-radius: 20px;\n      border: 1px solid #fed7aa;\n      padding: 40px 50px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 40px;\n    }\n\n    .sck-header::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #f97316 0%, #ea580c 100%);\n      border-radius: 20px 20px 0 0;\n    }\n\n    \/* \u5de6\u4fa7\u6587\u5b57\u533a\u57df *\/\n    .sck-header-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .sck-header h2 {\n      font-size: 38px;\n      color: #0f172a;\n      margin: 0 0 10px 0;\n      font-weight: 600;\n      letter-spacing: -1px;\n    }\n\n    .sck-header-subtitle {\n      font-size: 16px;\n      color: #ea580c;\n      font-weight: 600;\n      margin: 0 0 15px 0;\n    }\n\n    .sck-header-desc {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247\u533a\u57df - \u900f\u660e\u80cc\u666f *\/\n    .sck-header-image {\n      flex: 0 0 320px;\n      width: 320px;\n      height: 240px;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 12px 32px rgba(249, 115, 22, 0.15);\n      position: relative;\n      background: transparent; \/* \u900f\u660e\u80cc\u666f *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n    }\n\n    .sck-header-image::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border: 2px solid rgba(249, 115, 22, 0.2);\n      border-radius: 16px;\n      pointer-events: none;\n    }\n\n    .sck-header-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .sck-header:hover .sck-header-image img {\n      transform: scale(1.05);\n    }\n\n    \/* ===== \u4ea7\u54c1\u533a\u57df ===== *\/\n    .sck-carousel-wrapper {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 24px;\n    }\n\n    .sck-nav-button {\n      flex: 0 0 60px !important;\n      width: 60px !important;\n      min-width: 60px !important;\n      height: 60px !important;\n      border-radius: 50%;\n      background: #ffffff;\n      border: 2px solid #f97316;\n      color: #f97316;\n      cursor: pointer;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 4px 16px rgba(249, 115, 22, 0.2);\n      padding: 0;\n      outline: none;\n    }\n\n    .sck-nav-button:hover:not(.disabled) {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n      color: #ffffff;\n      transform: scale(1.15);\n      box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);\n    }\n\n    .sck-nav-button:active:not(.disabled) {\n      transform: scale(1.05);\n    }\n\n    .sck-nav-button.disabled {\n      opacity: 0.25;\n      cursor: not-allowed;\n      border-color: #cbd5e1;\n      color: #cbd5e1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .sck-nav-button svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .sck-products-area {\n      width: 1400px;\n      max-width: 1400px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .sck-products-track {\n      display: flex !important;\n      gap: 20px !important;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .sck-card {\n      flex: 0 0 calc((100% - 40px) \/ 3) !important;\n      width: calc((100% - 40px) \/ 3) !important;\n      min-width: 0 !important;\n      background: #ffffff;\n      border-radius: 18px;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n    }\n\n    .sck-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #f97316 0%, #ea580c 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .sck-card:hover {\n      transform: translateY(-6px);\n      border-color: #f97316;\n      box-shadow: 0 16px 32px rgba(249, 115, 22, 0.12);\n    }\n\n    .sck-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .sck-card-body {\n      padding: 32px 28px;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .sck-badge {\n      display: inline-flex;\n      padding: 6px 12px;\n      background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #ea580c;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      align-self: flex-start;\n      transition: all 0.3s ease;\n    }\n\n    .sck-card:hover .sck-badge {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n      color: #ffffff;\n      transform: translateX(4px);\n    }\n\n    .sck-card-title {\n      font-size: 20px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.3;\n      letter-spacing: -0.4px;\n      transition: color 0.3s ease;\n    }\n\n    .sck-card:hover .sck-card-title {\n      color: #f97316;\n    }\n\n    .sck-card-subtitle {\n      font-size: 14px;\n      color: #ea580c;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    .sck-card-text {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n    }\n\n    .sck-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 12px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .sck-features-list li {\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n      padding-left: 20px;\n      position: relative;\n    }\n\n    .sck-features-list li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #f97316;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    .sck-learn-more {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #f97316;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      margin-top: 8px;\n      align-self: flex-start;\n    }\n\n    .sck-learn-more:hover {\n      color: #ea580c;\n      transform: translateX(4px);\n    }\n\n    .sck-learn-more svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .sck-learn-more:hover svg {\n      transform: translateX(3px);\n    }\n\n    .sck-dots-wrapper {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 40px;\n    }\n\n    .sck-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #e2e8f0;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: none;\n      padding: 0;\n    }\n\n    .sck-dot:hover {\n      background: #cbd5e1;\n      transform: scale(1.2);\n    }\n\n    .sck-dot.active {\n      background: #f97316;\n      width: 32px;\n      border-radius: 5px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1500px) {\n      .sck-header-wrapper,\n      .sck-products-area {\n        max-width: calc(100vw - 200px);\n        width: calc(100vw - 200px);\n      }\n\n      .sck-header-image {\n        flex: 0 0 280px;\n        width: 280px;\n        height: 210px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .sck-header-wrapper,\n      .sck-products-area {\n        max-width: calc(100vw - 180px);\n        width: calc(100vw - 180px);\n      }\n\n      .sck-header {\n        gap: 30px;\n      }\n\n      .sck-header-image {\n        flex: 0 0 240px;\n        width: 240px;\n        height: 180px;\n      }\n\n      .sck-carousel-wrapper {\n        gap: 20px;\n      }\n\n      .sck-nav-button {\n        flex: 0 0 52px !important;\n        width: 52px !important;\n        min-width: 52px !important;\n        height: 52px !important;\n      }\n\n      .sck-nav-button svg {\n        width: 26px;\n        height: 26px;\n      }\n\n      .sck-card {\n        flex: 0 0 calc((100% - 20px) \/ 2) !important;\n        width: calc((100% - 20px) \/ 2) !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .sck-header-wrapper,\n      .sck-products-area {\n        max-width: calc(100vw - 140px);\n        width: calc(100vw - 140px);\n      }\n\n      \/* Header\u6539\u4e3a\u5782\u76f4\u5e03\u5c40 *\/\n      .sck-header {\n        flex-direction: column;\n        padding: 30px 25px;\n        gap: 24px;\n      }\n\n      .sck-header-content {\n        text-align: center;\n      }\n\n      .sck-header h2 {\n        font-size: 30px;\n      }\n\n      .sck-header-subtitle {\n        font-size: 14px;\n      }\n\n      .sck-header-desc {\n        font-size: 13px;\n      }\n\n      .sck-header-image {\n        flex: 0 0 auto;\n        width: 100%;\n        max-width: 400px;\n        height: 240px;\n      }\n\n      .sck-carousel-wrapper {\n        gap: 16px;\n      }\n\n      .sck-nav-button {\n        flex: 0 0 46px !important;\n        width: 46px !important;\n        min-width: 46px !important;\n        height: 46px !important;\n      }\n\n      .sck-nav-button svg {\n        width: 24px;\n        height: 24px;\n      }\n\n      .sck-card {\n        flex: 0 0 100% !important;\n        width: 100% !important;\n      }\n\n      .sck-card-body {\n        padding: 28px 24px;\n      }\n\n      .sck-card-title {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .sck-header-wrapper,\n      .sck-products-area {\n        max-width: calc(100vw - 120px);\n        width: calc(100vw - 120px);\n      }\n\n      .sck-header-image {\n        height: 200px;\n      }\n\n      .sck-carousel-wrapper {\n        gap: 12px;\n      }\n\n      .sck-nav-button {\n        flex: 0 0 40px !important;\n        width: 40px !important;\n        min-width: 40px !important;\n        height: 40px !important;\n      }\n\n      .sck-nav-button svg {\n        width: 22px;\n        height: 22px;\n      }\n    }\n  <\/style>\n\n  <!-- Header \u533a\u57df (\u900f\u660e\u80cc\u666f) -->\n  <div class=\"sck-header-wrapper\">\n    <div class=\"sck-header\">\n      <!-- \u5de6\u4fa7\u6587\u5b57 -->\n      <div class=\"sck-header-content\">\n        <h2>Solar Collector<\/h2>\n        <p class=\"sck-header-subtitle\">Efficient, Reliable, and Built for Every Application<\/p>\n        <p class=\"sck-header-desc\">\n          SOLETKS Solar Collectors are engineered to capture maximum solar radiation and convert it into usable thermal energy. With world-class selective coatings, advanced structure design, and durable materials, they deliver superior efficiency, stability, and longevity for residential, commercial, and industrial systems.\n        <\/p>\n      <\/div>\n      \n      <!-- \u53f3\u4fa7\u56fe\u7247 - \u900f\u660e\u80cc\u666f -->\n      <div class=\"sck-header-image\">\n        <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/%E5%A4%A7%E6%9D%BF3-scaled-e1762756817650.png?w=600&quality=85\" \n             alt=\"SOLETKS Solar Collector\" \n             loading=\"lazy\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u4ea7\u54c1\u533a\u57df -->\n  <div class=\"sck-carousel-wrapper\">\n    <button class=\"sck-nav-button\" id=\"sckPrevBtn\" aria-label=\"Previous\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M15 18l-6-6 6-6\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"sck-products-area\">\n      <div class=\"sck-products-track\" id=\"sckTrack\">\n        \n        <div class=\"sck-card\">\n          <div class=\"sck-card-body\">\n            <span class=\"sck-badge\">Premium<\/span>\n            <h3 class=\"sck-card-title\">Flat Plate Solar Collector<\/h3>\n            <p class=\"sck-card-subtitle\">Stable. Durable. High-Performance.<\/p>\n            <p class=\"sck-card-text\">\n              A high-performance flat plate collector engineered for superior solar absorption and reliable operation under all weather conditions.\n            <\/p>\n            <ul class=\"sck-features-list\">\n              <li>Superior solar absorption<\/li>\n              <li>All-weather reliability<\/li>\n              <li>Water & space heating<\/li>\n              <li>Industrial process ready<\/li>\n            <\/ul>\n            <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/flat-plate-solar-collector\/\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               class=\"sck-learn-more\">\n              Learn More\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>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sck-card\">\n          <div class=\"sck-card-body\">\n            <span class=\"sck-badge\">Commercial<\/span>\n            <h3 class=\"sck-card-title\">Engineering Hot Water Flat Collector<\/h3>\n            <p class=\"sck-card-subtitle\">Designed for Large Projects.<\/p>\n            <p class=\"sck-card-text\">\n              Optimized for centralized hot water systems in hotels, hospitals, schools, and commercial buildings.\n            <\/p>\n            <ul class=\"sck-features-list\">\n              <li>Centralized system design<\/li>\n              <li>High efficiency output<\/li>\n              <li>Stable performance<\/li>\n              <li>Long-term reliability<\/li>\n            <\/ul>\n            <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/engineering-hot-water-flat-collector\/\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               class=\"sck-learn-more\">\n              Learn More\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>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sck-card\">\n          <div class=\"sck-card-body\">\n            <span class=\"sck-badge\">Industrial<\/span>\n            <h3 class=\"sck-card-title\">Large Size Flat Plate Solar Collector<\/h3>\n            <p class=\"sck-card-subtitle\">Bigger Collector. Greater Output.<\/p>\n            <p class=\"sck-card-text\">\n              Featuring an enlarged absorption area for greater energy capture, this model reduces installation cost per watt.\n            <\/p>\n            <ul class=\"sck-features-list\">\n              <li>Enlarged absorption area<\/li>\n              <li>Maximum energy capture<\/li>\n              <li>Lower cost per watt<\/li>\n              <li>Industrial thermal projects<\/li>\n            <\/ul>\n            <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/large-size-flat-plate-solar-collector\/\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               class=\"sck-learn-more\">\n              Learn More\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>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sck-card\">\n          <div class=\"sck-card-body\">\n            <span class=\"sck-badge\">Air Heating<\/span>\n            <h3 class=\"sck-card-title\">AFPC Solar Air Collector<\/h3>\n            <p class=\"sck-card-subtitle\">Clean Air, Powered by the Sun.<\/p>\n            <p class=\"sck-card-text\">\n              An advanced air heating system that converts sunlight into clean, warm air for drying, ventilation, or building heating.\n            <\/p>\n            <ul class=\"sck-features-list\">\n              <li>Clean warm air output<\/li>\n              <li>Drying & ventilation<\/li>\n              <li>Selective coating tech<\/li>\n              <li>Year-round efficiency<\/li>\n            <\/ul>\n            <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/afpc-solar-air-collector\/\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               class=\"sck-learn-more\">\n              Learn More\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>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sck-card\">\n          <div class=\"sck-card-body\">\n            <span class=\"sck-badge\">High Temp<\/span>\n            <h3 class=\"sck-card-title\">ATPC Hot Air Collector<\/h3>\n            <p class=\"sck-card-subtitle\">High-Temperature Solar Heating Solution.<\/p>\n            <p class=\"sck-card-text\">\n              Engineered for industrial drying and heat applications, this thermal air collector ensures fast heat delivery and stable performance.\n            <\/p>\n            <ul class=\"sck-features-list\">\n              <li>High-temperature output<\/li>\n              <li>Industrial drying ready<\/li>\n              <li>Fast heat delivery<\/li>\n              <li>Stable under demand<\/li>\n            <\/ul>\n            <a href=\"https:\/\/service.soletksolar.com\/products\/solar-collector\/atpc-hot-air-collector\/\" \n               target=\"_blank\" \n               rel=\"noopener noreferrer\" \n               class=\"sck-learn-more\">\n              Learn More\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>\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <button class=\"sck-nav-button\" id=\"sckNextBtn\" aria-label=\"Next\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M9 18l6-6-6-6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n\n  <div class=\"sck-dots-wrapper\" id=\"sckDots\"><\/div>\n\n  <script>\n    (function() {\n      const track = document.getElementById('sckTrack');\n      const prevBtn = document.getElementById('sckPrevBtn');\n      const nextBtn = document.getElementById('sckNextBtn');\n      const dotsWrapper = document.getElementById('sckDots');\n      \n      if (!track || !prevBtn || !nextBtn || !dotsWrapper) return;\n      \n      const cards = track.querySelectorAll('.sck-card');\n      const total = cards.length;\n      let current = 0;\n\n      function getVisibleCount() {\n        const width = window.innerWidth;\n        if (width <= 768) return 1;\n        if (width <= 1200) return 2;\n        return 3;\n      }\n\n      function createDots() {\n        dotsWrapper.innerHTML = '';\n        const visible = getVisibleCount();\n        const maxIndex = total - visible;\n        \n        for (let i = 0; i <= maxIndex; i++) {\n          const dot = document.createElement('button');\n          dot.className = 'sck-dot';\n          if (i === current) dot.classList.add('active');\n          dot.addEventListener('click', () => goTo(i));\n          dotsWrapper.appendChild(dot);\n        }\n      }\n\n      function update() {\n        const visible = getVisibleCount();\n        const maxIndex = total - visible;\n        \n        if (current > maxIndex) {\n          current = maxIndex;\n        }\n        \n        const w = cards[0].offsetWidth;\n        const gap = 20;\n        const offset = current * (w + gap);\n        track.style.transform = `translateX(-${offset}px)`;\n        \n        prevBtn.classList.toggle('disabled', current === 0);\n        nextBtn.classList.toggle('disabled', current === maxIndex);\n        \n        const dots = dotsWrapper.querySelectorAll('.sck-dot');\n        dots.forEach((d, i) => d.classList.toggle('active', i === current));\n      }\n\n      function goTo(index) {\n        const visible = getVisibleCount();\n        const maxIndex = total - visible;\n        current = Math.min(index, maxIndex);\n        update();\n      }\n\n      prevBtn.addEventListener('click', () => {\n        if (current > 0) {\n          current--;\n          update();\n        }\n      });\n\n      nextBtn.addEventListener('click', () => {\n        const visible = getVisibleCount();\n        const maxIndex = total - visible;\n        if (current < maxIndex) {\n          current++;\n          update();\n        }\n      });\n\n      let resizeTimer;\n      window.addEventListener('resize', () => {\n        clearTimeout(resizeTimer);\n        resizeTimer = setTimeout(() => {\n          createDots();\n          update();\n        }, 100);\n      });\n\n      createDots();\n      update();\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdb75a9 e-con-full e-flex e-con e-parent\" data-id=\"fdb75a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0950b15 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0950b15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PVT Solar Panel Section -->\n<section id=\"pvt-solar-panel\" class=\"pvt-section\">\n  <style>\n    .pvt-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u7cbe\u81f4\u80cc\u666f\u88c5\u9970 *\/\n    .pvt-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(14, 165, 233, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(30%, -30%);\n    }\n\n    .pvt-section::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(2, 132, 199, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(-30%, 30%);\n    }\n\n    .pvt-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Header - \u5e26\u56fe\u7247\u7684\u5927\u6807\u9898\u533a\u57df *\/\n    .pvt-header {\n      background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n      border-radius: 20px;\n      border: 1px solid #bae6fd;\n      padding: 40px 50px;\n      margin-bottom: 30px;\n      display: grid;\n      grid-template-columns: 1fr 320px;\n      gap: 50px;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pvt-header::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0ea5e9 0%, #0284c7 100%);\n    }\n\n    .pvt-header-content {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .pvt-subtitle {\n      font-size: 10px;\n      color: #0284c7;\n      font-weight: 600;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      display: block;\n    }\n\n    .pvt-header h2 {\n      font-size: 38px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.2;\n      letter-spacing: -1.2px;\n    }\n\n    .pvt-tagline {\n      font-size: 16px;\n      color: #0284c7;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    .pvt-intro {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    .pvt-header-image {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      padding: 20px;\n    }\n\n    \/* \u56fe\u7247\u88c5\u9970\u5706 *\/\n    .pvt-header-image::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 240px;\n      height: 240px;\n      border: 2px solid rgba(14, 165, 233, 0.08);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .pvt-header-image img {\n      width: 100%;\n      height: auto;\n      max-height: 200px;\n      object-fit: contain;\n      filter: drop-shadow(0 15px 30px rgba(2, 132, 199, 0.15));\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 1;\n    }\n\n    .pvt-header:hover .pvt-header-image img {\n      transform: scale(1.05) translateY(-8px);\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247\u533a\u57df - \u4e09\u5217\u5e03\u5c40 *\/\n    .pvt-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247 *\/\n    .pvt-product-card {\n      background: #ffffff;\n      border-radius: 18px;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      height: 100%;\n    }\n\n    .pvt-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0ea5e9 0%, #0284c7 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .pvt-product-card:hover {\n      transform: translateY(-6px);\n      border-color: #0ea5e9;\n      box-shadow: 0 16px 32px rgba(14, 165, 233, 0.12);\n    }\n\n    .pvt-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .pvt-card-content {\n      padding: 32px 28px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      gap: 14px;\n    }\n\n    \/* \u4ea7\u54c1\u7c7b\u578b\u6807\u7b7e *\/\n    .pvt-card-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #0284c7;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      align-self: flex-start;\n      transition: all 0.3s ease;\n    }\n\n    .pvt-product-card:hover .pvt-card-badge {\n      background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);\n      color: #ffffff;\n      transform: translateX(4px);\n    }\n\n    \/* \u6807\u9898 *\/\n    .pvt-card-title {\n      font-size: 20px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.3;\n      letter-spacing: -0.4px;\n      transition: color 0.3s ease;\n    }\n\n    .pvt-product-card:hover .pvt-card-title {\n      color: #0ea5e9;\n    }\n\n    \/* \u526f\u6807\u9898 *\/\n    .pvt-card-subtitle {\n      font-size: 14px;\n      color: #0284c7;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    \/* \u63cf\u8ff0 *\/\n    .pvt-card-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .pvt-card-features {\n      list-style: none;\n      padding: 0;\n      margin: 12px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .pvt-card-features li {\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n      padding-left: 20px;\n      position: relative;\n    }\n\n    .pvt-card-features li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #0ea5e9;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    \/* \u94fe\u63a5 *\/\n    .pvt-card-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #0ea5e9;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      margin-top: 8px;\n      align-self: flex-start;\n    }\n\n    .pvt-card-link:hover {\n      color: #0284c7;\n      transform: translateX(4px);\n    }\n\n    .pvt-card-link svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .pvt-card-link:hover svg {\n      transform: translateX(3px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .pvt-header {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        padding: 35px 40px;\n      }\n\n      .pvt-header-content {\n        text-align: center;\n      }\n\n      .pvt-header-image {\n        order: -1;\n      }\n\n      .pvt-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .pvt-section {\n        padding: 60px 20px;\n      }\n\n      .pvt-header {\n        padding: 30px 25px;\n        margin-bottom: 25px;\n      }\n\n      .pvt-subtitle {\n        font-size: 9px;\n        letter-spacing: 2px;\n      }\n\n      .pvt-header h2 {\n        font-size: 30px;\n        letter-spacing: -0.8px;\n      }\n\n      .pvt-tagline {\n        font-size: 14px;\n      }\n\n      .pvt-intro {\n        font-size: 13px;\n      }\n\n      .pvt-header-image {\n        padding: 15px;\n      }\n\n      .pvt-header-image img {\n        max-height: 160px;\n      }\n\n      .pvt-header-image::before {\n        width: 200px;\n        height: 200px;\n      }\n\n      .pvt-products-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .pvt-card-content {\n        padding: 28px 24px;\n      }\n\n      .pvt-card-title {\n        font-size: 18px;\n      }\n\n      .pvt-card-subtitle {\n        font-size: 13px;\n      }\n\n      .pvt-card-description {\n        font-size: 13px;\n      }\n\n      .pvt-card-features li {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pvt-container\">\n    \n    <!-- Header with Image -->\n    <div class=\"pvt-header\">\n      <div class=\"pvt-header-content\">\n        <span class=\"pvt-subtitle\">\u2600\ufe0f HYBRID SOLAR TECHNOLOGY<\/span>\n        <h2>PVT Solar Panel<\/h2>\n        <p class=\"pvt-tagline\">Dual Power \u2014 Electricity & Heat in One System<\/p>\n        <p class=\"pvt-intro\">\n          SOLETKS PVT (Photovoltaic-Thermal) Solar Panels combine photovoltaic generation and thermal collection in a single advanced unit. By harnessing both sunlight and heat, they maximize total energy output, enhance overall efficiency, and provide comprehensive clean-energy solutions for buildings, industries, and large-scale projects.\n        <\/p>\n      <\/div>\n      <div class=\"pvt-header-image\">\n        <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/T%E5%9E%8B3-scaled.png?w=600&quality=75\" \n             alt=\"PVT Solar Panel System\" \n             loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"pvt-products-grid\">\n      \n      <!-- Product 1: Hybrid PVT-E Type -->\n      <div class=\"pvt-product-card\">\n        <div class=\"pvt-card-content\">\n          <span class=\"pvt-card-badge\">Hybrid<\/span>\n          <h3 class=\"pvt-card-title\">PVT-E Type Solar Panel<\/h3>\n          <p class=\"pvt-card-subtitle\">Balanced Power & Heat Recovery<\/p>\n          <p class=\"pvt-card-description\">\n            A hybrid module designed for efficient electricity generation with auxiliary heat recovery. Delivers excellent electrical performance and steady hot water output.\n          <\/p>\n          <ul class=\"pvt-card-features\">\n            <li>Efficient electricity generation<\/li>\n            <li>Auxiliary heat recovery<\/li>\n            <li>Steady hot water output<\/li>\n            <li>Residential & commercial<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-e-type-solar-panel\/\" class=\"pvt-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Thermal Focus PVT-T Type -->\n      <div class=\"pvt-product-card\">\n        <div class=\"pvt-card-content\">\n          <span class=\"pvt-card-badge\">Thermal Focus<\/span>\n          <h3 class=\"pvt-card-title\">PVT-T Type Solar Panel<\/h3>\n          <p class=\"pvt-card-subtitle\">High Heat Capture, Strong Power Output<\/p>\n          <p class=\"pvt-card-description\">\n            Thermal-focused hybrid panel emphasizing enhanced thermal collection while maintaining robust electrical generation.\n          <\/p>\n          <ul class=\"pvt-card-features\">\n            <li>Enhanced thermal collection<\/li>\n            <li>Robust power generation<\/li>\n            <li>Stable heat & power supply<\/li>\n            <li>Industrial & large-scale<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/pvt-t-type-solar-panel\/\" class=\"pvt-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Professional TP\/V Pro Type -->\n      <div class=\"pvt-product-card\">\n        <div class=\"pvt-card-content\">\n          <span class=\"pvt-card-badge\">Professional<\/span>\n          <h3 class=\"pvt-card-title\">TP\/V Pro Type Solar Panel<\/h3>\n          <p class=\"pvt-card-subtitle\">Next-Generation Integrated Solar Technology<\/p>\n          <p class=\"pvt-card-description\">\n            Features upgraded thermal management and advanced cooling design, achieving higher electrical conversion, extended service life, and superior energy yield.\n          <\/p>\n          <ul class=\"pvt-card-features\">\n            <li>Upgraded thermal management<\/li>\n            <li>Advanced cooling design<\/li>\n            <li>Higher conversion rate<\/li>\n            <li>Extended service life<\/li>\n          <\/ul>\n          <a href=\"https:\/\/service.soletksolar.com\/products\/pvt-solar-panel\/tp-v-pro-type-solar-panel\/\" class=\"pvt-card-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2dc6c54 e-con-full e-flex e-con e-parent\" data-id=\"2dc6c54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6c3e93 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d6c3e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Evacuated Tube Solar Collector Section - Encapsulated -->\n<section id=\"evacuated-tube-collector\" class=\"soletks-etc-section\">\n  <style>\n    \/* \u5c01\u88c5\u6837\u5f0f - \u4f7f\u7528 soletks-etc \u524d\u7f00\u907f\u514d\u51b2\u7a81 *\/\n    .soletks-etc-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u7cbe\u81f4\u80cc\u666f\u88c5\u9970 *\/\n    .soletks-etc-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(139, 92, 246, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(30%, -30%);\n    }\n\n    .soletks-etc-section::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(124, 58, 237, 0.03) 0%, transparent 70%);\n      border-radius: 50%;\n      transform: translate(-30%, 30%);\n    }\n\n    .soletks-etc-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Header - \u5e26\u56fe\u7247\u7684\u5927\u6807\u9898\u533a\u57df *\/\n    .soletks-etc-header {\n      background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);\n      border-radius: 20px;\n      border: 1px solid #e9d5ff;\n      padding: 40px 50px;\n      margin-bottom: 30px;\n      display: grid;\n      grid-template-columns: 1fr 320px;\n      gap: 50px;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .soletks-etc-header::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);\n    }\n\n    .soletks-etc-header-content {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      order: 1;\n    }\n\n    .soletks-etc-subtitle {\n      font-size: 10px;\n      color: #7c3aed;\n      font-weight: 600;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      display: block;\n    }\n\n    .soletks-etc-header h2 {\n      font-size: 38px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.2;\n      letter-spacing: -1.2px;\n    }\n\n    .soletks-etc-tagline {\n      font-size: 16px;\n      color: #7c3aed;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    .soletks-etc-intro {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    .soletks-etc-header-image {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      padding: 20px;\n      background: transparent;\n      order: 2;\n    }\n\n    \/* \u56fe\u7247\u88c5\u9970\u5706 *\/\n    .soletks-etc-header-image::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 240px;\n      height: 240px;\n      border: 2px solid rgba(139, 92, 246, 0.08);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    \/* \u4ea7\u54c1\u56fe\u7247\u5bb9\u5668 *\/\n    .soletks-etc-product-image {\n      width: 100%;\n      height: auto;\n      max-height: 220px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      z-index: 1;\n    }\n\n    .soletks-etc-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      filter: drop-shadow(0 15px 30px rgba(124, 58, 237, 0.15));\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .soletks-etc-header:hover .soletks-etc-product-image img {\n      transform: scale(1.05) translateY(-8px);\n    }\n\n    \/* \u56fe\u7247\u52a0\u8f7d\u72b6\u6001 *\/\n    .soletks-etc-product-image img[loading=\"lazy\"] {\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n\n    .soletks-etc-product-image img.soletks-etc-loaded {\n      opacity: 1;\n    }\n\n    \/* \u52a0\u8f7d\u5360\u4f4d\u7b26 *\/\n    .soletks-etc-product-image.soletks-etc-loading::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(139, 92, 246, 0.2);\n      border-top-color: #8b5cf6;\n      border-radius: 50%;\n      animation: soletks-etc-spin 0.8s linear infinite;\n    }\n\n    @keyframes soletks-etc-spin {\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247\u533a\u57df - \u4e09\u5217\u5e03\u5c40 *\/\n    .soletks-etc-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247 *\/\n    .soletks-etc-product-card {\n      background: #ffffff;\n      border-radius: 18px;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      height: 100%;\n    }\n\n    .soletks-etc-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .soletks-etc-product-card:hover {\n      transform: translateY(-6px);\n      border-color: #8b5cf6;\n      box-shadow: 0 16px 32px rgba(139, 92, 246, 0.12);\n    }\n\n    .soletks-etc-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .soletks-etc-card-content {\n      padding: 32px 28px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      gap: 14px;\n    }\n\n    \/* \u4ea7\u54c1\u7c7b\u578b\u6807\u7b7e *\/\n    .soletks-etc-card-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #7c3aed;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      align-self: flex-start;\n      transition: all 0.3s ease;\n    }\n\n    .soletks-etc-product-card:hover .soletks-etc-card-badge {\n      background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n      color: #ffffff;\n      transform: translateX(4px);\n    }\n\n    \/* \u6807\u9898 *\/\n    .soletks-etc-card-title {\n      font-size: 20px;\n      color: #0f172a;\n      margin: 0;\n      font-weight: 600;\n      line-height: 1.3;\n      letter-spacing: -0.4px;\n      transition: color 0.3s ease;\n    }\n\n    .soletks-etc-product-card:hover .soletks-etc-card-title {\n      color: #8b5cf6;\n    }\n\n    \/* \u526f\u6807\u9898 *\/\n    .soletks-etc-card-subtitle {\n      font-size: 14px;\n      color: #7c3aed;\n      font-weight: 600;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    \/* \u63cf\u8ff0 *\/\n    .soletks-etc-card-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .soletks-etc-card-features {\n      list-style: none;\n      padding: 0;\n      margin: 12px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .soletks-etc-card-features li {\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n      padding-left: 20px;\n      position: relative;\n    }\n\n    .soletks-etc-card-features li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #8b5cf6;\n      font-weight: 700;\n      font-size: 14px;\n    }\n\n    \/* \u94fe\u63a5 *\/\n    .soletks-etc-card-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #8b5cf6;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      margin-top: 8px;\n      align-self: flex-start;\n    }\n\n    .soletks-etc-card-link:hover {\n      color: #7c3aed;\n      transform: translateX(4px);\n    }\n\n    .soletks-etc-card-link svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .soletks-etc-card-link:hover svg {\n      transform: translateX(3px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .soletks-etc-header {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        padding: 35px 40px;\n      }\n\n      .soletks-etc-header-content {\n        text-align: center;\n      }\n\n      .soletks-etc-header-image {\n        order: -1;\n      }\n\n      .soletks-etc-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .soletks-etc-section {\n        padding: 60px 20px;\n      }\n\n      .soletks-etc-header {\n        padding: 30px 25px;\n        margin-bottom: 25px;\n      }\n\n      .soletks-etc-subtitle {\n        font-size: 9px;\n        letter-spacing: 2px;\n      }\n\n      .soletks-etc-header h2 {\n        font-size: 30px;\n        letter-spacing: -0.8px;\n      }\n\n      .soletks-etc-tagline {\n        font-size: 14px;\n      }\n\n      .soletks-etc-intro {\n        font-size: 13px;\n      }\n\n      .soletks-etc-header-image {\n        padding: 15px;\n      }\n\n      .soletks-etc-product-image {\n        max-height: 180px;\n      }\n\n      .soletks-etc-header-image::before {\n        width: 200px;\n        height: 200px;\n      }\n\n      .soletks-etc-products-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .soletks-etc-card-content {\n        padding: 28px 24px;\n      }\n\n      .soletks-etc-card-title {\n        font-size: 18px;\n      }\n\n      .soletks-etc-card-subtitle {\n        font-size: 13px;\n      }\n\n      .soletks-etc-card-description {\n        font-size: 13px;\n      }\n\n      .soletks-etc-card-features li {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"soletks-etc-container\">\n    \n    <!-- Header with Product Image -->\n    <div class=\"soletks-etc-header\">\n      <div class=\"soletks-etc-header-content\">\n        <span class=\"soletks-etc-subtitle\">\ud83c\udf1e VACUUM TUBE TECHNOLOGY<\/span>\n        <h2>Evacuated Tube Solar Collector<\/h2>\n        <p class=\"soletks-etc-tagline\">High Efficiency, Low Heat Loss, All-Weather Performance<\/p>\n        <p class=\"soletks-etc-intro\">\n          SOLETKS Evacuated Tube Solar Collectors are engineered for maximum thermal efficiency and reliability. With advanced vacuum tube and selective coating technologies, they ensure superior solar absorption, minimal heat loss, and stable output\u2014even in cold or cloudy conditions. Perfect for residential, commercial, and industrial heating systems.\n        <\/p>\n      <\/div>\n      <div class=\"soletks-etc-header-image\">\n        <!-- Product Image -->\n        <div class=\"soletks-etc-product-image soletks-etc-loading\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC%E7%83%AD%E6%B0%B4%E9%9B%86%E7%83%AD%E5%99%A82-scaled.png?w=400&quality=80\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC%E7%83%AD%E6%B0%B4%E9%9B%86%E7%83%AD%E5%99%A82-scaled.png?w=400&quality=80 400w,\n                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC%E7%83%AD%E6%B0%B4%E9%9B%86%E7%83%AD%E5%99%A82-scaled.png?w=600&quality=80 600w\"\n               sizes=\"auto, (max-width: 768px) 90vw, (max-width: 1200px) 45vw, 320px\"\n               alt=\"Evacuated Tube Solar Collector\" \n               loading=\"lazy\"\n               decoding=\"async\"\n               width=\"400\"\n               height=\"300\"\n               onload=\"this.parentElement.classList.remove('soletks-etc-loading'); this.classList.add('soletks-etc-loaded');\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"soletks-etc-products-grid\">\n      \n      <!-- Product 1: Air Heating DVC -->\n      <div class=\"soletks-etc-product-card\">\n        <div class=\"soletks-etc-card-content\">\n          <span class=\"soletks-etc-card-badge\">Air Heating<\/span>\n          <h3 class=\"soletks-etc-card-title\">DVC Air Collector<\/h3>\n          <p class=\"soletks-etc-card-subtitle\">Clean & Efficient Solar Air Heating<\/p>\n          <p class=\"soletks-etc-card-description\">\n            A direct vacuum tube air collector that delivers fast temperature rise and stable airflow for drying, space heating, and ventilation systems.\n          <\/p>\n          <ul class=\"soletks-etc-card-features\">\n            <li>Fast temperature rise<\/li>\n            <li>Stable airflow output<\/li>\n            <li>Drying & ventilation<\/li>\n            <li>Minimal maintenance<\/li>\n          <\/ul>\n          <a href=\"#dvc-air-collector\" class=\"soletks-etc-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Hot Water CTC -->\n      <div class=\"soletks-etc-product-card\">\n        <div class=\"soletks-etc-card-content\">\n          <span class=\"soletks-etc-card-badge\">Hot Water<\/span>\n          <h3 class=\"soletks-etc-card-title\">CTC Hot Water Collector<\/h3>\n          <p class=\"soletks-etc-card-subtitle\">Reliable Solar Water Heating Solution<\/p>\n          <p class=\"soletks-etc-card-description\">\n            Integrates high-performance evacuated tubes to achieve superior water heating efficiency and long-term stability under various climates.\n          <\/p>\n          <ul class=\"soletks-etc-card-features\">\n            <li>Superior heating efficiency<\/li>\n            <li>All-climate stability<\/li>\n            <li>Domestic & industrial use<\/li>\n            <li>Central supply ready<\/li>\n          <\/ul>\n          <a href=\"#ctc-hot-water-collector\" class=\"soletks-etc-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: High Performance HPC -->\n      <div class=\"soletks-etc-product-card\">\n        <div class=\"soletks-etc-card-content\">\n          <span class=\"soletks-etc-card-badge\">High Performance<\/span>\n          <h3 class=\"soletks-etc-card-title\">HPC Thermal Collector<\/h3>\n          <p class=\"soletks-etc-card-subtitle\">Hybrid Heat Pipe Vacuum System<\/p>\n          <p class=\"soletks-etc-card-description\">\n            Combines vacuum tube and heat pipe technologies for rapid heat transfer, high-temperature resistance, and long service life.\n          <\/p>\n          <ul class=\"soletks-etc-card-features\">\n            <li>Rapid heat transfer<\/li>\n            <li>High-temp resistance<\/li>\n            <li>Extended service life<\/li>\n            <li>Powerful thermal output<\/li>\n          <\/ul>\n          <a href=\"#hpc-thermal-collector\" class=\"soletks-etc-card-link\">\n            Learn More\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>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4600ec e-con-full e-flex e-con e-parent\" data-id=\"b4600ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fda8b7b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fda8b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">Our Projects<\/span>\n            <h2 class=\"section-title\">Global <span class=\"title-highlight\">Solar Energy Excellence<\/span><\/h2>\n            <p class=\"section-description\">Pioneering sustainable energy solutions across continents, delivering innovative solar heating and hot water systems.<\/p>\n        <\/div>\n\n        <div class=\"projects-layout\">\n            <!-- Featured Project - Left Side -->\n            <article class=\"project-featured\">\n                <div class=\"featured-image\">\n                    <img loading=\"lazy\" height=\"728\" width=\"1254\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png\" alt=\"Centralized Solar Heating\">\n                    <span class=\"featured-badge\">Featured<\/span>\n                <\/div>\n                <div class=\"featured-content\">\n                    <h3>Centralized Solar Heating for Saga County Town in Shigatse City<\/h3>\n                    <div class=\"meta-tags\">\n                        <span>2019<\/span>\n                        <span>Shigatse, Tibet<\/span>\n                        <span>107,000 m\u00b2<\/span>\n                    <\/div>\n                    <p>EFPC115 large flat-plate collectors provide heating coverage for 107,000 m\u00b2, replacing traditional coal and yak dung heating. Reduces coal consumption by 2,424 tons annually.<\/p>\n                    <div class=\"achievements-list\">\n                        <div class=\"achievement\">World's first high-altitude solar centralized heating<\/div>\n                        <div class=\"achievement\">First full-chain turnkey solar heating project<\/div>\n                        <div class=\"achievement\">Tibet's first large-scale solar heating<\/div>\n                    <\/div>\n                    <div class=\"featured-actions\">\n                        <button class=\"btn-primary\">\n                            <span>Get Quote<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"btn-secondary\">View Details<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Right Side Grid -->\n            <div class=\"projects-grid\">\n                <!-- Project 2 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"755\" width=\"1313\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png\" alt=\"Tianjin School\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>Tianjin School TPV Pro+ Heat Pump Project<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2024<\/span>\n                            <span>Tianjin<\/span>\n                            <span>3,000 m\u00b2<\/span>\n                        <\/div>\n                        <p>TPV Pro+ heat pump system meets students' heating needs while generating on-site electricity.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>Get Quote<\/span>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 3 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"460\" width=\"801\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png\" alt=\"APEC Summit\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>APEC Summit Hotel Hot Water System<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2014<\/span>\n                            <span>Beijing<\/span>\n                            <span>50 tons\/day<\/span>\n                        <\/div>\n                        <p>Supplies hot water for APEC Summit hotel. Saves 150,000 kWh annually, reduces CO2 by 74 tons.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>Get Quote<\/span>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 4 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"565\" width=\"952\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png\" alt=\"Florida Resort\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>Florida Resort Villa Hot Water Project<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2022<\/span>\n                            <span>Florida, USA<\/span>\n                            <span>200L\/day<\/span>\n                        <\/div>\n                        <p>Flat-plate water heaters provide 200L daily hot water for each resort villa.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>Get Quote<\/span>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 5 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"534\" width=\"902\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png\" alt=\"Harz Church\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>Harz Church Hot Water Project<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2021<\/span>\n                            <span>Germany<\/span>\n                            <span>22 tons\/day<\/span>\n                        <\/div>\n                        <p>Engineering-grade collectors in series\/parallel configuration provide reliable hot water supply.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>Get Quote<\/span>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.projects-showcase {\n    padding: 70px 0;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n}\n\n.container {\n    max-width: 1480px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.section-header {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 50px;\n}\n\n.section-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: 12px;\n}\n\n.section-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.title-highlight {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-description {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #64748b;\n}\n\n.projects-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: stretch;\n}\n\n\/* Featured Project *\/\n.project-featured {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-featured::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-featured:hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n    transform: translateY(-5px);\n}\n\n.project-featured:hover::before {\n    opacity: 1;\n}\n\n.featured-image {\n    position: relative;\n    height: 300px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.featured-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-featured:hover .featured-image img {\n    transform: scale(1.06);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 6px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 20px;\n}\n\n.featured-content {\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n}\n\n.featured-content h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.meta-tags {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.meta-tags span {\n    font-size: 12px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 4px 12px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 12px;\n    border: 1px solid #7dd3fc;\n}\n\n.featured-content p {\n    font-size: 15px;\n    line-height: 1.7;\n    color: #64748b;\n    margin-bottom: 20px;\n}\n\n.achievements-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 24px;\n}\n\n.achievement {\n    font-size: 13px;\n    color: #1e293b;\n    padding: 10px 14px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-left: 3px solid #3b82f6;\n    border-radius: 4px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n.featured-actions {\n    display: flex;\n    gap: 10px;\n    margin-top: auto;\n}\n\n.btn-primary, .btn-secondary {\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 0.85rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: center;\n}\n\n.btn-primary svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(2px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 1px solid #cbd5e1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #94a3b8;\n}\n\n\/* Small Button Variant for Cards *\/\n.btn-small {\n    font-size: 0.75rem;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 14px;\n    height: 14px;\n}\n\n\/* Right Side Grid *\/\n.projects-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 24px;\n    height: 100%;\n}\n\n.project-card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-card:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    transform: translateY(-4px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n.card-image {\n    height: 160px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n.card-content {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-content h4 {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.card-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n}\n\n.card-meta span {\n    font-size: 11px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 3px 10px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 10px;\n    border: 1px solid #7dd3fc;\n}\n\n.card-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 16px;\n    flex: 1;\n}\n\n\/* Card Actions *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.card-actions .btn-primary,\n.card-actions .btn-secondary {\n    flex: 1;\n}\n\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 38px;\n    }\n    \n    .projects-layout {\n        gap: 28px;\n    }\n    \n    .featured-image {\n        height: 260px;\n    }\n    \n    .card-image {\n        height: 140px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .projects-layout {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n    \n    .projects-grid {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: auto;\n        gap: 20px;\n    }\n    \n    .featured-image {\n        height: 300px;\n    }\n    \n    .card-image {\n        height: 180px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-header {\n        margin-bottom: 40px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .featured-image {\n        height: 240px;\n    }\n    \n    .featured-content {\n        padding: 24px;\n    }\n    \n    .featured-content h3 {\n        font-size: 21px;\n    }\n    \n    .card-content h4 {\n        font-size: 16px;\n    }\n    \n    .featured-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary, .btn-secondary {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 640px) {\n    .projects-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .card-image {\n        height: 200px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-image {\n        height: 220px;\n    }\n    \n    .featured-content h3 {\n        font-size: 19px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a468260 e-con-full e-flex e-con e-parent\" data-id=\"a468260\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-967823d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"967823d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Company Introduction Module -->\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    }\n\n    .intro-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Header Section *\/\n    .intro-main-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    .intro-subtitle {\n      font-size: 15px;\n      color: #666;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* 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    }\n\n    \/* 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    }\n\n    .intro-image-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .intro-image-card:hover img {\n      transform: scale(1.06);\n    }\n\n    .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    }\n\n    .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #0066cc;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* 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    }\n\n    .content-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #4a4a4a;\n      margin-bottom: 15px;\n    }\n\n    .content-description strong {\n      color: #1a1a1a;\n      font-weight: 600;\n    }\n\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px;\n      margin-top: 20px;\n    }\n\n    .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    }\n\n    .stat-box:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.1);\n    }\n\n    .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    }\n\n    .stat-label {\n      font-size: 12px;\n      color: #666;\n      font-weight: 500;\n    }\n\n    \/* Features Section *\/\n    .features-section {\n      margin-top: 35px;\n    }\n\n    .features-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1a1a1a;\n      text-align: center;\n      margin-bottom: 25px;\n    }\n\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .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    }\n\n    .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    }\n\n    .feature-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(0, 102, 204, 0.12);\n      border-color: #0066cc;\n    }\n\n    .feature-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .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    }\n\n    .feature-card:hover .feature-icon-wrapper {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      transform: scale(1.08) rotate(3deg);\n    }\n\n    .feature-icon-wrapper svg {\n      transition: all 0.3s ease;\n    }\n\n    .feature-card:hover .feature-icon-wrapper svg {\n      stroke: white;\n    }\n\n    .feature-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin: 12px 0 8px;\n    }\n\n    .feature-card p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    \/* Gallery Section *\/\n    .gallery-section {\n      margin-top: 40px;\n    }\n\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n\n    .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    }\n\n    .gallery-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.1);\n    }\n\n    .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    }\n\n    .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }\n\n    .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    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .intro-main-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .intro-image-card {\n        height: 320px;\n      }\n\n      .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }\n\n      .intro-main-title {\n        font-size: 30px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .company-intro-module {\n        padding: 35px 15px;\n      }\n\n      .intro-main-header {\n        margin-bottom: 25px;\n      }\n\n      .intro-main-title {\n        font-size: 26px;\n      }\n\n      .intro-subtitle {\n        font-size: 14px;\n      }\n\n      .intro-content-card {\n        padding: 20px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n\n      .features-title {\n        font-size: 20px;\n        margin-bottom: 20px;\n      }\n\n      .intro-image-card {\n        height: 280px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"intro-wrapper\">\n    <!-- Header Section -->\n    <div class=\"intro-main-header\">\n      <span class=\"intro-label\">Who We Are<\/span>\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    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"intro-main-grid\">\n      <!-- Image Card -->\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\">\n        <div class=\"image-badge\">\n          <span class=\"badge-text\">Industry Leader<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Content Card -->\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's top manufacturers of flat-plate collectors, driving global progress toward a sustainable future.\n        <\/p>\n\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          <\/div>\n          <div class=\"stat-box\">\n            <div class=\"stat-number\">Top 5<\/div>\n            <div class=\"stat-label\">Global Ranking<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\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        <\/div>\n\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        <\/div>\n\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        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Gallery Section -->\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\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Innovation in Action<\/span>\n          <\/div>\n        <\/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\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Advanced Technology<\/span>\n          <\/div>\n        <\/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\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Sustainable Solutions<\/span>\n          <\/div>\n        <\/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\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Global Excellence<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-642a5a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"642a5a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Personalized Solar Energy Solutions Section -->\n<section class=\"solutions-section\">\n  <style>\n    \/* Solutions Section Styles *\/\n    .solutions-section {\n      padding: 80px 0;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      overflow-x: hidden;\n    }\n\n    .solutions-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* Section Header *\/\n    .solutions-header {\n      text-align: center;\n      margin-bottom: 60px;\n      animation: fadeInUp 0.8s ease;\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .solutions-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: #0066cc;\n      margin-bottom: 16px;\n      padding: 8px 24px;\n      background: rgba(0, 102, 204, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(0, 102, 204, 0.2);\n    }\n\n    .solutions-title {\n      font-size: 48px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 24px 0;\n    }\n\n    .solutions-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .solutions-description {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Services Container *\/\n    .solutions-services {\n      margin-top: 60px;\n      position: relative;\n      width: 100%;\n    }\n\n    .services-overlay {\n      background: linear-gradient(135deg, \n        rgba(12, 22, 41, 0.95) 0%, \n        rgba(30, 58, 138, 0.92) 25%, \n        rgba(29, 78, 216, 0.90) 50%, \n        rgba(37, 99, 235, 0.92) 75%, \n        rgba(59, 130, 246, 0.95) 100%);\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    }\n\n    .services-overlay::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662599508.jpeg');\n      background-size: cover;\n      background-position: center;\n      opacity: 0.15;\n      z-index: 0;\n    }\n\n    .services-row {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      position: relative;\n      z-index: 1;\n    }\n\n    .service-item {\n      position: relative;\n      overflow: hidden;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border-right: 1px solid rgba(255, 255, 255, 0.1);\n      height: 450px;\n      display: flex;\n      align-items: center;\n    }\n\n    .service-item:last-child {\n      border-right: none;\n    }\n\n    .service-item::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(180deg, \n        transparent 0%, \n        rgba(59, 130, 246, 0.1) 100%);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      z-index: 1;\n    }\n\n    .service-item:hover {\n      transform: translateY(-5px);\n    }\n\n    .service-item:hover::after {\n      opacity: 1;\n    }\n\n    .service-content {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n      padding: 40px 20px;\n      color: white;\n    }\n\n    .service-number {\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      opacity: 0.8;\n      margin-bottom: 18px;\n      text-transform: uppercase;\n      color: #60a5fa;\n      text-shadow: 0 0 15px rgba(96, 165, 250, 0.6);\n      display: inline-block;\n      padding: 5px 14px;\n      border: 2px solid rgba(96, 165, 250, 0.4);\n      border-radius: 20px;\n      background: rgba(96, 165, 250, 0.1);\n      flex-shrink: 0;\n    }\n\n    .service-title {\n      font-size: 18px;\n      font-weight: 700;\n      margin: 0 0 18px 0;\n      line-height: 1.4;\n      text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);\n      color: #ffffff;\n      height: 50px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n    .service-desc {\n      font-size: 14px;\n      line-height: 1.7;\n      opacity: 0.95;\n      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);\n      color: rgba(255, 255, 255, 0.95);\n      flex-grow: 1;\n      display: flex;\n      align-items: center;\n    }\n\n    \/* Tablet Landscape *\/\n    @media (max-width: 1200px) {\n      .solutions-title {\n        font-size: 40px;\n      }\n\n      .services-row {\n        grid-template-columns: repeat(3, 1fr);\n      }\n\n      .service-item {\n        height: 420px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .service-item:nth-child(3n) {\n        border-right: none;\n      }\n\n      .service-item:nth-child(-n+3) {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .service-item:nth-last-child(-n+2) {\n        border-bottom: none;\n      }\n\n      .service-content {\n        padding: 35px 25px;\n      }\n\n      .service-title {\n        font-size: 19px;\n        height: 54px;\n      }\n\n      .service-desc {\n        font-size: 14px;\n      }\n    }\n\n    \/* Tablet Portrait *\/\n    @media (max-width: 968px) {\n      .solutions-section {\n        padding: 60px 0;\n      }\n\n      .solutions-wrapper {\n        padding: 0 20px;\n      }\n\n      .solutions-title {\n        font-size: 36px;\n      }\n\n      .solutions-description {\n        font-size: 16px;\n      }\n\n      .services-row {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .service-item {\n        height: 400px;\n      }\n\n      .service-item:nth-child(2n) {\n        border-right: none;\n      }\n\n      .service-item:nth-child(odd) {\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .service-item:nth-child(-n+4) {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .service-item:last-child {\n        border-bottom: none;\n      }\n\n      .service-content {\n        padding: 35px 30px;\n      }\n\n      .service-title {\n        font-size: 19px;\n        height: 54px;\n      }\n    }\n\n    \/* Mobile Large *\/\n    @media (max-width: 768px) {\n      .solutions-section {\n        padding: 50px 0;\n      }\n\n      .solutions-header {\n        margin-bottom: 40px;\n      }\n\n      .solutions-label {\n        font-size: 11px;\n        padding: 6px 20px;\n      }\n\n      .solutions-title {\n        font-size: 32px;\n        margin-bottom: 20px;\n      }\n\n      .solutions-description {\n        font-size: 15px;\n        line-height: 1.7;\n      }\n\n      .solutions-services {\n        margin-top: 40px;\n      }\n\n      .services-overlay {\n        border-radius: 15px;\n      }\n\n      .services-row {\n        grid-template-columns: 1fr;\n      }\n\n      .service-item {\n        height: 320px;\n        border-right: none;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .service-item:last-child {\n        border-bottom: none;\n      }\n\n      .service-content {\n        padding: 30px 30px;\n      }\n\n      .service-number {\n        font-size: 13px;\n        margin-bottom: 14px;\n        padding: 5px 14px;\n      }\n\n      .service-title {\n        font-size: 18px;\n        height: 50px;\n        margin-bottom: 14px;\n      }\n\n      .service-desc {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n    }\n\n    \/* Mobile Small *\/\n    @media (max-width: 480px) {\n      .solutions-section {\n        padding: 40px 0;\n      }\n\n      .solutions-wrapper {\n        padding: 0 15px;\n      }\n\n      .solutions-label {\n        font-size: 10px;\n        letter-spacing: 2px;\n        padding: 5px 16px;\n      }\n\n      .solutions-title {\n        font-size: 26px;\n        margin-bottom: 16px;\n      }\n\n      .solutions-description {\n        font-size: 14px;\n      }\n\n      .services-overlay {\n        border-radius: 12px;\n      }\n\n      .service-item {\n        height: 310px;\n      }\n\n      .service-content {\n        padding: 28px 20px;\n      }\n\n      .service-number {\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n\n      .service-title {\n        font-size: 17px;\n        height: 48px;\n        margin-bottom: 12px;\n      }\n\n      .service-desc {\n        font-size: 13px;\n        line-height: 1.6;\n      }\n    }\n\n    \/* Extra Small Mobile *\/\n    @media (max-width: 375px) {\n      .solutions-title {\n        font-size: 24px;\n      }\n\n      .solutions-description {\n        font-size: 13px;\n      }\n\n      .service-item {\n        height: 300px;\n      }\n\n      .service-content {\n        padding: 25px 15px;\n      }\n\n      .service-title {\n        font-size: 16px;\n        height: 46px;\n      }\n\n      .service-desc {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"solutions-wrapper\">\n    <!-- Section Header -->\n    <div class=\"solutions-header\">\n      <span class=\"solutions-label\">Our Solutions<\/span>\n      <h2 class=\"solutions-title\">Personalized <span class=\"highlight\">Solar Energy<\/span> Solutions<\/h2>\n      <p class=\"solutions-description\">\n        SOLETKS delivers tailored solar thermal systems with flexible configurations in capacity, design, and application. From residential hot water and building heating to industrial and agricultural thermal systems, we integrate solar, geothermal, and air energy to achieve maximum efficiency and sustainability.\n      <\/p>\n    <\/div>\n\n    <!-- Services Row -->\n    <div class=\"solutions-services\">\n      <div class=\"services-overlay\">\n        <div class=\"services-row\">\n          <!-- Service 1 -->\n          <div class=\"service-item\">\n            <div class=\"service-content\">\n              <div class=\"service-number\">01<\/div>\n              <h3 class=\"service-title\">System Performance Analysis<\/h3>\n              <p class=\"service-desc\">\n                Enhance energy output through in-depth system evaluations, heat collection efficiency testing, and performance optimization \u2014 ensuring every solar installation operates at peak performance.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 2 -->\n          <div class=\"service-item\">\n            <div class=\"service-content\">\n              <div class=\"service-number\">02<\/div>\n              <h3 class=\"service-title\">Expert Installation & Commissioning<\/h3>\n              <p class=\"service-desc\">\n                Reduce installation time and ensure safety with professional on-site setup, calibration, and system commissioning led by SOLETKS technical experts.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 3 -->\n          <div class=\"service-item\">\n            <div class=\"service-content\">\n              <div class=\"service-number\">03<\/div>\n              <h3 class=\"service-title\">Complimentary Maintenance Service<\/h3>\n              <p class=\"service-desc\">\n                Protect your investment with routine inspections and preventive maintenance \u2014 extending collector lifespan and maintaining high heat conversion efficiency at no extra cost.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 4 -->\n          <div class=\"service-item\">\n            <div class=\"service-content\">\n              <div class=\"service-number\">04<\/div>\n              <h3 class=\"service-title\">Free Technical Training<\/h3>\n              <p class=\"service-desc\">\n                Empower your team with practical training on solar system operation, monitoring, and maintenance to ensure stable, long-term performance.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 5 -->\n          <div class=\"service-item\">\n            <div class=\"service-content\">\n              <div class=\"service-number\">05<\/div>\n              <h3 class=\"service-title\">Continuous Technology Upgrades<\/h3>\n              <p class=\"service-desc\">\n                Stay ahead with ongoing innovations in selective absorption coating, thermal storage, and intelligent control systems for next-generation solar energy solutions.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8e973c e-con-full e-flex e-con e-child\" data-id=\"f8e973c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-26ff132 e-con-full e-flex e-con e-child\" data-id=\"26ff132\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d013d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"86d013d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Certifications & Quality Assurance Section -->\n<section class=\"certifications-section\">\n  <style>\n    .certifications-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .certifications-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .certifications-label {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .certifications-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.2;\n    }\n\n    .certifications-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }\n\n    .cert-tab {\n      padding: 12px 28px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cert-tab::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .cert-tab:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n    }\n\n    .cert-tab:hover::before {\n      left: 100%;\n    }\n\n    .cert-tab.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }\n\n    .cert-tab-content.active {\n      display: block;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Certificates Grid - 4 columns *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n\n    .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    }\n\n    .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    }\n\n    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .certificate-image {\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }\n\n    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n    }\n\n    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }\n\n    .certificate-badge {\n      position: absolute;\n      top: 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    }\n\n    .certificate-info {\n      padding: 20px;\n    }\n\n    .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    }\n\n    .certificate-type {\n      font-size: 13px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.95);\n      z-index: 10000;\n      justify-content: center;\n      align-items: center;\n      padding: 40px;\n      animation: lightboxFadeIn 0.3s ease;\n    }\n\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 95%;\n      max-height: 95%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      animation: zoomIn 0.4s ease;\n    }\n\n    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content img {\n      max-width: 100%;\n      max-height: 90vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);\n    }\n\n    .lightbox-close {\n      position: fixed;\n      top: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.95);\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10001;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }\n\n    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }\n\n    .lightbox-info {\n      position: fixed;\n      bottom: 30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(255, 255, 255, 0.95);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-size: 14px;\n      color: #1e293b;\n      font-weight: 600;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 260px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 280px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }\n\n      .certifications-container {\n        padding: 0 20px;\n      }\n\n      .certifications-title {\n        font-size: 36px;\n      }\n\n      .certifications-description {\n        font-size: 16px;\n      }\n\n      .cert-tabs {\n        gap: 8px;\n      }\n\n      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }\n\n      .certificate-image {\n        height: 240px;\n      }\n\n      .lightbox-modal {\n        padding: 20px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n\n      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 300px;\n      }\n\n      .certifications-title {\n        font-size: 28px;\n      }\n\n      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"certifications-container\">\n    <!-- Section Header -->\n    <div class=\"certifications-header\">\n      <span class=\"certifications-label\">International Standards<\/span>\n      <h2 class=\"certifications-title\">\n        Global Certifications & <span class=\"highlight\">Quality Assurance<\/span>\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's commitment to reliability, performance, and compliance.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">All Certificates<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO Certifications<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Product Certificates<\/button>\n    <\/div>\n\n    <!-- All Certificates Tab -->\n    <div class=\"cert-tab-content active\" id=\"all\">\n      <div class=\"certificates-grid\">\n        <!-- Certificate 1 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 2 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & 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\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Occupational Health & Safety<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 6 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 7 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 8 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 9 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 10 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <!-- Certificate 11 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & 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\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Occupational Health & Safety<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solar Keymark Tab -->\n    <div class=\"cert-tab-content\" id=\"solar-keymark\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" 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\">\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          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Product Certificates Tab -->\n    <div class=\"cert-tab-content\" id=\"product\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n\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\">\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          <\/div>\n        <\/div>\n\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\">\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          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" 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\">\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          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" id=\"lightbox-image\">\n    <\/div>\n    <div class=\"lightbox-info\" id=\"lightbox-info\">Certificate Name<\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));\n      \n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImage = document.getElementById('lightbox-image');\n  const lightboxInfo = document.getElementById('lightbox-info');\n  const lightboxClose = document.getElementById('lightbox-close');\n  const certificateCards = document.querySelectorAll('.certificate-card');\n\n  \/\/ Open lightbox when clicking on certificate card\n  certificateCards.forEach(card => {\n    card.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      const certName = this.getAttribute('data-name');\n      \n      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  \/\/ Close lightbox when clicking on dark background\n  lightbox.addEventListener('click', function(e) {\n    if (e.target === lightbox) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Close lightbox with ESC key\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 50);\n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  certificateCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18045f5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"18045f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- What Sets SOLETKS Ahead Section -->\n<section class=\"advantages-section\">\n  <style>\n    \/* Advantages Section Styles *\/\n    .advantages-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .advantages-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -10%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-section::after {\n      content: '';\n      position: absolute;\n      bottom: -40%;\n      right: -8%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(29, 78, 216, 0.04) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .advantages-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .advantages-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 12px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.08);\n      border-radius: 20px;\n    }\n\n    .advantages-title {\n      font-size: 42px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 10px 0 15px 0;\n    }\n\n    .advantages-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .advantages-subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 500;\n      margin: 0;\n    }\n\n    \/* Advantages Grid *\/\n    .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-top: 50px;\n    }\n\n    .advantage-card {\n      background: white;\n      border-radius: 16px;\n      padding: 35px 28px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 2px solid transparent;\n      text-align: center;\n    }\n\n    .advantage-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      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .advantage-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);\n      border-color: rgba(59, 130, 246, 0.2);\n    }\n\n    .advantage-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .advantage-icon {\n      width: 70px;\n      height: 70px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.08));\n      border-radius: 18px;\n      transition: all 0.4s ease;\n      position: relative;\n    }\n\n    .advantage-card:hover .advantage-icon {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      transform: scale(1.1) rotate(-5deg);\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .advantage-icon svg {\n      width: 36px;\n      height: 36px;\n      stroke: #3b82f6;\n      transition: all 0.4s ease;\n    }\n\n    .advantage-card:hover .advantage-icon svg {\n      stroke: white;\n      transform: scale(1.1);\n    }\n\n    .advantage-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 12px 0;\n      line-height: 1.3;\n    }\n\n    .advantage-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* CTA Section *\/\n    .advantages-cta {\n      text-align: center;\n      margin-top: 60px;\n    }\n\n    .cta-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 18px 40px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .cta-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.2), transparent);\n      transition: left 0.6s ease;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);\n      background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    }\n\n    .cta-button:hover::before {\n      left: 100%;\n    }\n\n    .cta-button svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover svg {\n      transform: translateX(4px);\n    }\n\n    .cta-button:active {\n      transform: translateY(-1px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .advantages-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .advantages-section {\n        padding: 60px 15px;\n      }\n\n      .advantages-title {\n        font-size: 34px;\n      }\n\n      .advantages-subtitle {\n        font-size: 16px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n\n      .advantage-card {\n        padding: 28px 22px;\n      }\n\n      .advantages-cta {\n        margin-top: 50px;\n      }\n\n      .cta-button {\n        padding: 16px 36px;\n        font-size: 15px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .advantages-section {\n        padding: 50px 15px;\n      }\n\n      .advantages-header {\n        margin-bottom: 40px;\n      }\n\n      .advantages-title {\n        font-size: 28px;\n      }\n\n      .advantages-subtitle {\n        font-size: 15px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .advantage-card {\n        padding: 30px 25px;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n\n      .advantage-icon {\n        width: 64px;\n        height: 64px;\n        margin-bottom: 18px;\n      }\n\n      .advantage-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .advantage-title {\n        font-size: 17px;\n      }\n\n      .advantage-description {\n        font-size: 13px;\n      }\n\n      .advantages-cta {\n        margin-top: 45px;\n      }\n\n      .cta-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 14px;\n      }\n    }\n  <\/style>\n\n  <div class=\"advantages-container\">\n    <!-- Section Header -->\n    <div class=\"advantages-header\">\n      <span class=\"advantages-label\">Our Advantages<\/span>\n      <h2 class=\"advantages-title\">What Sets <span class=\"highlight\">SOLETKS<\/span> Ahead<\/h2>\n      <p class=\"advantages-subtitle\">Top Clean Thermal Energy Solutions Provider in China<\/p>\n    <\/div>\n\n    <!-- Advantages Grid -->\n    <div class=\"advantages-grid\">\n      <!-- Advantage 1: Superior Quality -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Superior Quality<\/h3>\n        <p class=\"advantage-description\">High-performance solar thermal systems built with advanced materials and 160+ strict inspection steps for long-term reliability.<\/p>\n      <\/div>\n\n      <!-- Advantage 2: Cost Effective -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <path d=\"M12 6v6l4 2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Cost Effective<\/h3>\n        <p class=\"advantage-description\">Efficient production and smart system design ensure maximum energy output with minimal lifecycle costs.<\/p>\n      <\/div>\n\n      <!-- Advantage 3: Precision Customization -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v6m0 4v10M6 8l6 6 6-6\"\/>\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Precision Customization<\/h3>\n        <p class=\"advantage-description\">Tailor-made flat-plate systems designed for diverse climates, industries, and installation requirements.<\/p>\n      <\/div>\n\n      <!-- Advantage 4: Innovation Driven -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Innovation Driven<\/h3>\n        <p class=\"advantage-description\">Continuous R&D supported by 117 patented technologies, advancing solar absorption and integrated energy solutions.<\/p>\n      <\/div>\n\n      <!-- Advantage 5: Reliable Support -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Reliable Support<\/h3>\n        <p class=\"advantage-description\">24\/7 global technical service and professional on-site assistance for smooth, reliable operation.<\/p>\n      <\/div>\n\n      <!-- Advantage 6: Global Reach -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\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\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Global Reach<\/h3>\n        <p class=\"advantage-description\">Delivering sustainable energy solutions to customers across multiple regions with localized service networks.<\/p>\n      <\/div>\n\n      <!-- Advantage 7: Certified Excellence -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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 class=\"advantage-title\">Certified Excellence<\/h3>\n        <p class=\"advantage-description\">Recognized as a National High-Tech Enterprise with international certifications for quality and sustainability.<\/p>\n      <\/div>\n\n      <!-- Advantage 8: Extended Warranty -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Extended Warranty<\/h3>\n        <p class=\"advantage-description\">Comprehensive product warranty and lifetime technical guidance for long-term peace of mind.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>Find Your SOLETKS Energy Solution<\/span>\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      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleAdvantagesScroll() {\n    const advantageCards = document.querySelectorAll('.advantage-card');\n    \n    advantageCards.forEach((card, index) => {\n      const rect = card.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !card.classList.contains('animated')) {\n        setTimeout(() => {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 80);\n      }\n    });\n    \n    \/\/ CTA\u6309\u94ae\u52a8\u753b\n    const ctaButton = document.querySelector('.cta-button');\n    if (ctaButton) {\n      const rect = ctaButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 50;\n      \n      if (isVisible && !ctaButton.classList.contains('animated')) {\n        setTimeout(() => {\n          ctaButton.style.opacity = '1';\n          ctaButton.style.transform = 'translateY(0)';\n          ctaButton.classList.add('animated');\n        }, 700);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u5361\u7247\u72b6\u6001\n  const advantageCards = document.querySelectorAll('.advantage-card');\n  advantageCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n  });\n  \n  \/\/ \u521d\u59cb\u5316CTA\u6309\u94ae\u72b6\u6001\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.style.opacity = '0';\n    ctaButton.style.transform = 'translateY(30px)';\n    ctaButton.style.transition = 'all 0.6s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    ctaButton.addEventListener('click', function() {\n      console.log('Find Your SOLETKS Energy Solution clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleAdvantagesScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleAdvantagesScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e229606 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e229606\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Customers Gallery Section -->\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    }\n\n    \/* 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    }\n\n    .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    }\n\n    .mosaic-item:hover {\n      filter: grayscale(0%) brightness(1.15);\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6b8a\u5b9a\u4f4d\u7b2c\u4e8c\u884c\u7b2c\u4e00\u5f20\u56fe\u7247 *\/\n    .mosaic-item:nth-child(5) {\n      background-position: center top;\n    }\n\n    \/* 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    }\n\n    \/* 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    }\n\n    @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    }\n\n    .customers-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Section Header *\/\n    .customers-header {\n      text-align: center;\n      margin-bottom: 0;\n    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    \/* CTA Section *\/\n    .customers-cta {\n      text-align: center;\n      margin-top: 0;\n    }\n\n    .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    }\n\n    .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    }\n\n    .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    }\n\n    .explore-button:hover::before {\n      left: 100%;\n    }\n\n    .explore-button svg {\n      width: 24px;\n      height: 24px;\n      transition: transform 0.3s ease;\n    }\n\n    .explore-button:hover svg {\n      transform: translateX(6px);\n    }\n\n    .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    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .background-mosaic {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 968px) {\n      .customers-gallery-section {\n        padding: 70px 15px;\n      }\n\n      .background-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        opacity: 0.6;\n      }\n\n      .customers-title {\n        font-size: 42px;\n      }\n\n      .customers-subtitle {\n        font-size: 18px;\n      }\n\n      .customers-description {\n        font-size: 16px;\n        margin-bottom: 60px;\n      }\n\n      .explore-button {\n        padding: 20px 50px;\n        font-size: 16px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .customers-gallery-section {\n        padding: 60px 15px;\n      }\n\n      .customers-header {\n        margin-bottom: 0;\n      }\n\n      .customers-title {\n        font-size: 34px;\n      }\n\n      .customers-subtitle {\n        font-size: 17px;\n      }\n\n      .customers-description {\n        font-size: 15px;\n        margin-bottom: 50px;\n      }\n\n      .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\n  <!-- Background Mosaic -->\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  <\/div>\n\n  <div class=\"customers-container\">\n    <!-- Section Header -->\n    <div class=\"customers-header\">\n      <span class=\"customers-label\">Global Excellence<\/span>\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    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>Explore Now<\/span>\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>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<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';\n    \n    \/\/ \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  }\n  \n  \/\/ \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 && !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  }\n  \n  \/\/ \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  });\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleCustomersScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleCustomersScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67c197a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"67c197a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FAQ Section -->\n<section class=\"faq-section\">\n  <style>\n    \/* FAQ Section Styles *\/\n    .faq-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n    }\n\n    .faq-container {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .faq-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .faq-title {\n      font-size: 40px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 15px 0;\n    }\n\n    .faq-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .faq-subtitle {\n      font-size: 16px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* FAQ List *\/\n    .faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .faq-item {\n      background: #f8fafc;\n      border-radius: 12px;\n      border: 2px solid #e2e8f0;\n      overflow: hidden;\n      transition: all 0.3s ease;\n    }\n\n    .faq-item:hover {\n      border-color: #cbd5e1;\n    }\n\n    .faq-item.active {\n      background: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);\n    }\n\n    .faq-question {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 22px 26px;\n      cursor: pointer;\n      user-select: none;\n      gap: 20px;\n    }\n\n    .faq-question-text {\n      font-size: 17px;\n      font-weight: 600;\n      color: #1e293b;\n      line-height: 1.5;\n      flex: 1;\n    }\n\n    .faq-toggle {\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50%;\n      color: #64748b;\n      font-size: 16px;\n      font-weight: 700;\n      transition: all 0.3s ease;\n      flex-shrink: 0;\n    }\n\n    .faq-item.active .faq-toggle {\n      background: #3b82f6;\n      border-color: #3b82f6;\n      color: white;\n      transform: rotate(45deg);\n    }\n\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease;\n    }\n\n    .faq-item.active .faq-answer {\n      max-height: 500px;\n    }\n\n    .faq-answer-content {\n      padding: 0 26px 24px 26px;\n      font-size: 15px;\n      line-height: 1.8;\n      color: #475569;\n      border-top: 1px solid #e2e8f0;\n      padding-top: 20px;\n    }\n\n    .faq-answer-content strong {\n      color: #1e293b;\n      font-weight: 600;\n    }\n\n    .industry-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .industry-tag {\n      padding: 6px 14px;\n      background: #eff6ff;\n      border: 1px solid #bfdbfe;\n      border-radius: 20px;\n      font-size: 13px;\n      color: #3b82f6;\n      font-weight: 500;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n      .faq-section {\n        padding: 60px 15px;\n      }\n\n      .faq-header {\n        margin-bottom: 40px;\n      }\n\n      .faq-title {\n        font-size: 32px;\n      }\n\n      .faq-subtitle {\n        font-size: 15px;\n      }\n\n      .faq-question {\n        padding: 20px 20px;\n      }\n\n      .faq-question-text {\n        font-size: 16px;\n      }\n\n      .faq-toggle {\n        width: 26px;\n        height: 26px;\n        font-size: 14px;\n      }\n\n      .faq-answer-content {\n        padding: 0 20px 20px 20px;\n        padding-top: 18px;\n        font-size: 14px;\n      }\n\n      .industry-tags {\n        gap: 8px;\n      }\n\n      .industry-tag {\n        font-size: 12px;\n        padding: 5px 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"faq-container\">\n    <!-- Section Header -->\n    <div class=\"faq-header\">\n      <h2 class=\"faq-title\">Frequently Asked <span class=\"highlight\">Questions<\/span><\/h2>\n      <p class=\"faq-subtitle\">Your trusted partner in high-efficiency solar thermal energy systems<\/p>\n    <\/div>\n\n    <!-- FAQ List -->\n    <div class=\"faq-list\">\n      <!-- FAQ 1 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">What makes SOLETKS solar systems different from others on the market?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            SOLETKS leads the solar thermal industry with <strong>Flat-Plate Hybrid Thermal Energy Technology<\/strong>, integrating solar, geothermal, and air energy. With <strong>117 patented technologies<\/strong> and a nano-absorption coating, our systems ensure higher thermal efficiency, stability, and longevity \u2014 even under extreme conditions.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 2 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">Are SOLETKS solar systems easy to operate?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            Yes. All systems feature a smart control interface with real-time monitoring, automatic temperature adjustment, and remote diagnostics. Our cloud platform simplifies operation and maintenance for both residential and industrial users.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 3 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">Can SOLETKS customize solar systems for different applications or industries?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            Absolutely. We offer tailor-made thermal solutions for building heating, industrial heat processes, agricultural drying, aquaculture, and large-scale thermal networks.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 4 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">How do I choose the right solar system for my needs?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            Selection depends on energy demand, climate, and application type. Our engineers conduct thermal simulations and ROI analyses to recommend the most efficient configuration.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 5 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">What industries use SOLETKS solar thermal systems?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            SOLETKS systems power a range of sectors and deliver stable, efficient heat for both commercial and large-scale projects:\n            <div class=\"industry-tags\">\n              <span class=\"industry-tag\">Building Energy<\/span>\n              <span class=\"industry-tag\">Industrial Heat<\/span>\n              <span class=\"industry-tag\">Agriculture<\/span>\n              <span class=\"industry-tag\">Aquaculture<\/span>\n              <span class=\"industry-tag\">Infrastructure<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 6 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">Can SOLETKS systems support large-scale or continuous operation?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            Yes. Designed for <strong>24\/7 reliability<\/strong>, our flat-plate systems provide consistent thermal output with modular scalability and automatic load balancing.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 7 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">How does SOLETKS ensure product quality and performance?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            Every system undergoes <strong>160+ quality inspections<\/strong>, from coating adhesion to pressure resistance. Our DCS-controlled production guarantees precision, reliability, and long service life.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 8 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">How long does delivery take after placing an order?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            <strong>Standard systems:<\/strong> 10\u201315 business days<br>\n            <strong>Custom projects:<\/strong> Schedule based on configuration and scale, with real-time progress tracking\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ 9 -->\n      <div class=\"faq-item\">\n        <div class=\"faq-question\">\n          <div class=\"faq-question-text\">What after-sales support does SOLETKS provide?<\/div>\n          <div class=\"faq-toggle\">+<\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-content\">\n            We provide global technical support, including installation guidance, operation training, remote monitoring, and <strong>24\/7 online assistance<\/strong>. For key projects, on-site service and periodic inspections are also available.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const faqItems = document.querySelectorAll('.faq-item');\n  \n  faqItems.forEach(item => {\n    const question = item.querySelector('.faq-question');\n    const toggle = item.querySelector('.faq-toggle');\n    \n    question.addEventListener('click', function() {\n      const isActive = item.classList.contains('active');\n      \n      if (isActive) {\n        item.classList.remove('active');\n        toggle.textContent = '+';\n      } else {\n        item.classList.add('active');\n        toggle.textContent = '\u2212';\n      }\n    });\n  });\n  \n  \/\/ \u6eda\u52a8\u52a8\u753b\n  function handleFaqScroll() {\n    faqItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateY(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n  }\n  \n  \/\/ \u521d\u59cb\u5316FAQ\u9879\u72b6\u6001\n  faqItems.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateY(20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleFaqScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleFaqScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c735ffa e-con-full e-flex e-con e-parent\" data-id=\"c735ffa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b800276 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"b800276\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[news]\n<\/div>\n\t\t\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>Leading Global Manufacturer ofFlat-Plate Clean Thermal Energy Solutions Specializing in solar energy comprehensive utilization with 7.0GWth annual production capacity, serving building energy, industrial heat, and renewable energy applications worldwide. World&#8217;s No.2 in flat-plate collector production 117 patented technologies and proprietary solutions Industry-leading core material manufacturer GET FACTORY PRICE Now SUSTAINABLE SOLUTIONS Solar Water Heater SOLETKS [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":256,"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1303,"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/pages\/9\/revisions\/1303"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/my\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}