<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国</title>
    <meta name="keywords" content="北京网站建设,网站设计,网站制作,小程序开发,定制网站制作,外贸网站建设">
    <meta name="description" content="尚品中国2008年成立于北京,是国内十佳品牌网站设计公司,专注于网站建设、小程序开发、业务系统定制等业务，打造了数千精品案例，为北京、天津、上海、河北、山东及全国各地用户服务,电话:010-60259772.">
    <meta name="wap-font-scale" content="no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name = "format-detection" content = "telephone=no">
<!--2.0-->
<link rel="stylesheet" href="/public/new-static/css/cui.css" />
<link rel="stylesheet" href="/public/home/css/lib.css">
<link rel="stylesheet" href="/public/home/css/style.css?v=010">
<link rel="stylesheet" href="/public/home/css/less.css?v=020">
<link rel="stylesheet" href="/public/new-static/css/lib-new.css?v=015" />
<link rel="stylesheet" href="/public/new-static/css/style-new.css?v=1995" />
<link rel="stylesheet" href="/public/new-static/css/less-new.css?v=010">
<link rel="canonical" href="https://www.sino-web.net/" />
<script src="/public/home/js/jquery.js"></script>
<script type="text/javascript">
	var ROOT = ""; islogin = '';
    
</script>

    <script>
        $(window).load(function() {
            $(".serv-lab").fadeOut();
            $(".banner .video .v-bg").fadeIn();
        });
    </script>
</head>
<body>


<!-- 头部 -->
<!-- PC侧边栏 -->
<div class="hd-new">
    <span class="menu">MENU</span>
    <a href="/Service" class="h-btn">
        <i class="ico ico1"></i>
        <span>服务</span>
    </a>
    <a href="/Cases" class="h-btn">
        <i class="ico ico2"></i>
        <span>案例</span>
    </a>
    <div class="hd-logo">
        <a href="/"><img src="/filespath/images/logo/logo-new.png" alt="网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国"></a>
    </div>
    <!-- 半圆背景 -->
    <span class="ico-bg ico-bg1" data-top="transform:translateY(60px)" data-center-center="transform:translateY(0px)" data-bottom="transform:translateY(0px)"></span>
    <span class="ico-bg ico-bg2" data-top="transform:translateY(80px)" data-center-center="transform:translateY(0px)" data-bottom="transform:translateY(0px)"></span>
</div>

<!-- 手机头部 -->
<div class="mo-heade">
    <div class="wp">
        <div class="logo-mo"><a href="/"><img src="/filespath/images/logo/logo-mo.png" alt="网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国"></a></div>
        <span class="menu-mo"></span>
    </div>

    <!-- 手机导航 -->
    <div class="mo-nav">
        <span class="close"></span>
        <ul>
            <li class="i1"><a href="/" class="v1">首页</a></li>
                        <li class="i2">
                                <a href="/About"  class="v1">关于我们</a>

                
            </li>
                        <li class="i3">
                                <a href="/Cases"  class="v1">成功案例</a>

                
            </li>
                        <li class="i4">
                                <a href="/Service"  class="v1">高价值服务</a>

                                <dl>
                                        <dd>
                        <a                          href="/Service/184.html"  target="_blank"
                         >网站建设</a>
                    </dd>
                                        <dd>
                        <a                          href="/xiaochengxu"  target="_blank"
                         >小程序</a>
                    </dd>
                                        <dd>
                        <a                          href="/Service/185.html"  target="_blank"
                         >移动互联网</a>
                    </dd>
                                        <dd>
                        <a                          href="/Service/186.html"  target="_blank"
                         >网络营销</a>
                    </dd>
                                        <dd>
                        <a                          href="/Service/187.html"  target="_blank"
                         >VI设计</a>
                    </dd>
                                    </dl>
                
            </li>
                        <li class="i5">
                                <a href="/Gong/181.html"  class="v1">新闻动态</a>

                                <dl>
                                        <dd>
                        <a                          href="/News/225.html"  target="_blank"
                         >尚品动态</a>
                    </dd>
                                    </dl>
                
            </li>
                        <li class="i6">
                                <a href="/Contact"  class="v1">联系尚品</a>

                
            </li>
                    </ul>
        <div class="bot">
            <div class="lang">
                <a href="javascript:;" class="cn on">中文</a>
                <a href="/en" class="en">EN</a>
            </div>
            <span class="so-btn-mo"></span>
            <div class="mo-so">
                <form action="/Knows/226.html" method="get">
                    <input type="text" placeholder="搜索" class="inp" name="title" value="">
                    <input type="submit" class="btn" class="btn" value="">
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 侧边导航 仅在PC展示 -->
<div class="nv-new">
    <ul>
        <li class="i1"><a href="/" class="v1"><i></i>首页</a></li>
                <li class="i2">
                        <a href="/About" data-hover="关于我们" class="v1" target="_blank">关于我们</a>

            <dl>
                                    <dd>
                        <a target="_blank"                         href="/None/259.html"  target="_blank"
                         >尚品介绍</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/None/220.html"  target="_blank"
                         >尚品优势</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/None/221.html"  target="_blank"
                         >产品标准</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/None/223.html"  target="_blank"
                         >知名客户</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/None/224.html"  target="_blank"
                         >企业资质</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/None/230.html"  target="_blank"
                         >工作环境</a>
                    </dd>
                                </dl>

        </li>
                <li class="i3">
                        <a href="/Cases" data-hover="成功案例" class="v1" target="_blank">成功案例</a>

            <dl>
                                    <dd>
                        <a  href="/Cases?cid=747"  target="_blank"  >科研院所</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=735"  target="_blank"  >企业集团</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=734"  target="_blank"  >学校教育</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=819"  target="_blank"  >营销推广</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=736"  target="_blank"  >平台门户</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=4623"  target="_blank"  >大数据</a>
                    </dd>
                                        <dd>
                        <a  href="/Cases?cid=306"  target="_blank"  >移动端案例</a>
                    </dd>

                            </dl>

        </li>
                <li class="i4">
                        <a href="/Service" data-hover="高价值服务" class="v1" target="_blank">高价值服务</a>

            <dl>
                                    <dd>
                        <a target="_blank"                         href="/Service/184.html"  target="_blank"
                         >网站建设</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/xiaochengxu"  target="_blank"
                         >小程序</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/Service/185.html"  target="_blank"
                         >移动互联网</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/Service/186.html"  target="_blank"
                         >网络营销</a>
                    </dd>
                                        <dd>
                        <a target="_blank"                         href="/Service/187.html"  target="_blank"
                         >VI设计</a>
                    </dd>
                                </dl>

        </li>
                <li class="i5">
                        <a href="/Gong/181.html" data-hover="新闻动态" class="v1" target="_blank">新闻动态</a>

            <dl>
                                    <dd>
                        <a target="_blank"                         href="/News/225.html"  target="_blank"
                         >尚品动态</a>
                    </dd>
                                </dl>

        </li>
                <li class="i6">
                        <a href="/Contact" data-hover="联系尚品" class="v1" target="_blank">联系尚品</a>

            <dl>
                            </dl>

        </li>
            </ul>
    <div class="nv-bg"></div>
    <div class="nv-txt">
        我们通过拥抱变化创造<br />360°的品牌价值__    </div>
