{"id":69,"date":"2026-04-05T08:49:47","date_gmt":"2026-04-05T00:49:47","guid":{"rendered":"https:\/\/hossoni-ess.com\/?page_id=69"},"modified":"2026-05-08T13:39:30","modified_gmt":"2026-05-08T05:39:30","slug":"%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e4%b8%8e%e4%ba%a7%e5%93%81","status":"publish","type":"page","link":"https:\/\/hossoni-ess.com\/fr\/%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e4%b8%8e%e4%ba%a7%e5%93%81\/","title":{"rendered":"Solutions et produits"},"content":{"rendered":"
\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 \u4ea7\u54c1\u4e2d\u5fc3 - \u601d\u683c\u80fd\u6e90<\/title>\r\n <style>\r\n \/* ===== RESET & \u57fa\u7840 ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body, html {\r\n width: 100%;\r\n overflow-x: hidden;\r\n font-family: \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #fff;\r\n }\r\n\r\n \/* ===== \u9876\u90e8\u5f00\u5c4f\u5927\u56fe (\u5b8c\u5168\u81ea\u9002\u5e94\u9ad8\u5ea6) ===== *\/\r\n .hero-banner {\r\n position: relative;\r\n width: 100%;\r\n background-color: #f0f7ff;\r\n overflow: hidden;\r\n }\r\n\r\n .banner-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u5206\u7c7b\u5bfc\u822a\u680f - \u54cd\u5e94\u5f0f\u5c45\u4e2d *\/\r\n .tab-nav {\r\n position: absolute;\r\n bottom: 5%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 12px;\r\n z-index: 10;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n width: auto;\r\n padding: 0 16px;\r\n }\r\n\r\n .tab-item {\r\n padding: 8px 28px;\r\n border-radius: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #1e2a3a;\r\n background: rgba(245, 245, 245, 0.92);\r\n backdrop-filter: blur(2px);\r\n cursor: default;\r\n transition: all 0.25s ease;\r\n white-space: nowrap;\r\n letter-spacing: 1px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n }\r\n\r\n .tab-item.active {\r\n background: #00b47d;\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(0, 180, 125, 0.3);\r\n }\r\n\r\n \/* ===== \u4ea7\u54c1\u5c55\u793a\u4e3b\u5bb9\u5668 ===== *\/\r\n .product-container {\r\n width: 100%;\r\n padding: 60px 4% 80px;\r\n max-width: 2000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .product-wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 32px;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u6392\uff1a\u4e24\u5927\u5361\u7247 + \u53f3\u4fa7\u53cc\u5c0f\u5361\u7ec4\uff08\u73b0\u4ee3\u7f51\u683c\u81ea\u9002\u5e94\uff09 *\/\r\n .row-top {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1.1fr;\r\n gap: 28px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* \u53f3\u4fa7\u5c0f\u5361\u7247\u7ec4\u5782\u76f4\u6392\u5217 *\/\r\n .card-small-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n width: 100%;\r\n }\r\n\r\n \/* \u5361\u7247\u516c\u7528\u6837\u5f0f (\u5706\u89d2\u3001\u9634\u5f71\u3001\u60ac\u6d6e\u653e\u5927\u6548\u679c) *\/\r\n .card-large,\r\n .card-small {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.3s;\r\n background-color: #f5f7fa;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* \u60ac\u6d6e\u65f6\u8f7b\u5fae\u653e\u5927 + \u9634\u5f71\uff0c\u4e0d\u6539\u53d8\u5e03\u5c40\u6d41 *\/\r\n .card-large:hover,\r\n .card-small:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);\r\n z-index: 5;\r\n }\r\n\r\n \/* \u94fe\u63a5\u94fa\u6ee1\u5361\u7247 *\/\r\n .product-link {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n text-decoration: none;\r\n }\r\n\r\n \/* \u56fe\u7247\u5b8c\u5168\u586b\u5145\u5361\u7247\uff0c\u65e0\u7559\u767d\uff0c\u6bd4\u4f8b\u7cbe\u786e\u5339\u914d *\/\r\n .product-img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* \u6587\u5b57\u4fe1\u606f\u5c42\uff1a\u7edd\u5bf9\u5c45\u4e2d (\u8986\u76d6\u5728\u56fe\u7247\u4e0a\u65b9) *\/\r\n .product-info {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 85%;\r\n text-align: center;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .product-name {\r\n font-size: clamp(1rem, 4vw, 1.6rem);\r\n font-weight: 600;\r\n color: #ffffff;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\r\n margin-bottom: 12px;\r\n letter-spacing: 1px;\r\n backdrop-filter: blur(2px);\r\n display: inline-block;\r\n padding: 0 8px;\r\n }\r\n\r\n .more-btn {\r\n padding: 8px 28px;\r\n border: 1.5px solid rgba(255, 255, 255, 0.9);\r\n border-radius: 40px;\r\n background: rgba(0, 0, 0, 0.25);\r\n backdrop-filter: blur(5px);\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n pointer-events: auto;\r\n font-family: inherit;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .more-btn:hover {\r\n background: #00b47d;\r\n border-color: #00b47d;\r\n transform: scale(1.02);\r\n box-shadow: 0 4px 12px rgba(0, 180, 125, 0.4);\r\n }\r\n\r\n \/* ===== \u5361\u7247\u6bd4\u4f8b\u4e25\u683c\u5339\u914d\u63d0\u4f9b\u7684\u56fe\u7247\u5c3a\u5bf8\uff0c\u5f7b\u5e95\u6d88\u9664\u7559\u767d ===== *\/\r\n \/* 1. \u524d\u6392\u4e24\u4e2a\u5927\u5361\u7247\uff1a\u56fe\u7247 509*781 \u2192 \u6bd4\u4f8b 509\/781 *\/\r\n .card-large {\r\n aspect-ratio: 509 \/ 781;\r\n width: 100%;\r\n }\r\n\r\n \/* 2. \u53f3\u4fa7\u4e24\u4e2a\u5c0f\u5361\u7247\uff1a\u56fe\u7247 554*404 \u2192 \u6bd4\u4f8b 554\/404 *\/\r\n .card-small-group .card-small {\r\n aspect-ratio: 554 \/ 404;\r\n width: 100%;\r\n }\r\n\r\n \/* 3. \u6700\u540e\u4e00\u6392\u4e24\u4e2a\u5361\u7247\uff1a\u56fe\u7247 812*603 \u2192 \u6bd4\u4f8b 812\/603 *\/\r\n .row-bottom {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 28px;\r\n margin-top: 4px;\r\n }\r\n\r\n .row-bottom .card-small {\r\n aspect-ratio: 812 \/ 603;\r\n width: 100%;\r\n }\r\n\r\n \/* ========== \u54cd\u5e94\u5f0f\u7ec6\u81f4\u4f18\u5316 (\u7b14\u8bb0\u672c\u3001\u5e73\u677f\u3001\u624b\u673a\u5168\u517c\u5bb9\uff0c\u6bd4\u4f8b\u540c\u6b65\u9002\u914d) ========== *\/\r\n @media screen and (max-width: 1200px) {\r\n .row-top {\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 20px;\r\n }\r\n .tab-item {\r\n padding: 6px 22px;\r\n font-size: 14px;\r\n }\r\n \/* \u786e\u4fdd\u6bd4\u4f8b\u7edf\u4e00 *\/\r\n .card-small-group .card-small {\r\n aspect-ratio: 554 \/ 404;\r\n }\r\n }\r\n\r\n \/* \u5e73\u677f\u5e03\u5c40\uff1a\u53f3\u4fa7\u53cc\u5361\u7ec4\u6539\u4e3a\u6a2a\u5411\u5e76\u6392\uff0c\u6574\u4f53\u7eb5\u5411\u6392\u5217\uff0c\u6bd4\u4f8b\u4f9d\u65e7\u51c6\u786e *\/\r\n @media screen and (max-width: 992px) {\r\n .row-top {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n .card-small-group {\r\n flex-direction: row;\r\n gap: 20px;\r\n width: 100%;\r\n }\r\n .card-small-group .card-small {\r\n flex: 1;\r\n aspect-ratio: 554 \/ 404;\r\n }\r\n .row-bottom {\r\n gap: 24px;\r\n }\r\n .product-name {\r\n font-size: 1.2rem;\r\n }\r\n .more-btn {\r\n padding: 6px 20px;\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* \u624b\u673a\u7aef (\u2264768px) \u7eb5\u5411\u6392\u5217\uff0c\u5b8c\u7f8e\u5339\u914d\u56fe\u7247\u6bd4\u4f8b\uff0c\u65e0\u7559\u767d *\/\r\n @media screen and (max-width: 768px) {\r\n .product-container {\r\n padding: 40px 20px 60px;\r\n }\r\n .product-wrap {\r\n gap: 28px;\r\n }\r\n .row-top {\r\n gap: 24px;\r\n }\r\n .card-small-group {\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n .card-small-group .card-small {\r\n aspect-ratio: 554 \/ 404;\r\n width: 100%;\r\n }\r\n .row-bottom {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n .row-bottom .card-small {\r\n aspect-ratio: 812 \/ 603;\r\n }\r\n .product-name {\r\n font-size: 1.1rem;\r\n margin-bottom: 8px;\r\n }\r\n .more-btn {\r\n padding: 6px 18px;\r\n font-size: 11px;\r\n }\r\n .tab-item {\r\n padding: 5px 18px;\r\n font-size: 12px;\r\n }\r\n .tab-nav {\r\n bottom: 4%;\r\n gap: 8px;\r\n }\r\n .card-large:hover,\r\n .card-small:hover {\r\n transform: scale(1.01);\r\n }\r\n }\r\n\r\n \/* \u8d85\u5c0f\u5c4f (\u2264480px) \u5b57\u4f53\u5fae\u8c03\uff0c\u4fdd\u6301\u6bd4\u4f8b *\/\r\n @media screen and (max-width: 480px) {\r\n .product-name {\r\n font-size: 0.95rem;\r\n margin-bottom: 6px;\r\n }\r\n .more-btn {\r\n padding: 5px 14px;\r\n font-size: 10px;\r\n border-width: 1px;\r\n }\r\n \/* \u53f3\u4fa7\u5c0f\u5361\u7247\u5728\u6781\u5c0f\u5c4f\u4e0b\u4ecd\u7ef4\u6301\u7ed9\u5b9a\u6bd4\u4f8b\uff0c\u4e0d\u4f1a\u53d8\u5f62 *\/\r\n .card-small-group .card-small {\r\n aspect-ratio: 554 \/ 404;\r\n }\r\n }\r\n\r\n \/* \u5927\u5c4f\u663e\u793a\u5668\u5bbd\u5e45\u4f18\u5316\uff0c\u95f4\u8ddd\u66f4\u5927\u4f46\u6bd4\u4f8b\u4e0d\u53d8 *\/\r\n @media screen and (min-width: 1920px) {\r\n .product-container {\r\n padding: 80px 8%;\r\n }\r\n .row-top {\r\n gap: 36px;\r\n }\r\n .card-small-group {\r\n gap: 36px;\r\n }\r\n }\r\n\r\n \/* \u786e\u4fdd\u6240\u6709\u56fe\u7247\u65e0\u989d\u5916\u95f4\u9699 *\/\r\n img {\r\n max-width: 100%;\r\n vertical-align: middle;\r\n }\r\n \r\n\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u6700\u7ec8\u81ea\u9002\u5e94\u8986\u76d6\uff1a\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b\uff0c\u538b\u7f29\u7b14\u8bb0\u672c\u7aef\u6574\u4f53\u5c3a\u5bf8 ===== *\/\r\n html, body {\r\n width: auto !important;\r\n min-width: 0 !important;\r\n overflow-x: clip !important;\r\n transform: none !important;\r\n zoom: 1 !important;\r\n }\r\n img {\r\n max-width: 100% !important;\r\n }\r\n .hero-banner {\r\n max-width: 100% !important;\r\n overflow: hidden !important;\r\n }\r\n .banner-img {\r\n width: 100% !important;\r\n height: auto !important;\r\n display: block !important;\r\n }\r\n .product-container {\r\n max-width: min(2000px, 100%) !important;\r\n padding: clamp(44px, 3.125vw, 60px) clamp(20px, 4vw, 80px) clamp(56px, 4.16vw, 80px) !important;\r\n }\r\n .product-wrap {\r\n gap: clamp(22px, 1.67vw, 32px) !important;\r\n }\r\n .row-top {\r\n gap: clamp(18px, 1.46vw, 28px) !important;\r\n }\r\n .card-small-group {\r\n gap: clamp(18px, 1.46vw, 28px) !important;\r\n }\r\n .row-bottom {\r\n gap: clamp(18px, 1.46vw, 28px) !important;\r\n }\r\n .product-name {\r\n font-size: clamp(1rem, 1.45vw, 1.6rem) !important;\r\n }\r\n @media screen and (min-width: 1025px) and (max-width: 1600px) {\r\n .product-container {\r\n max-width: min(1480px, 100%) !important;\r\n padding-top: clamp(34px, 2.6vw, 48px) !important;\r\n padding-bottom: clamp(42px, 3.4vw, 64px) !important;\r\n padding-left: clamp(22px, 3.2vw, 52px) !important;\r\n padding-right: clamp(22px, 3.2vw, 52px) !important;\r\n }\r\n .product-wrap {\r\n gap: clamp(16px, 1.35vw, 24px) !important;\r\n }\r\n .row-top {\r\n grid-template-columns: 1fr 1fr 1.1fr !important;\r\n gap: clamp(14px, 1.2vw, 22px) !important;\r\n }\r\n .card-small-group {\r\n gap: clamp(14px, 1.2vw, 22px) !important;\r\n }\r\n .row-bottom {\r\n gap: clamp(14px, 1.2vw, 22px) !important;\r\n margin-top: 0 !important;\r\n }\r\n .card-large,\r\n .card-small {\r\n border-radius: clamp(12px, 1.1vw, 20px) !important;\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.05) !important;\r\n }\r\n .product-name {\r\n font-size: clamp(0.95rem, 1.25vw, 1.35rem) !important;\r\n margin-bottom: clamp(8px, 0.8vw, 12px) !important;\r\n }\r\n .more-btn {\r\n padding: clamp(6px, 0.55vw, 8px) clamp(18px, 1.45vw, 26px) !important;\r\n font-size: clamp(11px, 0.82vw, 13px) !important;\r\n }\r\n .tab-item {\r\n padding: 6px 22px !important;\r\n font-size: 14px !important;\r\n }\r\n }\r\n @media screen and (min-width: 1025px) and (max-width: 1366px) {\r\n .product-container {\r\n max-width: min(1280px, 100%) !important;\r\n padding-left: 28px !important;\r\n padding-right: 28px !important;\r\n }\r\n .row-top,\r\n .row-bottom,\r\n .card-small-group {\r\n gap: 16px !important;\r\n }\r\n .product-name {\r\n font-size: 1.05rem !important;\r\n }\r\n }\r\n @media screen and (max-width: 992px) {\r\n .row-top {\r\n grid-template-columns: 1fr !important;\r\n }\r\n .card-small-group {\r\n flex-direction: row !important;\r\n }\r\n }\r\n @media screen and (max-width: 768px) {\r\n html, body {\r\n overflow-x: hidden !important;\r\n }\r\n .product-container {\r\n padding: 40px 20px 60px !important;\r\n }\r\n .card-small-group {\r\n flex-direction: column !important;\r\n }\r\n .row-bottom {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u6700\u7ec8\u81ea\u9002\u5e94\u8986\u76d6\u7ed3\u675f ===== *\/\r\n \r\n\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u56fe\u7247\u94fa\u6ee1\u4fee\u590d\uff1a\u4ea7\u54c1\u56fe\u94fa\u6ee1\u4ea7\u54c1\u6846 ===== *\/\r\n .card-large,\r\n .card-small {\r\n background-color: #f5f7fa !important;\r\n }\r\n .product-link {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n }\r\n .product-img {\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 background-color: #f5f7fa !important;\r\n }\r\n .row-top .card-large .product-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n .card-small-group .card-small .product-img,\r\n .row-bottom .card-small .product-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n @media screen and (min-width: 1025px) and (max-width: 1600px) {\r\n .product-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n }\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u56fe\u7247\u663e\u793a\u4fee\u590d\u7ed3\u675f ===== *\/\r\n\r\n\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u5f00\u5c4f\u56fe\u4fee\u590d\uff1a\u4fdd\u6301\u5927\u56fe\u94fa\u6ee1\u9996\u5c4f ===== *\/\r\n .hero-banner {\r\n width: 100% !important;\r\n height: clamp(620px, 52vw, 980px) !important;\r\n max-width: 100% !important;\r\n overflow: hidden !important;\r\n background-color: #f0f7ff !important;\r\n position: relative !important;\r\n }\r\n .banner-img {\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 @media screen and (min-width: 1025px) and (max-width: 1600px) {\r\n .hero-banner {\r\n height: clamp(560px, 50vw, 820px) !important;\r\n }\r\n .banner-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n .tab-nav {\r\n bottom: clamp(24px, 4vw, 52px) !important;\r\n }\r\n }\r\n @media screen and (max-width: 768px) {\r\n .hero-banner {\r\n height: clamp(480px, 120vw, 680px) !important;\r\n }\r\n .banner-img {\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n }\r\n \/* ===== \u4ea7\u54c1\u65b9\u6848\u4e8e\u4ea7\u54c1\u5f00\u5c4f\u56fe\u4fee\u590d\u7ed3\u675f ===== *\/\r\n \/* ===== \u4ea7\u54c1\u56fe\u6700\u7ec8\u4fee\u590d\uff1a\u94fa\u6ee1\u4ea7\u54c1\u6846\uff0c\u4e0d\u7559\u767d ===== *\/\r\n .product-container .card-large,\r\n .product-container .card-small,\r\n .product-container .product-link {\r\n overflow: hidden !important;\r\n }\r\n .product-container .product-img {\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 \/* ===== \u4ea7\u54c1\u56fe\u6700\u7ec8\u4fee\u590d\u7ed3\u675f ===== *\/ <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u9876\u90e8\u5f00\u5c4f\u5927\u56fe -->\r\n<section class=\"hero-banner\">\r\n <img decoding=\"async\" data-opt-id=\"1903976456\" 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-e1776836491733.png\" class=\"banner-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=\"\u601d\u683c\u80fd\u6e90\u4ea7\u54c1\u4e2d\u5fc3\u5168\u666f\u5c55\u793a\" loading=\"eager\">\r\n <div class=\"tab-nav\">\r\n <div class=\"tab-item active\">Centre de produits<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u4ea7\u54c1\u5c55\u793a\u533a\uff1a\u6240\u6709\u5361\u7247\u6bd4\u4f8b\u4e25\u683c\u5339\u914d\u56fe\u7247\u5c3a\u5bf8\uff0c\u56fe\u7247\u5b8c\u5168\u586b\u5145\u65e0\u7559\u767d\uff0c\u5168\u81ea\u9002\u5e94\u5e03\u5c40 -->\r\n<section class=\"product-container\">\r\n <div class=\"product-wrap\">\r\n <!-- \u7b2c\u4e00\u884c\uff1a\u4e24\u5927\u5361\u7247 + \u53f3\u4fa7\u53cc\u5c0f\u5361 (\u5c3a\u5bf8\u6839\u636e\u56fe\u7247509*781 \/ 554*404) -->\r\n <div class=\"row-top\">\r\n <!-- 1. \u50a8\u80fd\u4e00\u4f53\u673a All In One (509x781\u6bd4\u4f8b) -->\r\n <div class=\"card-large\">\r\n <a href=\"\/fr\/?page_id=437\" class=\"product-link\" aria-label=\"En savoir plus sur le stockage d'\u00e9nergie tout-en-un\">\r\n <img decoding=\"async\" data-opt-id=\"1679231835\" 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\/6kw12kwh-产品宣传图.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=\"All In One\u50a8\u80fd\u4e00\u4f53\u673a\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">Tout en un<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <!-- 2. \u50a8\u80fd\u7535\u6c60 PowerWall (509x781\u6bd4\u4f8b) -->\r\n <div class=\"card-large\">\r\n <a href=\"\/fr\/?page_id=439\" class=\"product-link\" aria-label=\"En savoir plus sur les batteries de stockage d'\u00e9nergie PowerWall\">\r\n <img decoding=\"async\" data-opt-id=\"351807843\" 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\/12kw-32kwh产品宣传图.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=\"PowerWall\u50a8\u80fd\u7535\u6c60\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">PowerWall<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <!-- \u53f3\u4fa7\u4e24\u4e2a\u5c0f\u5361\u7247\u7ec4 (554x404\u6bd4\u4f8b) -->\r\n <div class=\"card-small-group\">\r\n <!-- 3. \u4fbf\u643a\u5f0f\u50a8\u80fd\u7535\u6c60\u53055\u5ea6\u7535 -->\r\n <div class=\"card-small\">\r\n <a href=\"\/fr\/?page_id=441\" class=\"product-link\" aria-label=\"Batterie de stockage d'\u00e9nergie portable 5 kWh\">\r\n <img decoding=\"async\" data-opt-id=\"857565596\" 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\/便携式储能电池包5度电.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=\"\u4fbf\u643a\u5f0f\u50a8\u80fd\u7535\u6c60\u53055\u5ea6\u7535\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">Batterie de stockage d'\u00e9nergie portable 5 kWh<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <!-- 4. HBPack-W\u7cfb\u5217Pro -->\r\n <div class=\"card-small\">\r\n <a href=\"\/fr\/?page_id=443\" class=\"product-link\" aria-label=\"HBPack-W S\u00e9rie Pro\">\r\n <img decoding=\"async\" data-opt-id=\"2116980087\" 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\/电池包5度电.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=\"HBPack-W\u7cfb\u5217Pro\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">HBPack-W S\u00e9rie Pro<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u7b2c\u4e8c\u884c\uff1a\u5de5\u5546\u4e1a\u50a8\u80fd + HBG-48\u7cfb\u5217 (\u56fe\u7247\u5c3a\u5bf8812x603) -->\r\n <div class=\"row-bottom\">\r\n <!-- 5. \u5de5\u5546\u4e1a\u50a8\u80fd -->\r\n <div class=\"card-small\">\r\n <a href=\"\/fr\/?page_id=75\" class=\"product-link\" aria-label=\"Solutions de stockage d'\u00e9nergie pour le secteur commercial et industriel\">\r\n <img decoding=\"async\" data-opt-id=\"1789247587\" 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=\"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=\"\u5de5\u5546\u4e1a\u50a8\u80fd\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">Stockage d'\u00e9nergie commercial et industriel<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <!-- 6. HBG-48\u7cfb\u5217 -->\r\n <div class=\"card-small\">\r\n <a href=\"\/fr\/?page_id=447\" class=\"product-link\" aria-label=\"S\u00e9rie HBG-48 Stockage d'\u00e9nergie hors r\u00e9seau\">\r\n <img decoding=\"async\" data-opt-id=\"876339042\" 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\/离网6kw.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=\"HBG-48\u7cfb\u5217\">\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">S\u00e9rie HBG-48<\/h3>\r\n <button class=\"more-btn\" aria-label=\"En savoir plus\">En savoir plus<\/button>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>a\r\n<!-- \u5df2\u4fee\u6539\uff1a\u4ea7\u54c1\u65b9\u6848\u4e0e\u4ea7\u54c1\u81ea\u9002\u5e94\u4fee\u590d\u7248\u672c\u3002\u4ea7\u54c1\u5361\u7247\u56fe\u7247\u5df2\u6539\u4e3a\u94fa\u6ee1\u4ea7\u54c1\u6846\uff1b\u4fdd\u7559\u539f\u9875\u9762\u6587\u5b57\u3001\u94fe\u63a5\u3001\u5f00\u5c4f\u5927\u56fe\u548c\u6574\u4f53\u5e03\u5c40\u3002 -->\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-1479499 e-flex e-con-boxed e-con e-parent\" data-id=\"1479499\" 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-19f91843-8ff15bc\" \n\t\t\t\t\tdata-interaction-id=\"19f91843\" \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-35d12be9 elementor-align-center elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-button\" data-id=\"35d12be9\" 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=\"\/fr\/\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\">Nous contacter<\/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>","protected":false},"excerpt":{"rendered":"<p>\u4ea7\u54c1\u4e2d\u5fc3 – \u601d\u683c\u80fd\u6e90 \u4ea7\u54c1\u4e2d\u5fc3 All In One \u4e86\u89e3\u66f4\u591a PowerWall \u4e86\u89e3\u66f4\u591a \u4fbf […]<\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":76,"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":1653,"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/pages\/69\/revisions\/1653"}],"wp:attachment":[{"href":"https:\/\/hossoni-ess.com\/fr\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}