{"id":923,"date":"2025-11-17T02:06:59","date_gmt":"2025-11-17T02:06:59","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=923"},"modified":"2025-12-05T02:04:05","modified_gmt":"2025-12-05T02:04:05","slug":"news","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/ja\/news\/","title":{"rendered":"\u30cb\u30e5\u30fc\u30b9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"923\" class=\"elementor elementor-923\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02003eb e-con-full e-flex e-con e-parent\" data-id=\"02003eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49b88f1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"49b88f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Insights & Innovations Banner -->\n<section class=\"insights-banner\">\n  <style>\n    .insights-banner {\n      width: 100%;\n      background: #0a0e27;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 100px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .insights-banner::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\/497797651_122101973762869367_3274744652282478844_n.jpg');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: 0.15;\n      z-index: 0;\n    }\n\n    .insights-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n        radial-gradient(ellipse at 80% 70%, rgba(147, 51, 234, 0.12) 0%, transparent 50%),\n        linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.92) 50%, rgba(15, 23, 42, 0.95) 100%);\n      z-index: 1;\n    }\n\n    \/* \u52a8\u6001\u7c92\u5b50\u6548\u679c *\/\n    .insights-banner .particles {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 2;\n      overflow: hidden;\n    }\n\n    .insights-banner .particle {\n      position: absolute;\n      width: 3px;\n      height: 3px;\n      background: rgba(59, 130, 246, 0.6);\n      border-radius: 50%;\n      animation: float 15s infinite ease-in-out;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0) translateX(0); opacity: 0; }\n      10% { opacity: 1; }\n      90% { opacity: 1; }\n      100% { transform: translateY(-100vh) translateX(50px); opacity: 0; }\n    }\n\n    .insights-banner .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n    .insights-banner .particle:nth-child(2) { left: 25%; animation-delay: 3s; }\n    .insights-banner .particle:nth-child(3) { left: 40%; animation-delay: 6s; }\n    .insights-banner .particle:nth-child(4) { left: 60%; animation-delay: 2s; }\n    .insights-banner .particle:nth-child(5) { left: 75%; animation-delay: 5s; }\n    .insights-banner .particle:nth-child(6) { left: 90%; animation-delay: 8s; }\n\n    .insights-banner .banner-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      text-align: center;\n      position: relative;\n      z-index: 3;\n    }\n\n    \/* \u9876\u90e8\u6807\u7b7e *\/\n    .insights-banner .label-group {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 25px;\n      flex-wrap: wrap;\n    }\n\n    .insights-banner .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #60a5fa;\n      padding: 10px 20px;\n      background: rgba(59, 130, 246, 0.15);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n    }\n\n    .insights-banner .label:hover {\n      background: rgba(59, 130, 246, 0.25);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-2px);\n    }\n\n    .insights-banner .label svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    \/* \u4e3b\u6807\u9898 *\/\n    .insights-banner .title {\n      font-size: 56px;\n      font-weight: 900;\n      line-height: 1.15;\n      margin-bottom: 25px;\n      color: #ffffff;\n      text-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);\n      letter-spacing: -1px;\n    }\n\n    .insights-banner .title .highlight {\n      background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n      display: inline-block;\n    }\n\n    .insights-banner .title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n      border-radius: 2px;\n    }\n\n    \/* \u526f\u6807\u9898 *\/\n    .insights-banner .subtitle {\n      font-size: 20px;\n      line-height: 1.6;\n      color: #cbd5e1;\n      margin-bottom: 20px;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u63cf\u8ff0\u6587\u672c *\/\n    .insights-banner .description {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #94a3b8;\n      margin-bottom: 45px;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    \/* \u7279\u8272\u6807\u7b7e\u7ec4 *\/\n    .insights-banner .feature-tags {\n      display: flex;\n      justify-content: center;\n      gap: 20px;\n      margin-bottom: 45px;\n      flex-wrap: wrap;\n    }\n\n    .insights-banner .feature-tag {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 24px;\n      background: rgba(255, 255, 255, 0.05);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 30px;\n      color: #e2e8f0;\n      font-size: 14px;\n      font-weight: 500;\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n    }\n\n    .insights-banner .feature-tag:hover {\n      background: rgba(59, 130, 246, 0.15);\n      border-color: rgba(59, 130, 246, 0.4);\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);\n    }\n\n    .insights-banner .feature-tag svg {\n      width: 18px;\n      height: 18px;\n      color: #60a5fa;\n    }\n\n    \/* \u6309\u94ae\u7ec4 *\/\n    .insights-banner .button-group {\n      display: flex;\n      justify-content: center;\n      gap: 18px;\n      flex-wrap: wrap;\n    }\n\n    .insights-banner .btn {\n      padding: 16px 36px;\n      font-size: 15px;\n      font-weight: 600;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .insights-banner .btn::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.2);\n      transform: translate(-50%, -50%);\n      transition: width 0.6s, height 0.6s;\n    }\n\n    .insights-banner .btn:hover::before {\n      width: 300px;\n      height: 300px;\n    }\n\n    .insights-banner .btn span {\n      position: relative;\n      z-index: 1;\n    }\n\n    .insights-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4);\n    }\n\n    .insights-banner .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.5);\n    }\n\n    .insights-banner .btn-secondary {\n      background: rgba(255, 255, 255, 0.08);\n      color: #e2e8f0;\n      border: 2px solid rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(10px);\n    }\n\n    .insights-banner .btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.15);\n      border-color: #3b82f6;\n      color: #60a5fa;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);\n    }\n\n    .insights-banner .btn svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }\n\n    .insights-banner .btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* \u5e95\u90e8\u7edf\u8ba1\u4fe1\u606f *\/\n    .insights-banner .stats-section {\n      margin-top: 60px;\n      padding-top: 50px;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n    }\n\n    .insights-banner .stat-item {\n      text-align: center;\n      padding: 20px;\n      background: rgba(255, 255, 255, 0.03);\n      border-radius: 15px;\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n    }\n\n    .insights-banner .stat-item:hover {\n      background: rgba(59, 130, 246, 0.1);\n      border-color: rgba(59, 130, 246, 0.3);\n      transform: translateY(-5px);\n    }\n\n    .insights-banner .stat-number {\n      font-size: 42px;\n      font-weight: 800;\n      background: linear-gradient(135deg, #60a5fa, #3b82f6);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 8px;\n      display: block;\n    }\n\n    .insights-banner .stat-label {\n      font-size: 14px;\n      color: #94a3b8;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 992px) {\n      .insights-banner {\n        padding: 80px 0;\n      }\n      .insights-banner .title {\n        font-size: 44px;\n      }\n      .insights-banner .subtitle {\n        font-size: 18px;\n      }\n      .insights-banner .stats-section {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .insights-banner {\n        padding: 60px 0;\n      }\n      .insights-banner .title {\n        font-size: 36px;\n      }\n      .insights-banner .subtitle {\n        font-size: 16px;\n      }\n      .insights-banner .description {\n        font-size: 15px;\n      }\n      .insights-banner .button-group {\n        flex-direction: column;\n      }\n      .insights-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .insights-banner .feature-tags {\n        flex-direction: column;\n        align-items: center;\n      }\n      .insights-banner .feature-tag {\n        width: 100%;\n        max-width: 280px;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <!-- \u52a8\u6001\u7c92\u5b50\u80cc\u666f -->\n  <div class=\"particles\">\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n  <\/div>\n\n  <div class=\"banner-container\">\n    <!-- \u9876\u90e8\u6807\u7b7e -->\n    <div class=\"label-group\">\n      <div class=\"label\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n        <\/svg>\n        <span>Industry Leading<\/span>\n      <\/div>\n      <div class=\"label\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n        <\/svg>\n        <span>Innovation Driven<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"title\">\n      Insights & Innovations<br>\n      <span class=\"highlight\">in Solar Heating<\/span>\n    <\/h1>\n\n    <!-- \u526f\u6807\u9898 -->\n    <p class=\"subtitle\">\n      Latest news, product breakthroughs, and global project updates.\n    <\/p>\n\n    <!-- \u63cf\u8ff0 -->\n    <p class=\"description\">\n      Stay informed. Lead the energy transition.\n    <\/p>\n\n    <!-- \u7279\u8272\u6807\u7b7e -->\n    <div class=\"feature-tags\">\n      <div class=\"feature-tag\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n        <\/svg>\n        <span>Technology Updates<\/span>\n      <\/div>\n      <div class=\"feature-tag\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n          <path d=\"M12 6v6l4 2\"\/>\n        <\/svg>\n        <span>Real-time News<\/span>\n      <\/div>\n      <div class=\"feature-tag\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n          <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n          <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n        <\/svg>\n        <span>Global Projects<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u6309\u94ae\u7ec4 -->\n    <div class=\"button-group\">\n      <button class=\"btn btn-primary\">\n        <span>Explore Insights<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n      <button class=\"btn btn-secondary\">\n        <span>Subscribe Updates<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n          <polyline points=\"22,6 12,13 2,6\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u7edf\u8ba1 -->\n    <div class=\"stats-section\">\n      <div class=\"stat-item\">\n        <span class=\"stat-number\">500+<\/span>\n        <span class=\"stat-label\">Articles Published<\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-number\">50K+<\/span>\n        <span class=\"stat-label\">Monthly Readers<\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-number\">30+<\/span>\n        <span class=\"stat-label\">Countries Covered<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n  document.querySelectorAll('.insights-banner .btn').forEach(button => {\n    button.addEventListener('click', function() {\n      console.log(this.querySelector('span').textContent.trim() + ' clicked');\n    });\n  });\n\n  \/\/ \u6570\u5b57\u52a8\u753b\u6548\u679c\n  const animateNumbers = () => {\n    const stats = document.querySelectorAll('.insights-banner .stat-number');\n    stats.forEach(stat => {\n      const target = parseInt(stat.textContent);\n      const suffix = stat.textContent.replace(\/[0-9]\/g, '');\n      let current = 0;\n      const increment = target \/ 50;\n      const timer = setInterval(() => {\n        current += increment;\n        if (current >= target) {\n          stat.textContent = target + suffix;\n          clearInterval(timer);\n        } else {\n          stat.textContent = Math.floor(current) + suffix;\n        }\n      }, 30);\n    });\n  };\n\n  \/\/ \u4f7f\u7528 Intersection Observer \u89e6\u53d1\u52a8\u753b\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        animateNumbers();\n        observer.unobserve(entry.target);\n      }\n    });\n  });\n\n  const statsSection = document.querySelector('.insights-banner .stats-section');\n  if (statsSection) {\n    observer.observe(statsSection);\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industry Leading Innovation Driven Insights &#038; Innovations in Solar Heating Latest news, product breakthroughs, and global project updates. Stay informed. Lead the energy transition. Technology Updates Real-time News Global Projects Explore Insights Subscribe Updates 500+ Articles Published 50K+ Monthly Readers 30+ Countries Covered<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blog.php","meta":{"footnotes":""},"class_list":["post-923","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":8,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/923\/revisions\/932"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}