</div>



<div class="main-new">
    <div class="g-top">
			<!--<dl class="lang">
				<dt>简体</dt>
				<dd>
					<a href="javascript:;">简体中文</a>
				</dd>
			</dl>-->
			<div class="so">
				<span class="so-btn"></span>
				<div class="con">
					<form action="/Knows/226.html" method="get">
						<input type="text" placeholder="搜索" class="inp" name="title" value="">
						<input type="submit" class="btn" class="btn">
					</form>
					
				</div>
			</div>
		</div>
    <!-- banner -->
    <div class="banner">
        <!-- <div class="serv-lab" style="background-image: url(/public/home/images/load1.jpg);"></div> -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                                <div class="swiper-slide" data-swiper-autoplay="21000">
                    <a class="con"  href="https://www.sino-web.net/Cases" target="_blank"  rel="nofollow">
                        <!-- <div class="ban-bg" style="opacity: .1;z-index:2;"></div> -->
                        <!-- <div class="section-first" data-vidbg-bg="mp4: /filespath/files/video/video.mp4, poster: /filespath/images/banner/20230221103457.jpg" data-vidbg-options="loop: true, muted: true, overlay: false"> -->
                        <!-- <div class="section-first">
                            <div class="video">
                                <video class="mp4" muted="muted" loop autoplay="autoplay">
                                    <source src="/filespath/files/video/video.mp4" type="video/mp4" />
                                </video>
                            </div>
                        </div> -->
                        <div class="video">
                            <div class="v-bg"></div>
                            <video class="mp4" muted="muted" poster="/public/new-static/images/n-ban1.jpg" loop autoplay="autoplay">
                                <source src="/filespath/files/video/video.mp4" type="video/mp4" />
                            </video>
                        </div>
                        <div class="b-t">互联网品牌建设  深度服务商</div>
                    </a>
                    <!-- <div class="b-txt">
                        <h3>互联网品牌建设  深度服务商</h3>
                        <a  href="https://www.sino-web.net/Cases" target="_blank"  rel="nofollow" data-v="/filespath/files/video/video.mp4" class="video-b myfancy" tabindex="0">了解更多</a>
                    </div> -->
                </div>
                                <div class="swiper-slide">
                    <!-- <a href="/Cases?cid=747" target="_blank"  style="background-image: url('/filespath/images/banner/20200605181445.jpg');" rel="nofollow"> -->
                    <a href="/Cases?cid=747" class="con" target="_blank">
                        <div class="ba-bg">
                            <img src="/filespath/images/banner/20200605181445.jpg" alt="科研领域网站建设解决方案" />
                        </div>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <!-- <a href="/Cases/info/180_18532_0.html" target="_blank"  style="background-image: url('/filespath/images/banner/20230228101511.jpg');" rel="nofollow"> -->
                    <a href="/Cases/info/180_18532_0.html" class="con" target="_blank">
                        <div class="ba-bg">
                            <img src="/filespath/images/banner/20230228101511.jpg" alt="华为全屋智能家居网站建设" />
                        </div>
                    </a>
                </div>
                                <div class="swiper-slide">
                    <!-- <a href="/xiaochengxu" target="_blank"  style="background-image: url('/filespath/images/banner/20220613091029.jpg');" rel="nofollow"> -->
                    <a href="/xiaochengxu" class="con" target="_blank">
                        <div class="ba-bg">
                            <img src="/filespath/images/banner/20220613091029.jpg" alt="小程序" />
                        </div>
                    </a>
                </div>
                            
            </div>
        </div>
        <!-- <div class="swiper-pagination"></div> -->
        <div class="operate">
            <div class="swiper-pagination"></div>
            <div class="swiper-flow"></div>
            <div class="swiper-arrow swiper-prev"></div>
            <div class="swiper-arrow swiper-next"></div>
        </div>
        <ul class="ul-tab">
                        <li class="i1">
                <a href="/Cases?cid=747" target="_blank" rel="nofollow">
                    <i class="ico" style="background-image: url('/public/new-static/images/ico-a1.png');"></i>科研院所案例                </a>
            </li>
                        <li class="i2">
                <a href="/Cases?cid=735" target="_blank" rel="nofollow">
                    <i class="ico" style="background-image: url('/public/new-static/images/ico-a3.png');"></i>企业集团案例                </a>
            </li>
                        <li class="i3">
                <a href="/Cases?cid=736" target="_blank" rel="nofollow">
                    <i class="ico" style="background-image: url('/filespath/files/cases/20220915150808.png');"></i>平台门户案例                </a>
            </li>
                    </ul>
        <a href="#row-index1" class="m-btn-down" rel="nofollow">
            <p>分享成功的故事</p>
            <span><i></i></span>
        </a>
    </div>
    <!-- 尚品案例 -->
    <div class="row-index1" id="row-index1">
        <ul class="new-list1">
                        <li class="i1 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.3s">
                <a target="_blank"
                                href="/Cases/desc/180_19180_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20230712101039.jpg" alt="安联保险资产管理有限公司">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/20230712095926.png" alt="安联保险资产管理有限公司"></div>
                    <div class="tit">
                        <h3>安联保险资产管理有限公司</h3>
                    </div>
                </a>
            </li>
                        <li class="i2 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.3s">
                <a target="_blank"
                                href="/Cases/info/180_18532_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20220920130523.jpg" alt="华为全屋智能">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20220920130507.png" alt="华为全屋智能"></div>
                    <div class="tit">
                        <h3>华为全屋智能</h3>
                    </div>
                </a>
            </li>
                        <li class="i3 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.3s">
                <a target="_blank"
                                href="/Cases/desc/180_17862_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20210618145733.jpg" alt="恭贺北京卓立汉光官网正式上线">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20210618150208.png" alt="恭贺北京卓立汉光官网正式上线"></div>
                    <div class="tit">
                        <h3>恭贺北京卓立汉光官网正式上线</h3>
                    </div>
                </a>
            </li>
                        <li class="i4 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.3s">
                <a target="_blank"
                                href="/Cases/info/180_17622_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/files/cases/20210416151632.gif" alt="HUIDA惠达卫浴">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20210120142943.png" alt="HUIDA惠达卫浴"></div>
                    <div class="tit">
                        <h3>HUIDA惠达卫浴</h3>
                    </div>
                </a>
            </li>
                        <li class="i5 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s">
                <a target="_blank"
                                href="/Cases/desc/180_11244_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20210309114627.gif" alt="中国医学科学院医学实验动物研究所">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20210120171808.png" alt="中国医学科学院医学实验动物研究所"></div>
                    <div class="tit">
                        <h3>中国医学科学院医学实验动物研究所</h3>
                    </div>
                </a>
            </li>
                        <li class="i6 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s">
                <a target="_blank"
                                href="/Cases/desc/180_19184_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20230712111157.jpeg" alt="山东经典重工集团">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20230712111147.png" alt="山东经典重工集团"></div>
                    <div class="tit">
                        <h3>山东经典重工集团</h3>
                    </div>
                </a>
            </li>
                        <li class="i7 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s">
                <a target="_blank"
                                href="/Cases/info/180_19181_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20230712101457.jpeg" alt="新智聚安科技">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20230712101320.png" alt="新智聚安科技"></div>
                    <div class="tit">
                        <h3>新智聚安科技</h3>
                    </div>
                </a>
            </li>
                        <li class="i8 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s">
                <a target="_blank"
                                href="/Cases/info/180_19176_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20230711131023.jpg" alt="上海杰狮信息技术有限公司">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20230711131003.png" alt="上海杰狮信息技术有限公司"></div>
                    <div class="tit">
                        <h3>上海杰狮信息技术有限公司</h3>
                    </div>
                </a>
            </li>
                        <li class="i9 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.5s">
                <a target="_blank"
                                href="/Cases/info/180_18545_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20220922112430.jpg" alt="中国医学科学院放射医学研究所">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20220922113926.png" alt="中国医学科学院放射医学研究所"></div>
                    <div class="tit">
                        <h3>中国医学科学院放射医学研究所</h3>
                    </div>
                </a>
            </li>
                        <li class="i10 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.5s">
                <a target="_blank"
                                href="/Cases/info/180_18538_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20220921132907.jpg" alt="黑利伯瑞学校">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20220921132853.png" alt="黑利伯瑞学校"></div>
                    <div class="tit">
                        <h3>黑利伯瑞学校</h3>
                    </div>
                </a>
            </li>
                        <li class="i11 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.5s">
                <a target="_blank"
                                href="/Cases/info/180_18536_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20220921102158.jpg" alt="北京八亿时空液晶科技股份有限公司">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20220921102210.png" alt="北京八亿时空液晶科技股份有限公司"></div>
                    <div class="tit">
                        <h3>北京八亿时空液晶科技股份有限公司</h3>
                    </div>
                </a>
            </li>
                        <li class="i12 wow fadeInUp" data-wow-duration="1.1s" data-wow-delay="0.5s">
                <a target="_blank"
                                href="/Cases/info/180_18093_"
                                class="con" rel="nofollow">
                    <div class="pic">
                        <img class="lazy" src="/filespath/images/xinanli/20220121114447.jpg" alt="新华家园社区">
                    </div>
                    <div class="p-logo"><img class="lazy" src="/filespath/images/xinanli/20220121113803.png" alt="新华家园社区"></div>
                    <div class="tit">
                        <h3>新华家园社区</h3>
                    </div>
                </a>
            </li>
                    </ul>
    </div>
    <!-- 尚品业务 -->
    <div class="row-index2">
        <div class="g-tit1 wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.4s">
            <div class="cn">
                <h2>探索您感兴趣的业务</h2>
                <span>不论您身在何处，尚品都愿意为您提供高价值网站建设服务</span>
            </div>
            <em class="en">What you interested</em>
        </div>
        <ul class="new-list2">
                        <li class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.4s">
                <div class="con">
                    <a  href="/Service#section1" target="_blank" rel="nofollow">
                        <span class="ico">
                            <i><img src="/filespath/images/icon/20210309162926.png" alt="网站建设"></i>
                            <i class="on" data-img="/filespath/images/icon/20210309162926.png" data-img-on="/filespath/images/icon/20210309162944.gif">
                                <img src="/filespath/images/icon/20210309162926.png" alt="网站建设">
                            </i>
                        </span>
                    </a>
                    <h3>
                        <a href="/Service#section1"><span data-hover="网站建设">网站建设</span></a>
                    </h3>
                    <div class="desc">
                        <p>
                            专注网站建设十七年，丰富的设计经验、可以满足国产化系统和数据库开发，专业团队为您提供一站式解决方案。                        </p>
                    </div>
                </div>
            </li>
                        <li class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s">
                <div class="con">
                    <a  href="/Service#section2" target="_blank" rel="nofollow">
                        <span class="ico">
                            <i><img src="/filespath/images/icon/20210309163105.png" alt="移动互联网"></i>
                            <i class="on" data-img="/filespath/images/icon/20210309163105.png" data-img-on="/filespath/images/icon/20210309163115.gif">
                                <img src="/filespath/images/icon/20210309163105.png" alt="移动互联网">
                            </i>
                        </span>
                    </a>
                    <h3>
                        <a href="/Service#section2"><span data-hover="移动互联网">移动互联网</span></a>
                    </h3>
                    <div class="desc">
                        <p>
                            让智慧触手可及，让便利无处不在；APP、<b><a href=/xiaochengxu>小程序</a></b>、公众号、H5交互页面专业设计开发。                        </p>
                    </div>
                </div>
            </li>
                        <li class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.6s">
                <div class="con">
                    <a  href="/Service#section3" target="_blank" rel="nofollow">
                        <span class="ico">
                            <i><img src="/filespath/images/icon/20210309163208.png" alt="网络营销"></i>
                            <i class="on" data-img="/filespath/images/icon/20210309163208.png" data-img-on="/filespath/images/icon/20210309163218.gif">
                                <img src="/filespath/images/icon/20210309163208.png" alt="网络营销">
                            </i>
                        </span>
                    </a>
                    <h3>
                        <a href="/Service#section3"><span data-hover="网络营销">网络营销</span></a>
                    </h3>
                    <div class="desc">
                        <p>
                            以营销为导向，网络为工具，让更多的人了解品牌/产品，以便更好地提升品牌影响力。                        </p>
                    </div>
                </div>
            </li>
                        <li class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.7s">
                <div class="con">
                    <a  href="/Service#section4" target="_blank" rel="nofollow">
                        <span class="ico">
                            <i><img src="/public/new-static/images/ico-a7.png" alt="VI设计"></i>
                            <i class="on" data-img="/public/new-static/images/ico-a7.png" data-img-on="/public/new-static/images/ico-a7-on.gif">
                                <img src="/public/new-static/images/ico-a7.png" alt="VI设计">
                            </i>
                        </span>
                    </a>
                    <h3>
                        <a href="/Service#section4"><span data-hover="VI设计">VI设计</span></a>
                    </h3>
                    <div class="desc">
                        <p>
                            为用户提供LOGO设计、企事业单位画册设计、产品包装设计、文化类海报及产品应用设计等服务                        </p>
                    </div>
                </div>
            </li>
                    </ul>
        <div class="g-btn wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s">
            <a href="/Service" target="_blank" class="more" rel="nofollow"><i></i>查看更多</a>
        </div>
        <div class="ico-bg3" data-center-center="top:-57vw;" data-0-top-bottom="top:-47vw;"></div>
    </div>
    <!-- 尚品动态 -->
    <div class="row-index3">
        <div class="g-tit1 wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.4s">
            <div class="cn">
                <h2>尚品动态</h2>
                <span>后数字时代没有丝毫放缓的迹象，对快速业务转型的需求从未如此强烈。</span>
            </div>
        </div>
        <ul class="new-list3">
                        <li class="i1 on">
                <a href="/Article/225_19538.html" target="_blank" class="con" rel="nofollow">
                    <div class="pic" style="background-image: url('/filespath/images/xinwen/20241125100730.jpg');">
                        <h3>尚品与山东真诺智能设备有限公司签署网站改版合作协议（2024-10-17）</h3>
                    </div>
                    <div class="tit">
                        <h3>尚品与山东真诺智能设备有限公司签署网站改版合作协议</h3>
                        <span class="date">企业网站建设</span>
                    </div>
                </a>
            </li>
                        <li class="i2 ">
                <a href="/Article/225_19519.html" target="_blank" class="con" rel="nofollow">
                    <div class="pic" style="background-image: url('/filespath/images/xinwen/20241017110102.jpg');">
                        <h3>尚品签约辰欣药业股份有限公司官网建设（2024-09-20）</h3>
                    </div>
                    <div class="tit">
                        <h3>尚品签约辰欣药业股份有限公司官网建设</h3>
                        <span class="date">药企官网制作</span>
                    </div>
                </a>
            </li>
                        <li class="i3 ">
                <a href="/Article/225_19518.html" target="_blank" class="con" rel="nofollow">
                    <div class="pic" style="background-image: url('/filespath/images/xinanli/20241017101859.jpg');">
                        <h3>尚品签约广西南宁优利凯化工有限公司网站建设项目（2024-08-07）</h3>
                    </div>
                    <div class="tit">
                        <h3>尚品签约广西南宁优利凯化工有限公司网站建设项目</h3>
                        <span class="date">外贸网站建设</span>
                    </div>
                </a>
            </li>
                        <li class="i4 ">
                <a href="/Article/225_19509.html" target="_blank" class="con" rel="nofollow">
                    <div class="pic" style="background-image: url('/filespath/images/xinwen/20240827101054.jpg');">
                        <h3>尚品签约北京华厦市政工程网站建设项目（2024-07-19）</h3>
                    </div>
                    <div class="tit">
                        <h3>尚品签约北京华厦市政工程网站建设项目</h3>
                        <span class="date">北京网站建设</span>
                    </div>
                </a>
            </li>
                        <li class="i5 ">
                <a href="/Article/225_19508.html" target="_blank" class="con" rel="nofollow">
                    <div class="pic" style="background-image: url('/filespath/images/xinanli/20240826095343.jpg');">
                        <h3>尚品中国成功签约北京八九点管理咨询有限公司网站建设项目（2024-06-13）</h3>
                    </div>
                    <div class="tit">
                        <h3>尚品中国成功签约北京八九点管理咨询有限公司网站建设项目</h3>
                        <span class="date">品牌网站设计</span>
                    </div>
                </a>
            </li>
                    </ul>
        <div class="ico-bg4" data-800-top="top:0vw;" data-0-top-bottom="top:-11vw;"></div>
    </div>

    <!-- 网站建设 -->
    <div class="row-index4">
        <div class="wp9">
            <div class="col-l">
                <div class="g-tit2">
                    <h2></h2>
                    <!--<div class="g-btn">
                        <a href="/Gong/" class="more" target="_blank" rel="nofollow"><i></i>更多</a>
                    </div>-->
                </div>
                <ul class="new-list4">
                                    </ul>
            </div>
            <div class="col-r">
                <div class="g-tit2">
                    <h2></h2>
                   <!-- <div class="g-btn">
                        <a href="/Gong/" target="_blank" class="more" rel="nofollow"><i></i>更多</a>
                    </div>-->
                </div>
                <ul class="new-list4">
                                    </ul>
            </div>
        </div>
    </div>

    <div class="row-a5" style="background-image: url(/public/home/images/bg-2.jpg);">
        <div class="cont">
            <div class="m-you">
                <h3><a href="" target="_blank" rel="nofollow">尚品优势</a></h3>
                <div class="txt">
                    <p>尚品旗下恒久尚品网络科技（北京）有限公司及北京尚品信安科技有限公司，以定制网站建设、小程序设计开发、业务系统开发、移动互联产品、全景VR、VI视觉设计、网络安全产品为核心业务。</p>

