<!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
                <title>智能家居和行业智能解决方案丨LifeSmart云起</title>
                <link rel="icon" href="/favicon.ico" type="image/x-icon">
                <meta name="description" content="云起是一家全球知名的自动化和解决方案提供商，帮助您高效自动化控制家中或商务场所的各类设备。创立于2013年，公司专注于提供专业的自动化系统，为您提供便捷和个性化的方式实现室内光照、室内气候、安防、能源和影音娱乐的管理。" >
                <meta name="keywords" content="智能控制_全屋灯光_智能家居_智能安防_IoT_AI Builder_CoSS协议_全屋智能家居解决方案" >
                <link rel="stylesheet" href="/common.css" >
                
                <link rel="stylesheet" href="./index.css" >
                <script src="/lottie.min.js"></script>
                <script src="/jquery-3.6.0.min.js"></script>
                <style> 
                    body {
                        padding-top: 48px;
                    }
                    #header-iframe {
                        height: 48px;
                    }   
                    body {background-color: #F7F7F7; color: #111111} 
 a {color: #111111} 
                            .sty-1-0 {
                                
                                background-image: url(/resource/instance/通廊_1742889399_BF31A1.webp);
                            }
                            .sty-1-0 .title {
                                color: #ffffff;
                            }
                            .sty-1-0 .sub-title {
                                color: #ffffff;
                            }
                        
                            .sty-1-1 {
                                
                                background-image: url(/resource/instance/maintheme2_1723010223_4B22D6.webp);
                            }
                            .sty-1-1 .title {
                                color: #ffffff;
                            }
                            .sty-1-1 .sub-title {
                                color: #ffffff;
                            }
                        
                            .sty-1-2 {
                                background-color: #444444;
                                background-image: url(/resource/instance/maintheme3_1723010230_23B276.webp);
                            }
                            .sty-1-2 .title {
                                color: #ffffff;
                            }
                            .sty-1-2 .sub-title {
                                color: #ffffff;
                            }
                        
                            .sty-2-3 {
                                
                            }
                        
                            .block-item-3-idx-0 {
                                background-image: url(/resource/instance/LBC004391_1726026435_F47314.webp);
                            }
                            .block-item-3-idx-0-bg {
                                background-color: #ffffff;
                            }
                            
                            .block-item-3-idx-0 .sub-title {
                                color: #111111;
                            }
                            
                            .block-item-3-idx-1 {
                                background-image: url(/resource/instance/20240516_1729840740_01515C.webp);
                            }
                            .block-item-3-idx-1-bg {
                                
                            }
                            
                            .block-item-3-idx-1 .sub-title {
                                color: #111111;
                            }
                            
                            .sty-2-4 {
                                
                            }
                        
                            .block-item-4-idx-0 {
                                background-image: url(/resource/instance/20240524_1732090066_5EA5A5.webp);
                            }
                            .block-item-4-idx-0-bg {
                                background-color: #0080ff;
                            }
                            .block-item-4-idx-0 .title {
                                color: #ffffff;
                            }
                            .block-item-4-idx-0 .sub-title {
                                color: #ffffff;
                            }
                            
                            .block-item-4-idx-1 {
                                background-image: url(/resource/instance/20240521_1729842082_1CE31F.webp);
                            }
                            .block-item-4-idx-1-bg {
                                background-color: #ffffff;
                            }
                            
                            
                            
                            .block-item-4-idx-2 {
                                background-image: url(/resource/instance/20240520_1729842157_96EE1F.webp);
                            }
                            .block-item-4-idx-2-bg {
                                
                            }
                            
                            
                            
                            .sty-2-5 {
                                
                            }
                        
                            .block-item-5-idx-0 {
                                background-image: url(/resource/instance/20240537_1732089795_5E08AA.webp);
                            }
                            .block-item-5-idx-0-bg {
                                background-color: #ffffff;
                            }
                            .block-item-5-idx-0 .title {
                                color: #000000;
                            }
                            .block-item-5-idx-0 .sub-title {
                                color: #000000;
                            }
                            
                            .block-item-5-idx-1 {
                                background-image: url(/resource/instance/20240527_1732089917_712A17.webp);
                            }
                            .block-item-5-idx-1-bg {
                                background-color: #ffffff;
                            }
                            .block-item-5-idx-1 .title {
                                color: #000000;
                            }
                            .block-item-5-idx-1 .sub-title {
                                color: #000000;
                            }
                            
                            .block-item-5-idx-2 {
                                background-image: url(/resource/instance/20230830_1723102727_3C1182.webp);
                            }
                            .block-item-5-idx-2-bg {
                                background-color: #ffffff;
                            }
                            
                            
                            
                </style>
                <style>
                    @media screen and (min-width: 1280px){ 
                            .sty-1-0 {
                                
                                
                                
                                
                                
                            }
                        
                            .sty-1-1 {
                                
                                
                                
                                
                                
                            }
                        
                            .sty-1-2 {
                                
                                
                                
                                
                                margin-bottom: 100px;
                            }
                        
                            .block-bl {
                                margin-bottom: 25px;
                                
                            }
                            
                        
                            .block-item-3-idx-0 {
                                background-size: 618px 237px;
                                background-position: center bottom;
                            } 
                            .block-item-3-idx-1 {
                                background-size: 618px 456px;
                                
                            } 
                            .block-bl {
                                
                                
                            }
                            
                        
                            .block-item-4-idx-0 {
                                background-size: 404px 456px;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-1 {
                                background-size: 404px 456px;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-2 {
                                background-size: 404px 456px;
                                
                            } 
                            .block-bl {
                                
                                
                            }
                            
                        
                            .block-item-5-idx-0 {
                                background-size: 404px 456px;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-1 {
                                background-size: 404px 456px;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-2 {
                                background-size: 404px 266px;
                                background-position: center bottom;
                            }  }
                </style>
                <style>
                    @media screen and (max-width: 1279px) and (min-width: 1024px){ 
                            .sty-1-0 {
                                
                                
                                
                                
                                
                            }
                        
                            .sty-1-1 {
                                
                                
                                
                                
                                
                            }
                        
                            .sty-1-2 {
                                
                                
                                
                                
                                margin-bottom: 80px;
                            }
                        
                            .block-bl {
                                margin-bottom: 20px;
                                
                            }
                            
                        
                            .block-item-3-idx-0 {
                                background-size: 494px 189px;
                                background-position: center bottom;
                            } 
                            .block-item-3-idx-1 {
                                background-size: 494px 364px;
                                
                            } 
                            .block-bl {
                                
                                
                            }
                            
                        
                            .block-item-4-idx-0 {
                                background-size: 323px 364px;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-1 {
                                background-size: 323px 364px;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-2 {
                                background-size: 323px 364px;
                                
                            } 
                            .block-bl {
                                
                                
                            }
                            
                        
                            .block-item-5-idx-0 {
                                background-size: 323px 364px;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-1 {
                                background-size: 323px 364px;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-2 {
                                background-size: 323px 212px;
                                background-position: center bottom;
                            }  }
                </style>
                <style>
                    @media screen and (max-width: 1023px) {
                        body {
                            padding-top: 1.775rem;
                        }
                        #header-iframe {
                            height: 1.775rem;
                        }   
                        
                            .sty-1-0 {
                                
                                background-image: url(/resource/instance/maintheme_1742889401_C40B9E.webp);
                                
                                
                                
                                
                                
                            }
                            .sty-1-0 .title {
                                color: #ffffff;
                            }
                            .sty-1-0 .sub-title {
                                color: #ffffff;
                            }
                        
                            .sty-1-1 {
                                
                                background-image: url(/resource/instance/maintheme2_1723105989_5C3304.webp);
                                
                                
                                
                                
                                
                            }
                            
                            
                        
                            .sty-1-2 {
                                
                                background-image: url(/resource/instance/maintheme3_1723105997_E7D670.webp);
                                
                                
                                
                                
                                
                            }
                            
                            
                        
                            .sty-2-3 {
                                
                                
                                
                            }
                            
                        
                            .block-item-3-idx-0 {
                                background-image: url(/resource/instance/20230825_1726026488_0D112F.webp);
                                background-size: 90.6vw 45.2vw;
                                background-position: center bottom;
                            } 
                            .block-item-3-idx-0-bg {
                                
                            }
                            
                            
                            
                            .block-item-3-idx-1 {
                                background-image: url(/resource/instance/10_1732090671_87CE00.webp);
                                background-size: 90.6vw 90.6vw;
                                
                            } 
                            .block-item-3-idx-1-bg {
                                
                            }
                            
                            
                            
                            .sty-2-4 {
                                
                                
                                
                            }
                            
                        
                            .block-item-4-idx-0 {
                                background-image: url(/resource/instance/11_1732090163_F493B1.webp);
                                background-size: 90.6vw  51.3vw;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-0-bg {
                                
                            }
                            
                            
                            
                            .block-item-4-idx-1 {
                                background-image: url(/resource/instance/20240523_1732090475_C24F08.webp);
                                background-size: 90.6vw 90.6vw;
                                background-position: center bottom;
                            } 
                            .block-item-4-idx-1-bg {
                                background-color: #ededed;
                            }
                            
                            
                            
                            .block-item-4-idx-2 {
                                background-image: url(/resource/instance/20240522_1729842160_E08936.webp);
                                background-size: 90.6vw  90.6vw;
                                
                            } 
                            .block-item-4-idx-2-bg {
                                background-color: #ededed;
                            }
                            
                            
                            
                            .sty-2-5 {
                                
                                margin-bottom: 3.12vw;
                                
                            }
                            
                        
                            .block-item-5-idx-0 {
                                background-image: url(/resource/instance/13_1732089798_C67048.webp);
                                background-size: 90.6vw 90.6vw;
                                
                            } 
                            .block-item-5-idx-0-bg {
                                background-color: #ededed;
                            }
                            
                            
                            
                            .block-item-5-idx-1 {
                                background-image: url(/resource/instance/20240526_1730094307_185865.webp);
                                background-size: 90.6vw 90.6vw;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-1-bg {
                                background-color: #ededed;
                            }
                            
                            
                            
                            .block-item-5-idx-2 {
                                background-image: url(/resource/instance/14_1723106418_486D20.webp);
                                background-size: 90.6vw  57.9vw;
                                background-position: center bottom;
                            } 
                            .block-item-5-idx-2-bg {
                                background-color: #ededed;
                            }
                            
                            
                            
                    }
                </style>
            </head>
            <body>
                <iframe id="header-iframe" src="/common/header_white.html" style="
                    width: 100%;
                    border: 0 none;
                    overflow: scroll;
                    position: fixed;
                    z-index: 999;
                    top: 0;"
                ></iframe>
                
                <div class='block-tl block-tl-ty1 sty-1-0'>
                                        <h2 class='title pcshow'>以崇高之名</h2><h2 class='title mobileshow'>以崇高之名</h2><div class='sub-title pcshow'>重新定义墙面开关</div><div class='sub-title mobileshow'>重新定义墙面开关</div><a   class='cmm-button pcshow blue' target="_blank" href='/sublime/' ></a><a  class='cmm-button mobileshow blue' target="_blank" href='/sublime/'' ></a><div class="block-tl-flex">
                            
                            
                        </div>
                                    </div><div class='block-tl  sty-1-1'>
                                        <h2 class='title '>遇见智能</h2><div class='sub-title '>云起全国门店</div><a   class='cmm-button  blue' href='/other/Authorized-Store-Inquiry/' ></a><div class="block-tl-flex">
                            
                            
                        </div>
                                    </div><div class='block-tl  sty-1-2'>
                                        <h2 class='title '>云起创新</h2><div class='sub-title '>电信级通信技术，稳定始终</div><a   class='cmm-button  blue' href='/innovation/Innovation/' ></a><div class="block-tl-flex">
                            
                            
                        </div>
                                    </div><div class="sty-2-3""><div class="block-bl"><div class="block-item block-item-2 block-item-3-idx-0 block-item-3-idx-0-bg hover">
                                <h2 class="title  ">新闻</h2>
                                
                                
                                
                                <a  class="cmm-button  blue" href='/about/News-Updates/'" ></a>
                                
                            </div><div class="block-item block-item-2 block-item-3-idx-1 block-item-3-idx-1-bg hover">
                                <h2 class="title  ">产品</h2>
                                
                                
                                
                                <a  class="cmm-button  blue" href='/product/all_products/'" ></a>
                                
                            </div></div></div><div class="sty-2-4""><div class="block-bl"><div class="block-item block-item-3 block-item-4-idx-0 block-item-4-idx-0-bg hover">
                                <h2 class="title  ">视界</h2>
                                
                                <div class="sub-title ">一触万象</div>
                                
                                <a  class="cmm-button  white" href='/product/Nature-Series/'" ></a>
                                
                            </div><div class="block-item block-item-3 block-item-4-idx-1 block-item-4-idx-1-bg hover">
                                <h2 class="title  ">开关</h2>
                                
                                <div class="sub-title ">至精至简</div>
                                
                                <a  class="cmm-button  blue" href='/product/Switch-Series/'" ></a>
                                
                            </div><div class="block-item block-item-3 block-item-4-idx-2 block-item-4-idx-2-bg hover">
                                <h2 class="title  ">云防</h2>
                                
                                <div class="sub-title ">专业安防设备</div>
                                
                                <a  class="cmm-button  blue" href='/product/Defed-Series/'" ></a>
                                
                            </div></div></div><div class="sty-2-5""><div class="block-bl"><div class="block-item block-item-3 block-item-5-idx-0 block-item-5-idx-0-bg hover">
                                <h2 class="title  ">NatureOS</h2>
                                
                                <div class="sub-title ">让生活出彩</div>
                                
                                <a  class="cmm-button  blue" href='/software/NatureOS/'" ></a>
                                
                            </div><div class="block-item block-item-3 block-item-5-idx-1 block-item-5-idx-1-bg hover">
                                <h2 class="title  ">APP</h2>
                                
                                <div class="sub-title ">交互体验跃升</div>
                                
                                <a  class="cmm-button  blue" href='/software/lifesmart_app/'" ></a>
                                
                            </div><div class="block-item block-item-3 block-item-5-idx-2 block-item-5-idx-2-bg hover">
                                <h2 class="title  ">家庭安装</h2>
                                
                                <div class="sub-title ">开启您的智能生活</div>
                                
                                <a  class="cmm-button  blue" href='/cooperation/Service-Process/'" ></a>
                                
                            </div></div></div>
                <iframe id="footer-iframe" src="/common/footer_white.html" style="width: 100%;;border: 0 none;"></iframe>
                <script>
                    (function () {
                        const onloadAnimation = (idx, path) => {
                            let node = document.getElementsByClassName("anim-box")[idx]
                            let attr = node.attributes;
                            let loop = true, speed = 1;
                            if (attr && attr.lottie && attr.lottie.value) {
                                let lottie = attr.lottie.value
                                let arrs = lottie.split(";");
                                arrs.forEach((item) => {
                                    if(item) {
                                        let arr = item.split(":");
                                        if (arr[0] == "loop") loop = arr[1] == "false" ? false : true;
                                        if (arr[0] == "speed") speed = Number(arr[1])
                                    }
                                })
                            }
                            var animData = {
                                wrapper: node,
                                animType: 'svg',
                                loop,
                                prerender: true,
                                autoplay: false, // 初始不自动播放 
                                path: path,

                            };
                            let anim = bodymovin.loadAnimation(animData);
                            anim.setSpeed(speed); 
                            // 开始播放动画  
                            anim.play(); 
                        }

                        let animBoxs = $(".anim-box");
                        for (var i = 0, length = animBoxs.length; i < length; i++) {
                            onloadAnimation(i, $(".anim-box")[i].getAttribute("path"))
                        }


                        var iframe1 = document.getElementById('footer-iframe'); 
                        iframe1.onload = function() {  
                            var iframeDoc = iframe1.contentDocument || iframe1.contentWindow.document; 
                            var iframeHeight = iframeDoc.body.scrollHeight; 
                            var iframeWidth = iframeDoc.body.scrollWidth;
                            // 你可以在这里添加代码来调整iframe的高度或执行其他操作  
                            iframe1.style.height = iframeWidth >= 1024 ? (iframeHeight + 200) + 'px' : 'calc(15.625vw + ' + iframeHeight + 'px )' ;  //200是上下margin
                        };  
                    

                        
                        $(".block-tlTab-bar-item").on("click", function () {
                            $(this).addClass("on")
                            $(this).siblings().removeClass("on")
                            $(this).parent().prev().css("transform", `translateX(${$(this).index() * -100}vw)`)
                        })

                        $(".img_box").on("click", function (e) {
                            e.stopPropagation();  
                            let index = $(this).index();
                            let src = $(this).children("img").attr('src');
                            $(this).parent().prev().children("img").attr("src", src)
                             $(this).addClass("on")
                            $(this).siblings().removeClass("on")
                        })
                        if(false) {
                            let arr = []
                            let a_str = []
                            a_str.forEach((item) => {
                                let anchorElement = document.getElementById(item.id);
                                if (anchorElement && anchorElement.offsetTop) {
                                    arr.push({top: anchorElement.offsetTop, id: item.id})
                                }
                            })
                            $(window).scroll(function() {  
                                var scroll = $(window).scrollTop(); // 获取滚动条垂直位置  
                                let index = ""
                                for(var i = 0, len = arr.length; i < len; i++) {
                                    if(arr[i+1]){
                                        if(scroll >= arr[i].top-30 && scroll < arr[i+1].top-30) {
                                            index = i
                                            break;
                                        }
                                    }else {
                                        if(scroll >= arr[i].top-30) {
                                            index = i
                                            break;
                                        }
                                    }
                                }
                                if(index || index === 0) {
                                    if($(".nav-anchor-cont a").eq(index).hasClass("on")){

                                    }else {
                                        $(".nav-anchor-cont a").removeClass("on")
                                        $(".nav-anchor-cont a").eq(index).addClass("on")
                                    }

                                }
                            }); 
                            $(".nav-anchor-cont a").on("click", function (e) {
                                $(this).addClass("on");
                                $(this).siblings().removeClass("on")
                                let id = $(this).attr("data");
                                let item = arr.find(item => item.id == id);
                                $('html, body').scrollTop(item.top);
                            })
                        }

                        $('#contactForm').on('submit', function(event) {  
                            event.preventDefault(); // 阻止表单的默认提交行为  
                            var name = $('#contactName').val();  
                            var company = $('#contactCompany').val();  
                            var area = $('#contactArea').val();  
                            var concat = $('#contactConcat').val();  
                            var address = $('#contactAddress').val();  
                            var content = $('#contactContent').val();  
                            let index = $(".block-form-success").text()
                            let type = index == 2 ? 1 :(index == 1 ? 3 : 2);
                            let nonce = 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                                var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
                                return v.toString(16);
                            });
                            if(!name ){
                                $(".block-form-success").text("请填写您的名称!")
                                $(".block-form-success").addClass("show")
                                if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                window.custom_timeout = setTimeout(function() {
                                    $(".block-form-success").removeClass("show")
                                }, 2000)
                                return;
                            }
                            if(!concat ){
                                $(".block-form-success").text("请填写您的联系方式!")
                                $(".block-form-success").addClass("show")
                                if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                window.custom_timeout = setTimeout(function() {
                                    $(".block-form-success").removeClass("show")
                                }, 2000)
                                return;
                            }
                            if(!content ){
                                $(".block-form-success").text("请填写您的需求!")
                                $(".block-form-success").addClass("show")
                                if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                window.custom_timeout = setTimeout(function() {
                                    $(".block-form-success").removeClass("show")
                                }, 2000)
                                return;
                            }
                            let req = {
                                params: {
                                    name: name,
                                    company: company,
                                    area: area,
                                    concat: concat,
                                    address: address,
                                    content: content,
                                    ty: type
                                },
                                sys: {
                                    namespace: "Ls.Pub.Service.Consultation",
                                    method: "CreateConsultation",
                                    appkey: "lhoKALyASW8KPgCvgr2UVty49Yy9pagR",
                                    ts: Math.round(new Date().getTime()/1000),
                                    version: "1.0",
                                    nonce: nonce
                                }
                            }
                            $.ajax({
                                url: window.location.origin + "/mweb/app",
                                type: "POST",
                                dataType: "json",
                                contentType: false,    
                                data: JSON.stringify(req),
                                processData: false,
                                success: function(response) {  
                                    // 请求成功时执行的函数  
                                    if(response.code == 0) {
                                        $(".block-form-success").text("提交成功，客服将会尽快与您联系！")
                                        $(".block-form-success").addClass("show")
                                        if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                        window.custom_timeout = setTimeout(function() {
                                            $(".block-form-success").removeClass("show")
                                        }, 2000)
                                        $('#contactForm')[0].reset();  
                                    }else {
                                        $(".block-form-success").text(response.message)
                                        $(".block-form-success").addClass("show")
                                        if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                        window.custom_timeout = setTimeout(function() {
                                            $(".block-form-success").removeClass("show")
                                        }, 2000)
                                    }
                                    
                                },  
                                error: function(xhr, status, error) {  
                                    // 请求失败时执行的函数  
                                    $(".block-form-success").text('Error: ' + error)
                                    $(".block-form-success").addClass("show")
                                    if(window.custom_timeout) clearTimeout(window.custom_timeout)
                                    window.custom_timeout = setTimeout(function() {
                                        $(".block-form-success").removeClass("show")
                                    }, 2000)
                                } 
                            })

                            
                           
                        });  
                        $('.block-form-tabbar-item').on("click", function() {
                            $(this).addClass("on");
                            $(this).siblings().removeClass("on");
                            let idx = $(this).index();
                            $(".block-form-success").text(idx)
                            if(idx == 2) {
                                $(".design").css("display", "block")
                                $(".join").css("display", "none")
                            }else {
                                $(".join").css("display", "block")
                                $(".design").css("display", "none")
                            }
                        })

                    })()

                    window.addEventListener('message', (event) => {
                        if(event.data){ 
                            if(event.data.k == "header"){
                                var iframe = document.getElementById('header-iframe'); 
                                iframe.style.height = event.data.v;  //200是上下margin
                                if(event.data.v == "100vh"){
                                    $("body").css("overflow", "hidden")
                                }else {
                                $("body").css("overflow", "auto")
                                }
                            }else if(event.data.k == "footer"){
                                var iframe = document.getElementById('footer-iframe'); 
                                iframe.style.height = event.data.v;  //200是上下margin
                            }
                          


                        }
                    });  
                </script>
            </body>
        </html>