Home Page-LumenHaus

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta name="author" content="guanwang" /> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport" /> <title>Home Page-LumenHaus</title> <meta name="keywords" content="Smart Home Energy Solution" /> <meta name="description" /> <link rel="shortcut icon" href="/static/cn/img/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="/static/cn/css/animate.min.css" /> <link rel="stylesheet" href="/static/cn/css/base.css" /> <link rel="stylesheet" href="/static/cn/css/reset.css" /> <script src="/static/cn/js/wow.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/jquery-3.5.1.js"></script>  <script></script> <link rel="stylesheet" href="/static/cn/css/swiper-bundle.css"> <link rel="stylesheet" href="/static/cn/css/index.css"> </head> <body id="my-scrollbar"> <div class="head"> <div class="logo"> <a href="/"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png"> </a> </div> <div class="head_nav"> <div class="navge clearfix"> <div data-column="335"> <div class="nav1 fnt_18 xuan"><a href="/category/solution.html">LumenHaus System</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/one.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/7dd626be-a8d6-4f83-8292-3a40830086ab.png" alt="SUNSAVER"> </a> <a class="fnt_18 nav2_tit" href="/category/one.html">SUNSAVER</a> <div ddd="M000437" class="fnt_16 nav2_des">A Power Bank for Your Home</div> <a class="nav_more" href="/category/one.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/collection.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/513d123e-9d81-4b70-946c-9cae72158f26.png" alt="SUNCATCHER"> </a> <a class="fnt_18 nav2_tit" href="/category/collection.html">SUNCATCHER</a> <div ddd="M000341" class="fnt_16 nav2_des">Illuminate Your Home Elegantly with All-black Panels</div> <a class="nav_more" href="/category/collection.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/charging.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/27/e5d64633-ef7b-4b19-9c66-ebef9752a301.png" alt="SUNCHARGER"> </a> <a class="fnt_18 nav2_tit" href="/category/charging.html">SUNCHARGER</a> <div ddd="M000342" class="fnt_16 nav2_des">Smart and Safe Experience, Travel Freely with Full Power</div> <a class="nav_more" href="/category/charging.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/pump.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/c1c43fbf-9a10-4c54-849b-f4c635f05dce.png" alt="SUNHEATER"> </a> <a class="fnt_18 nav2_tit" href="/category/pump.html">SUNHEATER</a> <div ddd="M000433" class="fnt_16 nav2_des">Minimal Noise, Maximum Efficiency – Comfort Your Daily Life</div> <a class="nav_more" href="/category/pump.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/app.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/bc2430c3-83b3-4f6c-86c0-bb1a38db0527.jpg" alt="myLumenHaus APP"> </a> <a class="fnt_18 nav2_tit" href="/category/app.html">myLumenHaus APP</a> <div ddd="M000443" class="fnt_16 nav2_des">Smart, Green, and Secure – Energy at Your Fingertips</div> <a class="nav_more" href="/category/app.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div data-column="336"> <div class="nav1 fnt_18 xuan"><a href="/category/support.html">Support</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/support.html?loc=0"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/6f87bf7e-4e8e-4c52-8975-db673d55a4ff.png" alt="Downloads"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=0">Downloads</a> <div ddd="M000361" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/category/support.html?loc=0"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/support.html?loc=1"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/b4bad59b-d088-4eb3-9c59-491a45fd0e07.png" alt="FAQs"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=1">FAQs</a> <div ddd="M000362" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/category/support.html?loc=1"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/support.html?loc=2"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/880386a4-edc9-407e-b26e-4193326c7fc6.png" alt="Contact Us"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=2">Contact Us</a> <div ddd="M000346" class="fnt_16 nav2_des">Make your home energy, independent at all times</div> <a class="nav_more" href="/category/support.html?loc=2"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div data-column="337"> <div class="nav1 fnt_18 xuan"><a href="/category/about.html">About Us</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/about.html"> <img src="https://file.lumenhaus.com/upload/image/2024/04/12/215fd12b-d80c-4efb-a4cb-b689377e0180.png" alt="About LumenHaus"> </a> <a class="fnt_18 nav2_tit" href="/category/about.html">About LumenHaus</a> <div ddd="M000347" class="fnt_16 nav2_des">Powering Green Future Together</div> <a class="nav_more" href="/category/about.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/news/news.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/8ecc17e0-d3d0-4aa9-b1cf-0b005317def9.png" alt="What's New"> </a> <a class="fnt_18 nav2_tit" href="/news/news.html">What's New</a> <div ddd="M000348" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/news/news.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/recruit.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/1bfe4317-86e4-491b-b0c5-99a3e5003010.png" alt="Careers"> </a> <a class="fnt_18 nav2_tit" href="/category/recruit.html">Careers</a> <div ddd="M000349" class="fnt_16 nav2_des">Thriving with us. Be part of something bigger.</div> <a class="nav_more" href="/category/recruit.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div class="nav_line"></div> <div data-column="338"> <div class="nav1 fnt_18"><a href="/">Private</a></div> </div> <div data-column="339"> <div class="nav1 fnt_18"><a href="/category/partner.html">Partner</a></div> </div> </div> <a class="nav_design" href="/system.html"><i>Design Your System</i></a> <div class="country"> <svg t="1710921325628" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5969" width="28" height="28"><path d="M499.0546170311111 431.73862741333335c0-2.5890770488888886 0-2.5890770488888886 0 0 0-2.5890770488888886 0 0 0 0z m168.28997518222224 186.4135111111111z m5.17815296 0h-5.17815296s2.5890770488888886 2.5890770488888886 5.17815296 0zM506.82184703999997 64.08975815111108c-243.37319480888888 0-442.7320888888889 196.76981703111107-442.7320888888889 442.7320888888889s196.76981703111107 442.7320888888889 442.7320888888889 442.7320888888889c243.37319480888888 0 442.7320888888889-196.76981703111107 442.7320888888889-442.7320888888889S752.7841188977778 64.08975815111108 506.82184703999997 64.08975815111108z m282.20934257777776 173.4681281422222c-15.534458879999999 0-25.890765937777775 0-38.836147768888885 7.767230008888888-5.17815296 2.5890770488888886-7.767230008888888 7.767230008888888-15.534458879999999 10.35630592-5.17815296 2.5890770488888886-12.945382968888888 0-18.123535928888888 2.5890770488888886-20.71261184 7.767230008888888-18.123535928888888 49.19245482666667-44.01430186666666 44.014300728888884-12.945382968888888-2.5890770488888886-20.71261184-18.123535928888888-28.47984184888889-28.47984184888889-5.17815296-7.767230008888888-15.534458879999999-15.534458879999999-7.7672288711111115-25.890765937777775h-10.356307057777778c5.17815296-10.35630592 18.123535928888888-7.767230008888888 20.712612977777777-12.945381831111112 5.17815296-12.945382968888888-15.534458879999999-12.945382968888888-23.301688888888886-15.534460017777777 7.767230008888888-7.767230008888888 10.35630592 2.5890770488888886 18.123535928888888 0 7.767230008888888-2.5890770488888886-2.5890770488888886-10.35630592-7.767230008888888-12.945382968888888-2.5890770488888886 0-25.890765937777775 7.767230008888888-12.945382968888888-5.17815296-18.123535928888888-10.35630592-36.247071857777776-23.301688888888886-54.37060664888888-33.657994808888894-2.5890770488888886 12.945382968888888 23.301688888888886 20.71261184 33.657994808888894 23.301688888888886-2.5890770488888886 5.17815296-10.35630592 12.945382968888888-15.534458879999999 10.35630592-5.17815296-2.5890770488888886-2.5890770488888886-12.945382968888888-12.945382968888888-10.35630592-5.17815296 15.534458879999999 12.945382968888888 10.35630592 15.534458879999999 20.712612977777777 2.5890770488888886 10.35630592-7.767230008888888 5.17815296-10.35630592 5.17815296 0 0-7.767230008888888-7.767230008888888-7.767230008888888-2.5890770488888886 0 5.17815296 10.35630592 5.17815296 12.945382968888888 10.35630592-12.945382968888888 0-20.71261184-5.17815296-31.068918897777777-10.35630592-12.945382968888888-7.767230008888888-18.123535928888888-7.767230008888888-33.657994808888894-7.767230008888888 5.17815296-2.5890770488888886 10.35630592-2.5890770488888886 15.534458879999999-5.17815296 2.5890770488888886-2.5890770488888886 10.35630592-10.35630592 10.356307057777778-12.945381831111112 2.5890770488888886-7.767230008888888 0-7.767230008888888-7.767230008888888-12.945382968888888-2.5890770488888886-2.5890770488888886-10.35630592-12.945382968888888-20.71261184-12.945382968888888-28.47984184888889-5.17815296-10.35630592 25.890765937777775-31.068918897777777 31.068918897777777-5.17815296 0-15.534458879999999-2.5890770488888886-18.123535928888888 2.5890759111111112-2.5890770488888886 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 12.945382968888888-5.17815296 5.17815296-12.945382968888888 5.17815296-18.123535928888888 10.35630592-5.17815296 2.5890770488888886-18.123535928888888 12.945382968888888-20.71261184 18.123535928888888-12.945382968888888 23.301688888888886 25.890765937777775 31.068918897777777 41.42522368 36.247071857777776 7.767230008888888 2.5890770488888886 25.890765937777775 7.767230008888888 28.479842986666664 12.945382968888888 5.17815296 7.767230008888888-5.17815296 12.945382968888888 5.17815296 18.123535928888888 2.5890770488888886 2.5890770488888886 10.35630592 2.5890770488888886 12.945381831111112-2.5890770488888886 5.17815296-5.17815296-2.5890770488888886-5.17815296-2.5890759111111112-12.945382968888888-2.5890770488888886-10.35630592 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-7.767230008888888 7.767230008888888-10.35630592 5.17815296-23.301688888888886-2.5890770488888886-5.17815296-10.35630592-23.301688888888886-2.5890770488888886-28.47984184888889 7.767230008888888-5.17815296 25.890765937777775 2.5890770488888886 33.657994808888894 5.17815296 7.767230008888888 0 12.945382968888888 10.35630592 15.534460017777777 15.534458879999999 2.5890770488888886 2.5890770488888886 7.767230008888888 7.767230008888888 12.945381831111112 7.767230008888888 7.767230008888888 0 5.17815296-7.767230008888888 7.767230008888888-10.35630592 12.945382968888888-7.767230008888888 15.534458879999999 2.5890770488888886 20.712612977777777 12.945382968888888 5.17815296 10.35630592 7.767230008888888 12.945382968888888 15.534458879999999 20.71261184 2.5890770488888886 2.5890770488888886 20.71261184 12.945382968888888 18.123535928888888 20.71261184 0 5.17815296-18.123535928888888 10.35630592-23.301688888888886 12.945382968888888-18.123535928888888 5.17815296-51.78153073777778-10.35630592-54.37060778666666 18.123535928888888 7.767230008888888-2.5890770488888886 25.890765937777775-18.123535928888888 31.068918897777777-10.35630592 2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888 0 12.945382968888888 2.5890770488888886 10.35630592 10.35630592 7.767230008888888 20.71261184 5.17815296h-2.5890759111111112c10.35630592-5.17815296 10.35630592-5.17815296 15.534458879999999-12.945382968888888 2.5890770488888886-2.5890770488888886 5.17815296-10.35630592 7.767230008888888-12.945382968888888 7.767230008888888-7.767230008888888 10.35630592-2.5890770488888886 15.534458879999999 2.5890770488888886 2.5890770488888886 2.5890770488888886 12.945382968888888 20.71261184 10.35630592 18.123535928888888-15.534458879999999-2.5890770488888886-28.47984184888889-2.5890770488888886-41.42522481777778 5.17815296-7.767230008888888 5.17815296-12.945382968888888 10.35630592-20.71261184 12.945382968888888-2.5890770488888886 0-18.123535928888888 2.5890770488888886-15.534458879999999 0 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 15.534458879999999-10.356307057777778-10.35630592-5.17815296-18.123535928888888 5.17815296-25.890765937777775 10.356307057777778-7.767230008888888 2.5890770488888886-10.35630592 10.35630592-15.534458879999999 18.123534791111112-2.5890770488888886 2.5890770488888886-7.767230008888888 2.5890770488888886-10.35630592 7.767230008888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888-5.17815296 12.945382968888888-2.5890770488888886 2.5890770488888886-7.767230008888888 0-7.767230008888888 5.17815296-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 0 12.945382968888888s-12.945382968888888 10.35630592-18.123535928888888 15.534458879999999l2.5890770488888886-2.5890759111111112c-5.17815296 5.17815296-10.35630592 7.767230008888888-12.945382968888888 12.945381831111112 2.5890770488888886 7.767230008888888 7.767230008888888 25.890765937777775 5.17815296 28.47984184888889-12.945382968888888 10.35630592-20.71261184-10.35630592-25.890765937777775-15.534458879999999-12.945382968888888-18.123535928888888-36.247071857777776-5.17815296-54.37060664888888-5.17815296-20.71261184 2.5890770488888886-41.42522481777778 28.47984184888889-28.47984184888889 51.78153073777778 5.17815296 10.35630592 18.123535928888888 15.534458879999999 28.47984184888889 12.945382968888888 10.35630592-2.5890770488888886 12.945382968888888-18.123535928888888 23.301688888888886-18.123535928888888 18.123535928888888 0 0 18.123535928888888 0 25.890765937777775-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 7.7672288711111115 7.7672288711111115 5.17815296 0 12.945382968888888-2.5890770488888886 15.534460017777777 0 2.5890770488888886 2.5890770488888886 2.5890770488888886 10.35630592 5.17815296 7.767230008888888-7.767230008888888 5.17815296-5.17815296 20.71261184 2.5890759111111112 25.8907648 7.767230008888888 5.17815296 18.123535928888888 0 25.890765937777775 2.5890770488888886 15.534458879999999 5.17815296 7.767230008888888 0 23.301688888888886-10.35630592 10.35630592-5.17815296 10.35630592 0 18.123535928888888 0 5.17815296 0 7.767230008888888-5.17815296 15.534458879999999-5.17815296 5.17815296 2.5890770488888886 7.767230008888888 5.17815296 15.534460017777777 7.7672288711111115h7.7672288711111115c12.945382968888888 2.5890770488888886 23.301688888888886 10.35630592 33.657994808888894 18.123535928888888 7.767230008888888 5.17815296 15.534458879999999 5.17815296 25.890765937777775 7.767230008888888 7.767230008888888 2.5890770488888886 20.71261184 12.945382968888888 20.71261184 23.301688888888886 0 2.5890770488888886-7.767230008888888 10.35630592-7.7672288711111115 12.945382968888888 2.5890770488888886 2.5890770488888886 15.534458879999999-2.5890770488888886 18.123535928888888-2.5890770488888886 0 2.5890770488888886-10.35630592 7.767230008888888-10.356307057777778 5.17815296 0 2.5890770488888886 5.17815296 5.17815296 7.767230008888888 5.17815296 5.17815296-15.534458879999999 12.945382968888888-5.17815296 20.712612977777777-2.5890759111111112 7.767230008888888 2.5890770488888886 18.123535928888888 2.5890770488888886 25.8907648 5.17815296 7.767230008888888 2.5890770488888886 23.301688888888886 7.767230008888888 28.47984184888889 12.945382968888888 5.17815296 7.767230008888888 2.5890770488888886 18.123535928888888-2.5890759111111112 25.8907648-5.17815296 10.35630592-15.534458879999999 12.945382968888888-20.712612977777777 23.301688888888886-2.5890770488888886 7.767230008888888 0 18.123535928888888-2.5890759111111112 25.890765937777775-2.5890770488888886 12.945382968888888-5.17815296 7.767230008888888-12.945382968888888 15.534458879999999s0 5.17815296-10.35630592 10.35630592-18.123535928888888 2.5890770488888886-25.890765937777775 12.945382968888888v-2.5890759111111112c-2.5890770488888886 5.17815296-5.17815296 12.945382968888888-5.17815296 15.534458879999999-2.5890770488888886 7.767230008888888-7.767230008888888 10.35630592-12.945382968888888 15.534458879999999-2.5890770488888886 2.5890770488888886-20.71261184 28.47984184888889-20.71261184 25.890765937777775-2.5890770488888886-2.5890770488888886-15.534458879999999 2.5890770488888886-15.534460017777777 0 0 2.5890770488888886 0 2.5890770488888886 2.5890770488888886 5.17815296-2.5890770488888886 20.71261184-12.945382968888888 23.301688888888886-33.657994808888894 23.301688888888886 2.5890770488888886 10.35630592-7.767230008888888 7.767230008888888-12.945382968888888 12.945382968888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 12.945382968888888-5.17815296 15.534458879999999 0 2.5890770488888886-10.35630592 12.945382968888888-10.35630592 15.534458879999999 0 2.5890770488888886 2.5890770488888886 5.17815296 5.17815296 7.767230008888888-15.534458879999999 2.5890770488888886-28.47984184888889 5.17815296-44.01430186666666 5.17815296 2.5890770488888886-2.5890770488888886 2.5890770488888886-7.767230008888888-5.17815296-7.767230008888888 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-15.534458879999999v-7.767230008888888c2.5890770488888886-10.35630592 2.5890770488888886-5.17815296 0-12.945381831111112-5.17815296-18.123535928888888 2.5890770488888886-23.301688888888886 7.767230008888888-41.42522481777778 5.17815296-18.123535928888888 5.17815296-38.836147768888885 7.767230008888888-59.548760746666666 2.5890770488888886-7.767230008888888 5.17815296-28.47984184888889 0-36.247071857777776-2.5890770488888886-10.35630592-18.123535928888888-18.123535928888888-25.890765937777775-23.301688888888886-10.35630592-10.35630592-15.534458879999999-18.123535928888888-23.301688888888886-31.068917759999998-2.5890770488888886-5.17815296-7.767230008888888-10.35630592-10.35630592-18.123535928888888-5.17815296-12.945382968888888 0-5.17815296 0-12.945382968888888s0-15.534458879999999 2.5890770488888886-23.301688888888886c2.5890770488888886-7.767230008888888 10.35630592-15.534458879999999 15.534458879999999-23.301688888888886 2.5890770488888886-7.767230008888888 0-18.123535928888888-7.767230008888888-20.712612977777777-5.17815296-2.5890770488888886-10.35630592 2.5890770488888886-12.945382968888888 0-5.17815296 0-12.945382968888888-5.17815296-18.123534791111112-10.35630592-7.767230008888888-5.17815296-10.35630592-12.945382968888888-18.123535928888888-18.123535928888888-5.17815296-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890759111111112-7.767230008888888-2.5890770488888886-10.35630592-10.35630592-15.534460017777777-12.945382968888888-7.767230008888888-5.17815296-12.945382968888888 2.5890770488888886-20.71261184 0-7.767230008888888 0-18.123535928888888-10.35630592-25.890765937777775-12.945382968888888-15.534458879999999-5.17815296-23.301688888888886-12.945382968888888-28.47984184888889-28.47984184888889-5.17815296-12.945382968888888-12.945382968888888-18.123535928888888-20.71261184-28.47984184888889-7.767230008888888-10.35630592-10.35630592-18.123535928888888-23.301688888888886-23.301688888888886-2.5890770488888886 0 2.5890770488888886 10.35630592 2.5890759111111112 12.945382968888888 5.17815296 7.767230008888888 12.945382968888888 15.534458879999999 18.123535928888888 25.8907648 7.767230008888888 12.945382968888888 5.17815296 12.945382968888888-2.5890759111111112 2.5890770488888886-10.35630592-12.945382968888888-20.71261184-25.890765937777775-28.47984184888889-38.836147768888885 5.17815296 5.17815296 5.17815296 0 0-5.178154097777777s-12.945382968888888-7.767230008888888-15.534460017777777-12.945381831111112c-18.123535928888888-15.534458879999999-20.71261184-38.836147768888885-20.71261184-62.137837795555555 0-7.767230008888888 2.5890770488888886-12.945382968888888 2.5890759111111112-20.71261184 0-5.17815296-5.17815296-10.35630592-10.35630592-15.534458879999999-2.5890770488888886-2.5890770488888886-5.17815296-7.767230008888888-5.17815296-7.767230008888888-5.17815296-7.767230008888888-7.767230008888888-12.945382968888888-12.945382968888888-18.123535928888888-2.5890770488888886-2.5890770488888886-12.945382968888888-10.35630592-23.301688888888886-18.123535928888888 41.42522481777778-51.78153073777778 95.79583260444444-93.20675555555555 157.93366926222222-119.09752035555556 0 2.5890770488888886 2.5890770488888886 5.17815296 2.5890770488888886 10.35630592 7.767230008888888 7.767230008888888 12.945382968888888 7.767230008888888 20.71261184 10.35630592 0 10.35630592-15.534458879999999 12.945382968888888-23.301688888888886 10.35630592-10.35630592-2.5890770488888886-23.301688888888886-5.17815296-31.068917759999998 5.17815296 5.17815296 2.5890770488888886 20.71261184 15.534458879999999 18.123534791111112 2.5890770488888886h31.068918897777777c5.17815296 0 18.123535928888888 5.17815296 20.712612977777777 2.5890759111111112 2.5890770488888886 0 2.5890770488888886-7.767230008888888 5.17815296-10.35630592-2.5890770488888886 0-5.17815296-2.5890770488888886-7.767230008888888 0 7.767230008888888-7.767230008888888 12.945382968888888-2.5890770488888886 23.301688888888886 2.5890770488888886-10.35630592 5.17815296-2.5890770488888886 20.71261184 5.17815296 7.7672288711111115 7.767230008888888-10.35630592-2.5890770488888886-15.534458879999999-10.35630592-20.71261184 10.35630592-12.945382968888888 15.534458879999999-12.945382968888888 25.8907648 0 2.5890770488888886-7.767230008888888 7.767230008888888-5.17815296 15.534460017777777-5.17815296v-2.5890770488888886c-2.5890770488888886 0-7.767230008888888-2.5890770488888886-10.35630592-2.5890759111111112 7.767230008888888-12.945382968888888 2.5890770488888886-15.534458879999999 12.945381831111112-18.123535928888888 7.767230008888888-2.5890770488888886 31.068918897777777 0 36.247071857777776-7.767230008888888-15.534458879999999 2.5890770488888886-36.247071857777776 5.17815296-51.78153073777778 10.35630592-7.767230008888888 2.5890770488888886-12.945382968888888 12.945382968888888-20.71261184 7.767230008888888-7.767230008888888-7.767230008888888 5.17815296-18.123535928888888 10.35630592-20.71261184h-2.5890770488888886c25.890765937777775-5.17815296 54.37060778666666-7.767230008888888 82.85044963555556-7.767230008888888 18.123535928888888 0 36.247071857777776 2.5890770488888886 54.37060778666666 2.5890770488888886-5.17815296 2.5890770488888886-2.5890770488888886 5.17815296-5.17815296 7.7672288711111115-7.767230008888888 5.17815296-23.301688888888886 10.35630592-33.65799594666667 15.534460017777777 12.945382968888888 0 44.014300728888884 12.945382968888888 49.19245482666667-5.178154097777777-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890759111111112 7.767230008888888-5.17815296 15.534458879999999-10.35630592 25.890765937777775-12.945382968888888 75.08321962666668 18.123535928888888 147.57736334222224 59.548760746666666 199.35889294222224 116.50844444444445 2.5890770488888886 0 0 0 0 0z m72.49414371555555 155.34459221333333c0-2.5890770488888886 2.5890770488888886-2.5890770488888886 2.5890770488888886-2.5890759111111112 2.5890770488888886-2.5890770488888886 0-5.17815296 2.5890759111111112-7.767230008888888 2.5890770488888886-2.5890770488888886 5.17815296-2.5890770488888886 7.767230008888888-5.17815296l2.5890759111111112-2.5890759111111112c7.767230008888888 18.123535928888888 12.945382968888888 36.247071857777776 15.534460017777777 56.95968369777778l-7.767230008888888 2.5890759111111112c-5.17815296 0-7.767230008888888-2.5890770488888886-10.35630592-5.17815296l-10.35630592-10.35630592c-2.5890770488888886-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890770488888886-5.17815296-5.17815296-10.35630592-2.5890770488888886-12.945382968888888z m5.17815296 201.94797112888887c-7.767230008888888-7.767230008888888-15.534458879999999-15.534458879999999-20.71261184-23.301688888888886-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890770488888886-28.47984184888889 0-7.767230008888888-5.17815296-20.71261184 0-28.47984184888889l7.767230008888888-7.767230008888888c2.5890770488888886-5.17815296 2.5890770488888886-10.35630592 7.7672288711111115-15.534458879999999 5.17815296-5.17815296 10.35630592-7.767230008888888 15.534460017777777-12.945382968888888 5.17815296-5.17815296 5.17815296-7.767230008888888 7.7672288711111115-15.534460017777777 2.5890770488888886-5.17815296 7.767230008888888-12.945382968888888 12.945382968888888-15.534458879999999 2.5890770488888886 20.71261184 5.17815296 38.836147768888885 5.17815296 59.548760746666666 0 33.657994808888894-5.17815296 69.90506666666667-12.945381831111112 100.97398556444443-7.767230008888888-2.5890770488888886-15.534458879999999-7.767230008888888-20.712612977777777-12.945382968888888z m0 0" fill="#5d676b" p-id="5970"></path></svg> <div class="country_list"> <a href="http://www.lumenhaus.com" target="_blank">English</a> <a href="http://www.lumenhaus.de" target="_blank">Deutsch</a> </div> </div> <div class="phone_menu"> <span></span> <span></span> <span></span> </div> </div> </div> <script> $(window).on('load', function() { new WOW().init(); }); var _width=$(window).width(); if(_width>768){ $(".navge>div").hover(function(){ $(this).find(".nav2").stop().slideDown(); },function(){ $(this).find(".nav2").stop().slideUp(); }) }else{ $(".nav1").click(function(){ $(this).toggleClass("xuan_act") $(this).next().stop().slideToggle(); $(this).parent().siblings().find(".nav1").removeClass("xuan_act"); $(this).parent().siblings().find(".nav2").slideUp(); }) } $(".country").hover(function(){ $(this).find(".country_list").stop().slideDown(); },function(){ $(this).find(".country_list").stop().slideUp(); }) $(".phone_menu").click(function(){ $(this).toggleClass("menu_act"); $(".navge").stop().slideToggle(); }) </script> <section class="page1"> <div class="swiper-container banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="text"> <p class="fnt_65">Green, Intelligent, Decentralised<br>and Networked</p> <span class="fnt_16">We are shaping the energy transition with the Lumenhaus platform.</span> <div class="btn"> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#444444" p-id="15956"></path> </svg> </a> </div> </div> <div class="banner-video"> <video src="https://file.lumenhaus.com/upload/video/2024/11/12/8c1d18f3-1520-4057-b4f8-4a201031b95f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="port" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/f5400f85-a1fe-4798-80ae-a381a88ed571.png" class="mtz-vlc-odecb"> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-pagination banner_pagination cf"></div> </div> </section> <section class="page2"> <div class="video-box"> <div class="tit fnt_40 f_up">A Day in the Life of<br> a Smart Energy Home</div> <video src="https://file.lumenhaus.com/upload/video/2024/04/24/433e837b-9e05-43cf-8546-ad991b13be0d.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/f3ed4190-9648-430d-a44b-9722147271aa.jpg" class="video-p2"> your browser does not support the video tag </video> </div> <div class="txt-ctn"> <div class="w1440"> <div class="tab"> <p class="fnt_24 on" >Store solar energy </p> <p class="fnt_24" >Smart management</p> <p class="fnt_24" >Using stored energy</p> <p class="fnt_24" >Power outage protection</p> <div class="line"></div> </div> <div class="des"> <div class="text on" > <p class=" fnt_18">During the day, your energy storage batteries will charge using power from solar panels, and your home will also use solar power for electricity.</p> </div> <div class="text" > <p class=" fnt_18">You can monitor and manage your home energy anytime, anywhere, experiencing daily energy savings and blackout protection.</p> </div> <div class="text" > <p class=" fnt_18">At night or whenever the sun isn’t shining, the energy you stored will power your home, helping you maximize electricity savings.</p> </div> <div class="text" > <p class=" fnt_18">Enjoy every moment of life without worrying about power outages. The LumenHaus smart energy system is always available to you like a reliable housekeeper.</p> </div> </div> <div class="swiper-container p2swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="fnt_24" >Store solar energy </p> <span class="fnt_18">During the day, your energy storage batteries will charge using power from solar panels, and your home will also use solar power for electricity.</span> </div> <div class="swiper-slide"> <p class="fnt_24" >Smart management</p> <span class="fnt_18">You can monitor and manage your home energy anytime, anywhere, experiencing daily energy savings and blackout protection.</span> </div> <div class="swiper-slide"> <p class="fnt_24" >Using stored energy</p> <span class="fnt_18">At night or whenever the sun isn’t shining, the energy you stored will power your home, helping you maximize electricity savings.</span> </div> <div class="swiper-slide"> <p class="fnt_24" >Power outage protection</p> <span class="fnt_18">Enjoy every moment of life without worrying about power outages. The LumenHaus smart energy system is always available to you like a reliable housekeeper.</span> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> </section> <section class="page3"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/e8edad74-fe28-4c63-aafa-16a0e173be5a.jpg" alt="Simple Made Easy"> </div> <div class="w1440"> <div class="text"> <p class="fnt_65 f_up">Simple Made Easy</p> <span class="fnt_30 f_up">Let's start the green and smart experience of your own home easily! <br>Simply fill in & Choose freely!</span> <a href="/category/solution.html" class="f_up"> <i class="fnt_18">More Information</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#444444" p-id="15956"></path> </svg> </a> </div> </div> </section> <section class="page4"> <div class="swiper-container page4sw"> <div class="swiper-wrapper"> <div class="swiper-slide item cut1 on"> <div class="text"> <p class="fnt_54">Step 1</p> <span class="fnt_24">Click to enter "Design Your System"</span> <em class="fnt_18"> After selecting and providing the basic information about your own house, our system can tailor a residential energy solution for you that is not only cost-saving and low-carbon.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="swiper-slide item cut2"> <div class="text"> <p class="fnt_54">Step 2</p> <span class="fnt_24"> Just a moment! Lumenee will be in touch with you shortly</span> <em class="fnt_18">We'll offer on-site services and personalized advice, further delivering customized solutions to meet your specific needs.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="swiper-slide item cut3"> <div class="text"> <p class="fnt_54">Step 3</p> <span class="fnt_24">Start experiencing your green energy journey now</span> <em class="fnt_18">Decide now in favour of a sustainable future and become the hero of your own story. Lumenators will bring you efficient and reliable installation and after-sales services.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> </div> </div> <div class="video-bg"> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/b1a6d30c-ab6c-4585-bc46-9c0f0fbca37d.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/18c929a8-e685-4f42-89a3-8df24650b387.jpg" class="videobg videoitem0"> your browser does not support the video tag </video> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/3f103ceb-3c21-4e4c-bd4c-7852a3391cda.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/a809a363-348c-4296-aea3-8440f6b0c44c.jpg" class="videobg videoitem1"> your browser does not support the video tag </video> <video src="https://file.lumenhaus.com/upload/video/2024/04/09/7145c01f-b313-44fe-b6f2-305b840253b6.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="https://file.lumenhaus.com/upload/image/2024/04/09/01684b60-d898-4933-b7ea-4d57f60df26b.jpg" class="videobg videoitem2"> your browser does not support the video tag </video> </div> <div class="svgbox"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg" viewBox="0 0 1024 1024" version="1.1"> <path id="svgPath" fill-rule="evenodd" stroke="rgb(246, 146, 34)" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M23.500,1.500 C23.500,1.500 -88.086,168.789 197.500,226.500 C197.500,226.500 402.402,233.863 335.500,416.500 C335.500,416.500 74.023,942.250 314.500,893.500 C314.500,893.500 555.969,819.695 717.500,933.500 "/>  <circle id="svgHalo" cx="0" cy="0" r="40" fill="#dda884" fill-opacity="0.1"></circle>  <circle id="svgDian" cx="0" cy="0" r="8" fill="#d9722c"></circle> </svg> </div> <div class="w1600"> <div class="item cut1 on" > <div class="text"> <p class="fnt_54">Step 1</p> <span class="fnt_24">Click to enter "Design Your System"</span> <em class="fnt_18"> After selecting and providing the basic information about your own house, our system can tailor a residential energy solution for you that is not only cost-saving and low-carbon.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="item cut2" > <div class="text"> <p class="fnt_54">Step 2</p> <span class="fnt_24"> Just a moment! Lumenee will be in touch with you shortly</span> <em class="fnt_18">We'll offer on-site services and personalized advice, further delivering customized solutions to meet your specific needs.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> <div class="item cut3" > <div class="text"> <p class="fnt_54">Step 3</p> <span class="fnt_24">Start experiencing your green energy journey now</span> <em class="fnt_18">Decide now in favour of a sustainable future and become the hero of your own story. Lumenators will bring you efficient and reliable installation and after-sales services.</em> <a href="/system.html"> <i class="fnt_18">Design Your System</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#fff" p-id="15956"></path> </svg> </a> </div> </div> </div> </section> <section class="page5"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/2175c95d-d8eb-4638-856a-b2d29949cae8.jpg" alt="Simple Made Easy"> <img class="bg1" src="/static/cn/img/index5_3.png" alt="Simple Made Easy"> <img class="bg2" src="https://file.lumenhaus.com/upload/image/2024/04/09/a1ae8523-7205-4db6-99e8-04714e93a110.png" alt="Simple Made Easy"> </div> <div class="w1440"> <div class="text"> <p class="fnt_65 f_up">myLumenHaus</p> <p class="fnt_65 f_up"> APP</p> <span class="fnt_24 f_up">Smart Energy Solutions at Your Fingertips</span> <i class="f_up fnt_18">• AI Algorithms Optimize Energy Usage </i> <i class="f_up fnt_18">• Real Time Monitoring & Control </i> <i class="f_up fnt_18">• Intuitive & High Usability </i> <i class="f_up fnt_18">• Inspiring Virtual Community </i> <div class="btn f_up"> </div> </div> </div> </section> <section class="page6"> <div class="text fnt_65"> Best products. Best service<br> For the best sustainable<br> lifestyle <div class="ic"><img src="/static/cn/img/index6_2.png" alt="Simple Made Easy"></div> </div> <ul> <li class="l1"> <div class="item-box" style="background: url(/static/cn/img/index6_1.png) center center;background-size: cover;"> <div class="swiper-container wzswiper"> <div class="swiper-wrapper"> <div class="swiper-slide fnt_20">The LumenHaus Smart <br> APP is brilliant and<br> intutitive</div> <div class="swiper-slide fnt_20">Sleek and reliable design, <br> Simple and easy <br> installation</div> <div class="swiper-slide fnt_20">Better product. Better <br> service. For the best <br> sustainable lifestyle</div> </div> </div> </div> </li> <li class="l2"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/63f7adea-a2a9-4479-8189-9be85f077c2f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </li> <li class="l3"> <div class="item-box"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/04/15/34c623e5-1506-46f0-9698-cf95c24d09fd.png" alt="Simple Made Easy"> </div> </div> </li> <li class="l4"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/8539e991-913f-4144-86a0-67b451ec0bc4.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> <div class="txt"> </div> </li> <li class="l5"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/2301464f-4f5a-499f-8120-8944d2e62f4e.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </li> </ul> <div class="p6sw-h5-1" style="background: url(/static/cn/img/index6_1.png) center center;background-size: cover;"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide fnt_20">The LumenHaus Smart <br> APP is brilliant and<br> intutitive</div> <div class="swiper-slide fnt_20">Sleek and reliable design, <br> Simple and easy <br> installation</div> <div class="swiper-slide fnt_20">Better product. Better <br> service. For the best <br> sustainable lifestyle</div> </div> </div> </div> <div class="swiper-container p6sw-h5-2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/8539e991-913f-4144-86a0-67b451ec0bc4.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/63f7adea-a2a9-4479-8189-9be85f077c2f.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/04/15/34c623e5-1506-46f0-9698-cf95c24d09fd.png" alt="Simple Made Easy"> </div> </div> </div> <div class="swiper-slide"> <div class="item-box"> <div class="video-box"> <video src="https://file.lumenhaus.com/upload/video/2024/04/11/2301464f-4f5a-499f-8120-8944d2e62f4e.mp4" muted="" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" style="pointer-events: none;object-fit: cover;" poster="" class="video-p2" autoplay loop> your browser does not support the video tag </video> </div> </div> </div> </div> </div> </section> <section class="page7"> <div class="w1440"> <div class="tit fnt_65 f_up">Products & Solution</div> <ul> <li class="f_up"> <a href="/category/one.html"> <div class="txt"> <p class="fnt_34">SUNSAVER <br>Three Phase All-in-One ESS</p> <span class="fnt_18">Keep Your Power Constantly On</span> <i class="fnt_18">Learn More <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#e49234" p-id="15956"></path> </svg> </i> </div> <div class="img"><img src="/upload/image/2024/03/29/0cb00a8b-7f8d-4cc9-aab4-27aa66762496.png" alt="Simple Made Easy"></div> </a> </li> <li class="f_left"> <a href="/category/collection.html"> <div class="txt"> <p class="fnt_34">SUNCATCHER</p> <span class="fnt_18">Illuminate Your Home Elegantly with All-black Panels</span> <i class="fnt_18">Learn More <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#e49234" p-id="15956"></path> </svg> </i> </div> <div class="img"><img src="/upload/image/2024/03/29/11da5309-c459-40d8-871c-33c698541be8.jpg" alt="Simple Made Easy"></div> </a> </li> <li class="f_right"> <a href="/category/charging.html"> <div class="txt"> <p class="fnt_34">SUNCHARGER</p> <span class="fnt_18">Smart and Safe Experience, <br>Travel Freely with Full Power</span> <i class="fnt_18">Learn More <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#e49234" p-id="15956"></path> </svg> </i> </div> <div class="img"><img src="/upload/image/2024/04/01/622af505-07df-4e5f-af5b-2895b044ba73.jpg" alt="Simple Made Easy"></div> </a> </li> <li> <a href="/category/pump.html"> <div class="txt"> <p class="fnt_34">SUNHEATER</p> <span class="fnt_18">Minimal noise, maximum efficiency – control the temperature in every room as you wish.</span> <i class="fnt_18">Learn More <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#e49234" p-id="15956"></path> </svg> </i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/11/15/f85e014a-5ac6-497d-9ca9-67b63bf15115.png" alt="Simple Made Easy"></div> </a> </li> </ul> </div> </section> <section class="page8"> <div class="img"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/5a323121-b865-48be-ac87-821c3496227f.jpg" alt="Simple Made Easy"> </div> <div class="w1440"> <div class="title f_left"> <p class="fnt_65">Help Services</p> <a href="/category/support.html?loc=1"> <i class="fnt_18">More Details</i> <svg t="1708660075846" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15955" width="200" height="200"> <path d="M738.133333 256L230.4 763.733333l29.866667 29.866667L768 285.866667V554.666667h42.666667V213.333333h-341.333334v42.666667h268.8z" fill="#2a2b2b" p-id="15956"></path> </svg> </a> </div> <ul class="tap f_right"> <li class="on"> <div class="tit"> <p class="fnt_24">How can I become a LumenHaus Partner ?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">Becoming a LumenHaus Partner is quick and easy! The LumenHaus Partner Program is intended for installers who would like to leverage LumenHaus’ support. Enjoy various tools and content to support your business, and receive training as well as access to marketing content to strengthen your capabilities.</p> </div> </li> <li> <div class="tit"> <p class="fnt_24">How long does it take to install a LumenHaus system ?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">The assembly time of a LumenHaus system depends on its size and the individual requirements of your property. In general, the installation of a LumenHaus system is accomplished in a few days. </p> </div> </li> <li> <div class="tit"> <p class="fnt_24">Who is responsible for the monitoring and maintenance of LumenHaus system?</p> <div class="ic"></div> </div> <div class="des"> <p class="fnt_18">In general, LumenHaus system is trouble-free and low maintenance. However, should any problems arise in the operation of your system, simply contact us or your local authorized installer.</p> </div> </li> </ul> </div> </section> <div class="cookie"> <div class="item"> <p class="fnt_18">By clicking <span>"Accept all"</span> you allow cookies that improve your experience on our site, help us analyze siteperformance and usage, and enable us to show relevant marketing content. You can manage cookie settings below. See <a href="/category/cookie-notice.html" style="text-decoration: underline;color:#e49134">Cookie Notice.</a></p> <div> <div class="btns"> <div class="okButton fnt_18" id="okButton"><i>Accept all</i></div> <div class="close okButton fnt_18"> <i>Reject Cookies</i> </div> </div> <div class="tan_box"> <a class="tan" href="javascript:;">Consent Preferences ></a> </div> </div> </div> </div> <div class="cookie_task"> <div> <div class="cookie_top"> <div class="cookie_tl"> <img src="/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png"> </div> <svg t="1714110866260" class="cookie_close" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4498" width="20" height="20"><path d="M512 421.490332 149.590238 59.08057C125.311473 34.801805 84.445226 34.458094 59.45166 59.45166 34.283863 84.619457 34.292235 124.801903 59.08057 149.590238L421.490332 512 59.080706 874.409626C34.801623 898.688709 34.45832 939.555 59.45166 964.54834 84.619683 989.716363 124.801677 989.707991 149.590374 964.919294L512 602.509668 874.409762 964.91943C898.688527 989.198195 939.554774 989.541906 964.54834 964.54834 989.716137 939.380543 989.707765 899.198097 964.91943 874.409762L602.509668 512 964.919294 149.590374C989.198377 125.311291 989.54168 84.445 964.54834 59.45166 939.380317 34.283637 899.198323 34.292009 874.409626 59.080706L512 421.490332Z" fill="#474747" p-id="4499"></path></svg> </div> <div class="cookie_btm"> <ul class="cookie_ul"> <li class="cookie_act">Your Privacy</li> <li>Essential Cookies</li> <li>Analytics Cookies</li> </ul> <div class="cookie_con"> <div> <div class="fnt_16 cookies_name">Your Privacy</div> <div class="cookies_txt"> We use cookies on this website. To learn in detail about how we use cookies, please read our <a style="color:#f66f6a" href="/category/cookie-notice.html"> full Cookies Notice.</a> To reject all non-essential cookies simply click "Save and Close" below. To accept or reject cookies by category please simply click on the tabs to the left. You can revisit and change your settings at any time. </div> </div> <div> <div class="fnt_16 always_flx"> <div class="cookies_name">Essential Cookies</div> <div>Always Active</div> </div> <div class="cookies_txt"> These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. </div> </div> <div> <div class="cookie_repeat"> <div class="fnt_16 cookies_name">Analytics Cookies</div> <div class="yes_no"> <div class="yes_no_tab"></div> <div class="w85"> <span class="cookie_yes">Active</span> <span class="cookie_no">Inactive</span> </div> </div> </div> <div class="cookies_txt"> These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. </div> </div> </div> </div> <div class="cookie_end"> <div class="cookie_end_flx"> <a class="reset" href="javascript:;">Reset</a> <a class="save" href="javascript:;"><i>Save and Close</i></a> </div> </div> </div> </div> <div class="footer"> <div class="footer_bg"> <img src="/static/cn/img/foot_top.jpg" alt=""> </div> <div class="w1440"> <div class="footer_top"> <div class="footer_l"> <div class="logo"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png" /> </div> <div class="txt fnt_16"></div> <a href="/system.html"><i>Design Your System</i></a> </div> <ul class="footer-nav"> <li> <a href="/category/solution.html" class="fnt_18">LumenHaus System</a> <div class="sub-nav"> <div> <a href="/category/one.html" class="fnt_16"><i>SUNSAVER</i></a> </div> <div> <a href="/category/collection.html" class="fnt_16"><i>SUNCATCHER</i></a> </div> <div> <a href="/category/charging.html" class="fnt_16"><i>SUNCHARGER</i></a> </div> <div> <a href="/category/pump.html" class="fnt_16"><i>SUNHEATER</i></a> </div> <div> <a href="/category/app.html" class="fnt_16"><i>myLumenHaus APP</i></a> </div> </div> </li> <li> <a href="/category/support.html" class="fnt_18">Support</a> <div class="sub-nav"> <div> <a href="/category/support.html?loc=0" class="fnt_16"><i>Downloads</i></a> </div> <div> <a href="/category/support.html?loc=1" class="fnt_16"><i>FAQs</i></a> </div> <div> <a href="/category/support.html?loc=2" class="fnt_16"><i>Contact Us</i></a> </div> </div> </li> <li> <a href="/category/about.html" class="fnt_18">About Us</a> <div class="sub-nav"> <div> <a href="/category/about.html" class="fnt_16"><i>About LumenHaus</i></a> </div> <div> <a href="/news/news.html" class="fnt_16"><i>What's New</i></a> </div> <div> <a href="/category/recruit.html" class="fnt_16"><i>Careers</i></a> </div> </div> </li> </ul> </div> <div class="footer_btm"> <div class="footer_l fnt_14"> <p>COPYRIGHT © 2024 ALL RESERVED BY LUMENHAUS</p> <p><a href="/category/privacy-policy.html"><i >privacy-policy</i></a></p> <p><a href="/category/cookie-notice.html"><i>cookie-notice</i></a></p> <p><a href="/category/imprint.html"><i>Imprint</i></a></p> <p><a href="javascript:;" class="tan"><i>Set cookies</i></a></p> </div> <div class="btm-share"> <a href="https://www.facebook.com/profile.php?id=61566365401519"><svg t="1709104202401" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4218" width="200" height="200"><path d="M767.414857 6.875429l0 150.820571-89.746286 0q-49.152 0-66.267429 20.553143t-17.115429 61.732571l0 108.032 167.424 0-22.308571 169.179429-145.115429 0 0 433.737143-174.884571 0 0-433.737143-145.700571 0 0-169.179429 145.700571 0 0-124.562286q0-106.276571 59.465143-164.864t158.281143-58.587429q83.968 0 130.267429 6.875429z" fill="#cccccc" p-id="4219"></path></svg></a> <a href="https://www.linkedin.com/company/lumenhaus-gmbh"><svg t="1709104237269" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5230" width="200" height="200"><path d="M12.768 1007.776h229.04V357.888H12.768v649.888z m762.176-670.384c-94.8 0-147.072 31.552-207.248 107.984v-87.504H339.024v649.904H567.68V654.624c0-74.528 35.84-147.424 121.536-147.424s106.768 72.88 106.768 145.648v354.944H1024v-369.44c0-256.688-154.224-300.96-249.056-300.96zM127.712 32.208C57.152 32.208 0 83.552 0 146.928c0 63.328 57.152 114.592 127.712 114.592 70.496 0 127.648-51.28 127.648-114.592 0-63.376-57.152-114.72-127.648-114.72z" fill="#cccccc" p-id="5231"></path></svg></a> <a href="https://www.instagram.com/lumenhaus_gmbh"><svg t="1709104979637" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10828" width="200" height="200"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7z" p-id="10829" fill="#cccccc"></path><path d="M911.8 512c0-55.2 0.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-0.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-0.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9 0.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1z m213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9c-0.1 26.6-21.4 47.9-47.9 47.9z" p-id="10830" fill="#cccccc"></path></svg></a> <a href="https://www.youtube.com/@LumenhausGmbH"><svg t="1709363091996" class="" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11871" width="200" height="200"><path d="M1099.31 248.166c-12.562-47.3-49.574-84.552-96.568-97.194C917.562 128 576 128 576 128S234.44 128 149.258 150.972c-46.994 12.644-84.006 49.894-96.568 97.194-22.824 85.734-22.824 264.61-22.824 264.61s0 178.876 22.824 264.61c12.562 47.3 49.574 83 96.568 95.642C234.44 896 576 896 576 896s341.56 0 426.742-22.972c46.994-12.642 84.006-48.342 96.568-95.642 22.824-85.734 22.824-264.61 22.824-264.61s0-178.876-22.824-264.61z m-635.02 427.016V350.37l285.478 162.41-285.478 162.402z" fill="#cccccc" p-id="11872"></path></svg></a> <a href="https://www.tiktok.com/@lumenhausgmbh"><svg t="1712544602987" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4277" width="200" height="200"><path d="M534.613051 0.853323C590.505685 0 645.971659 0.426661 701.437632 0c3.413291 65.279184 26.879664 131.838352 74.665733 177.917776 47.786069 47.359408 115.19856 69.119136 180.904406 76.372379v171.944517c-61.439232-2.133307-123.305125-14.933147-179.19776-41.386149-24.319696-11.093195-46.932747-25.173019-69.119136-39.679504-0.426661 124.585109 0.426661 249.170219-0.853323 373.328666-3.413291 59.732587-23.039712 119.038512-57.59928 168.104566-55.892635 81.918976-152.744757 135.251643-252.156848 136.958288-61.012571 3.413291-122.025141-13.226501-174.077824-43.946118-86.185589-50.772699-146.771499-143.784869-155.731387-243.623621-0.853323-21.333067-1.279984-42.666133-0.426661-63.572539 7.679904-81.065653 47.786069-158.718016 110.078624-211.624021 70.825781-61.439232 169.811211-90.878864 262.39672-73.385749 0.853323 63.145877-1.706645 126.291755-1.706645 189.437632-42.239472-13.653163-91.732187-9.813211-128.851723 15.786469-26.879664 17.493115-47.359408 44.372779-58.025941 74.665733-8.959888 21.759728-6.39992 45.652763-5.973259 68.692475 10.239872 69.972459 77.652363 128.851723 149.331467 122.451803 47.786069-0.426661 93.438832-28.159648 118.185189-68.692475 8.106565-14.079824 17.066453-28.586309 17.493115-45.226101 4.266613-76.372379 2.559968-152.318096 2.986629-228.690475 0.426661-171.944517-0.426661-343.462373 0.853323-514.980229z" fill="#cccccc" p-id="4278"></path></svg></a> </div> </div> </div> </div> <div class="return_top return_top1"> <a href="/system.html" class="shopping-cart"><p><svg t="1712718603971" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2330" width="200" height="200"><path d="M925.716045 283.255249c0.314155-1.439792 0.898463-2.787486 0.898463-4.317329 0-1.304715-0.538259-2.428306-0.741897-3.689019-0.065492-0.448208-0.178055-0.854461-0.290619-1.348718-0.564865-2.562359-1.486864-4.946662-2.814092-7.105838-0.26913-0.405229-0.536212-0.810459-0.830925-1.214664-1.391696-2.0241-3.012613-3.687996-4.946662-5.173836-0.607844-0.494257-1.284249-0.899486-1.955538-1.349741-1.798972-1.079588-3.667529-1.888-5.756097-2.472308-0.607844-0.225127-1.035586-0.63138-1.664919-0.76748-0.74292-0.134053-1.417279 0.047072-2.137687-0.042979-0.901533-0.091074-1.685385-0.494257-2.610454-0.494257L360.149035 255.279081l-100.612489 0.078795-28.89919-89.763396-0.091074 0.046049c-2.405793-10.211573-11.175527-17.047258-21.115923-17.85567-0.540306-0.135076-0.944512-0.49528-1.484817-0.584308l0.023536-0.091074-83.141582-15.246239-0.021489 0.225127c-12.95301-2.025123-25.052582 6.789637-27.120684 19.74367-2.070148 12.909008 6.79066 25.007557 19.744693 27.03268l71.177086 13.042037 123.102712 379.922892-56.42408 140.734278 0.089028 0.090051c-0.472767 0.629333-0.561795 1.394766-0.988514 2.068102-0.899486 1.528819-1.664919 3.013637-2.204202 4.722558-0.494257 1.526773-0.741897 3.01159-0.920976 4.542456-0.112564 0.89744-0.539282 1.708921-0.539282 2.608407 0 0.63138 0.291642 1.125637 0.336668 1.708921 0.1361 1.708921 0.517793 3.327792 1.01205 4.948709 0.405229 1.302669 0.741897 2.608407 1.349741 3.821025 0.719384 1.484817 1.731434 2.744507 2.788509 4.093225 0.853437 1.079588 1.709945 2.112104 2.719948 3.057639 0.563842 0.449231 0.855484 1.079588 1.417279 1.528819 0.899486 0.675382 1.979074 0.855484 2.946099 1.350764 1.103124 0.629333 2.182712 1.211595 3.396353 1.61887 1.934049 0.673335 3.867074 1.033539 5.91471 1.213641 0.629333 0.046049 1.190105 0.360204 1.866511 0.360204l0 0.090051 593.0919 0 0-0.180102c13.110599 0 23.747867-10.658757 23.747867-23.701818 0-13.087063-10.638291-23.703865-23.747867-23.703865L317.399395 702.801581l36.007075-103.497189 2.156106 6.840802 92.113931 0.1361 341.14982 0 0-0.224104c0.945535 0 1.732457-0.405229 2.610454-0.539282 0.155543 0.044002 0.26913 0.180102 0.427742 0.180102 12.794397 2.832512 25.478278-5.218862 28.313859-17.99177l0.11154 0 104.009865-298.918997c0.314155-0.674359 0.494257-1.393743 0.741897-2.113127l0.900509-2.607384-0.225127-0.045025C925.780513 283.749506 925.668972 283.524378 925.716045 283.255249zM403.507542 806.52185c-23.725354 0-42.954301 19.203364-42.954301 42.86118s19.228947 42.819225 42.954301 42.819225c23.74889 0 42.953278-19.161409 42.953278-42.819225S427.256432 806.52185 403.507542 806.52185zM731.007481 806.52185c-23.700795 0-42.952254 19.203364-42.952254 42.86118s19.250436 42.819225 42.952254 42.819225c23.747867 0 42.976814-19.161409 42.976814-42.819225S754.755348 806.52185 731.007481 806.52185z" fill="#ffffff" p-id="2331"></path></svg><i class="fnt_16">Design Your<br>System</i></p></a> <div class="top-btn"> <svg t="1712742500964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10217" width="20" height="20"><path d="M540.64 292.48l375.04 384.48a12.8 12.8 0 0 1-0.224 18.08l-38.912 37.984a12.8 12.8 0 0 1-18.112-0.224l-337.28-345.728a12.8 12.8 0 0 0-18.304 0L165.568 732.8a12.8 12.8 0 0 1-18.112 0.224L108.544 695.04a12.8 12.8 0 0 1-0.224-18.08L483.36 292.48a40 40 0 0 1 57.28 0z" p-id="10218"></path></svg> </div> </div> <script> $(".top-btn").click(function(){ $('body,html').animate({scrollTop:0},1000); }) var scrollTimer; var top_h = window.innerWidth < 998 ? 60 : 108; // 监听滚动事件 window.addEventListener('scroll', function() { // 清除之前的定时器 clearTimeout(scrollTimer); // 设置一个新的定时器 scrollTimer = setTimeout(function() { // 滚动停止后的操作 console.log('滚动停止了'); // 触发滚动停止事件 // your code here... $(".return_top").css("top",(window.scrollY + window.innerHeight - top_h)+"px") }, 200); // 设置定时器的延迟时间，可以根据需要调整 }); function addCookie(name, value, time) { var expires = ""; if (time) { var date; if (/^\d{8}$/.test(time)) { var year = parseInt(time.substring(0, 4), 10); var month = parseInt(time.substring(4, 6), 10) - 1; var day = parseInt(time.substring(6, 8), 10); date = new Date(year, month, day); } else if (/^\d{4}-\d{2}-\d{2}$/.test(time)) { date = new Date(time); } else { console.error("日期格式错误，请使用YYYYMMDD或YYYY-MM-DD格式"); return; } expires = "; expires=" + date.toUTCString(); } else { var defaultTime = new Date(); defaultTime.setTime(defaultTime.getTime() + (30*24*60*60*1000)); expires = "; expires=" + defaultTime.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function checkCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return true; } return false; } if(checkCookie("Cookie")) { $(".cookie").hide(); } $('.cookie .item .btns .close').on('click',function(){ $('.cookie').hide() }) $(".cookie_ul li").click(function(){ $(this).addClass("cookie_act").siblings().removeClass("cookie_act"); $(".cookie_con>div").hide().eq($(this).index()).show(); }) $(".yes_no_tab").click(function(){ $(this).toggleClass("yes_no_tab_act"); $(this).siblings().toggleClass("w85_act") }) $("body").on('click','.cookie_close',function(){ $('.cookie_task').removeClass("cookie_task_act"); console.log("233"); }) $(".tan").click(function(){ $(".cookie_task").addClass("cookie_task_act"); $(".cookie").hide(); }) $("#okButton").click(function() { $('.cookie').hide() addCookie('Cookie', 'ok'); }); </script> <script src="/static/cn/js/swiper-bundle.min.js"></script> <script src="/static/cn/js/smooth-scrollbar.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/gsap.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/ScrollMagic.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/TweenMax.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/animation.gsap.min.js" type="text/javascript" charset="utf-8"></script> <script> setTimeout(function () { var index_banner = new Swiper('.banner', { pagination: { el: '.swiper-pagination', clickable: true, }, loop: true, effect: 'fade', speed: 2000, fadeEffect: { crossFade: true, }, on: { slideChangeTransitionStart: function () { handleVideoPlayback(this); }, } }); handleVideoPlayback(index_banner); }, 100); var slideTimeout; function handleVideoPlayback(swiperInstance) { var curVideo = swiperInstance.$el.find(".swiper-slide-active video")[0]; // 暂停所有视频 swiperInstance.$el.find("video").each(function () { this.pause(); }); clearTimeout(slideTimeout); if (curVideo) { // 如果当前幻灯片有视频 curVideo.currentTime = 0; curVideo.play().catch(function (error) { //隐藏错误 }); curVideo.onended = function () { swiperInstance.slideNext(); }; } else { // 如果当前幻灯片没有视频 slideTimeout = setTimeout(function () { swiperInstance.slideNext(); }, 10000); // 设置 8 秒后切换到下一张幻灯片这里需要加上speed的时间 } } window.onload = function () { var p2swiper = new Swiper('.p2swiper', { navigation: { nextEl: '.p2swiper .swiper-button-next', prevEl: '.p2swiper .swiper-button-prev', }, on: { slideChangeTransitionEnd: function () { removeTimeUpdateListener(); playStage(this.activeIndex); updateTabs(this.activeIndex); }, }, }) var wzswiper = new Swiper('.wzswiper', { autoplay: true,//可选选项，自动滑动 loop: true, }) var p6sw1 = new Swiper('.p6sw-h5-1 .swiper-container', { autoplay: true,//可选选项，自动滑动 loop: true, }) var p6sw2 = new Swiper('.p6sw-h5-2', { autoplay: true,//可选选项，自动滑动 slidesPerView: 0.99, slidesOffsetBefore: -1, loop: true, on: { // 当幻灯片切换后触发 slideChange: function () { // 获取当前激活的幻灯片 let activeSlide = this.slides[this.activeIndex]; // 检查是否包含视频 let video = activeSlide.querySelector('video'); if (video) { // 如果有视频，尝试播放 video.play().catch(e => { // 错误处理，例如用户未交互导致的播放失败 console.error("Video play failed", e); }); } } } }) const scrollContainer = document.querySelector('#my-scrollbar'); const Scrollbar = window.Scrollbar; const options = { damping: 0.06, thumbMinSize: 20, }; const scrollbar = Scrollbar.init(scrollContainer, options); const banner = document.querySelector('.banner'); const return_top1 = document.querySelector('.return_top1'); var top_h = window.innerWidth < 998 ? 120 : 228; scrollbar.addListener(({offset}) => { const y = offset.y / 2; banner.style.transform = `translate3d(0px, ${y}px, 0px)`; clearTimeout(scrollTimer); scrollTimer = setTimeout(function () { return_top1.style.transform = `translate3d(0px, ${offset.y + window.innerHeight - top_h}px, 0px)`; console.log('111111') }, 200); }); const p2video = document.querySelector('.video-p2'); const stages = [0, 13, 25, 37]; // 每个阶段的开始时间 let currentStage = 0; function removeTimeUpdateListener() { p2video.removeEventListener('timeupdate', onTimeUpdate); } function onTimeUpdate() { if (p2video.currentTime >= stages[currentStage + 1] || (currentStage === stages.length - 1 && p2video.ended)) { p2video.pause(); removeTimeUpdateListener(); if (currentStage < stages.length - 1) { currentStage++; } else { currentStage = 0; // 循环回第一个阶段 } playStage(currentStage); updateTabs(currentStage); } } function playStage(stage) {// 播放下一个阶段 p2video.currentTime = stages[stage]; p2video.play(); p2video.addEventListener('timeupdate', onTimeUpdate); } function updateTabs(stage) { // 更新标签 p2swiper.slideTo(stage, 1000, false); $('.page2 .tab p').removeClass('on').eq(stage).addClass('on'); let p_w = $('.page2 .tab p').width() $('.page2 .tab .line').css('left', p_w * stage) $('.page2 .txt-ctn .des .text').eq(stage).show().siblings().hide() } $('.page2 .tab p').click(function () { const index = $(this).index(); currentStage = index; removeTimeUpdateListener(); playStage(currentStage); updateTabs(currentStage); }); scrollbar.addListener((status) => { const page2Offset = $('.page2').offset().top - scrollbar.offset.y; // 页面中.page2的位置 if (page2Offset < window.innerHeight / 3 && p2video.paused) { playStage(currentStage); } }); const path = document.querySelector('#svgPath'); const dian = document.querySelector('#svgDian'); const halo = document.querySelector('#svgHalo'); // 获取光圈元素 const pathLength = path.getTotalLength(); const inilength = 200; let shiftinglength = pathLength - inilength; path.style.strokeDasharray = pathLength; path.style.strokeDashoffset = shiftinglength; let iniPoint = path.getPointAtLength(inilength); dian.setAttribute('cx', iniPoint.x); dian.setAttribute('cy', iniPoint.y); halo.setAttribute('cx', iniPoint.x); // 设置光圈初始位置 halo.setAttribute('cy', iniPoint.y); const page4 = document.querySelector('.page4'); const page4Start = page4.offsetTop; const totalSD = page4.offsetHeight; function updatePathAndDian(scrollProgress, totalSD) { const effectiveTotalScrollDistance = totalSD - inilength; const currentOffset = shiftinglength - (scrollProgress / effectiveTotalScrollDistance) * pathLength; path.style.strokeDashoffset = Math.max(0, currentOffset); if (currentOffset < pathLength) { const point = path.getPointAtLength(pathLength - currentOffset); dian.setAttribute('cx', point.x); dian.setAttribute('cy', point.y); halo.setAttribute('cx', point.x); // 更新光圈位置 halo.setAttribute('cy', point.y); } } scrollbar.addListener((status) => { const scrollProgress = status.offset.y - page4Start; if (status.offset.y >= page4Start && status.offset.y <= page4Start + totalSD) { updatePathAndDian(scrollProgress * .8, totalSD); } }); // page3 动画 function page3YPercent() { var width = $(window).width(); if (width < 998) return 0; else if (width < 1366) return -20; else return -50; } var tween = gsap.to(".page3 .img", { duration: 3, // 动画时长 yPercent: page3YPercent(), // 向上移动图片高度的50% ease: "none" }); var controller = new ScrollMagic.Controller({ refreshInterval: 0 }); new ScrollMagic.Scene({ triggerElement: ".page3", // 触发元素 duration: "200%", // 动画持续的距离（这里是 .page3 的高度） triggerHook: 0.5, // 在视图的顶部触发 }) .setTween(tween) // 设置 GSAP 动画 .addTo(controller); // 添加到控制器 // page5 动画 var fiveBg1 = gsap.to(".page5 .bg1", { duration: 3, rotation: -10, yPercent: -10, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page5", duration: "200%", triggerHook: 0.5, }) .setTween(fiveBg1) .addTo(controller); var fiveBg2 = gsap.to(".page5 .bg2", { duration: 3, yPercent: -5, opacity: 1, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page5", duration: "100%", triggerHook: .1, }) .setTween(fiveBg2) .addTo(controller); // page8 动画 var eight = gsap.to(".page8 .img", { duration: 3, scale: 1.5, ease: "none" }); new ScrollMagic.Scene({ triggerElement: ".page8", duration: "200%", triggerHook: 0.5, }) .setTween(eight) .addTo(controller); scrollbar.addListener((status) => { controller.update(true); checkTxtVisibility(); }); /* const video = document.querySelector('.videobg'); const videoSegments = [ { start: 0, end: 4 }, { start: 4, end: 9 }, { start: 9, end: Infinity } ]; let currentSegment = null; function onTimeUpdate() { if (!currentSegment) return; const tolerance = 0.1; if (video.currentTime >= currentSegment.end - tolerance || video.currentTime >= video.duration - tolerance) { video.currentTime = currentSegment.start; video.play(); } } video.addEventListener('loadedmetadata', () => { videoSegments[videoSegments.length - 1].end = video.duration; video.addEventListener('timeupdate', onTimeUpdate); }); function playVideoSegment(segmentIndex) { if (segmentIndex < 0 || segmentIndex >= videoSegments.length) return; currentSegment = videoSegments[segmentIndex]; video.currentTime = currentSegment.start; video.play(); } */ if ($(window).width() > 1024) { function Animation1(target) { $('.page4 .video-bg .videoitem0').addClass('on') var ac1 = new TimelineMax(); ac1.add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut1`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { //this.pause(); // this.currentTime = 0; // 重置视频时间，确保从头开始播放 }); $('.page4 .video-bg .videoitem0').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut1`, 2, {y: '0%'}, {y: '0%'}) .add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut2`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { //this.pause(); //this.currentTime = 0; }); $('.page4 .video-bg .videoitem1').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut2`, 3, {y: '0%'}, {y: '0%'}) .add(function () { $(`${target} .item`).removeClass('on'); $(`${target} .cut3`).addClass('on'); $('.page4 .video-bg video').removeClass('on').each(function () { ///this.pause(); //this.currentTime = 0; }); $('.page4 .video-bg .videoitem2').addClass('on').each(function () { this.loop = true; this.play(); }); }) .fromTo(`${target} .cut3`, 1, {y: '0%'}, {y: '0%'}) .fromTo(`${target} .svgbox`, 3, {y: '0%'}, {y: '-150px'}, "-=4"); return ac1; } var isBoxPinned1 = false; // 创建.page4动画 var page4Animation = Animation1('.page4'); var page4Scene = new ScrollMagic.Scene({ triggerElement: ".page4", triggerHook: 0, duration: page4.offsetHeight }) .setPin(".page4") .setTween(page4Animation) .addTo(controller) .on("enter", function () { isBoxPinned1 = true; }) .on("leave", function (e) { isBoxPinned1 = false; document.querySelector('.page4').style.transform = ''; }); function Animation2(target) { var ac1 = new TimelineMax(); ac1.fromTo(`${target} .l1`, 6, {x: '-50%', y: '-50%', scale: 1.3}, {x: '-206%', y: '-150%', scale: 1}) .fromTo(`${target} .text`, 4, {scale: .5}, {scale: 1}, "-=2") .fromTo(`${target} .l2`, 6, {x: '-50%', y: '-50%', scale: 1.3}, { x: '-50%', y: '-200%', scale: 1 }, "-=6") .fromTo(`${target} .l3`, 6, {x: '-50%', y: '-50%', scale: 1.3}, { x: '93%', y: '-110%', scale: 1 }, "-=6") .fromTo(`${target} .l4`, 6, {x: '-50%', y: '-50%', scale: 1.3}, { x: '-226%', y: '31%', scale: 1 }, "-=6") .fromTo(`${target} .l5`, 6, {x: '-50%', y: '-50%', scale: 1.3}, { x: '49%', y: '31%', scale: 1 }, "-=6") .fromTo(`${target} .l4 .txt`, 2, {x: '-100px', opacity: 0}, {x: '0', opacity: 1}) .fromTo(`${target} .ic`, 3, {x: '-200px', rotation: '-360', opacity: 0}, { x: '0', rotation: '0', opacity: 1 }, "-=3") return ac1; } var isBoxPinned2 = false; var page6Animation = Animation2('.page6'); var page6Scene = new ScrollMagic.Scene({ triggerElement: ".page6", triggerHook: 0, duration: document.querySelector('.page6').offsetHeight }) .setPin(".page6") .setTween(page6Animation) .addTo(controller) .on("enter", function () { isBoxPinned2 = true; }) .on("leave", function (e) { isBoxPinned2 = false; document.querySelector('.page6').style.transform = ''; }); } else { var page4sw = new Swiper('.page4sw', { autoplay: true, on: { init: function () { // Get the first video element and play it in loop var firstVideo = $('.page4 .video-bg video').eq(0).get(0); if (firstVideo) { $(firstVideo).addClass('on'); firstVideo.loop = true; firstVideo.play(); } }, slideChange: function (swiper) { // Pause all videos and remove class 'on' $('.page4 .video-bg video').each(function () { this.pause(); $(this).removeClass('on'); }); // Get the current active video element and play it from the start var activeIndex = swiper.activeIndex; var activeVideo = $('.page4 .video-bg video').eq(activeIndex).get(0); if (activeVideo) { activeVideo.currentTime = 0; activeVideo.loop = true; activeVideo.play(); $(activeVideo).addClass('on'); } } } }); } controller.scrollPos(function () { return scrollbar.offset.y; }); scrollbar.addListener(() => { const translateValueCk = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; document.querySelector('.cookie_task').style.transform = translateValueCk; if (isBoxPinned1) { const translateValue = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; document.querySelector('.page4').style.transform = translateValue; } if ($(window).width() > 1024) { if (isBoxPinned2) { const translateValue = `translate3d(0px, ${scrollbar.offset.y}px, 0px)`; document.querySelector('.page6').style.transform = translateValue; } } }); setTimeout(function () { scrollbar.setPosition(0, 0); document.body.scrollTop = document.documentElement.scrollTop = 0; $('body').css('opacity', 1) /* $('#my-scrollbar').append(`<div class="return_top return_top2"> <svg t="1712560903789" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4278" width="16" height="16"><path d="M39.3846 0h945.2307692307693v157.53846153846155h-945.2307692307693V0zM984.6154 708.9231h-236.30769230769232v315.0769230769231h-472.61538461538464V708.9230769230769h-236.30769230769232l472.6154-472.6154L984.6154 708.9231z" p-id="4279" fill="#474747"></path></svg> </div>`)*/ $(".top-btn").click(function () { scrollbar.scrollTo(0, 0, 1000) }) }, 800); function checkTxtVisibility() { const containerTop = scrollContainer.getBoundingClientRect().top; const containerBottom = scrollContainer.getBoundingClientRect().bottom; document.querySelectorAll('.f_up').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); document.querySelectorAll('.f_left').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); document.querySelectorAll('.f_right').forEach(el => { const elTop = el.getBoundingClientRect().top - containerTop; const elBottom = el.getBoundingClientRect().bottom - containerTop; if (/* elTop >= 0 && */elBottom <= containerBottom) { el.classList.add('on'); } else { el.classList.remove('on'); } }); } window.addEventListener('resize', function () { page4Animation.kill(); page6Animation.kill(); page4Animation = Animation1('.page4'); page6Animation = Animation2('.page6'); page4Scene.setTween(page4Animation); page6Scene.setTween(page6Animation); controller.update(true); checkTxtVisibility(); }); }; $('.page8 .tap li').eq(0).children('.des').show() $('.page8 .tap li').on('click', function () { let idx = $(this).index() $(this).addClass('on').siblings().removeClass('on') $(this).find('.des').slideDown() $(this).siblings().find('.des').slideUp() }) </script> </body> </html>

CINXE.COM

Home Page-LumenHaus