<p>为客户提供赏心悦目的作品。与客户共同发展进步，是我们永远的责任！</p>
                </div>
            </div>
            <div class="right-map"></div>
            <ul class="ul-num">
                <li class="i1">
                    <div class="con">
                        <i></i>
                        <div class="txt">
                            <span class="counter">17</span>
                            <p>17年建站专业经验</p>
                        </div>
                    </div>
                </li>
                <li class="i2">
                    <div class="con">
                        <i></i>
                        <div class="txt">
                            <span class="counter">50</span>
                            <p>服务50多家500强企业</p>
                        </div>
                    </div>
                </li>
                <li class="i3">
                    <div class="con">
                        <i></i>
                        <div class="txt">
                            <span class="counter">69</span>
                            <p>服务69家科研院所</p>
                        </div>
                    </div>
                </li>
                <li class="i4">
                    <div class="con">
                        <i></i>
                        <div class="txt">
                            <span class="counter">5000</span>
                            <p>5000多个知名案例</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
    <div class="fd-top">
        <div class="fd-wp">
            <div class="fd-nav">
                                <dl>
                    <dt>关于</dt>
                    <dd>
                                                <a                          href="/About"  target="_blank"
                         >尚品介绍</a>
                                                <a                          href="/About"  target="_blank"
                         >尚品优势</a>
                                                <a                          href="/About"  target="_blank"
                         >产品标准</a>
                                                <a                          href="/About"  target="_blank"
                         >知名客户</a>
                                                <a                          href="/About"  target="_blank"
                         >企业资质</a>
                                                <a                          href="/About"  target="_blank"
                         >工作环境</a>
                                            </dd>
                </dl>
                                <dl>
                    <dt>案例</dt>
                    <dd>
                                                <a  href="/Cases?cid=747"  target="_blank"  >科研院所</a>
                                                <a  href="/Cases?cid=735"  target="_blank"  >企业集团</a>
                                                <a  href="/Cases?cid=734"  target="_blank"  >学校教育</a>
                                                <a  href="/Cases?cid=819"  target="_blank"  >营销推广</a>
                                                <a  href="/Cases?cid=736"  target="_blank"  >平台门户</a>
                                                <a  href="/Cases?cid=4623"  target="_blank"  >大数据</a>
                                                <a  href="/Cases?cid=306"  target="_blank"  >移动端案例</a>
                    </dd>
                </dl>
                                <dl>
                    <dt>服务</dt>
                    <dd>
                                                <a                          href="/Service/184.html"  target="_blank"
                         >网站建设</a>
                                                <a                          href="/xiaochengxu"  target="_blank"
                         >小程序</a>
                                                <a                          href="/Service/185.html"  target="_blank"
                         >移动互联网</a>
                                                <a                          href="/Service/186.html"  target="_blank"
                         >网络营销</a>
                                                <a                          href="/Service/187.html"  target="_blank"
                         >VI设计</a>
                                            </dd>
                </dl>
                                <dl>
                    <dt>新闻</dt>
                    <dd>
                                                <a                          href="/News/225.html"  target="_blank"
                         >尚品动态</a>
                                            </dd>
                </dl>
                                <dl>
                    <dt>联系</dt>
                    <dd>
                        <a  href="/Contact" rel="nofollow" target="_blank" >全国</a>
                        <a  href="/Contact" rel="nofollow" target="_blank" >北京</a>
                    </dd>
                </dl>
                            </div>
            <div class="fd-about">
                <div class="tit">
                    <h3>关于我们</h3>
                    <div class="qr">
                        <span></span>
                        <div class="pic">
                            <img src="/filespath/images/contact/20200210193404.jpg" alt="关于我们">
                            <p>扫一扫关注尚品最新动态</p>
                        </div>
                    </div>
                </div>
                <div class="txt">
                    <p>2008年，尚品成立于北京，尚品成立至今共为5000多用户建立了网站，并成功上线使用，实现了其品牌宣传价值。</p>

