myLumenHaus APP-LumenHaus.de

<!DOCTYPE html>      <html xmlns:util="urn:java:org.thymeleaf.extras.java8time.util">  <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>myLumenHaus APP-LumenHaus.de</title> <meta name="keywords" /> <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/app2.css"> <link rel="stylesheet" href="/static/cn/css/swiper-bundle.css"> </head> <body> <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="384"> <div class="nav1 fnt_18 xuan"><a href="/category/solution.html">Produkte</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/074afce9-e070-46c3-91f6-404999854058.png" alt="SUNSAVER"> </a> <a class="fnt_18 nav2_tit" href="/category/one.html">SUNSAVER</a> <div ddd="M000439" class="fnt_16 nav2_des">Die Powerbank für dein Zuhause</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">Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Solarpaneelen</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">Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus einer Batterie</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/a3373cef-d92c-4355-bedb-08c844c5f2b5.png" alt="SUNHEATER"> </a> <a class="fnt_18 nav2_tit" href="/category/pump.html">SUNHEATER</a> <div ddd="M000435" class="fnt_16 nav2_des">Wohlfühlwärme, jeden Tag</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/745676b6-f28f-4735-9084-525f7e5041e5.jpg" alt="myLumenHaus APP"> </a> <a class="fnt_18 nav2_tit" href="/category/app.html">myLumenHaus APP</a> <div ddd="M000442" class="fnt_16 nav2_des">Intelligent, grün und sicher - Energie zum Anfassen</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="386"> <div class="nav1 fnt_18 xuan"><a href="/category/about.html">Über uns</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="Über LumenHaus"> </a> <a class="fnt_18 nav2_tit" href="/category/about.html">Über LumenHaus</a> <div ddd="M000347" class="fnt_16 nav2_des">Sauber, grün, günstig: Die Zukunft der Energiewende zum Mitmachen!</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="News"> </a> <a class="fnt_18 nav2_tit" href="/news/news.html">News</a> <div ddd="M000348" class="fnt_16 nav2_des">Neuigkeiten von uns für dich.</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="Karriere"> </a> <a class="fnt_18 nav2_tit" href="/category/recruit.html">Karriere</a> <div ddd="M000349" class="fnt_16 nav2_des">Begleite uns auf unserem Weg und werde Teil von etwas Großem!</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="/">Kunden</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>Konfiguriere deine Anlage</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> <div style="background-image:url(null);background-repeat: no-repeat;background-position:right bottom"> <video style="position: absolute;width: 100%;height: 100%;right: 0px;object-fit: cover;background-repeat: no-repeat;" autoplay muted loop class="video" id="video" src="https://file.lumenhaus.com/upload/video/2024/11/26/db0321eb-b0ff-4cf8-84a2-39220ff6e55c.mp4"></video> <div class="w1440" style="height: 100vh;position: relative;display: flex; align-items: flex-start; justify-content: flex-start;padding-top: 120px;"> <div style="position: absolute;width: 50%;display: flex; align-items: flex-start; justify-content: center;flex-direction: column;"> <h1 class="fnt_40 title">myLumenHaus APP</h1> <p class="fnt_20 sub-title" style="margin-top: 10px;margin-bottom: 32px;">Intelligent, grün und sicher - Energie zum Anfassen</p> <div class="downloadapp">  </div> </div> </div> </div> <div class="first" style="background: #1F1F23;"> <div class="w1440" style="height: 100vh;position: relative;display: flex; align-items: center; justify-content: flex-start;"> <div style="display: flex; align-items: center; justify-content: center;gap: 200px;"> <div class="downloadapp" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/26/acaa3007-4907-4a36-ae6b-eb847348ee01.jpg);border-radius: 40px;width: 860px;height: 70vh;position: relative;background-position:center;background-repeat:no-repeat;background-size:cover"> <div class="app-view" style="position: absolute; right: 0px;top:50%;transform: translate(80px,-50%);display: flex;"> <img class="left" src="https://file.lumenhaus.com/upload/image/2024/11/26/d6b4792a-3ff5-4d47-b02b-acbca28aa86c.png" alt=""> <img class="left2" src="https://file.lumenhaus.com/upload/image/2024/11/26/2c0737e0-a972-4765-89e8-43a3a00a0b5f.png" alt=""> <img class="left3" src="https://file.lumenhaus.com/upload/image/2024/11/26/cac70558-5cc4-4aeb-899f-94a5882f6425.png" alt=""> <img class="right" src="https://file.lumenhaus.com/upload/image/2024/11/26/966e6f71-1a4f-4468-9515-bd7a95e7ef4f.png" alt="" style="position: relative;top: 50px;left: -100px;"> </div> </div> <div style="max-width: 380px;"> <div class="swiper-container_3" style="height:100%;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;"> <div class="swiper-wrapper" style="height:700px"> <div class="swiper-slide"> <h1 class="title" style="color:#FFFFFF">Dein smart Zuhause, immer vernetzt</h1> <p class="sub-title" style="color:rgba(255, 255, 255, 0.5);margin-top: 10px;margin-bottom: 32px;">Überwache und steuere alle deine Energiegeräte aus der Ferne und sei unbesorgt, egal wo du bist.</p> </div> <div class="swiper-slide"> <h1 class="title" style="color:#FFFFFF">Dein grünes Zuhause, müheloses Sparen</h1> <p class="sub-title" style="color:rgba(255, 255, 255, 0.5);margin-top: 10px;margin-bottom: 32px;">Optimiere die Solarenergienutzung und plane den Verbrauch außerhalb der Spitzenzeiten, um Rechnungen zu sparen und nachhaltig zu leben.</p> </div> <div class="swiper-slide"> <h1 class="title" style="color:#FFFFFF">Dein intelligentes Zuhause, für dich automatisiert</h1> <p class="sub-title" style="color:rgba(255, 255, 255, 0.5);margin-top: 10px;margin-bottom: 32px;">Der SmartEco-Modus verbindet all deine Geräte und optimiert den Energieverbrauch auf der Grundlage der Echtzeit-Stromtarife deines Energieplans - wie ein intelligenter Energiemanager in deiner Tasche.</p> </div> <div class="swiper-slide"> <h1 class="title" style="color:#FFFFFF">Dein sicheres Zuhause, immer geschützt</h1> <p class="sub-title" style="color:rgba(255, 255, 255, 0.5);margin-top: 10px;margin-bottom: 32px;">Du kannst dich beruhigt zurücklehnen, denn die zuverlässige Datensicherheit schützt deine Informationen und Smart Home-Systeme.</p> </div> </div> </div> </div> </div> </div> </div> <div class="second" style="background: #F8F8FA;"> <div class="second-tab" style="width: 52%;"> <h2 class="fnt_40 title">Ein innovatives Energiekonzept für smarte Häuser</h2> <h3 class="fnt_40 sub-title" id="second-sub-1">Mit dem intelligenten Energiesystem von LumenHaus erzeugen die Nutzer kostengünstigen, autarken Strom. SunCatcher-Solarmodule erzeugen saubere Energie, um das SunSaver-Speichersystem zu laden, die SunHeater-Wärmepumpe zu betreiben und das Suncharger-Elektrofahrzeug aufzuladen. Auf diese Weise kannst du dich selbst versorgen, die Abhängigkeit vom Stromnetz verringern, die Nutzung sauberer Energie maximieren, deinen CO2-Fußabdruck verringern und zu einer nachhaltigeren Gemeinschaft beitragen. </h3> <h3 class="fnt_40 sub-title" id="second-sub-2">Der SmartEco-Modus nutzt künstliche Intelligenz, um deine Energiegewohnheiten zu erlernen, die Solarstromerzeugung vorherzusagen und das System auf die optimale Leistung einzustellen. An sonnigen Tagen nutzt es die Solarenergie, um dein Haus mit Strom zu versorgen, und verkauft überschüssigen Strom an das Netz, um den wirtschaftlichen Ertrag zu maximieren. An bewölkten Tagen kauft das System Strom zum niedrigsten Preis, um den Ausfall der Solarenergie zu decken. So profitierst du von extrem niedrigen Stromtarifen und maximieren die Einsparungen bei den Energierechnungen.</h3> <div class="tab-bar"> <ul> <li> Selbstversorgungs-Modus </li> <li> SmartEco-Modus </li> <div class="indicator"></div> </ul> </div> <div style="height: calc(100% - 200px); overflow: hidden; position: relative; width: 100%; display: block; height: 30%; border-radius: 16px;overflow: hidden;background: #ffffff; "> <video autoplay muted loop id="video-self-chart" src="https://file.lumenhaus.com/upload/video/2024/11/27/4987699a-0b41-4d17-a464-f99e7b4bdde0.mp4"></video> <video autoplay muted loop id="video-smart-chart" src="https://file.lumenhaus.com/upload/video/2024/11/25/313b474b-f37f-4b15-bb50-404587b50236.mp4"></video> </div> </div> <video autoplay muted loop id="video-self" src="https://file.lumenhaus.com/upload/video/2024/11/25/1b8dde82-f543-407e-a78c-4d6199897d0e.mp4"></video> <video autoplay muted loop id="video-smart" src="https://file.lumenhaus.com/upload/video/2024/11/25/8e094951-1dd6-4dc6-99a8-582db1606b11.mp4"></video> </div> <div class="third" style="background: #FFFFFF;position: relative;padding: 50px;"> <div class="w1440"> <div style="height: 100vh;position: relative;display: flex; align-items: flex-start; justify-content: center;flex-direction: column;"> <div style="width: 100%;display: flex; align-items: flex-start; justify-content: center;flex-direction: column;"> <h1 class="fnt_40 title" style="font-family: HarmonyOS Sans SC; font-weight: bold; line-height: 66px; letter-spacing: 0em;color: #4C4948; z-index: 0;">Noch aufregendere Funktionen kommen bald</h1>  </div> <div class="swiper-container_4 f_up" style="width: 100%;"> <div class="swiper-wrapper"> <div class="swiper-slide"> <li style="border-radius: 40px; opacity: 1; /* 自动布局 */ display: flex; flex-direction: column; align-items: center; padding: 32px 29px; gap: 32px; /* 浅色/背景/三级 */ background: #F2F2F4;"> <div style="height: 129px;"> <img src="https://file.lumenhaus.com/upload/image/2024/11/25/51c247cf-2237-45dc-ae1b-7e4e0a26f6b9.png" alt=""> </div> <p style="font-family: HarmonyOS Sans SC; font-size: 24px; font-weight: bold; line-height: 28px; text-align: center; letter-spacing: 0em; color: #4C4948;height: 100px;display: flex;align-items: center;">Selbstversorgt <br>+<br> Antriebskraft der Sonne</p> <p style="font-family: HarmonyOS Sans SC; font-size: 18px; font-weight: normal; line-height: 26px; text-align: center; letter-spacing: 0em; color: #4C4948;">Maximiere deine Solarenergienutzung mit deinem Suncharger und EV</p> </li> </div> <div class="swiper-slide"> <li style="border-radius: 40px; opacity: 1; /* 自动布局 */ display: flex; flex-direction: column; align-items: center; padding: 32px 29px; gap: 32px; /* 浅色/背景/三级 */ background: #F2F2F4;"> <div style="height: 129px;"> <img src="https://file.lumenhaus.com/upload/image/2024/11/25/e1fcb14c-f158-43aa-9e47-5db92087c00f.png" alt=""> </div> <p style="font-family: HarmonyOS Sans SC; font-size: 24px; font-weight: bold; line-height: 28px; text-align: center; letter-spacing: 0em; color: #4C4948;height: 100px;display: flex;align-items: center;">Selbstversorgt <br>+<br> Wärme bei Sonnenschein</p> <p style="font-family: HarmonyOS Sans SC; font-size: 18px; font-weight: normal; line-height: 26px; text-align: center; letter-spacing: 0em; color: #4C4948;">Maximiere deine Solarenergienutzung mit deinem Sunheater</p> </li> </div> <div class="swiper-slide"> <li style="border-radius: 40px; opacity: 1; /* 自动布局 */ display: flex; flex-direction: column; align-items: center; padding: 32px 29px; gap: 32px; /* 浅色/背景/三级 */ background: #F2F2F4;"> <div style="height: 129px;"> <img src="https://file.lumenhaus.com/upload/image/2024/11/25/0465a912-7c2d-42c7-bcdb-aad557ea7ce2.png" alt=""> </div> <p style="font-family: HarmonyOS Sans SC; font-size: 24px; font-weight: bold; line-height: 28px; text-align: center; letter-spacing: 0em; color: #4C4948;height: 100px;display: flex;align-items: center;">SmartEco-Modus 2.0</p> <p style="font-family: HarmonyOS Sans SC; font-size: 18px; font-weight: normal; line-height: 26px; text-align: center; letter-spacing: 0em; color: #4C4948;">Optimiere die Energienutzung aller deiner LumenHaus-Produkte und minimiere die Energiekosten, indem du diesen Modus einschaltest</p> </li> </div> <div class="swiper-slide"> <li style="border-radius: 40px; opacity: 1; /* 自动布局 */ display: flex; flex-direction: column; align-items: center; padding: 32px 29px; gap: 32px; /* 浅色/背景/三级 */ background: #F2F2F4;"> <div style="height: 129px;"> <img src="https://file.lumenhaus.com/upload/image/2024/11/25/cafe47d4-af7f-40ca-ac4c-756bc5992bb9.png" alt=""> </div> <p style="font-family: HarmonyOS Sans SC; font-size: 24px; font-weight: bold; line-height: 28px; text-align: center; letter-spacing: 0em; color: #4C4948;height: 100px;display: flex;align-items: center;">Manuelle Steuerung</p> <p style="font-family: HarmonyOS Sans SC; font-size: 18px; font-weight: normal; line-height: 26px; text-align: center; letter-spacing: 0em; color: #4C4948;">Ermöglicht dir die volle Kontrolle über deine LumenHaus-Produkte, basierend auf verschiedenen Nutzungsszenarien</p> </li> </div> </div> </div> </div> </div> </div> <div class="four" style="width: 100vw;height: 100vh;display: flex; align-items: center;justify-content: center;"> <video style="width: 100%;height: 100%;object-fit: cover;" autoplay muted loop id="video" src="https://file.lumenhaus.com/upload/video/2024/11/24/54419861-c1cf-4ebc-85a2-fddad552daa1.mp4">your browser does not support the video tag </video> </div> <div class="five" style="width: 100vw;height: 100vh;display: flex; align-items: center;justify-content: center;background: linear-gradient(90deg, #FF9500 0%, #FFC418 100%);"> <div class="w1600" style="display: flex;flex-direction: column;gap:48px;justify-content: center;align-items: center;"> <h2 style="font-family: HarmonyOS Sans SC; font-size: 40px; font-weight: bold; line-height: 48px; text-align: center; letter-spacing: 0em; color: #FFFFFF;" >Erledige alles per Nachricht an Lumi</h2> <div style="gap: 20px;display: flex;align-items: stretch;height: 482px;justify-content: center;"> <div class="tips"> <div class="main fff fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/24/052685a1-7559-476d-a46b-105d83f1c716.png);background-size:39%;background-position:right;background-repeat: no-repeat; "><span style="max-width: 50%;word-wrap: normal;">Lumi, wie ist das Wetter?</span> </div> <div class="child-tips"> <div class="fff branch fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/25/5ae826af-2aa1-452d-bdca-56540b4f1a52.png);background-position:center bottom;background-repeat: no-repeat;background-size: 85%; background-repeat: no-repeat; "> <span>Lumi, ändere die Energiereserve auf 60 %</span> </div> <div class="fff branch fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/25/ccfc6bd2-ba24-4f8b-b134-3410d555afc1.png);background-position:center bottom;background-repeat: no-repeat;background-size: 85%; "><span>Lumi, nenne mir den Energieverbrauch</span> </div> </div> </div> <div class="tips"> <div class="fff main fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/25/70134bf3-a320-4c08-8e5c-6b48f77fc19b.png);background-position:center bottom;background-repeat: no-repeat;background-size: 100%; background-repeat: no-repeat; "><span>Lumi, welcher Batterietyp wird in meinem Sunsaver verwendet</span> </div> </div> <div class="tips"> <div class="child-tips"> <div class="fff branch fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/24/fb084b4b-a454-4b5a-8fd2-84bbc1423488.png);background-position:center bottom;background-repeat: no-repeat;background-size: 100%; background-repeat: no-repeat; "><span>Lumi, gib mir ein paar Energiespartipps</span> </div> <div class="fff branch fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/25/0eb989df-13c5-4b11-91d7-e3d6622a4cfc.png);background-position:center bottom;background-repeat: no-repeat;background-size: 100%; background-repeat: no-repeat; "><span>Lumi, ich brauche einen Kundendienst</span> </div> </div> <div class="fff main fnt_24" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/24/70cb0bb0-95f0-4569-8ba0-53bf5ab22582.jpg);background-position:center bottom;background-repeat: no-repeat;background-size: 100%; background-repeat: no-repeat; "> </div> </div> </div> </div> </div> <div class="six" style="background-image:url(https://file.lumenhaus.com/upload/image/2024/11/26/a452a6c1-813b-44d3-b620-77d0c7253bb1.jpg);background-repeat: no-repeat; background-position: center; width: 100vw; height: 100vh; display: flex; align-items: flex-end; justify-content: center; background-size: cover; padding-bottom: 10%; "> <div style="padding: 24px 32px; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(20px); position: absolute;bottom: 0px;left: 0px;width: 100%;"> <h2 class="title fnt_40">Nimm an unserer virtuellen Energiegemeinschaft teil </h2> <h3 class="sub-title fnt_24">Genieße konstant niedrigere Stromrechnungen und zusätzliches Einkommen</h3> </div> </div> <div class="seven" style="background: #1F1F23;height: 580px;"> <div class="w1440" style="height: 100%;position: relative;display: flex; align-items: center; justify-content: center;"> <div style="display: flex; align-items: center; justify-content: center; justify-content: center;text-align: center;max-width: 650px;flex-direction: column;"> <div style="width: 120px;height: 56px;"> <img style="width: 100%;height: 100%;object-fit: contain;" src="https://file.lumenhaus.com/upload/image/2024/11/26/ec54fea5-0f34-4a23-b321-5fb5a4cf318b.png"> </div> <h1 class="title" style="margin-top:48px;margin-bottom:24px;color:#FFFFFF">Deine Daten, dein Eigentum</h1> <p class="sub-title" style="color:rgba(255, 255, 255, 0.5);margin-top: 10px;margin-bottom: 32px;">Die Privatsphäre in deinem Zuhause ist wichtig und du kannst die volle Kontrolle über deinen Energieverbrauch haben. Durch die Kombination von robuster Verschlüsselung, sicherer lokaler Verarbeitung, minimaler Datenerfassung und benutzergesteuertem Zugriff hilft LumenHaus, die Privatsphäre deines Hauses zu schützen und gleichzeitig zuverlässige, effiziente Energielösungen zu liefern. </p> <div style="display: flex;gap: 8px;"> <a class="security_link fnt_18" href="https://www.lumenhaus.de/category/privacy-policy.html" target="_blank">Erfahre mehr über den Datenschutz bei LumenHaus </a> <img style="width:14px" src="/static/cn/img/arrow.svg" alt=""> </div> </div> </div> </div> <div class="relate"> <div class="w1440"> <div class="fnt_65 relate_title" style="margin-bottom:78px">Zugehörige Produkte</div> <div class="swiper-container f_up"> <div class="swiper-wrapper"> <div class="swiper-slide" data-id="439"> <a href="/category/one.html"> <div class="text"> <p class="fnt_24">SUNSAVER</p> <span class="fnt_18">Die Powerbank für dein Zuhause</span> <i>More Information<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="#f18e00" p-id="15956"></path> </svg></i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/11/25/228645d2-12bd-4143-b232-e5ebfdf5bb02.png" alt="SUNSAVER"></div> </a> </div> <div class="swiper-slide" data-id="390"> <a href="/category/collection.html"> <div class="text"> <p class="fnt_24">SUNCATCHER</p> <span class="fnt_18">Versorge dein Zuhause auf elegante Weise mit unseren schwarzen Solarpaneelen</span> <i>More Information<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="#f18e00" p-id="15956"></path> </svg></i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/03/27/e02e0975-6c11-4fd0-ae4e-67f3cfe075d7.png" alt="SUNCATCHER"></div> </a> </div> <div class="swiper-slide" data-id="391"> <a href="/category/charging.html"> <div class="text"> <p class="fnt_24">SUNCHARGER</p> <span class="fnt_18">Lade dein E-Auto, E-Motorrad und künftig dein E-Bike mit dem Strom aus einer Batterie</span> <i>More Information<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="#f18e00" p-id="15956"></path> </svg></i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/04/01/fb441a8a-22df-479b-b628-2b5998bb5fa5.png" alt="SUNCHARGER"></div> </a> </div> <div class="swiper-slide" data-id="435"> <a href="/category/pump.html"> <div class="text"> <p class="fnt_24">SUNHEATER</p> <span class="fnt_18">Wohlfühlwärme, jeden Tag</span> <i>More Information<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="#f18e00" p-id="15956"></path> </svg></i> </div> <div class="img"><img src="https://file.lumenhaus.com/upload/image/2024/11/26/3575ebde-d532-4ba0-ac5a-d03cf5a3563c.png" alt="SUNHEATER"></div> </a> </div> </div> </div> <div class="relate_point"></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>Konfiguriere deine Anlage</i></a> </div> <ul class="footer-nav"> <li> <a href="/category/solution.html" class="fnt_18">Produkte</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">Download & Service</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>Kontakt</i></a> </div> </div> </li> <li> <a href="/category/about.html" class="fnt_18">Über uns</a> <div class="sub-nav"> <div> <a href="/category/about.html" class="fnt_16"><i>Über LumenHaus</i></a> </div> <div> <a href="/news/news.html" class="fnt_16"><i>News</i></a> </div> <div> <a href="/category/recruit.html" class="fnt_16"><i>Karriere</i></a> </div> </div> </li> </ul> </div> <div class="footer_btm"> <div class="footer_l fnt_14"> <p>COPYRIGHT © 2024 LUMENHAUS</p> <p><a href="/category/privacy-policy.html"><i>Datenschutzhinweis</i></a></p> <p><a href="/category/cookie-notice.html"><i>Cookie Hinweis</i></a></p> <p><a href="/category/imprint.html"><i>Impressum</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">Konfiguriere deine<br>Anlage</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() }) $("#okButton").click(function() { $('.cookie').hide() addCookie('Cookie', 'ok'); }); </script> <script src="/static/cn/js/swiper-bundle.min.js"></script> <script src="/static/cn/js/gsap.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 src="/static/cn/js/ScrollMagic.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/smooth-scrollbar.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> $(document).ready(function () { function position () { var windowHeight = $(window).height(); var threshold = windowHeight * 2.5 / 3; $('.f_up, .f_left, .f_right').each(function () { var eleTop = $(this).offset().top; var scrollPosition = $(window).scrollTop(); if (eleTop < scrollPosition + threshold) { $(this).addClass('on'); } else { $(this).removeClass('on'); } }); } position(); $(window).on('scroll', function () { position(); }); var controller = new ScrollMagic.Controller({ refreshInterval: 0 }); gsap.set('.first .left2', { opacity: 0, position: 'absolute' }) gsap.set('.first .left3', { opacity: 0, position: 'absolute' }) gsap.set('.first .right', { left: -40, }) new ScrollMagic.Scene({ triggerElement: ".first", // 触发元素 triggerHook: 0, duration: '400%' }).setPin('.first').on("progress", function (event) { console.log(event.progress) if (event.progress < 0.3) { gsap.to(".first .left", { duration: 0.5, x: -30, y: 20, opacity: 1, }); gsap.to(".first .right", { duration: 0.3, x: '130px', y: 10, opacity: 1 }); gsap.to(".first .left2", { x: -30, y: 20, opacity: 0, }); gsap.set(".first .left3", { x: -30, y: 20, opacity: 0, }); Swiper3.slideTo(0) } else if (event.progress >=0.3 && event.progress < 0.5) { const t1 = gsap.timeline(); gsap.to(".first .right", { x: "180px", y: 50, opacity: 0, }); gsap.to(".first .left", { x: -30, y: 20, opacity: 0 }); gsap.to(".first .left2", { x: 30, y: -10, opacity: 1 }); gsap.to(".first .left3", { x: 30, y: -10, opacity: 0 }); Swiper3.slideTo(1) } else if (event.progress > 0.5 && event.progress < 0.75) { gsap.set(".first .left3", { x: 30, y: -10, opacity: 1, }); gsap.to(".first .left", { x: -30, y: 20, opacity: 0, }); gsap.to(".first .left2", { x: 30, y: -10, opacity: 0, }); gsap.set(".first .right", { x: 10, y: -10, opacity: 0 }); Swiper3.slideTo(2) } else if (event.progress > 0.75) { gsap.set(".first .left", { x: -30, y: 20, opacity: 0, }); gsap.set(".first .right", { x: 10, y: -10, opacity: 0 }); gsap.set(".first .left2", { x: 100, y: -10, opacity: 0 }); gsap.to(".first .left3", { x: 30, y: 300, opacity: 0 }); Swiper3.slideTo(3) } }).addTo(controller); const tabs = document.querySelectorAll('.tab-bar li'); const indicator = document.querySelector('.indicator'); tabs.forEach((tab, index) => { if (index === 0) { tab.classList.add('active'); indicator.style.width = `${tab.offsetWidth - 10}px`; indicator.style.transform = `translateX(${tab.offsetLeft}px)`; const t1 = gsap.timeline() t1.to('#video-self', { opacity: 1, }) t1.to('#video-self-chart', { opacity: 1, }) t1.to('#video-smart', { opacity: 0, }) t1.to('#video-smart-chart', { opacity: 0, }) $('#video-self')[0].currentTime = 0 $('#video-self-chart')[0].currentTime = 0 $('#video-self')[0].play() $('#video-self-chart')[0].play() $('#second-sub-1').show() $('#second-sub-2').hide() } tab.addEventListener('click', function () { if (index === 0) { const t1 = gsap.timeline() t1.to('#video-self', { opacity: 1, }) t1.to('#video-self-chart', { opacity: 1, }) t1.to('#video-smart', { opacity: 0, }) t1.to('#video-smart-chart', { opacity: 0, }) $('#video-self')[0].currentTime = 0 $('#video-self-chart')[0].currentTime = 0 $('#video-self')[0].play() $('#video-self-chart')[0].play() $('#video-smart')[0].pause() $('#video-smart-chart')[0].pause() $('#second-sub-1').show() $('#second-sub-2').hide() } else { const t1 = gsap.timeline() t1.to('#video-smart', { opacity: 1, }) t1.to('#video-smart-chart', { opacity: 1, }) t1.to('#video-self', { opacity: 0, }) t1.to('#video-self-chart', { opacity: 0, }) $('#video-smart')[0].currentTime = 0 $('#video-smart-chart')[0].currentTime = 0 $('#video-smart')[0].play() $('#video-smart-chart')[0].play() $('#video-self')[0].pause() $('#video-self-chart')[0].pause() $('#second-sub-1').hide() $('#second-sub-2').show() } // 移动滑块到当前点击的tab项下面 const activeTab = this; this.classList.add('active'); const tabWidth = activeTab.offsetWidth; const tabPos = activeTab.offsetLeft; indicator.style.width = `${tabWidth - 10}px`; indicator.style.transform = `translateX(${tabPos}px)`; }); }); }); var tween1 = gsap.timeline() tween1.fromTo(".third .title", { opacity: 0, y: 100, // stagger: 0.3 // 每个元素之间的延迟时间，单位是秒 }, { opacity: 1, y: 0, // stagger: 0.3 // 每个元素之间的延迟时间，单位是秒 }); var controller = new ScrollMagic.Controller({ refreshInterval: 0 }); // new ScrollMagic.Scene({ // triggerElement: ".third", // 触发元素 // duration: "10%", // 动画持续的距离（这里是 .page3 的高度） // triggerHook: 0, // 在视图的顶部触发 // }) // .setTween(tween1) // 设置 GSAP 动画 // .addTo(controller); // 添加到控制器 var Swiper3 = new Swiper('.swiper-container_3', { autoplay: false, watchSlidesProgress: true, loop: false, resistanceRatio: 0, spaceBetween: '1%', direction: "vertical", allowTouchMove: false, autoHeight: true, speed: 1200 }) var Swiper4 = new Swiper('.swiper-container_4', { slidesPerView: 4, spaceBetween: '1%', }) var Swiper = new Swiper('.swiper-container', { slidesPerView: 4, spaceBetween: '1%', breakpoints: { 1: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1024: { slidesPerView: 4, }, } }) $(".navge>div").each(function () { if ($(this).attr("data-column") == '335') { $(this).addClass("nav_act") } }) /*$(".play").click(function(){ $(this).hide(); $("#video")[0].play(); $(".vio_bg").hide(); }) var video = document.getElementById('video'); // 为video添加pause事件监听器 video.addEventListener('pause', function() { $(".play").show(); $(".vio_bg").show(); });*/ if ($(window).width() < 768) { $(".swiper-container").addClass("swiper-no-swiping") $(".one_txt").css({ 'top': '50%', 'transform': 'translate(-50%,-50%)' }) $(".two_icon,.three_icon,.five_flx").each(function () { // 找到该 .two_flx 下的直接子级 div 并移除它们的 class $(this).children("div").removeClass(); // 为 .two_flx 元素本身添加 class "f_up" $(this).addClass("f_up"); }); } else { var mt = ($(window).height() - $(".head").height()) / 2 - $(".one_txt").height() / 2; $(".one_txt").css("top", mt) } </script> </body> </html>

CINXE.COM

myLumenHaus APP-LumenHaus.de