<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家用电梯-别墅电梯-小型电梯十大品牌厂家价格-龙闯电梯官网</title>
    <meta name="keywords" content="家用电梯,别墅电梯,家用别墅电梯,别墅家用电梯,小型家用电梯,家用电梯价格,家用电梯品牌,别墅电梯价格,别墅电梯厂家,无机房电梯,家用小电梯,家庭用电梯,螺杆电梯,曳引电梯,龙闯电梯">
    <meta name="description" content="龙闯电梯专用从事家用电梯、别墅电梯的生产、销售、安装、维保全生命周期服务，为广大国内别墅、自建房、复式楼业主提供小型家用别墅电梯价格和尺寸方案，是值得信赖的家用电梯和别墅电梯品牌厂家。">
    <link rel="stylesheet" href="/web/css/common.css">
    <link rel="stylesheet" href="/web/css/shouye.css">
    <link rel="stylesheet" href="/web/css/target.css">
    <link rel="stylesheet" href="/web/css/swiper.min.css">
    <script type="text/javascript" src="/web/js/echarts.min.js"></script>
    <script type="text/javascript" src="/web/js/china.js"></script>
    <script src="/web/js/jquery.min.js"></script>
<link rel="shortcut icon" href="/favicon.ico" />
</head>

<body class="over_hide">
    <div class="box">
        <div class="top">
    <div class="left">
        <a href="/"><img class="logo" src="/web/images/index-logo1.png" alt=""></a>
        <div class="phonelogo" src="/web/images/index_phonelogo.png" alt=""></div><span class="phonenum"><a
                href="tel:4007-888-521">4007-888-521</a></span>
    </div>
    <div class="navc right">
        <ul>
            <li class="active" ><a href="/">首页</a></li>

            
            <li ><a href="/aritco/">家用电梯产品</a>
                
                
                <div class="nav_pro">
                    <div class="nav_pro_warpper clearfix">
                        <div class="title fl">
                            
                            <div class="item" onclick="window.location.href='/aritco/'">Aritco瑞特科</div>
                            
                            <div class="item" onclick="window.location.href='/vitarte/'">Vitarte维亚帝</div>
                            
                            <div class="item" onclick="window.location.href='/swift/'">Swift斯伟特</div>
                            
                            <div class="item" onclick="window.location.href='/youbu/'">Longtron龙闯</div>
                            
                        </div>
                        <div class="cont fl">
                            
                            <div class="cp_box">
                                
                                <div class="cp_item">
                                    <a href="/aritco-x/">
                                        <div class="img">
                                            <img src="/static/upload/image/20241223/1734944160419300.jpg" alt="">
                                        </div>
                                        <p>瑞特科高奢X系列</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/aritco-s/">
                                        <div class="img">
                                            <img src="/web/images/product1.png" alt="">
                                        </div>
                                        <p>S系列家用电梯</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/aritco-compact/">
                                        <div class="img">
                                            <img src="/web/images/product3.png" alt="">
                                        </div>
                                        <p>瑞致款家用电梯</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/aritco-access/">
                                        <div class="img">
                                            <img src="/web/images/product4.png" alt="">
                                        </div>
                                        <p>逸致款家用电梯</p>
                                    </a>
                                </div>
                                
                            </div>
                            
                            <div class="cp_box">
                                
                                <div class="cp_item">
                                    <a href="/vitarte-luxe/">
                                        <div class="img">
                                            <img src="/static/upload/image/20230319/1679231505157513.png" alt="">
                                        </div>
                                        <p>LUXE系列家用电梯</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/vitarte-chic/">
                                        <div class="img">
                                            <img src="/static/upload/image/20230406/1680757580549290.png" alt="">
                                        </div>
                                        <p>CHIC系列家用电梯</p>
                                    </a>
                                </div>
                                
                            </div>
                            
                            <div class="cp_box">
                                
                                <div class="cp_item">
                                    <a href="/swift-pro/">
                                        <div class="img">
                                            <img src="/web/images/SWIFT Pro.png" alt="">
                                        </div>
                                        <p>SWIFT Pro</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/swift-lite/">
                                        <div class="img">
                                            <img src="/web/images/SWIFT LITE.png" alt="">
                                        </div>
                                        <p>SWIFT Lite</p>
                                    </a>
                                </div>
                                
                            </div>
                            
                            <div class="cp_box">
                                
                                <div class="cp_item">
                                    <a href="/y18/">
                                        <div class="img">
                                            <img src="/static/upload/image/20250101/1735711243318087.jpg" alt="">
                                        </div>
                                        <p>龙闯Y18系列</p>
                                    </a>
                                </div>
                                
                                <div class="cp_item">
                                    <a href="/y10/">
                                        <div class="img">
                                            <img src="/static/upload/image/20240613/1718277364876820.jpg" alt="">
                                        </div>
                                        <p>龙闯Y10系列</p>
                                    </a>
                                </div>
                                
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li ><a href="/about-us/">关于我们</a>
                
                <div class="maintop">
                    <p>
                        
                        <span><a href="/about-us/">公司介绍</a></span>
                        
                        <span><a href="/corporate-culture/">核心价值观</a></span>
                        
                        <span><a href="/service-map/">线下展厅</a></span>
                        
                    </p>
                </div>
                
                
            </li>
            
            <li ><a href="/company-news/">新闻动态</a>
                
                <div class="maintop">
                    <p>
                        
                        <span><a href="/enterprise/">企业动态</a></span>
                        
                        <span><a href="/knowledge/">电梯科普</a></span>
                        
                    </p>
                </div>
                
                
            </li>
            
            <li ><a href="/casepicture/">家用电梯案例</a>
                
                <div class="maintop">
                    <p>
                        
                        <span><a href="/casepicture/">项目案例</a></span>
                        
                        <span><a href="/testimonials/">客户证言</a></span>
                        
                    </p>
                </div>
                
                
            </li>
            
            <li ><a href="/service/">用户服务</a>
                
                
            </li>
            
            <li ><a href="/partner/">加入龙闯</a>
                
                <div class="maintop">
                    <p>
                        
                        <span><a href="/partner/">合作伙伴</a></span>
                        
                        <span><a href="/join/">岗位招聘</a></span>
                        
                    </p>
                </div>
                
                
            </li>
            
            <li ><a href="/contact/">联系我们</a>
                
                
            </li>
            

        </ul>
        <!--<div class="search">-->
        <!--    <a href="javascript:;" class="icon_search"><img src="/web/images/fangdajing.png" alt=""></a>-->
        <!--    <div class="hs-a">-->
        <!--        <form action="/?search/" method="get">-->
        <!--            <input type="text" name="keyword" class="input-border" placeholder="请输入关键字">-->
        <!--            <input type="submit" class="submit" value="">-->
        <!--        </form>-->
        <!--    </div>-->
        <!--</div>-->
    </div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?936308b03be0372ee9f1c810280d99f1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
 <script type="text/javascript">
        window._agl = window._agl || [];
        (function () {
            _agl.push(
                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
            );
            (function () {
                var agl = document.createElement('script');
                agl.type = 'text/javascript';
                agl.async = true;
                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(agl, s);
            })();
        })();
    </script>
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L9WWVQE3EZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-L9WWVQE3EZ');
</script>
        <div id="main" class="pageSwier swiper-container" style="margin-top: 0px;">
            <div class="swiper-wrapper">
                <div class="jh-one swiper-slide pageSwier-inner">

                    
                    
                    <video src="/static/upload/other/20230322/1679467393168624.mp4"  autoplay="autoplay" height="100%" draggable="true"  muted loop></video>

                       
                       
                        
                        <!-- <img src="/static/upload/image/20250402/1743568357774007.png" alt="">
                            <div class="word">
                        
                        </div> -->
                        
                        
                    
                </div>



  
                
                <div class="jh-two swiper-slide pageSwier-inner">
                    <img src="web/images/index-two.png" alt="">
                    <div class="word">
                        <h1>国内首批专业家用电梯供应商</h1>
                        <div class="txt">
                            <p>龙闯电梯成立于2014年，主要从事设计研发业务、制造装配业务、现代服务业务。自成立以来，坚持 “臻选引进“与“自主创新”并重的发展道路，持续引领中国家用电梯行业国际化、品牌化、规范化进程。</p>
                        </div>
                        <div class="numCount">
                            <ul class="clearfix">
                                <li>
                                    <div class="item">
                                        <div class="numU"><span class="numCX" data-startVal="0" data-endVal="2014"
                                                data-speed="4" data-decimals="0" id="mumC1">0</span></div>
                                        <div class="indc">成立日期</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item">
                                        <div class="numU"><span class="numCX" data-startVal="0" data-endVal="90"
                                                data-speed="4" data-decimals="0" id="mumC2">0</span><sub
                                                class="unitC">+</sub></div>
                                        <div class="indc">体验中心</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item">
                                        <div class="numU"><span class="numCX" data-startVal="0" data-endVal="160"
                                                data-speed="4" data-decimals="0" id="mumC3">0</span><sup
                                                class="unitC">+</sup></div>
                                        <div class="indc">业务覆盖城市</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <a href="/about-us/" class="white_btn"><span>点击了解</span></a>
                    </div>
                </div>
                
                
                <div class="jh-three swiper-slide pageSwier-inner">
                    <div class="jh-three_warpper">
                        
                        <div class="item one" style="background-image: url(/web/images/disanping_aritco.png);">
                            <div class="onebox">
                                <img class="onelogo" src="/web/images/onelogo2_01.png" alt="">
                                <div class="tit">瑞特科</div>
                                <div class="word">
                                    <h2>艺术与尊贵的典范 屡获国际设计大奖</h2>
                                    <div class="txt">
                                        <p>源自北欧，瑞典整机进口。斯堪的纳维亚设计风格，多项国际设计大奖，高贵、舒适、奢华，让您的住宅独具一格，畅享高级生活方式！</p>
                                    </div>
                                    <h1>品牌所属国家：瑞典<img src="/web/images/guoqi_sweden.png" alt=""></h1>
                                    <span><a href="/aritco/">关于瑞特科<img src="/web/images/right_icon.png"
                                                alt=""></a></span>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="item one" style="background-image: url(/web/images/disanping_vitorte.png);">
                            <div class="onebox">
                                <img class="onelogo" src="/web/images/vitorte_logo.png" alt="">
                                <div class="tit">维亚帝</div>
                                <div class="word">
                                    <h2>专为中国高端家庭设计</h2>
                                    <div class="txt">
                                        <p>将中国审美与意式时尚相结合，优雅的设计，智能控制技术和卓越的品质，斩获多项国际设计奖项，深受国内高端家庭青睐！</p>
                                    </div>
                                    <h1>品牌所属国家: 中国<img src="/web/images/guoqi_china.png" alt=""></h1>
                                    <span><a href="/vitarte/">关于维亚帝<img src="/web/images/right_icon.png"
                                                alt=""></a></span>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="item one" style="background-image: url(/web/images/disanping_swift.png);">
                            <div class="onebox">
                                <img class="onelogo" src="/web/images/swift_logo.png" alt="">
                                <div class="tit">斯伟特</div>
                                <div class="word">
                                    <h2>玩转生活乐趣 彰显时尚品味</h2>
                                    <div class="txt">
                                        <p>打破传统想象，无需复杂安装，能够与您的住宅装修融为一体。源于北欧的极简主义设计，为您的家居和生活添加时尚科技气息。</p>
                                    </div>
                                    <h1>品牌所属国家: 瑞典<img src="/web/images/guoqi_sweden.png" alt=""></h1>
                                    <span><a href="/swift/">关于斯伟特<img src="/web/images/right_icon.png"
                                                alt=""></a></span>
                                </div>
                            </div>
                        </div>
                        
                        

                        
                        <div class="item one" style="background-image: url(/web/images/youbu.png);">
                            <div class="onebox">
                                <img class="onelogo" src="/web/images/long_logo.png" alt="">
                                <div class="tit">龙闯</div>
                                <div class="word">
                                    <h2>空间艺术 美学生活</h2>
                                    <div class="txt">
                                        家用电梯与家居艺术相融合，把格调融入视野，品味艺术人居空间，实现空间优化与美感并存。
                                    </div>
                                    <h1>品牌所属国家: 中国<img src="/web/images/guoqi_china.png" alt=""></h1>
                                    <span class="handekaier"><a href="/youbu/">关于龙闯<img
                                                src="/web/images/right_icon.png" alt=""></a></span>
                                </div>
                            </div>
                        </div>
                          
                        
                        <!-- 
                        <div class="item one" style="background-image: url(/static/upload/image/20230316/1678959264767683.png);">
                            <div class="onebox">
                                <img class="onelogo" src="/web/images/handicare_logo.png" alt="">
                                <div class="tit">瀚德凯尔</div>
                                <div class="word">
                                    <h2>荷兰整机进口，人性化座椅式电梯</h2>
                                    <div class="txt">
                                        <p>操作简单、安装便捷，可以充分利用和节省空间。感应式设计，随走随停，安全可靠，已帮助全球几十万人克服上下楼梯过程中遇到的问题。</p>
                                    </div>
                                    <h1>品牌所属国家: 荷兰<img src="/web/images/guoqi_holland.png" alt=""></h1>
                                    <span class="handekaier"><a href="/handicare/">关于瀚德凯尔<img
                                                src="/web/images/right_icon.png" alt=""></a></span>
                                </div>
                            </div>
                        </div>
                         -->

                      
                    </div>
                </div>
                
                
                
                <div class="ziyingsever swiper-slide pageSwier-inner">
                    <h1>一站式自营服务</h1>
                    <p>依托上海营销中心、嘉兴研发制造基地、苏州云中心，布局中国市场，是集代理、研发、生产、</p>
                    <p>销售、安装、售后为一体的一站式家用电梯服务平台，值得安心托付的家用电梯服务商。</p>
                    <div class="choose">
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/daili.png" alt="">
                                <img class="hiden" src="/web/images/daili_hover.png" alt="">
                            </div>
                            <p>代理</p>
                        </div>
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/yanfa.png" alt="">
                                <img class="hiden" src="/web/images/yanfa_hover.png" alt="">
                            </div>
                            <p>研发</p>
                        </div>
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/shengchan.png" alt="">
                                <img class="hiden" src="/web/images/shengchan_hover.png" alt="">
                            </div>
                            <p>生产</p>
                        </div>
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/xiaoshou .png" alt="">
                                <img class="hiden" src="/web/images/xiaoshou_hover.png" alt="">
                            </div>
                            <p>销售</p>
                        </div>
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/anzhuang.png" alt="">
                                <img class="hiden" src="/web/images/anzhuang_hover.png" alt="">
                            </div>
                            <p>安装</p>
                        </div>
                        <div class="span">
                            <div class="img">
                                <img class="show" src="/web/images/shouhou.png" alt="">
                                <img class="hiden" src="/web/images/shouhou_hover.png" alt="">
                            </div>
                            <p>售后</p>
                        </div>

                    </div>
                </div>


                <div class="homenews swiper-slide pageSwier-inner">
                    <div class="hnMain">
                        <div class="hntit">
                           <h3>新闻资讯</h3>
                           <p>关注龙闯最新资讯动态</p>
                        </div>
                        
                        <ul class="hnlist">
                            
                            <li><a href="/enterprise/1210.html" target="_blank">
                                <div class="img" style="background:url(/static/upload/image/20250609/1749439903196277.jpg) no-repeat center center; background-size:cover;"></div>
                                <div class="txt">
                                    <div class="tit">破解空间限制，重塑垂直美学：龙闯电梯闪耀设计上海2025</div>
                                    <div class="info">2025年6月4日至7日，亚洲顶尖设计盛会&quot;设计上海2025&quot;在上海世博展览馆盛大开幕。国内高端家用电梯品牌龙闯电梯携多款产品亮相，包括首次发布的复式楼穿梭梯和高奢家用井道梯以及融合现代科技与东方美学的维亚帝VL系列家用电梯。龙闯电梯希望通过创新设计，打破空间桎梏，让家用电梯成为提升家居生活品质和温度的关</div>
                                    <div class="time">2025-06-09</div>
                                </div>
                            </a></li>
                            
                            <li><a href="/enterprise/1180.html" target="_blank">
                                <div class="img" style="background:url(/static/upload/image/20250514/1747193581606121.jpg) no-repeat center center; background-size:cover;"></div>
                                <div class="txt">
                                    <div class="tit">龙闯电梯即将登陆2025“设计上海” 以创新设计重构家居垂直交通</div>
                                    <div class="info">亚洲权威设计展会“设计上海”2025将于6月4日至7日在上海世博展览馆开幕，家用别墅电梯知名品牌龙闯电梯将携三款代表产品——维亚帝VL系列家用电梯、单螺杆复式楼穿梭梯以及与高奢家用井道梯亮相设计上海展会（展位号：2D41），向国内外观众展现中国智造的设计实力与卓越技术。维亚帝VL系列电梯：重新定义家用电梯美学标准作</div>
                                    <div class="time">2025-05-14</div>
                                </div>
                            </a></li>
                            
                            <li><a href="/enterprise/1172.html" target="_blank">
                                <div class="img" style="background:url(/static/upload/image/20250507/1746608720160551.jpg) no-repeat center center; background-size:cover;"></div>
                                <div class="txt">
                                    <div class="tit">龙闯电梯发布全新品牌VI+SI系统 诠释“家的科技美学”</div>
                                    <div class="info">近日，国内知名家用别墅电梯解决方案服务商龙闯电梯发布全新品牌视觉识别系统（VI）与空间识别系统（SI）。此次升级延续了龙闯电梯的“龙马精神”品牌内核，以“舒适之家，从容上下”（THE COMFORT OF HOME ON EVERY LEVEL）作为品牌理念，通过视觉与空间的双重革新，强化品牌的艺术感和科技感，融入更多的人文元素，进一步</div>
                                    <div class="time">2025-05-07</div>
                                </div>
                            </a></li>
                            
                            <li><a href="/enterprise/1169.html" target="_blank">
                                <div class="img" style="background:url(/static/upload/image/20250312/1741743449209824.jpg) no-repeat center center; background-size:cover;"></div>
                                <div class="txt">
                                    <div class="tit">龙闯Y10家用别墅电梯：开启高端家居生活新体验</div>
                                    <div class="info">对于别墅、复式楼的业主来说，选择一款合适的家用电梯是尤为重要的，它不仅可以方便全家日常的生活，还可以为自家平添一抹靓丽的风景，龙闯电梯以其独特的设计理念和卓越的技术优势推出的Y10系列家用别墅电梯，成为了家用别墅电梯市场备受关注的选择。智能安全护航龙闯Y10家用别墅电梯拥有40项标配运行功能和26项安全防护功</div>
                                    <div class="time">2025-04-25</div>
                                </div>
                            </a></li>
                            
                        </ul>

                        <div class="hnmore"><a href="/enterprise/">查看更多</a></div>
                    </div>
                </div>
                

                <div class="mappage swiper-slide pageSwier-inner">
                    <div class="title">
                        覆盖全国的展厅布局
                    </div>
                    <div class="map">
                        <div id="myChart" style="width: 100%; height: 100%;"></div>
                    </div>

                </div>
                <div id="bottom" class="swiper-slide foot-out">
                  
                    <div class="kefu">
                        <h1>龙闯电梯 . 生活美学倡导者</h1>
                        <div class="bigbox" >
                            <p>预约咨询体验</p>
                        </div>
                    </div>
                  
                    <div class="b-box">
                        <div class="leftbox">
                            <img class="b-logo" src="/web/images/bottom_lc_logo.png" alt="">
                            <div class="b-logotwo clearfix">
                
                                <div class="social">
                                    <div class="img">
                                        <img src="/web/images/icon_shipinhao.png" alt="">
                                    </div>
                                    <div class="ewm"><img src="/static/upload/image/20230409/1681012352571650.png" alt=""></div>
                                </div>
                
                                <div class="social">
                                    <div class="img">
                                        <img src="/web/images/icon_douyin.png" alt="">
                                    </div>
                                    <div class="ewm"><img src="/static/upload/image/20230409/1681012357411401.png" alt=""></div>
                                </div>
                
                                <div class="social">
                                    <div class="img">
                                        <img src="/web/images/icon_xiaohongshu.png" alt="">
                                    </div>
                                    <div class="ewm"><img src="/static/upload/image/20230409/1681012360277000.png" alt=""></div>
                                </div>
                
                                <div class="social">
                                    <div class="img">
                                        <img src="/web/images/icon_xiaochengxu.png" alt="">
                                    </div>
                                    <div class="ewm"><img src="/static/upload/image/20230409/1681012378319200.png" alt=""></div>
                                </div>
                
                            </div>
                        </div>
                        <div class="centerbox">
                            <div class="listbox">
                                
                                
                
                                <span><a href="/aritco/" >家用电梯产品</a></span>
                                
                                
                
                                <span><a href="/about-us/" >关于我们</a></span>
                                
                                
                
                                <span><a href="/company-news/" >新闻动态</a></span>
                                
                                
                
                                <span><a href="/casepicture/" >家用电梯案例</a></span>
                                
                                
                
                                <span><a href="/service/" >用户服务</a></span>
                                
                                
                
                                <span><a href="/partner/" >加入龙闯</a></span>
                                
                                
                
                                <span><a href="/contact/" >联系我们</a></span>
                                
                                
                            </div>
                        </div>
                        <div class="rightbox">
                            <p><span class="rightone"></span>龙闯智能家居（嘉兴）有限公司</p>
                            <p><span class="righttwo"></span>地址:浙江省嘉兴市南湖区七星街道七星路111号</p>
                            <p><span class="rightthree"></span>服务热线:4007-888-521</p>
                        </div>
                        <div class="bottombox">
                            <p>Copyright© 2019 龙闯智能家居 （嘉兴）有限公司 <a style="color: #a8a5ac;" href="https://beian.miit.gov.cn/#/Integrated/index">浙ICP备2022034892号</a> 浙公网安备33040202222893 <a style="color: #a8a5ac;" href="/index.php/sitemap">网站地图</a></p>
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
        <div class="fuwu">
            <span class="oneserver" onclick="window.location.href='https://affim.baidu.com/unique_45740926/chat?siteId=18919680&userId=45740926&siteToken=936308b03be0372ee9f1c810280d99f1'"></span>
            <span class="twoserver"></span>
            <span class="threeserver" onclick="window.location.href=('tel:4007-888-521')">
                <div class="number"><a href="tel:4007-888-521">4007-888-521</a></div>
            </span>
        </div>

        <div id="serverinform" class="serverinform">
            <h1>在线留言<img id="cha" src="/web/images/cha.jpg" alt=""></h1>
            <p>获取尺寸及报价</p>
            <form action="/message/" method="post" onsubmit="return checkForm1(this)">
                <p class="informations"><span>姓名*</span><span>电话*</span><span>城市*</span></p>
                <div class="inputbox" id="inputone">
                    <input name="name" type="text" placeholder="请输入">
                     <input class="ipt1" name="phone" type="text" maxlength="11" placeholder="请输入" autocomplete="off"
                                onfocus="this.placeholder=''"
                                onblur="this.placeholder='请输入'"
                                value=""
                                oninput="getValue1();"
                                onporpertychange="getValue1();">
                                <input name="city" type="text" placeholder="请输入">
                                 <span class="baocuo1"></span>
                </div>
                <p class="informations"><span>建筑类型*</span></p>
                <div class="inputbox" id="inputtwo">
                    <div class="radio"><input type="radio" id="adr1" name="type" value="别墅"> <label
                            for="adr1">别墅</label></div>
                    <div class="radio"><input type="radio" id="adr2" name="type" value="复式楼"> <label
                            for="adr2">复式楼</label></div>
                    <div class="radio"><input type="radio" id="adr3" name="type" value="自建房"> <label
                            for="adr3">自建房</label></div>
                </div>
                <p class="informations"><span>房屋层站*</span></p>
                <div class="inputbox" id="inputthree">
                    <div class="radio"><input type="radio" id="land1" name="landing" value="2层"> <label
                            for="land1">2层</label></div>
                    <div class="radio"><input type="radio" id="land2" name="landing" value="3层"> <label
                            for="land2">3层</label></div>
                    <div class="radio"><input type="radio" id="land3" name="landing" value="4层"> <label
                            for="land3">4层</label></div>
                    <div class="radio"><input type="radio" id="land4" name="landing" value="5层"> <label
                            for="land4">5层</label></div>
                    <div class="radio"><input type="radio" id="land5" name="landing" value="6层"> <label
                            for="land5" id="sixinput">6层（暂不承接小区多层住宅家装）</label></div>
                </div>
                <p class="informations" id="inform"><span>留言</span></p>
                <div class="inputbox">
                    <textarea id="textinput" name="message" id="1" cols="30" rows="10" placeholder="请输入"></textarea>
                </div>
                <input type="submit" id="sub">
            </form>
        </div>

    </div>

    <!-- 遮罩层 -->
    <div class="mask"></div>
    <!-- 弹窗 -->
    <div class="pop">
        <div class="close"><img src="static/images/icon_close1.png" alt=""></div>
        <div class="pop_cont" style="padding:15px;">
            <!--<video src="/static/upload/other/20230322/1679467393168624.mp4" controls="" autoplay="autoplay" width="100%" draggable="true"></video>-->
        </div>
    </div>

   <script>
    //     $(".jh-one").on("click", function () {
    //         $(".mask").fadeIn();
    //         $(".pop").fadeIn();
    //         $("body").css({ "overflow": "hidden" });
    //     })

    //     $(".pop .close,.mask").click(function () {
    //         $(".mask").fadeOut();
    //         $(".pop").fadeOut();
    //         $(".pop_cont").find("video").trigger('pause');
    //         $("body").css({ "overflow-y": "auto" });
    //     })
    // </script>

    <script language="javascript" type="text/javascript">
        var oImg = document.getElementById("cha")
        var box = document.getElementById('inputtwo')
        var input = box.getElementsByTagName('input');
       
        oImg.onclick = function () {
            list.style.display = "none"
        }

        $(".twoserver,.bigbox").click(function () {
            $("#serverinform").fadeIn();
            $(".mask").fadeIn();
            $("body").css({ "overflow": "hidden" });
        })
        $("#cha,.mask").click(function () {
            $("#serverinform").fadeOut();
            $(".mask").fadeOut();
            $("body").css({ "overflow-y": "auto" });
        })
    </script>

    <script src="/web/js/count.js"></script>
    <script src="/web/js/app.js"></script>
    <script src="/web/js/swiper.min.js"></script>
    <script>
        var pageSwier = new Swiper('.pageSwier', {
            direction: 'vertical',
            slidesPerView: 'auto',
            speed: 1000,
            mousewheel: true,
            touchStartPreventDefault: false,
            pagination: {
                el: '.swiper-pagination.anchor',
                clickable: true,

            },
            on: {
                transitionStart: function () {

                },
                slideChangeTransitionStart: function () {

                    if (this.activeIndex == 1) {
                        countCX();
                    }
                    if (this.activeIndex == 1) {
                       $('.top').addClass("hover");
                       $('.top').find(".logo").attr("src","/web/images/index-logo.png");
                    }
                     if (this.activeIndex == 0) {
                       $('.top').removeClass("hover");
                       $('.top').find(".logo").attr("src","/web/images/index-logo1.png");
                       $(".navc li").hover(function () {
                          $(this).parents('.top').addClass("hover");
                           $(this).parents('.top').find(".logo").attr("src","/web/images/index-logo.png");
                        }, function () {
                            if ($(window).scrollTop() <= 200) {
                          $(this).parents('.top').removeClass("hover");
                          $(this).parents('.top').find(".logo").attr("src","/web/images/index-logo1.png");
                            }
                        })
                    }
                     if (this.activeIndex != 0) {
                      
                       $(".navc li").hover(function () {
                          $(this).parents('.top').addClass("hover");
                           $(this).parents('.top').find(".logo").attr("src","/web/images/index-logo.png");
                        }, function () {
                            if ($(window).scrollTop() <= 200) {
                          $(this).parents('.top').addClass("hover");
                          $(this).parents('.top').find(".logo").attr("src","/web/images/index-logo.png");
                            }
                        })
                    }
                },
            },
        });

    </script>
    <!-- <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".mp").mouseover(function () {
                $(this).find(".feng").show();
            }).mouseout(function () {
                $(this).find(".feng").hide();

            });
        });
    </script> -->

    <script>
        var myData = '[{"name":"山东","value":"2"},{"name":"江西","value":"2"},{"name":"湖南","value":"3"},{"name":"浙江","value":"8"},{"name":"四川","value":"2"},{"name":"安徽","value":"6"},{"name":"云南","value":"2"},{"name":"广西","value":"1"},{"name":"湖北","value":"1"},{"name":"新疆","value":"1"},{"name":"河南","value":"3"},{"name":"河北","value":"4"},{"name":"陕西","value":"1"},{"name":"山西","value":"4"},{"name":"海南","value":"1"},{"name":"重庆","value":"1"},{"name":"北京","value":"1"},{"name":"福建","value":"2"},{"name":"广东","value":"7"},{"name":"天津","value":"1"},{"name":"上海","value":"1"},{"name":"江苏","value":"12"},{"name":"辽宁","value":"3"},{"name":"贵州","value":"2"},{"name":"宁夏","value":"1"}]';
        var myData = JSON.parse(myData);
        var legend = ['龙闯官网'];
        var series = [{
            name: '体验中心',
            type: 'map',
            map: 'china',
            itemStyle: {
                normal: {
                    areaColor: '#3f2d71',
                    borderColor: '#1c1931',
                    label: {
                        show: true,
                        color: '#fff'
                    }
                },
                emphasis: {
                    areaColor: '#854dfd',
                    label: {
                        color: 'transparent'
                    }
                }
            },
            data: myData,
            markPoint: {
                symbol: 'circle',
                symbolSize: 5,
                animation: false,
            }
        }];


        var myChart = echarts.init(document.getElementById('myChart'));
        myChart.setOption({
            color: ["#f7b340", "#4FCB74"],
            legend: {
                data: legend,
                right: 'center',
                bottom: 10,
            },
            tooltip: {
                trigger: 'item',
                // backgroundColor: 'transparent',
                // triggerOn: 'click',
                enterable: true,
                formatter: function (params) {
                    var res = '';
                    // var info = '<p style="font-size:14px;color: #BCBCBC;">查看详细地址 ></p>';
                    var myseries = series;
                    for (var i = 0; i < myseries.length; i++) {
                        for (var j = 0; j < myseries[i].data.length; j++) {
                            if (myseries[i].data[j].name == params.name) {
                                // res += myseries[i].name + ' : ' + myseries[i].data[j].value + '</br>'+info;
                                res += `<div class="du_size">
                                        <h3>`+ params.name + `</h3>
                                        <p>
                                            `+ myseries[i].name + `: ` + myseries[i].data[j].value + `
                                        </p>
                                        <a class="">
                                            查看详细地址 &gt;
                                        </a>
                                    </div>`;
                            }
                        }
                    }
                    return res;
                },
            },
            series: series,
        });
        myChart.on('click', function (params) {
            let school_url = '/service-map/';
            window.open(school_url);

        })
        myChart.on('mouseover', function (params) {
            // myChart.dispatchAction({
            //     type: 'downplay',
            //     seriesIndex: 0,
            // });
            // myChart.dispatchAction({
            //     type: 'highlight',
            //     seriesIndex: 0,
            //     dataIndex: params.dataIndex
            // });
            // myChart.dispatchAction({
            //     type: 'showTip',
            //     seriesIndex: 0,
            //     dataIndex: params.dataIndex
            // });

        })

    </script>

</body>
</html>