<p>我们的团队专注高端网站建设，品牌策划及创意设计、集群建站、小程序开发，APP开发，业务系统定制等业务，为用户提供一站式解决方案。持续的服务运维为用户带来更多流量，实现长期合作、发展共赢。<br />
可以满足国产化系统和数据库开发。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="fd-cen">
        <div class="fd-wp">
            <div class="tel">
                <ul>
                    <li>
                        <span class="ico"><img src="/public/new-static/images/ico-fd1.png" alt="全国免费服务热线"></span>
                        <div class="txt"><span>全国免费服务热线：</span><b><a href="tel:010-60259772">010-60259772</a></b></div>
                    </li>
                    <li>
                        <span class="ico"><img src="/public/new-static/images/ico-fd2.png" alt="北京服务热线"></span>
                        <div class="txt"><span>北京服务热线：</span><b><a href="tel:13264060713">13264060713</a></b></div>
                    </li>
                </ul>
            </div>
            <div class="r-b">
                <a href="javascript:window.open('https://affim.baidu.com/unique_43440687/chat?siteId=20826993&userId=43440687&siteToken=4e060ea0ec0f49bbf798e8cde61c77da','','modal=yes,width=800,height=650,resizable=no,scrollbars=no');" class="btn btn-1">
                    <span class="ico"></span>
                    <em>在线咨询</em>
                </a>
                <a href="javascript:;" class="btn btn-2">
                    <span class="ico"></span>
                    <em>在线留言</em>
                </a>
            </div>
        </div>
    </div>
    <!--<div class="fd-addes">
        <div class="fd-wp">
            <ul>
                                <li>
                    <h3>北京（总部）</h3>
                    <div class="desc">大兴区西红门嘉悦广场8-802</div>
                </li>
                                <li>
                    <h3>上海</h3>
                    <div class="desc">黄浦区中山东二路88号外滩SOHO3Q</div>
                </li>
                                <li>
                    <h3>天津</h3>
                    <div class="desc">南开区如意大厦1号楼16层</div>
                </li>
                                <li>
                    <h3>海口</h3>
                    <div class="desc">秀英区西海岸滨海新天地23号楼3层</div>
                </li>
                            </ul>
        </div>
    </div>-->
    <div class="fd-link">
        <div class="fd-wp">
            <dl class="d1">
                  <dt>友情链接：</dt>
                  <dd class="bd">
                      <ul class="con">
                                                    <li><a href="https://www.sino-web.net/" target="_blank">高端网站建设</a></li>
                                                    <li><a href="https://www.sscmwl.com/" target="_blank">温州网站建设</a></li>
                                                    <li><a href="https://www.sino-web.net/Cases" target="_blank">企业网站建设公司</a></li>
                                                    <li><a href="https://www.sino-web.net/bejing_web" target="_blank">北京网站建设公司</a></li>
                                                    <li><a href=" https://www.ccxcn.com/" target="_blank">网站建设</a></li>
                                                    <li><a href="https://www.yzsj.net/" target="_blank">网站制作</a></li>
                                                    <li><a href="https://www.wxee.net/" target="_blank">无锡网站建设</a></li>
                                                    <li><a href="https://www.mountor.cn/" target="_blank">网站建设</a></li>
                                                    <li><a href="https://www.eefung.com/" target="_blank">舆情监测</a></li>
                                                    <li><a href="https://www.bjtqcy.com/" target="_blank">网站建设</a></li>
                                                    <li><a href="http://www.netconst.com/" target="_blank">网站建设</a></li>
                                                    <li><a href="https://www.henghost.com" target="_blank">香港服务器</a></li>
                                                    <li><a href="https://www.szweb.cn/" target="_blank">深圳网站建设</a></li>
                                                    <li><a href="http://www.szmynet.com/" target="_blank">网站设计</a></li>
                                                    <li><a href="http://www.021ftp.cn/" target="_blank">上海网站建设</a></li>
                                                    <li><a href="https://www.omooo.com/" target="_blank">网站制作</a></li>
                                                    <li><a href="http://www.soukelai99.com/" target="_blank">深圳网站建设</a></li>
                                                </ul>
                  </dd>
              </dl>
            <!--<dl class="d2">
                <dt>城市分站：</dt>
                <dd class="bd2">
                    <ul class="con">
                                                <li>
                            <a                             href="/bejing_web"  target="_blank"
                            >北京网站建设</a>
                        </li>
                                                <li>
                            <a                             href="/tianjin_web"  target="_blank"
                            >天津网站建设公司</a>
                        </li>
                                                <li>
                            <a                             href="/shijiazhuang_web"  target="_blank"
                            >石家庄网站建设公司</a>
                        </li>
                                                <li>
                            <a                             href="/jinan_web"  target="_blank"
                            >济南网站建设公司</a>
                        </li>
                                                <li>
                            <a                             href="/shenyang_web"  target="_blank"
                            >沈阳网站制作公司</a>
                        </li>
                                                <li>
                            <a                             href="/zhengzhou_web"  target="_blank"
                            >郑州网站制作公司</a>
                        </li>
                                                <li>
                            <a                             href="/langfang_web"  target="_blank"
                            >廊坊网站设计公司</a>
                        </li>
                                                <li>
                            <a                             href="/Cityplanszation/317.html"  target="_blank"
                            >上海网站建设</a>
                        </li>
                                            </ul>
                </dd>
            </dl>-->
        </div>
    </div>
    <div class="fd-copr">
        <div class="fd-wp">
            <span>Copyright © 2025 恒久尚品 版权所有　|　<a href="https://beian.miit.gov.cn/" rel="nofollow">京ICP备09066521号</a>　<em>
                        |　公安机关备案号:11011502003910</em>
                        <span class="js-state">免责声明</span>
                        <!--<span class="js-state">本页面内容图片仅供参考，不构成广告宣传</span>-->
                        <!-- <a class="c-btn" rel="nofollow" href="http://www.bisp.org.cn/cxcj2019/index.php?code=91110115675096338T">诚信企业<span class="c-qr"><img src="/public/home/images/c-qr.jpg" alt="诚信企业"></span></a> -->
                    </span>

            <span class="r">尚品专注高端<a href=https://www.sino-web.net/ target=_blank rel=nofollow>网站建设</a>，系统平台开发，微信小程序及APP开发服务</span>
        </div>
    </div>
