{"id":751,"date":"2025-11-11T02:17:26","date_gmt":"2025-11-11T02:17:26","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=751"},"modified":"2025-11-18T01:30:48","modified_gmt":"2025-11-18T01:30:48","slug":"solar-water-heater","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/ja\/products\/solar-water-heater\/","title":{"rendered":"\u592a\u967d\u71b1\u6e29\u6c34\u5668"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"751\" class=\"elementor elementor-751\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed7f8b e-con-full e-flex e-con e-parent\" data-id=\"2ed7f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9fe4a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a9fe4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory-Direct OEM Solar Water Heating Solutions Banner -->\n<section class=\"oem-solution-banner\">\n  <style>\n    .oem-solution-banner {\n      width: 100%;\n      background: #0a0e27;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f\u5c42 *\/\n    .oem-solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.12) 0%, transparent 50%),\n        linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      z-index: 0;\n    }\n\n    \/* \u7f51\u683c\u80cc\u666f *\/\n    .oem-solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n      background-size: 50px 50px;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .banner-container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u4e3b\u5185\u5bb9\u533a - \u5de6\u53f3\u5e03\u5c40 *\/\n    .oem-solution-banner .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9\u533a *\/\n    .oem-solution-banner .content-section {\n      position: relative;\n    }\n\n    .oem-solution-banner .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: #60a5fa;\n      margin-bottom: 24px;\n      padding: 10px 22px;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.1));\n      border-radius: 30px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n    }\n\n    .oem-solution-banner .label::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.6; transform: scale(1.2); }\n    }\n\n    .oem-solution-banner .title {\n      font-size: 46px;\n      font-weight: 900;\n      line-height: 1.2;\n      margin-bottom: 24px;\n      color: #f8fafc;\n      text-shadow: 0 2px 20px rgba(59, 130, 246, 0.3);\n      letter-spacing: -0.5px;\n    }\n\n    .oem-solution-banner .title .highlight {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n      display: inline-block;\n    }\n\n    .oem-solution-banner .title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n      opacity: 0.6;\n    }\n\n    .oem-solution-banner .description {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #cbd5e1;\n      margin-bottom: 38px;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u6309\u94ae\u7ec4 *\/\n    .oem-solution-banner .button-group {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .oem-solution-banner .btn {\n      padding: 16px 34px;\n      font-size: 14px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: none;\n      position: relative;\n      overflow: hidden;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .oem-solution-banner .btn::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.2);\n      transform: translate(-50%, -50%);\n      transition: width 0.6s, height 0.6s;\n    }\n\n    .oem-solution-banner .btn:hover::before {\n      width: 300px;\n      height: 300px;\n    }\n\n    .oem-solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      color: white;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .btn-secondary {\n      background: rgba(30, 41, 59, 0.8);\n      color: #e2e8f0;\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .oem-solution-banner .btn-secondary:hover {\n      background: rgba(51, 65, 85, 0.9);\n      border-color: #3b82f6;\n      color: #60a5fa;\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn svg {\n      width: 18px;\n      height: 18px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .btn span {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247\u533a *\/\n    .oem-solution-banner .image-section {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* \u53d1\u5149\u6548\u679c\u80cc\u666f *\/\n    .oem-solution-banner .glow-background {\n      position: absolute;\n      width: 120%;\n      height: 120%;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);\n      filter: blur(60px);\n      animation: float 6s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-20px) scale(1.05); }\n    }\n\n    .oem-solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 520px;\n      position: relative;\n      z-index: 2;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: \n        0 25px 70px rgba(0, 0, 0, 0.5),\n        0 0 0 1px rgba(59, 130, 246, 0.3),\n        inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .oem-solution-banner .image-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 24px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover::before {\n      opacity: 1;\n    }\n\n    .oem-solution-banner .image-wrapper:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: \n        0 35px 90px rgba(0, 0, 0, 0.6),\n        0 0 0 1px rgba(59, 130, 246, 0.5);\n    }\n\n    .oem-solution-banner .image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.6s ease;\n      background: linear-gradient(135deg, #1e293b, #334155);\n    }\n\n    .oem-solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u56fe\u7247\u52a0\u8f7d\u4f18\u5316 *\/\n    .oem-solution-banner .image-wrapper img {\n      image-rendering: -webkit-optimize-contrast;\n      image-rendering: crisp-edges;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 - \u653e\u5728\u56fe\u7247\u4e0b\u65b9 *\/\n    .oem-solution-banner .features-section {\n      margin-top: 60px;\n    }\n\n    .oem-solution-banner .features-title {\n      text-align: center;\n      font-size: 28px;\n      font-weight: 800;\n      color: #f8fafc;\n      margin-bottom: 40px;\n      position: relative;\n      display: inline-block;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .oem-solution-banner .features-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n    }\n\n    .oem-solution-banner .features-list {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .oem-solution-banner .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 16px;\n      padding: 28px 20px;\n      background: rgba(30, 41, 59, 0.5);\n      border-radius: 16px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .oem-solution-banner .feature-item:hover {\n      background: rgba(30, 41, 59, 0.7);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-8px);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .oem-solution-banner .feature-icon {\n      width: 56px;\n      height: 56px;\n      min-width: 56px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n      transition: all 0.3s ease;\n    }\n\n    .oem-solution-banner .feature-item:hover .feature-icon {\n      transform: rotateY(360deg);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .feature-icon svg {\n      width: 28px;\n      height: 28px;\n      color: white;\n    }\n\n    .oem-solution-banner .feature-text {\n      flex: 1;\n    }\n\n    .oem-solution-banner .feature-text strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 700;\n      color: #f1f5f9;\n      margin-bottom: 8px;\n      letter-spacing: 0.3px;\n      line-height: 1.3;\n    }\n\n    .oem-solution-banner .feature-text span {\n      font-size: 13px;\n      color: #94a3b8;\n      line-height: 1.5;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .oem-solution-banner {\n        padding: 70px 0;\n      }\n      .oem-solution-banner .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n      }\n      .oem-solution-banner .title {\n        font-size: 40px;\n      }\n      .oem-solution-banner .button-group {\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .oem-solution-banner {\n        padding: 60px 0;\n      }\n      .oem-solution-banner .banner-container {\n        padding: 0 25px;\n      }\n      .oem-solution-banner .title {\n        font-size: 34px;\n      }\n      .oem-solution-banner .main-content {\n        gap: 40px;\n      }\n      .oem-solution-banner .features-section {\n        margin-top: 50px;\n      }\n      .oem-solution-banner .features-title {\n        font-size: 24px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .oem-solution-banner {\n        padding: 50px 0;\n      }\n      .oem-solution-banner .title {\n        font-size: 28px;\n      }\n      .oem-solution-banner .description {\n        font-size: 15px;\n      }\n      .oem-solution-banner .button-group {\n        flex-direction: column;\n        width: 100%;\n      }\n      .oem-solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .oem-solution-banner .feature-item {\n        padding: 24px 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <!-- \u4e3b\u5185\u5bb9\u533a\uff1a\u5de6\u53f3\u5e03\u5c40 -->\n    <div class=\"main-content\">\n      <!-- \u5de6\u4fa7\u5185\u5bb9 -->\n      <div class=\"content-section\">\n        <div class=\"label\">\n          <span>OEM\u88fd\u9020<\/span>\n        <\/div>\n        <h1 class=\"title\">\n          \u5de5\u5834\u76f4\u9001<br>\n          <span class=\"highlight\">OEM\u592a\u967d\u5149\u767a\u96fb\u6e29\u6c34\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/span>\n        <\/h1>\n        <p class=\"description\">\n          \u5de5\u5834\u76f4\u9001\u306e\u592a\u967d\u71b1\u6e29\u6c34\u5668\u3001\u5206\u5272\u578b\u592a\u967d\u71b1\u6e29\u6c34\u5668\u3001\u30d2\u30fc\u30c8\u30d1\u30a4\u30d7\u592a\u967d\u71b1\u6e29\u6c34\u5668\uff08OEM\u30d6\u30e9\u30f3\u30c9\u5bfe\u5fdc\uff09\u3001\u30d5\u30e9\u30c3\u30c8\u30d7\u30ec\u30fc\u30c8\u307e\u305f\u306f\u771f\u7a7a\u7ba1\u30bf\u30a4\u30d7\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5f0f\u8a2d\u7f6e\u3001CE\/SRCC\u9069\u5408\u66f8\u985e\u3001\u8fc5\u901f\u3067\u4e88\u6e2c\u53ef\u80fd\u306a\u30ea\u30fc\u30c9\u30bf\u30a4\u30e0\u3092\u6301\u3064\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30a3\u30b9\u30c8\u30ea\u30d3\u30e5\u30fc\u30bf\u30fc\u5411\u3051\u3002\n        <\/p>\n        \n        <div class=\"button-group\">\n          <a href=\"#\" class=\"btn btn-primary\">\n            <span>WhatsApp\u3067\u30c1\u30e3\u30c3\u30c8<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"#\" class=\"btn btn-secondary\">\n            <span>EXW\/FOB\u898b\u7a4d\u3082\u308a\u3092\u53d6\u5f97<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u56fe\u7247 -->\n      <div class=\"image-section\">\n        <div class=\"glow-background\"><\/div>\n        <div class=\"image-wrapper\">\n          <img height=\"1080\" width=\"1920\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e00\u4f53\u5f0f\u573a\u666f3.png\" \n            alt=\"Factory-Direct OEM Solar Water Heating Solutions\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7279\u6027\u5217\u8868 - \u653e\u5728\u56fe\u7247\u4e0b\u65b9 -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">\u88fd\u54c1\u306e\u5229\u70b9<\/h2>\n      <div class=\"features-list\">\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <path d=\"M12 6v6l4 2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u6700\u592795%\u592a\u967d\u5438\u53ce<\/strong>\n            <span>\u9ad8\u52b9\u7387\u3001\u30a8\u30b3\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u7bc0\u7d04<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u81ea\u7136\u5faa\u74b0<\/strong>\n            <span>\u96fb\u529b\u4e0d\u8981\u3001\u4f4e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n              <path d=\"M9 3v18M15 3v18\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u67d4\u8edf\u306a\u5bb9\u91cf<\/strong>\n            <span>150L \/ 200L \/ 300L \u30d5\u30a1\u30df\u30ea\u30fc\u30aa\u30d7\u30b7\u30e7\u30f3<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n              <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u52a0\u5727\u30b7\u30b9\u30c6\u30e0<\/strong>\n            <span>\u5b89\u5b9a\u3057\u305f\u5feb\u9069\u306a\u30b7\u30e3\u30ef\u30fc\u30d5\u30ed\u30fc<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>\u30a8\u30ca\u30e1\u30eb\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\u30bf\u30f3\u30af\uff08+830\u00b0C\uff09<\/strong>\n            <span>+ \u30de\u30b0\u30cd\u30b7\u30a6\u30e0\u68d2 \u2014 \u9577\u6301\u3061\u3059\u308b\u4fdd\u8b77<\/span>\n          <\/div>\n        <\/div>\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('.oem-solution-banner .btn').forEach(button => {\n    button.addEventListener('click', function(e) {\n      e.preventDefault();\n      const btnText = this.querySelector('span').textContent.trim();\n      console.log(btnText + ' clicked');\n      \n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u5b9e\u9645\u7684\u8df3\u8f6c\u903b\u8f91\n      if (btnText.includes('WhatsApp')) {\n        \/\/ window.open('https:\/\/wa.me\/your-number', '_blank');\n      } else if (btnText.includes('Quote')) {\n        \/\/ window.location.href = '#quote-form';\n      }\n    });\n  });\n\n  \/\/ \u56fe\u7247\u61d2\u52a0\u8f7d\u4f18\u5316\n  const imageWrapper = document.querySelector('.oem-solution-banner .image-wrapper img');\n  if (imageWrapper && 'IntersectionObserver' in window) {\n    const imageObserver = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const img = entry.target;\n          img.src = img.src;\n          observer.unobserve(img);\n        }\n      });\n    });\n    imageObserver.observe(imageWrapper);\n  }\n\n  \/\/ \u7279\u6027\u5361\u7247\u6eda\u52a8\u52a8\u753b\n  const featureItems = document.querySelectorAll('.oem-solution-banner .feature-item');\n  if ('IntersectionObserver' in window) {\n    const featureObserver = new IntersectionObserver((entries) => {\n      entries.forEach((entry, index) => {\n        if (entry.isIntersecting) {\n          setTimeout(() => {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n          }, index * 100);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(30px)';\n      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      featureObserver.observe(item);\n    });\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86f8d8d e-con-full e-flex e-con e-parent\" data-id=\"86f8d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06335e6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"06335e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Water Heater Section -->\n<section id=\"solar-water-heater\" class=\"swh-section\">\n  <style>\n    .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }\n\n    .swh-container {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .swh-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .swh-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .swh-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .swh-intro {\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n\n    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    .swh-products-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 35px;\n      margin-top: 35px;\n    }\n\n    .swh-product-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      width: 100%;\n    }\n\n    .swh-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n    }\n\n    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    }\n\n    .swh-product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      transition: transform 0.5s ease;\n    }\n\n    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.08);\n    }\n\n    .swh-product-content {\n      padding: 28px 30px;\n    }\n\n    .swh-product-title {\n      font-size: 24px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n    }\n\n    .swh-product-description {\n      font-size: 15px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 10px;\n    }\n\n    .swh-product-features {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 22px;\n      padding-left: 5px;\n    }\n\n    .swh-learn-more {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 11px 24px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);\n    }\n\n    .swh-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);\n    }\n\n    .swh-learn-more svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .swh-learn-more:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 18px;\n      font-size: 12px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4);\n    }\n\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }\n\n      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .swh-intro {\n        margin-bottom: 30px;\n      }\n\n      .swh-intro p {\n        font-size: 14px;\n      }\n\n      .swh-products-grid {\n        gap: 25px;\n        margin-top: 30px;\n      }\n\n      .swh-product-image {\n        height: 200px;\n      }\n\n      .swh-product-image img {\n        padding: 15px;\n      }\n\n      .swh-product-content {\n        padding: 22px 20px;\n      }\n\n      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n\n      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 18px;\n      }\n\n      .swh-learn-more {\n        padding: 10px 22px;\n        font-size: 13px;\n      }\n\n      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n\n  <div class=\"swh-container\">\n    <!-- Header -->\n    <div class=\"swh-header\">\n      <h2>\u592a\u967d\u71b1\u6e29\u6c34\u5668<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        \u30bd\u30ec\u30c6\u30af\u30b9\u306e\u592a\u967d\u71b1\u6e29\u6c34\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u592a\u967d\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u52b9\u7387\u7684\u306b\u53d6\u308a\u8fbc\u307f\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u6e29\u6c34\u306b\u5909\u63db\u3059\u308b\u3088\u3046\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5148\u9032\u7684\u306a\u30d5\u30e9\u30c3\u30c8\u30d7\u30ec\u30fc\u30c8\u304a\u3088\u3073\u30d2\u30fc\u30c8\u30d1\u30a4\u30d7\u6280\u8853\u3092\u63a1\u7528\u3057\u3001\u512a\u308c\u305f\u6027\u80fd\u3001\u7701\u30a8\u30cd\u30eb\u30ae\u30fc\u3001\u74b0\u5883\u3078\u306e\u5229\u70b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u5404\u30e2\u30c7\u30eb\u306f\u591a\u69d8\u306a\u8a2d\u7f6e\u30cb\u30fc\u30ba\u3084\u6c17\u5019\u6761\u4ef6\u306b\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u3001\u592a\u967d\u71b1\u6e29\u6c34\u306e\u52b9\u7387\u3068\u6301\u7d9a\u53ef\u80fd\u6027\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"swh-products-grid\">\n      \n      <!-- Integrated Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u4eba\u6c17<\/div>\n        <div class=\"swh-product-image\">\n          <img height=\"748\" width=\"917\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/300L\u4e00\u4f53\u673a1.png\" alt=\"Integrated Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u4e00\u4f53\u578b\u592a\u967d\u71b1\u6e29\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u592a\u967d\u71b1\u30b3\u30ec\u30af\u30bf\u30fc\u3068\u6c34\u30bf\u30f3\u30af\u3092\u4e00\u4f53\u5316\u3057\u305f\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u30b7\u30b9\u30c6\u30e0\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u7c21\u5358\u306a\u53d6\u308a\u4ed8\u3051\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u52d5\u4f5c\u3001\u512a\u308c\u305f\u71b1\u4fdd\u6301\u6027\u3092\u63d0\u4f9b\u3057\u3001\u30b7\u30f3\u30d7\u30eb\u3055\u3068\u52b9\u7387\u6027\u304c\u91cd\u8981\u306a\u5bb6\u5ead\u3084\u5c0f\u898f\u6a21\u306a\u7528\u9014\u306b\u7406\u60f3\u7684\u3067\u3059\u3002\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/ja\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n            \u8a73\u7d30\u306f\u3053\u3061\u3089\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Split Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u67d4\u8edf\u6027<\/div>\n        <div class=\"swh-product-image\">\n          <img height=\"888\" width=\"1333\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5206\u4f532.png\" alt=\"Split Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u5206\u5272\u578b\u592a\u967d\u71b1\u6e29\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u3053\u306e\u30b7\u30b9\u30c6\u30e0\u306f\u592a\u967d\u71b1\u30b3\u30ec\u30af\u30bf\u30fc\u3068\u8caf\u8535\u30bf\u30f3\u30af\u3092\u5206\u96e2\u3057\u3066\u304a\u308a\u3001\u5efa\u7269\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u5fdc\u3058\u3066\u67d4\u8edf\u306b\u8a2d\u7f6e\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u5206\u5272\u8a2d\u8a08\u306f\u71b1\u640d\u5931\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u3001\u51cd\u7d50\u9632\u6b62\u6027\u80fd\u3092\u5411\u4e0a\u3055\u305b\u3001\u56db\u5b63\u3092\u901a\u3058\u3066\u5b89\u5b9a\u3057\u305f\u6e29\u6c34\u4f9b\u7d66\u3092\u4fdd\u8a3c\u3057\u307e\u3059\u3002\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/ja\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n            \u8a73\u7d30\u306f\u3053\u3061\u3089\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Heat Pipe Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">\u9ad8\u52b9\u7387<\/div>\n        <div class=\"swh-product-image\">\n          <img height=\"1157\" width=\"1476\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2025-11-10_133332_326.png\" alt=\"Heat Pipe Solar Water Heater\" loading=\"lazy\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">\u30d2\u30fc\u30c8\u30d1\u30a4\u30d7\u592a\u967d\u71b1\u6e29\u6c34\u5668<\/h3>\n          <p class=\"swh-product-description\">\n            \u771f\u7a7a\u7ba1\u3068\u5148\u9032\u7684\u306a\u30d2\u30fc\u30c8\u30d1\u30a4\u30d7\u6280\u8853\u3092\u5099\u3048\u305f\u3053\u306e\u30e2\u30c7\u30eb\u306f\u3001\u5bd2\u51b7\u307e\u305f\u306f\u66c7\u308a\u306e\u65e5\u3067\u3082\u8fc5\u901f\u306a\u52a0\u71b1\u3068\u512a\u308c\u305f\u52b9\u7387\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n          <\/p>\n          <p class=\"swh-product-features\">\n            \u591a\u69d8\u306a\u6c17\u5019\u306e\u5730\u57df\u3084\u3001\u6700\u5c0f\u9650\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3067\u9ad8\u6027\u80fd\u3092\u6c42\u3081\u308b\u30e6\u30fc\u30b6\u30fc\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002\n          <\/p>\n          <a href=\"https:\/\/service.soletksolar.com\/ja\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n            \u8a73\u7d30\u306f\u3053\u3061\u3089\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OEM Manufacturing Factory-Direct OEM Solar Water Heating Solutions Factory-direct Solar Water Heater, Split Solar Water Heater, and Heat Pipe Solar Water Heater with OEM branding, flat-plate or vacuum tube options, modular installation, CE\/SRCC compliance documentation, and fast, predictable lead times for global distributors. Chat on WhatsApp Get EXW\/FOB Quote Product Advantages Up to 95% Solar Absorption High efficiency, eco-friendly savings Natural Circulation No power required, low maintenance Flexible Capacities 150L \/ 200L \/ 300L family options Pressurized System Stable, comfortable shower flow Enamel-Coated Tank (+830\u00b0C) + Magnesium Rod \u2014 Long-lasting protection Solar Water Heater SOLETKS Solar Water Heater systems are engineered to capture solar energy efficiently and convert it into [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-751","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/751","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=751"}],"version-history":[{"count":19,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/751\/revisions"}],"predecessor-version":[{"id":1005,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/751\/revisions\/1005"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/ja\/wp-json\/wp\/v2\/media?parent=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}