{"id":334,"date":"2026-04-21T23:41:38","date_gmt":"2026-04-21T15:41:38","guid":{"rendered":"https:\/\/hossoni-ess.com\/?page_id=334"},"modified":"2026-05-09T13:13:03","modified_gmt":"2026-05-09T05:13:03","slug":"solutions","status":"publish","type":"page","link":"https:\/\/hossoni-ess.com\/en_us\/solutions\/","title":{"rendered":"\u6237\u7528\u50a8\u80fd\u89e3\u51b3\u65b9\u6848"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u9e3f\u5b9d\u65b0\u80fd\u6e90<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: \"PingFang SC\",\"Microsoft YaHei\",sans-serif;\r\n }\r\n html,body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n }\r\n .full-module {\r\n width: 100%;\r\n height: 1100px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* 1.\u5f00\u5c4f\u6a21\u5757 - \u4fee\u6539\u9ad8\u5ea6\u4e3a1277px *\/\r\n .hero-module {\r\n height: 1277px;\r\n }\r\n .hero-bg {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \/* \u5f00\u5c4f\u6587\u5b57\u6837\u5f0f *\/\r\n .hero-text {\r\n position: absolute;\r\n left: 10%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n color: #fff;\r\n }\r\n .hero-title {\r\n font-size: 64px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n margin-bottom: 24px;\r\n }\r\n .hero-subtitle {\r\n font-size: 24px;\r\n font-weight: 400;\r\n opacity: 0.9;\r\n margin-bottom: 36px;\r\n }\r\n .hero-btn {\r\n padding: 10px 36px;\r\n border: 1px solid #fff;\r\n border-radius: 30px;\r\n background: transparent;\r\n color: #fff;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .hero-btn:hover {\r\n background: #fff;\r\n color: #000;\r\n }\r\n \/* 2.\u8f6e\u64ad\u6a21\u5757 - \u65e0\u81ea\u52a8\u8f6e\u64ad *\/\r\n .carousel-module {\r\n position: relative;\r\n }\r\n \/* ========== \u4f18\u5316\uff1a\u8f6e\u64ad\u6a21\u5757\u9876\u90e8\u6807\u9898 ========== *\/\r\n .carousel-title {\r\n position: absolute;\r\n top: 100px;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(-30px); \/* \u521d\u59cb\u5411\u4e0a\u504f\u79fb *\/\r\n z-index: 20;\r\n text-align: center;\r\n color: #fff;\r\n \/* \u9ed8\u8ba4\u9690\u85cf + \u6ed1\u5165\u52a8\u753b\u8fc7\u6e21 *\/\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n \/* \u9f20\u6807\u60ac\u505c\u8f6e\u64ad\u6a21\u5757 \u2192 \u6807\u9898\u6ed1\u51fa\u663e\u793a *\/\r\n .carousel-module:hover .carousel-title {\r\n opacity: 1;\r\n transform: translateX(-50%) translateY(0);\r\n }\r\n .carousel-title .main-text {\r\n font-size: 48px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n line-height: 1.2;\r\n text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 16px;\r\n }\r\n .carousel-title .divider {\r\n width: 80px;\r\n height: 4px;\r\n background: #00d17e;\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n }\r\n .carousel-slide {\r\n width: 100%;\r\n height: 100%;\r\n display: none;\r\n }\r\n .carousel-slide.active {\r\n display: block;\r\n }\r\n .carousel-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \/* \u4e09\u4e2a\u5207\u6362\u6309\u94ae - \u4f18\u5316\uff1a\u5b57\u4f53\u7f29\u5c0f+\u6de1\u5165\u52a8\u753b *\/\r\n .carousel-nav {\r\n position: absolute;\r\n bottom: 60px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 24px;\r\n z-index: 10;\r\n }\r\n .carousel-nav-item {\r\n width: 550px;\r\n height: 168px;\r\n background: rgba(102, 102, 102, 0.7);\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n color: #fff;\r\n font-size: 18px; \/* \u6838\u5fc3\uff1a\u7f29\u5c0f\u4e00\u53f7 22px \u2192 18px *\/\r\n font-weight: 700;\r\n text-align: center;\r\n \/* \u6587\u5b57\u6de1\u5165\u52a8\u753b *\/\r\n opacity: 0.85;\r\n transition: all 0.4s ease;\r\n }\r\n \/* hover\u4ec5\u653e\u5927\uff0c\u6587\u5b57\u5b8c\u5168\u663e\u793a\u6de1\u5165 *\/\r\n .carousel-nav-item:hover {\r\n transform: scale(1.05);\r\n background: rgba(102, 102, 102, 0.7);\r\n color: #fff;\r\n opacity: 1; \/* \u6de1\u5165\u6548\u679c *\/\r\n }\r\n \/* \u8f6e\u64ad\u70b9\u6837\u5f0f\u4fdd\u7559 *\/\r\n .carousel-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 12px;\r\n z-index: 10;\r\n }\r\n .carousel-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.4);\r\n transition: all 0.3s;\r\n }\r\n .carousel-dot.active {\r\n background: #fff;\r\n width: 30px;\r\n border-radius: 5px;\r\n }\r\n \/* 3\u56fe\u6a2a\u6392\u6a21\u5757 *\/\r\n .slide3-module {\r\n width: 100%;\r\n height: 800px;\r\n background: #000;\r\n display: flex;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .slide3-item {\r\n flex: 1;\r\n height: 100%;\r\n position: relative;\r\n transition: flex 0.8s cubic-bezier(0.25,0.46,0.45,0.94);\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n .slide3-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \/* hover \u6ed1\u51fa\u53d8\u5927 *\/\r\n .slide3-item:hover {\r\n flex: 1.5;\r\n }\r\n .slide3-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n color: #fff;\r\n font-size: 32px;\r\n font-weight: 400;\r\n z-index: 2;\r\n text-align: center;\r\n pointer-events: none;\r\n }\r\n \/* \u573a\u666f\u6a21\u5757 - \u5b8c\u5168\u4fdd\u7559 *\/\r\n .scene-module {\r\n background: #000;\r\n }\r\n .scene-item {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.8s ease;\r\n }\r\n .scene-item.active {\r\n opacity: 1;\r\n z-index: 1;\r\n }\r\n .scene-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \/* ========== \u7b2c5\u6a21\u5757\uff1a\u6587\u5b57\u6574\u4f53\u653e\u5927 ========== *\/\r\n .scene-text {\r\n position: absolute;\r\n top: 100px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n text-align: center;\r\n color: #fff;\r\n z-index: 2;\r\n }\r\n .scene-text .sub-title {\r\n font-size: 52px; \/* \u653e\u5927 *\/\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n }\r\n .scene-text .main-title {\r\n font-size: 88px; \/* \u653e\u5927 *\/\r\n font-weight: 700;\r\n }\r\n .gray-text .sub-title,\r\n .gray-text .main-title {\r\n color: #999;\r\n }\r\n .scene-nav {\r\n position: absolute;\r\n bottom: 60px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80%;\r\n max-width: 1400px;\r\n display: flex;\r\n justify-content: space-between;\r\n z-index: 10;\r\n }\r\n .nav-item {\r\n flex: 1;\r\n text-align: center;\r\n color: rgba(255,255,255,.6);\r\n cursor: pointer;\r\n padding: 10px 0;\r\n position: relative;\r\n transition: color 0.3s;\r\n }\r\n .nav-item::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: #00d17e;\r\n transition: width 0.3s;\r\n }\r\n .nav-item:hover,\r\n .nav-item.active {\r\n color: #00d17e;\r\n }\r\n .nav-item:hover::after,\r\n .nav-item.active::after {\r\n width: 100%;\r\n }\r\n .nav-item .nav-top {\r\n font-size: 24px;\r\n margin-bottom: 12px;\r\n }\r\n .nav-bottom {\r\n font-size: 16px;\r\n font-weight: 500;\r\n }\r\n \/* ========== \u79fb\u52a8\u7aef\u9002\u914d ========== *\/\r\n @media (max-width: 1200px) {.carousel-nav-item {\r\n width: 280px;\r\n height: 120px;\r\n font-size: 18px;\r\n }\r\n .carousel-title .main-text {\r\n font-size: 36px;\r\n }}\r\n @media (max-width: 768px) {\r\n .full-module {\r\n height: 700px;\r\n }\r\n .hero-module {\r\n height: 800px;\r\n }\r\n .hero-title {\r\n font-size: 36px;\r\n }\r\n .hero-subtitle {\r\n font-size: 18px;\r\n }\r\n .carousel-title {\r\n top: 60px;\r\n width: 90%;\r\n }\r\n .carousel-title .main-text {\r\n font-size: 28px;\r\n letter-spacing: 1px;\r\n }\r\n .carousel-nav {\r\n flex-direction: column;\r\n gap: 12px;\r\n bottom: 40px;\r\n width: 90%;\r\n }\r\n .carousel-nav-item {\r\n width: 100%;\r\n height: 80px;\r\n font-size: 16px;\r\n }\r\n .slide3-module {\r\n height: 600px;\r\n flex-direction: column;\r\n }\r\n .slide3-text {\r\n font-size: 24px;\r\n }\r\n .scene-nav {\r\n width: 95%;\r\n gap: 8px;\r\n }\r\n .nav-item .nav-top {\r\n font-size: 16px;\r\n }\r\n .nav-bottom {\r\n font-size: 12px;\r\n }}\r\n \r\n\r\n \/* ===== \u7b14\u8bb0\u672c\u7aef\u4fee\u590d\uff1a\u7b2c\u4e00\u5c4f\u4e0e\u7b2c\u4e8c\u5c4f\u4e4b\u95f4\u767d\u8272\u7a7a\u9699 ===== *\/\r\n @media (min-width: 1025px) and (max-width: 1600px) {\r\n .hero-module {\r\n height: min(1277px, 66.5vw);\r\n }\r\n .hero-bg {\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n .carousel-module {\r\n margin-top: 0;\r\n }\r\n }\r\n \/* ===== \u7b14\u8bb0\u672c\u767d\u7f1d\u4fee\u590d\u7ed3\u675f ===== *\/\r\n \r\n\r\n \/* ===== \u7b14\u8bb0\u672c\u7aef\u5f3a\u5236\u4fee\u590d\uff1a\u7b2c\u4e8c\u5c4f\u4e0a\u79fb\u8986\u76d6\u767d\u8272\u7a7a\u9699\uff08328px \u8c03\u6574\u4e3a 341px\uff09 ===== *\/\r\n @media (min-width: 1025px) and (max-width: 1700px) {\r\n .hero-module {\r\n height: 1277px;\r\n margin-bottom: 0 !important;\r\n }\r\n .hero-bg {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .carousel-module {\r\n margin-top: -341px !important;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n }\r\n \/* ===== \u7b14\u8bb0\u672c\u5f3a\u5236\u767d\u7f1d\u4fee\u590d\u7ed3\u675f ===== *\/\r\n\/* ===== \u5168\u90e8\u6587\u4ef6\u6700\u7ec8\u81ea\u9002\u5e94\u8986\u76d6\uff1a\u89e3\u51b3\u65b9\u6848\u9875\u9762 ===== *\/\r\n html, body {\r\n width: auto !important;\r\n min-width: 0 !important;\r\n overflow-x: clip !important;\r\n }\r\n .full-module {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n overflow-x: hidden !important;\r\n }\r\n @media (min-width: 1025px) and (max-width: 1600px) {\r\n .hero-module {\r\n height: min(1277px, 66.5vw) !important;\r\n }\r\n .carousel-module {\r\n margin-top: -341px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n }\r\n@media (max-width: 768px) {\r\n .full-module {\r\n height: 700px !important;\r\n }\r\n .hero-module {\r\n height: 800px !important;\r\n }\r\n }\r\n \/* ===== \u5168\u90e8\u6587\u4ef6\u6700\u7ec8\u81ea\u9002\u5e94\u8986\u76d6\u7ed3\u675f ===== *\/\r\n \/* ===== \u89e3\u51b3\u65b9\u6848\u5f00\u5c4f\uff1a\u7b14\u8bb0\u672c\u7aef\u5b8c\u6574\u663e\u793a\uff0c\u7b2c\u4e8c\u5c4f\u4e0d\u518d\u8986\u76d6\u5e95\u90e8 ===== *\/\r\n @media (min-width: 1025px) and (max-width: 1700px) {\r\n .hero-module {\r\n height: auto !important;\r\n aspect-ratio: 1920 \/ 1277 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n .hero-module .hero-bg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n display: block !important;\r\n }\r\n .carousel-module {\r\n margin-top: 0 !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n }\r\n \/* ===== \u89e3\u51b3\u65b9\u6848\u5f00\u5c4f\u4fee\u590d\u7ed3\u675f ===== *\/\r\n \/* ===== \u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408\uff1a\u5df2\u5408\u5e76\u56de\u89e3\u51b3\u65b9\u6848\u9875\u9762 ===== *\/\r\n\/* ===== \u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408\uff1a\u72ec\u7acb\u6a21\u5757\uff0c\u4e0d\u5f71\u54cd\u5176\u5b83\u9875\u9762 ===== *\/\r\n .hbn-recommend-module {\r\n width: 100%;\r\n max-width: 100%;\r\n aspect-ratio: 1920 \/ 820;\r\n min-height: 560px;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n outline: 0 !important;\r\n background: #eef3fb;\r\n box-sizing: border-box;\r\n font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n cursor: pointer;\r\n }\r\n .hbn-recommend-module,\r\n .hbn-recommend-module * {\r\n box-sizing: border-box;\r\n }\r\n .hbn-recommend-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: none !important;\r\n object-fit: cover;\r\n object-position: center center;\r\n display: block;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n z-index: 0;\r\n }\r\n .hbn-recommend-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 0 clamp(70px, 7vw, 150px) 0 clamp(24px, 3vw, 60px);\r\n }\r\n .hbn-recommend-panel {\r\n width: min(44vw, 760px);\r\n min-width: 620px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(18px, 1.8vw, 30px);\r\n transform: translateX(3vw);\r\n }\r\n .hbn-recommend-title {\r\n margin: 0;\r\n font-size: clamp(34px, 2.7vw, 52px);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n color: #222;\r\n letter-spacing: 0;\r\n white-space: nowrap;\r\n }\r\n .hbn-tag-group {\r\n display: grid;\r\n grid-template-columns: repeat(3, max-content);\r\n gap: 14px 16px;\r\n align-items: center;\r\n }\r\n .hbn-tag-item {\r\n padding: 8px 22px;\r\n border-radius: 24px;\r\n border: 1px solid #888;\r\n background: rgba(255,255,255,0.76);\r\n color: #333;\r\n font-size: 15px;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n white-space: nowrap;\r\n user-select: none;\r\n }\r\n .hbn-tag-item.active {\r\n background: #00b47d;\r\n border-color: #00b47d;\r\n color: #fff;\r\n font-weight: 700;\r\n }\r\n .hbn-param-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(22px, 2vw, 36px);\r\n margin-top: 10px;\r\n }\r\n .hbn-param-item {\r\n display: grid;\r\n grid-template-columns: 220px auto;\r\n align-items: baseline;\r\n column-gap: 34px;\r\n width: fit-content;\r\n color: #222;\r\n }\r\n .hbn-param-label {\r\n color: #444;\r\n font-size: clamp(28px, 2.1vw, 42px);\r\n font-weight: 400;\r\n line-height: 1.15;\r\n white-space: nowrap;\r\n }\r\n .hbn-param-value {\r\n color: #000;\r\n font-size: clamp(30px, 2.25vw, 44px);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n white-space: nowrap;\r\n }\r\n @media (min-width: 1025px) and (max-width: 1500px) {\r\n .hbn-recommend-module {\r\n aspect-ratio: 1920 \/ 820;\r\n min-height: 500px;\r\n }\r\n .hbn-recommend-content {\r\n padding-right: clamp(56px, 5.5vw, 96px);\r\n }\r\n .hbn-recommend-panel {\r\n width: min(46vw, 700px);\r\n min-width: 560px;\r\n transform: translateX(2vw) scale(0.92);\r\n transform-origin: center right;\r\n }\r\n .hbn-tag-group {\r\n gap: 12px 14px;\r\n }\r\n .hbn-tag-item {\r\n padding: 7px 18px;\r\n font-size: 14px;\r\n }\r\n .hbn-param-item {\r\n grid-template-columns: 190px auto;\r\n column-gap: 26px;\r\n }\r\n }\r\n @media (max-width: 900px) {\r\n .hbn-recommend-module {\r\n aspect-ratio: auto;\r\n min-height: 660px;\r\n }\r\n .hbn-recommend-bg {\r\n object-fit: cover;\r\n object-position: 35% center;\r\n }\r\n .hbn-recommend-content {\r\n align-items: flex-start;\r\n justify-content: center;\r\n padding: 56px 20px;\r\n }\r\n .hbn-recommend-panel {\r\n width: 100%;\r\n min-width: 0;\r\n transform: none;\r\n }\r\n .hbn-recommend-title {\r\n font-size: 32px;\r\n white-space: normal;\r\n }\r\n .hbn-tag-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n .hbn-tag-item {\r\n font-size: 13px;\r\n padding: 7px 14px;\r\n }\r\n .hbn-param-item {\r\n grid-template-columns: 110px auto;\r\n column-gap: 16px;\r\n }\r\n .hbn-param-label,\r\n .hbn-param-value {\r\n font-size: 22px;\r\n }\r\n }\r\n \/* ===== \u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408\u5408\u5e76\u6837\u5f0f\u7ed3\u675f ===== *\/\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<!-- 1.\u5f00\u5c4f\u5927\u56fe -->\r\n<section class=\"full-module hero-module\">\r\n <img decoding=\"async\" decoding=async data-opt-id=1167254670 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/户用储能解决方案主图.png\" class=\"hero-bg\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u5f00\u5c4f\">\r\n <div class=\"hero-text\">\r\n <h1 class=\"hero-title\">\u505c\u7535\u65f6\u523b \u5bb6\u91cc\u4f9d\u7136\u6709\u5149<\/h1>\r\n <p class=\"hero-subtitle\">\u4e3a\u5bb6\u5ead\u63d0\u4f9b\u7a33\u5b9a\u5907\u7535\u3001\u667a\u80fd\u50a8\u80fd\u4e0e\u5b89\u5fc3\u7528\u7535\u4fdd\u969c<\/p>\r\n <p class=\"hero-subtitle\">\u65e0\u8bba\u9ed1\u591c\u3001\u66b4\u96e8\u8fd8\u662f\u7a81\u53d1\u65ad\u7535\uff0c\u5173\u952e\u8d1f\u8f7d\u6301\u7eed\u8fd0\u884c\u3002<\/p>\r\n \r\n <\/div>\r\n<\/section>\r\n<!-- 2.\u8f6e\u64ad\u6a21\u5757 -->\r\n<section class=\"full-module carousel-module\" id=\"carouselModule\">\r\n <!-- \u9876\u90e8\u6807\u9898 -->\r\n <div class=\"carousel-title\">\r\n <div class=\"main-text\">\u60a8\u662f\u5426\u9047\u5230\u8fc7\u4ee5\u4e0b\u7684\u95ee\u9898\uff1f<\/div>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <!-- \u8f6e\u64ad\u5185\u5bb9 -->\r\n <div class=\"carousel-slide active\" data-index=\"0\">\r\n <img decoding=\"async\" decoding=async data-opt-id=1407613123 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/停电频繁，影响日常生活.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u8f6e\u64ad1\">\r\n <\/div>\r\n <div class=\"carousel-slide\" data-index=\"1\">\r\n <img decoding=\"async\" decoding=async data-opt-id=740876861 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/电网薄弱，甚至无法稳定接入.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u8f6e\u64ad2\">\r\n <\/div>\r\n <div class=\"carousel-slide\" data-index=\"2\">\r\n <img decoding=\"async\" decoding=async data-opt-id=387299743 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/电费偏高，家庭用电成本大.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u8f6e\u64ad3\">\r\n <\/div>\r\n <div class=\"carousel-nav\">\r\n <div class=\"carousel-nav-item\" data-index=\"0\">\u505c\u7535\u9891\u7e41\uff0c\u5f71\u54cd\u65e5\u5e38\u751f\u6d3b<\/div>\r\n <div class=\"carousel-nav-item\" data-index=\"1\">\u7535\u7f51\u8584\u5f31\uff0c\u751a\u81f3\u65e0\u6cd5\u7a33\u5b9a\u63a5\u5165<\/div>\r\n <div class=\"carousel-nav-item\" data-index=\"2\">\u7535\u8d39\u504f\u9ad8\uff0c\u5bb6\u5ead\u7528\u7535\u6210\u672c\u5927<\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- 3.3\u56fe\u6a2a\u6392 -->\r\n<section class=\"slide3-module\">\r\n <div class=\"slide3-item\">\r\n <img decoding=\"async\" decoding=async data-opt-id=1134281465 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/储存太阳能，降低市电依赖.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u56fe1\">\r\n <div class=\"slide3-text\">\u50a8\u5b58\u592a\u9633\u80fd\uff0c\u964d\u4f4e\u5e02\u7535\u4f9d\u8d56<\/div>\r\n <\/div>\r\n <div class=\"slide3-item\">\r\n <img decoding=\"async\" decoding=async data-opt-id=301375897 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/停电时保障家庭关键负载持续运行.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u56fe2\">\r\n <div class=\"slide3-text\">\u505c\u7535\u65f6\u4fdd\u969c\u5bb6\u5ead\u5173\u952e\u8d1f\u8f7d\u6301\u7eed\u8fd0\u884c<\/div>\r\n <\/div>\r\n <div class=\"slide3-item\">\r\n <img decoding=\"async\" decoding=async data-opt-id=2075307865 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/为弱电网与离网家庭提供稳定供电.png\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u56fe3\">\r\n <div class=\"slide3-text\">\u4e3a\u5f31\u7535\u7f51\u4e0e\u79bb\u7f51\u5bb6\u5ead\u63d0\u4f9b\u7a33\u5b9a\u4f9b\u7535<\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- 4.\u573a\u666f\u6a21\u5757 -->\r\n<section class=\"full-module scene-module\" id=\"sceneModule\">\r\n <div class=\"scene-item active\" data-index=\"0\">\r\n <div class=\"scene-text gray-text\">\r\n <div class=\"sub-title\">\u767d\u5929<\/div>\r\n <div class=\"main-title\">\u6b63\u5e38<\/div>\r\n <\/div>\r\n <img decoding=\"async\" decoding=async data-opt-id=523731072 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/白天正常.gif\" class=\"optimole-lazy-only \" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\">\r\n <\/div>\r\n <div class=\"scene-item\" data-index=\"1\">\r\n <div class=\"scene-text\">\r\n <div class=\"sub-title\">\u591c\u95f4<\/div>\r\n <div class=\"main-title\">\u6301\u7eed\u4f9b\u7535<\/div>\r\n <\/div>\r\n <img decoding=\"async\" decoding=async data-opt-id=2001329896 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/黑夜正常.gif\" class=\"optimole-lazy-only \" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\">\r\n <\/div>\r\n <div class=\"scene-item\" data-index=\"2\">\r\n <div class=\"scene-text\">\r\n <div class=\"sub-title\">\u505c\u7535<\/div>\r\n <div class=\"main-title\">\u5e94\u6025\u4f9b\u7535<\/div>\r\n <\/div>\r\n <img decoding=\"async\" decoding=async data-opt-id=1867296474 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/白天市电停.gif\" class=\"optimole-lazy-only \" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\">\r\n <\/div>\r\n <div class=\"scene-item\" data-index=\"3\">\r\n <div class=\"scene-text\">\r\n <div class=\"sub-title\">\u65ad\u7535<\/div>\r\n <div class=\"main-title\">\u5b89\u5fc3\u7528\u7535<\/div>\r\n <\/div>\r\n <img decoding=\"async\" decoding=async data-opt-id=423284297 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/停电雨夜.gif\" class=\"optimole-lazy-only \" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\">\r\n <\/div>\r\n <div class=\"scene-nav\">\r\n <div class=\"nav-item active\"><div class=\"nav-top\">\u6211\u9700\u8981<\/div><div class=\"nav-bottom\">\u5149\u50a8\u80fd\u573a\u666f<\/div><\/div>\r\n <div class=\"nav-item\"><div class=\"nav-top\">\u6211\u9700\u8981<\/div><div class=\"nav-bottom\">\u50a8\u80fd\u573a\u666f<\/div><\/div>\r\n <div class=\"nav-item\"><div class=\"nav-top\">\u6211\u9700\u8981<\/div><div class=\"nav-bottom\">\u79bb\u7f51\u573a\u666f<\/div><\/div>\r\n <div class=\"nav-item\"><div class=\"nav-top\">\u6211\u9700\u8981<\/div><div class=\"nav-bottom\">\u7eaf\u50a8\u573a\u666f<\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- 5.\u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408 -->\r\n<section class=\"hbn-recommend-module\" onclick=\"window.location.href='\/product-center'\">\r\n <img decoding=\"async\" decoding=async data-opt-id=195780248 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/实际应用图-scaled.png\" class=\"hbn-recommend-bg\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408\u5e94\u7528\u56fe\">\r\n <div class=\"hbn-recommend-content\">\r\n <div class=\"hbn-recommend-panel\">\r\n <h2 class=\"hbn-recommend-title\">\u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408<\/h2>\r\n <div class=\"hbn-tag-group\">\r\n <div class=\"hbn-tag-item\">ESS\u4e009KWP+6KW+5KWH<\/div>\r\n <div class=\"hbn-tag-item\">ESS-9KWP+6KW+10KWH<\/div>\r\n <div class=\"hbn-tag-item active\">ESS-9KWP+6KW+6KWH<\/div>\r\n <div class=\"hbn-tag-item\">ESS-15KWP+12KW+16KWH<\/div>\r\n <div class=\"hbn-tag-item\">ESS-15KWP+12KW+32KWH<\/div>\r\n <\/div>\r\n <div class=\"hbn-param-list\" id=\"hbnParamList\">\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u7ec4\u4ef6\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">9 kWp<\/span><\/div>\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u9006\u53d8\u5668\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">6 kW<\/span><\/div>\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u50a8\u80fd\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">16 kWh<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<script>\r\n(function() {\r\n const root = document.currentScript.previousElementSibling;\r\n const productData = {\r\n \"ESS\u4e009KWP+6KW+5KWH\": { capacity: \"9 kWp\", inverter: \"6 kW\", energy: \"5 kWh\" },\r\n \"ESS-9KWP+6KW+10KWH\": { capacity: \"9 kWp\", inverter: \"6 kW\", energy: \"10 kWh\" },\r\n \"ESS-9KWP+6KW+6KWH\": { capacity: \"9 kWp\", inverter: \"6 kW\", energy: \"16 kWh\" },\r\n \"ESS-15KWP+12KW+16KWH\": { capacity: \"15 kWp\", inverter: \"12 kW\", energy: \"16 kWh\" },\r\n \"ESS-15KWP+12KW+32KWH\": { capacity: \"15 kWp\", inverter: \"12 kW\", energy: \"32 kWh\" }\r\n };\r\n const tagItems = root.querySelectorAll('.hbn-tag-item');\r\n const paramList = root.querySelector('#hbnParamList');\r\n tagItems.forEach(function(tag) {\r\n tag.addEventListener('click', function(event) {\r\n event.stopPropagation();\r\n tagItems.forEach(function(item) { item.classList.remove('active'); });\r\n tag.classList.add('active');\r\n const data = productData[tag.textContent.trim()];\r\n if (!data) return;\r\n paramList.innerHTML = `\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u7ec4\u4ef6\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">${data.capacity}<\/span><\/div>\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u9006\u53d8\u5668\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">${data.inverter}<\/span><\/div>\r\n <div class=\"hbn-param-item\"><span class=\"hbn-param-label\">\u50a8\u80fd\u5bb9\u91cf<\/span><span class=\"hbn-param-value\">${data.energy}<\/span><\/div>\r\n `;\r\n });\r\n });\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n \/\/ 1. \u8f6e\u64ad\u6a21\u5757hover\u5207\u6362\r\n const carouselSlides = document.querySelectorAll('.carousel-slide');\r\n const carouselNavItems = document.querySelectorAll('.carousel-nav-item');\r\n carouselNavItems.forEach((item, index) => {\r\n item.addEventListener('mouseenter', () => {\r\n carouselSlides.forEach(slide => slide.classList.remove('active'));\r\n carouselNavItems.forEach(nav => nav.classList.remove('active'));\r\n carouselSlides[index].classList.add('active');\r\n item.classList.add('active');\r\n });\r\n });\r\n \/\/ 2. \u573a\u666fhover\u5207\u6362\r\n const navs = document.querySelectorAll('.nav-item');\r\n const scenes = document.querySelectorAll('.scene-item');\r\n navs.forEach((n,i) => {\r\n n.addEventListener('mouseenter', () => {\r\n navs.forEach(x => x.classList.remove('active'));\r\n scenes.forEach(x => x.classList.remove('active'));\r\n n.classList.add('active');\r\n scenes[i].classList.add('active');\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<!-- \u5df2\u4fee\u6539\uff1a\u89e3\u51b3\u65b9\u6848\u9875\u9762\u5df2\u5408\u5e76\u7b2c5\u677f\u5757\uff1b\u7b14\u8bb0\u672c\u7aef\u5f00\u5c4f\u6309\u539f\u56fe\u6bd4\u4f8b\u5b8c\u6574\u663e\u793a\uff0c\u7b2c\u4e8c\u5c4f\u4e0d\u518d\u4e0a\u79fb\u8986\u76d6\u5e95\u90e8\u3002 -->\r\n<!-- \u5df2\u4fee\u6539\uff1a\u7b2c5\u677f\u5757\u201c\u9e3f\u5b9d\u50a8\u80fd\u63a8\u8350\u7ec4\u5408\u201d\u5df2\u91cd\u65b0\u5408\u5e76\u56de\u672c\u89e3\u51b3\u65b9\u6848\u9875\u9762\uff0c\u4fdd\u7559\u5f00\u5c4f\u4fee\u590d\u548c\u7b2c5\u677f\u5757\u906e\u6321\u4fee\u590d\u3002 -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87dba8e e-flex e-con-boxed e-con e-parent\" data-id=\"87dba8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cd7435 elementor-widget elementor-widget-html\" data-id=\"5cd7435\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u63a8\u8350\u4ea7\u54c1<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n }\r\n\r\n \/* \u63a8\u8350\u4ea7\u54c1\u6a21\u5757\uff1a\u5bbd100%\uff0c\u9ad8800px *\/\r\n .recommend-section {\r\n width: 100%;\r\n height: 800px;\r\n background: #ffffff;\r\n padding: 80px 5%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* \u6807\u9898 *\/\r\n .section-title {\r\n font-size: 42px;\r\n font-weight: 500;\r\n color: #111;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u5361\u7247\u5bb9\u5668 *\/\r\n .product-grid {\r\n width: 100%;\r\n max-width: 1600px;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u5361\u7247 - \u6539\u4e3aa\u6807\u7b7e\uff0c\u6e05\u9664\u9ed8\u8ba4\u6837\u5f0f *\/\r\n .product-card {\r\n background: #f5f6f7;\r\n border-radius: 12px;\r\n padding: 40px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n height: 420px;\r\n text-decoration: none; \/* \u6e05\u9664a\u6807\u7b7e\u4e0b\u5212\u7ebf *\/\r\n color: inherit; \/* \u7ee7\u627f\u6587\u5b57\u989c\u8272 *\/\r\n cursor: pointer;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u4fe1\u606f\u533a *\/\r\n .product-info {\r\n width: 100%;\r\n }\r\n .product-name {\r\n font-size: 24px;\r\n color: #111;\r\n font-weight: 500;\r\n margin-bottom: 16px;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u56fe\u7247\u533a + \u60ac\u505c\u653e\u5927 *\/\r\n .product-img-wrap {\r\n width: 100%;\r\n height: 280px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n .product-img {\r\n max-width: 80%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n .product-card:hover .product-img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u67e5\u770b\u5168\u90e8\u6309\u94ae *\/\r\n .view-all-btn {\r\n padding: 12px 48px;\r\n border: 1px solid #aaa;\r\n border-radius: 6px;\r\n background: #fff;\r\n color: #333;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n .view-all-btn:hover {\r\n border-color: #111;\r\n background: #f5f5f5;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n @media (max-width: 1024px) {\r\n .product-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .recommend-section {\r\n height: auto;\r\n padding: 60px 5%;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .product-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .section-title {\r\n font-size: 32px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ========== \u63a8\u8350\u4ea7\u54c1\u6a21\u5757 ========== -->\r\n<section class=\"recommend-section\">\r\n <h2 class=\"section-title\">\u63a8\u8350\u4ea7\u54c1<\/h2>\r\n\r\n <div class=\"product-grid\">\r\n <!-- \u4ea7\u54c11 - \u70b9\u51fb\u6574\u4e2a\u5361\u7247\u8df3\u8f6c -->\r\n <a href=\"\/?page_id=437\" class=\"product-card\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">All In One<\/h3>\r\n <\/div>\r\n <div class=\"product-img-wrap\">\r\n <img decoding=\"async\" decoding=async data-opt-id=1187443014 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/微信图片_20260406095844_170_1.png\" class=\"product-img\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Power-Box SH3-6K\">\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c12 - \u70b9\u51fb\u6574\u4e2a\u5361\u7247\u8df3\u8f6c -->\r\n <a href=\"\/?page_id=439\" class=\"product-card\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">PowerWall<\/h3>\r\n <\/div>\r\n <div class=\"product-img-wrap\">\r\n <img decoding=\"async\" decoding=async data-opt-id=1179049779 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/PowerWall0-scaled-e1775441436617.png\" class=\"product-img\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Battery-Box HVB\">\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c13 - \u70b9\u51fb\u6574\u4e2a\u5361\u7247\u8df3\u8f6c -->\r\n <a href=\"\/?page_id=447\" class=\"product-card\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">HBG-48\u7cfb\u5217<\/h3>\r\n <\/div>\r\n <div class=\"product-img-wrap\">\r\n <img decoding=\"async\" decoding=async data-opt-id=709522706 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/04\/微信图片_20260406095847_173_1-e1775441524217.png\" class=\"product-img\" src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Battery-Box HVE\">\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- \u67e5\u770b\u5168\u90e8\u4ea7\u54c1 -->\r\n <a href=\"\/?page_id=69\" class=\"view-all-btn\">\u67e5\u770b\u5168\u90e8\u4ea7\u54c1<\/a>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1498bc89 e-flex e-con-boxed e-con e-parent\" data-id=\"1498bc89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t\n\t\t\t<img decoding=async data-opt-id=198725560 data-opt-src=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png\" class=\"e-image-base e-26b2cd88-a8c0bd9\" \n\t\t\t\t\tdata-interaction-id=\"26b2cd88\" \n\t\t \n\t\t \n\t\t\t\t\t\t\t\t\tid=\"1569\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"2172\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"724\"\n\t\t\t\t\t\t\t\t\t\t\t\told-srcset=\"https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1920\/h:640\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 2172w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:300\/h:100\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 300w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1024\/h:341\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 1024w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:768\/h:256\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 768w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1536\/h:512\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 1536w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:1920\/h:640\/q:mauto\/f:best\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 2048w, https:\/\/mlqmxrbz1bom.i.optimole.com\/cb:FgPI.44\/w:18\/h:6\/q:mauto\/f:best\/dpr:2\/https:\/\/hossoni-ess.com\/wp-content\/uploads\/2026\/05\/96.png 18w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<div class=\"elementor-element elementor-element-c039e elementor-align-center elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-button\" data-id=\"c039e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/\u8054\u7cfb\u6211\u4eec-2\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8054\u7cfb\u6211\u4eec<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\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>\u9e3f\u5b9d\u65b0\u80fd\u6e90 \u505c\u7535\u65f6\u523b \u5bb6\u91cc\u4f9d\u7136\u6709\u5149 \u4e3a\u5bb6\u5ead\u63d0\u4f9b\u7a33\u5b9a\u5907\u7535\u3001\u667a\u80fd\u50a8\u80fd\u4e0e\u5b89\u5fc3\u7528\u7535\u4fdd\u969c \u65e0\u8bba\u9ed1\u591c\u3001\u66b4\u96e8\u8fd8\u662f\u7a81\u53d1\u65ad\u7535\uff0c\u5173 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":185,"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":1779,"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/pages\/334\/revisions\/1779"}],"wp:attachment":[{"href":"https:\/\/hossoni-ess.com\/en_us\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}