</div>
<!-- 免责声明弹窗 -->
<div class="pop-state">
	<div class="con">
		<h3>免责声明</h3>
		<div class="txt">
			<p>非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。</p>

<p>1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。</p>

<p>2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。</p>

<p>3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。</p>

<p>4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!</p>

<p>联系方式：010-60259772<br />
电子邮件：394588593@qq.com</p>
		</div>
	</div>
</div>

<script>
    $('.fd-cen .btn-1').click(function(event) {
        // $('.pop-seek1').addClass('open');
    });
    $('.fd-cen .btn-2').click(function(event) {
        $('.pop-make').addClass('open');
    });
    if ( $(window).width() < 1200 ) {
        $('.fd-addes li').eq(0).addClass('on');
        $('.fd-addes li').click(function(){
            $(this).addClass('on').siblings('li').removeClass('on');
        });
    };
</script>


<script type="text/javascript" src="/public/home/js/jquery.SuperSlide.js"></script>
<script>
    $(".fd-link .d1").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:10,interTime:100});
</script>

<script src="/public/home/tan/layer.js"></script>
<script src="/public/home/mjs/jquery.form.js"></script>
<script src="/public/home/mjs/serch.js"></script>
<script src="/public/home/mjs/contact.js"></script>
<script src="/public/home/js/jquery.SuperSlide.js"></script>
</div>

<!-- 右侧浮动 -->

<div class="float-bar">
    <ul>
                <li class="tel">
            <span class="ico"></span>
            <h4>电话咨询</h4>
            <div class="tel-con">
                <p>全国服务热线<span>010-60259772</span></p>
            </div>
        </li>
        <li class="shang">
            <a href="javascript:window.open('https://affim.baidu.com/unique_43440687/chat?siteId=20826993&userId=43440687&siteToken=4e060ea0ec0f49bbf798e8cde61c77da','','modal=yes,width=800,height=650,resizable=no,scrollbars=no');"class="ico" rel="nofollow"></a>
            <h4>在线咨询</h4>
        </li>
        <li class="weix">
            <span class="ico"></span>
            <h4>微信咨询</h4>
            <div class="qr-con"><img src="/filespath/images/contact/20250401100241.jpg" alt="微信咨询"></div>
        </li>
                <li class="top">
            <a href="javascript:;" class="ico" rel="nofollow"></a>
        </li>
    </ul>
</div>

<!-- 2024-08-05 10:35:29 -->
<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?4e060ea0ec0f49bbf798e8cde61c77da";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>

<!-- 在线咨询弹窗 -->
<div class="pop-seek1">
    <div class="pop-bg"></div>
    <div class="cont">
        <span class="close"></span>
        <h3>现在就与专业咨询顾问沟通！</h3>
        <div class="tel">
            <ul>
                <li class="l">
                    <span>全国服务热线</span>
                    <p>010-60259772</p>
                </li>
            </ul>
        </div>
        <div class="inp">
            <form action="/ajax/message.html" method="post" name="message">
                <input type="text" placeholder="请放心输入您的电话" name="phone" required>
                <input type="hidden" name="__token__" value="2a2b104344c4feb4ed6d57a113a73d56" />                <button type="submit">预约顾问</button>
            </form>
        </div>
        <div class="tips">信息保护中请放心填写</div>
        <a href="javascript:window.open('https://affim.baidu.com/unique_43440687/chat?siteId=20826993&userId=43440687&siteToken=4e060ea0ec0f49bbf798e8cde61c77da','','modal=yes,width=800,height=650,resizable=no,scrollbars=no');"  class="btn" rel="nofollow">在线咨询</a>
    </div>
</div>

<script>

    $("form[name='message']").on('submit',function () {
        var _this = $(this);
        var _url  = _this.attr('action');
        var _data = _this.serialize();

        var index = layer.msg('加载中', {icon: 16, scrollbar: true, shade: this.shade, time: 0})
        $.ajax({
            url: _url,
            type: 'POST',
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            dataType: "json",
            data: _data,
            timeout: 60000,
            success: function (res) {
                if (res.code == 1) {

                    layer.msg(res.msg, {icon: 1, shade: [0.02, '#000'], time: 3000, shadeClose: true}, function () {
                        _this[0].reset();
                        $('.pop-seek1').stop().fadeOut();
                    });
                } else {
                    layer.msg(res.msg, {icon: 2, shade: [0.02, '#000'], time: 3000, shadeClose: true});
                }
                layer.close(index);
            },
            error: function (xhr, textstatus, thrown) {
                layer.msg('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！', {icon: 2}, function () {
                    layer.close(index);
                });
                return false;
            }
        });
        return false;
    });
</script>

<!-- 预约咨询弹窗 -->
<div class="pop-make">
    <div class="pop-bg"></div>
    <div class="cont">
        <span class="close"></span>
        <h3>预约专业咨询顾问沟通！</h3>
        <div class="con">
            <form action="/ajax/message.html" method="post" name="advisory">
                <input type="text" placeholder="请填写您的电话" class="inp" name="phone" required>
                <input type="hidden" name="__token__" value="2a2b104344c4feb4ed6d57a113a73d56" />                <textarea placeholder="请填写您的需求" class="txt" name="content"></textarea>
                <div class="bot">
                    <button type="submit" class="btn">预约咨询</button>
                    <div class="tips"><span>*</span>尚品专业顾问将尽快与您联系</div>
                </div>
                <div class="c"></div>
            </form>
        </div>
    </div>
</div>

<script>

    $("form[name='advisory']").on('submit',function () {
        var _this = $(this);
        var _url  = _this.attr('action');
        var _data = _this.serialize();

        var index = layer.msg('加载中', {icon: 16, scrollbar: true, shade: this.shade, time: 0})
        $.ajax({
            url: _url,
            type: 'POST',
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            dataType: "json",
            data: _data,
            timeout: 60000,
            success: function (res) {
                if (res.code == 1) {

                    layer.msg(res.msg, {icon: 1, shade: [0.02, '#000'], time: 3000, shadeClose: true}, function () {
                        _this[0].reset();
                        $('.pop-seek1').stop().fadeOut();
                    });
                } else {
                    layer.msg(res.msg, {icon: 2, shade: [0.02, '#000'], time: 3000, shadeClose: true});
                }
                layer.close(index);
            },
            error: function (xhr, textstatus, thrown) {
                layer.msg('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！', {icon: 2}, function () {
                    layer.close(index);
                });
                return false;
            }
        });
        return false;
    });
</script>


<script src="/public/new-static/js/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        $("img.lazy").lazyload({effect: "fadeIn"});
    });
</script>

<script src="/public/new-static/js/lib.js"></script>
<script>
    document.addEventListener("WeixinJSBridgeReady", function() {
        document.getElementById('video').play();
    }, false);
    $(document).ready(function($) {
        $('.new-list3 li').mouseenter(function() {
            $(this).addClass('on').siblings('li').removeClass('on')
        });
        $('.new-list2 .con').mouseenter(function() {
            var bg_img = $(this).find('i.on').attr('data-img-on');
            $(this).find('i.on img').attr('src', bg_img);
        });
        $('.new-list2 .con').mouseleave(function() {
            var bg_img1 = $(this).find('i.on').attr('data-img');
            $(this).find('i.on img').attr('src', bg_img1);
        });
        $(window).on('scroll',function(){
            var winS = $(window).scrollTop(),
                tabTop = $('.row-index1').offset().top - 300;
            if (tabTop - winS <= 0) {
                $('.float-bar').fadeIn();
            }else{
                $('.float-bar').fadeOut();
            }
        });
    });
</script>

<!-- 视频背景 -->
<script src="/public/new-static/js/vidbg.js"></script>

<link rel="stylesheet" href="/public/new-static/css/swiper.min.css">
<script type="text/javascript" src="/public/new-static/js/swiper.min.js"></script>
<script>
    // var swiper1 = new Swiper('.banner .swiper-container', {
    //     speed: 500,
    //     simulateTouch : false,
    //     effect : 'fade',
    //     autoplay: {
    //         delay: 5000,
    //         stopOnLastSlide: false,
    //         disableOnInteraction: false,
    //     },
    //     pagination: {
    //         el: ".swiper-pagination",
    //         clickable: true,
    //     },
    // });

    var swiper1 = new Swiper('.banner .swiper-container', {
            speed: 1000,
            loop:true,
            // simulateTouch : false,
            // effect : 'fade',
            autoplay: {
                delay: 6000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".banner .swiper-pagination",
                clickable: true,
            },
            navigation: {
                nextEl: ".banner .swiper-next",
                prevEl: ".banner .swiper-prev",
            },
            on: {
                init: function(){
                    $('.banner .swiper-flow').addClass('active')
                },
                slideChangeTransitionStart: function(){
                    $('.banner .swiper-flow').removeClass('active')
                },
                slideChangeTransitionEnd: function(){
                    $('.banner .swiper-flow').addClass('active')
                }
            },
        });
</script>

<script src="/public/home/js/jquery.waypoints.min.js"></script>
<script src="/public/home/js/jquery.countup.min.js"></script>
<script>
    $('.counter').countUp();
</script>

<link rel="stylesheet" href="/public/new-static/css/slick.css">
<script src="/public/new-static/js/slick.min.js"></script>
<script>
    // $(document).ready(function() {
    //     $('.banner .slider').slick({
    //         dots:true,
    //         arrows:false,
    //         autoplay:true,
    //         slidesToShow: 1,
    //         autoplaySpeed: 9000,
    //         pauseOnHover:false,
    //         speed: 500,
    //         fade: true,
    //         cssEase: 'linear',
    //         lazyLoad: 'ondemand'
    //     });
    //     $('#banner .slider [rel*="animated"]').css('opacity', 0);
    //     $('.banner .slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
    //         $('.banner .slider .slick-current').find('[rel*="animated"]').each(function() {
    //             var _class = $(this).attr('rel');
    //             $(this).removeClass(_class).css('opacity', 0);
    //         });
    //     });
    //     $('.banner .slider').on('afterChange', function(event, slick, currentSlide){
    //         $('.banner .slider .slick-current').find('[rel*="animated"]').each(function() {
    //             var _class = $(this).attr('rel');
    //             $(this).addClass(_class);
    //         });
    //     });
    // });
</script>
<script type="text/javascript" src="/public/new-static/js/skrollr.min.js"></script>
<script>
    // 视差
    $(window).on('load', function() {
        if ($(window).width() > 1199) {
            var s = skrollr.init({
                smoothScrolling: true,
                smoothScrollingDuration: 500
            });
        } else {
            // new WOW().init();
        }
    });
</script>




<link rel="stylesheet" href="/public/new-static/css/animate.min.css">
<script type="text/javascript" src="/public/new-static/js/wow.min.js"></script>
<script>
    // 初始化wow.js
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: false,
        live: true
    });
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        wow.init();
    };
</script>
<script>
    $(document).ready(function() {
        function area() {
            for (var a = [{
                    name: '\u7F8E\u56FD',
                    x: 13,
                    y: 13
                }, {
                    name: '\u6B27\u6D32',
                    x: 10,
                    y: 40
                }, {
                    name: '\u4FC4\u7F57\u65AF',
                    x: 8,
                    y: 70
                }, {
                    name: '\u975E\u6D32',
                    x: 64,
                    y: 48
                }, {
                    name: '\u534E\u5357',
                    x: 30,
                    y: 70
                }, {
                    name: '\u534E\u4E1C',
                    x: 25,
                    y: 73
                }, {
                    name: '\u5357\u7F8E',
                    x: 60,
                    y: 25
                }, {
                    name: '\u97E9\u56FD',
                    x: 20,
                    y: 76
                }, {
                    name: '\u534E\u5317',
                    x: 21,
                    y: 68
                }, {
                    name: '\u65e5\u672c',
                    x: 23,
                    y: 80
                }, {
                    name: '\u6FB3\u5927\u5229\u4E9A',
                    x: 65,
                    y: 80
                }], b = function(e) {
                    setTimeout(function() {
                        $('.right-map').append('<div class="point-area" style="top:' + a[e].x + '%;left: ' +  a[e].y + '%;"><div class="txt">' + a[e].name + '</div><div class="point point-10"></div><div class="point point-40"></div><div class="point point-shadow point-80"></div> </div>')
                    }, 800 * e)
                }, c = 0; c < a.length; c++) b(c)
        }
        area();
    });
</script>

</body>
</html>