<!DOCTYPE HTML>
<html class="oxh met-web" >
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
<meta name="format-detection" content="telephone=no">
<title>贵州漫步云端科技有限公司_网站建设 SEO优化 域名空间 企业网络、营销服务，漫步云端技术</title>
<meta name="Keywords" content="网站开发,建设,设计,画册印刷,微信公众号开发,微信小程序开发,APP应用,漫步云端技术" >
<meta name="Description" content="百豆网络科技作为开发系统，致力于制作做最简单、最易用，最稳定的网站建站系统。漫步云端技术开发实力。">
<meta name="author" content="http://www.gzmbyd.com" />

<LINK href="/favicon.ico" rel="shortcut icon">
<link href="/template/pc/cn2016/Css/bootstrap.min.css" rel="stylesheet">
<link href="/template/pc/cn2016/Css/style.css" rel="stylesheet">
<link href="/template/pc/cn2016/Css/shake.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="/template/pc/cn2016/js/html5shiv.min.js"></script>
<script src="/template/pc/cn2016/js/respond.min.js"></script>
<link href="/template/pc/cn2016/Css/ie8.css" rel="stylesheet">
<![endif]-->

<link rel="stylesheet" href="/template/pc/cn2016/Css/rs-style.css" />
<link rel="stylesheet" href="/template/pc/cn2016/Css/settings.css" />
<!--[if lt IE 9]>
    	<script src="/template/pc/cn2016/js/html5shiv.js"></script>
        <script src="/template/pc/cn2016/js/respond.min.js"></script>
    <![endif]-->
<!-- bootstrap js -->
<script src="/template/pc/cn2016/js/jquery-1.11.3.min.js"></script>
<style type="text/css">
.slide{ width:1140px; height:456px;}
.box{color:#FFF !important; padding-top:110px;}
</style>
<LINK href="/favicon.ico" rel="shortcut icon"></head>
<body>
<header data-headroom id="header" class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container"> 
    <!-- mobile nav start -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" id="menuToggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
      </button>
      <!-- logo start -->
      <h1 class="logo"><a class="navbar-brand" href="/"><img src="/upload/logo/1603332174384940.png" width="220" alt="百豆网络工作室" title="百豆网络工作室" class="logo-hidden" style="width:200px !important; max-width:none !important;" /><a href="/" class="visible-lg">设计 | 制作 | 营销 | 策划</a></h1>
      <ul class="list-unstyled head-lx">
        <li>营造环境，创造价值<br />
          <small>Building Enuironment Creation Value</small></li>
        <li>互联网基础服务实践者<br />
          <small>Construction and Decoration Engineering</small></li>
        <li class="tel">全国服务：18608509496</li>
        <li class="oc">在线咨询：<a href="/gbook/?list_19_1.html" target="_blank"><img src="/template/pc/cn2016/Images/head-sq.png" alt="在线咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=345918897&site=qq&menu=yes" target="_blank"><img src="/template/pc/cn2016/Images/head-qq.png" alt="QQ咨询"></a></li>
      </ul>
    </div>
    <nav class="collapse navbar-right navbar-collapse" id="mobileMenu" role="navigation">
      <ul class="nav navbar-nav" id="nav">
        <li><a class="dropdown-toggle" href="/">网站首页<small>Home</small></a></li>
        
        <li class="dropdown "><a class="dropdown-toggle" data-toggle="dropdown" href="/?about/2">关于我们<small>About US</small></a>
          <ul class="dropdown-menu dropdown-menu-left">
            
            <li><a href="/?about/2">企业简介</a></li>
             
            <li><a href="/?about/3">企业优势</a></li>
             
            <li><a href="/?list/4">精英团队</a></li>
             
            <li><a href="/?about/22">工商执照</a></li>
                        
          </ul>
        </li>
        
        <li class="dropdown "><a class="dropdown-toggle" data-toggle="dropdown" href="/?list/5">新闻中心<small>News</small></a>
          <ul class="dropdown-menu dropdown-menu-left">
            
            <li><a href="/?list/6">设计前沿</a></li>
             
            <li><a href="/?list/7">建站知识</a></li>
             
            <li><a href="/?list/8">搜索优化</a></li>
                        
          </ul>
        </li>
        
        <li class="dropdown "><a class="dropdown-toggle" data-toggle="dropdown" href="/?about/10">客户中心<small>Customer</small></a>
          <ul class="dropdown-menu dropdown-menu-left">
            
            <li><a href="/?about/10">服务范围</a></li>
             
            <li><a href="/?about/11">开发流程</a></li>
             
            <li><a href="/?about/12">报价方案</a></li>
                        
          </ul>
        </li>
        
        <li class="dropdown "><a class="dropdown-toggle" data-toggle="dropdown" href="/?list/15">案例展示<small>case</small></a>
          <ul class="dropdown-menu dropdown-menu-left">
            
            <li><a href="/?list/16">企业案例</a></li>
             
            <li><a href="/?list/17">能源行业</a></li>
             
            <li><a href="/?list/18">服务行业</a></li>
             
            <li><a href="/?list/19">微信小程序</a></li>
                        
          </ul>
        </li>
        
        <li class="dropdown "><a class="dropdown-toggle" data-toggle="dropdown" href="/?about/20">联系我们<small>Contact us</small></a>
          <ul class="dropdown-menu dropdown-menu-left">
                       
          </ul>
        </li>
        
      </ul>
    </nav>
  </div>
</header>


<style>
/* 基础样式 */
.navbar-toggle {
  position: relative;
  padding: 10px;
  background: transparent;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 999;
}

/* 三横线样式 */
.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #888;
  border-radius: 1px;
  transition: all 0.3s ease;
  transform-origin: center;
}

/* 横线间距 */
.icon-bar + .icon-bar {
  margin-top: 4px;
}

/* 菜单隐藏状态 */
#mobileMenu {
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}

/* 菜单显示状态 */
#mobileMenu.show {
  display: block;
  max-height: 500px; /* 足够大的值确保内容能完全显示 */
  background-color: #006fc161;
}

/* X图标样式 - 第一根线旋转45度 */
.navbar-toggle.active .icon-bar:first-child {
  transform: translateY(6px) rotate(45deg);
}

/* X图标样式 - 第二根线隐藏 */
.navbar-toggle.active .icon-bar:nth-child(2) {
  opacity: 0;
}

/* X图标样式 - 第三根线旋转-45度 */
.navbar-toggle.active .icon-bar:last-child {
  transform: translateY(-6px) rotate(-45deg);
}

/* 导航菜单间距优化 */
#nav {
  margin: 0; /* 清除默认外边距 */
}

#nav li {
  margin: 0 5px; /* 减小菜单项之间的水平间距 */
}

#nav li a {
  padding: 10px 12px; /* 减小导航链接内边距（原默认较大） */
  line-height:40px; /* 优化行高 */
}

/* 下拉菜单间距优化 */
.dropdown-menu {
  padding: 5px 0; /* 减小下拉菜单内边距 */
  min-width: 160px; /* 适当调整下拉菜单宽度 */
}

.dropdown-menu li a {
  padding: 6px 15px; /* 减小下拉项内边距 */
}

/* 响应式调整 */
@media (min-width: 768px) {
  #mobileMenu {
    display: block !important;
    max-height: none !important;
  }
  .navbar-toggle {
    display: none;
  }
}

/* 移动端菜单间距补充优化 */
@media (max-width: 767px) {
  #nav li {
    margin: 0; /* 移动端取消水平间距 */
  }
  #nav li a {
    padding: 8px 15px; /* 移动端进一步优化内边距 */
   border-bottom: 1px #dfdede dashed;
  }
}
</style>

<script>
// 获取元素
const menuToggle = document.getElementById('menuToggle');
const mobileMenu = document.getElementById('mobileMenu');

// 点击事件处理
menuToggle.addEventListener('click', function() {
  // 切换按钮状态类
  this.classList.toggle('active');
  
  // 切换菜单显示状态
  mobileMenu.classList.toggle('show');
});
</script> 
<!-- banner start -->
<div class="fullwidthbanner-container main-slider">
  <div class="fullwidthabnner">
    <ul id="revolutionul" style="display:none;">
      <!-- 1 slide -->
      <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="8000" data-thumb=""> <img src="/template/pc/cn2016/Images/b1-bg-3.jpg" alt="">
        <div class="caption lfl"
                          data-x="120"
                          data-y="60"
                          data-speed="400"
                          data-start="1500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b1-lt1.png" alt="Image 1"> </div>
        <div class="caption lfr"
                          data-x="450"
                          data-y="0"
                          data-speed="400"
                          data-start="1000"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b1-rt1.png" /> </div>
        <div class="caption lfr red-ttl"
                          data-x="590"
                          data-y="250"
                          data-speed="400"
                          data-start="2000"
                          data-easing="easeOutExpo"> 风雨同行 辉煌共庆 </div>
        <div class="caption lfr slide_desc"
                          data-x="center"
                          data-y="420"
                          data-speed="400"
                          data-start="2500"
                          data-easing="easeOutExpo"> 主营：网站建设、小程序开发、网络技术服务、免费代备案、域名空间、多用户商城、APP应用、微信开发 </div>
        <!-- lines -->
        <div class="caption lfl"
                          data-x="center"
                          data-y="0"
                          data-speed="2000"
                          data-start="2200"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b1-line4.png" /></div>
        <div class="caption lfl"
                          data-x="center"
                          data-y="0"
                          data-speed="2000"
                          data-start="2500"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b1-line3.png" /></div>
        <div class="caption lfl"
                          data-x="center"
                          data-y="0"
                          data-speed="2000"
                          data-start="2800"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b1-line2.png" /></div>
        <div class="caption lfl"
                          data-x="center"
                          data-y="0"
                          data-speed="2000"
                          data-start="3100"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b1-line1.png" /></div>
        <!-- //lines --> 
      </li>
      
      <!-- 2 slide  -->
      <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="8000" data-thumb=""> 
        <!-- THE MAIN IMAGE IN THE FIRST SLIDE --> 
        <img src="/template/pc/cn2016/Images/b2-bg.jpg" alt=""> 
        <!-- left -->
        <div class="caption lfl"
                          data-x="190"
                          data-y="15"
                          data-speed="400"
                          data-start="1500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b2-lt3.png" /></div>
        <div class="caption lfl"
                          data-x="165"
                          data-y="115"
                          data-speed="400"
                          data-start="2000"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b2-lt2.png" /></div>
        <div class="caption lfl"
                          data-x="40"
                          data-y="45"
                          data-speed="400"
                          data-start="2500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/bg2-lt1.png" /></div>
        <!-- /left --> 
        <!-- right -->
        <div class="caption lft"
                          data-x="810"
                          data-y="140"
                          data-speed="500"
                          data-start="3500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b2-rt5.png" /> </div>
        <!-- /right --> 
      </li>
      <!-- 3 slide  -->
      <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="8000" data-thumb=""> <img src="/template/pc/cn2016/Images/b4-bg.jpg" alt=""> 
        <!-- left -->
        <div class="caption lfl"
                          data-x="75"
                          data-y="75"
                          data-speed="1200"
                          data-start="1500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b4-lt1.png" alt="Image 1"> </div>
        <div class="caption lfl"
                          data-x="25"
                          data-y="195"
                          data-speed="1200"
                          data-start="2000"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b4-lt2.png" alt="Image 1"> </div>
        <div class="caption lfl"
                          data-x="370"
                          data-y="240"
                          data-speed="1200"
                          data-start="2500"
                          data-easing="easeOutBack"> <img src="/template/pc/cn2016/Images/b4-lt3.png" alt="Image 1"> </div>
        <!-- //left --> 
        <!-- right -->
        <div class="caption lfr"
                          data-x="670"
                          data-y="45"
                          data-speed="400"
                          data-start="3500"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b4-rt1.png" /> </div>
        <div class="caption lfr"
                          data-x="765"
                          data-y="300"
                          data-speed="400"
                          data-start="4000"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b4-rt2.png" /> </div>
        <!-- /right --> 
      </li>
      <!-- 4 slide  -->
      <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="8000" data-thumb=""> 
        <!-- THE MAIN IMAGE IN THE FIRST SLIDE --> 
        <img src="/template/pc/cn2016/Images/b5-bg.jpg" alt="" />
        <div class="caption lfl"
                          data-x="10"
                          data-y="160"
                          data-speed="500"
                          data-start="1500"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/b5-left.png" /> </div>
        <div class="caption lfr"
                          data-x="640"
                          data-y="0"
                          data-speed="500"
                          data-start="2500"
                          data-easing="easeOutExpo"> <img src="/template/pc/cn2016/Images/bg-right.png" /> </div>
      </li>
      <!-- 5 slide  -->
      <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="8000" data-thumb=""> 
        <!-- THE MAIN IMAGE IN THE FIRST SLIDE --> 
        <img src="/template/pc/cn2016/Images/b3-bg.png" alt="">
        <div class="caption lft start"
                          data-x="580"
                          data-y="100"
                          data-speed="400"
                          data-start="1500"
                          data-easing="easeOutBack"  > <img src="/template/pc/cn2016/Images/b3-rt1.png" /> </div>
        <div class="caption lft start title-b3"
                          data-x="580"
                          data-y="190"
                          data-speed="400"
                          data-start="2000"
                          data-easing="easeOutBack"  > PC互联网、移动互联网营销方案提供商 </div>
        <div class="caption lft title-b3-thd"
                          data-x="580"
                          data-y="300"
                          data-speed="500"
                          data-start="2500"
                          data-easing="easeOutBack">
          <ul>
            <li>专注于品牌设计</li>
            <li>专业于解决方案</li>
            <li>专心于客户服务</li>
          </ul>
        </div>
      </li>
    </ul>
    <div class="tp-bannertimer tp-top"></div>
  </div>
</div>
<!-- banner jquery --> 
<script type="text/javascript" src="/template/pc/cn2016/js/jquery.themepunch.plugins.min.js"></script> 
<script type="text/javascript" src="/template/pc/cn2016/js/jquery.themepunch.revolution.min.js"></script> 
<script src="/template/pc/cn2016/js/revulation-slide.js"></script> 
<script>RevSlide.initRevolutionSlider();</script> 
<!-- banner end --> 
<!-- about start -->
<div class="about">
  <article class="container text-center">
    <h2 class="h-h2">关于我们 About US</h2>
    <div class="m-shu">建站开发需要专业知识的不断积累，百豆网络愿与您分享心得与经验，来共创完美</div>
    <div class="about-us">
      <p>百豆网络工作室创立于2010年5月，后更名为：贵州漫步云端科技有限公司。专注于高品质品牌设计和互动整合推广的营销企业，同时也拥有实力强大的研发团队及顶尖素养的设计专才，多年来活跃在与创意互联网相关的高端品牌网站建设、网站推广、品牌形象塑造的各个领域。我们一直致力于建立更多更好的互联网品牌形象，提供权...</p>
    </div>
    <p><a href="/?about/2" style="color:#FFF !important;" class="btn btn-success" target="_blank">查看更多 MORE →</a> </p>
    </article>
  <!-- Video -->
  <div class="modal fade" id="myVideo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title" id="myModalLabel">企业视频</h4>
        </div>
        <div class="modal-body text-center">
          <embed class="visible-lg" src="http://www.zbwlkj.com/skin/flash/v.swf" allowFullScreen="true" quality="high" width="100%" height="310px" align="middle" allowscriptAccess="always" type="application/x-shockwave-flash"></embed>
        </div>
      </div>
    </div>
  </div>
  <!-- Video --> 
</div>
<!-- about end --> 
<!-- fuwu start -->
<div class="fuwu fuwu-bg">
  <section class="container text-center">
    <h2 class="h-h2">我们的服务 Our Services</h2>
    <div class="m-shu">提供数字品牌全案策划、旅游景区网络平台解决方案、移动微信运营开发、高端网站制作、网络营销策划传的服务</div>
    <div class="row">
    
      <figure class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><a href="/?about/10" class="pic1"></a>
        <h3><a href="">网站建设<br />
          <small>WEB DESIGN</small></a></h3>
        <p>专业的网站设计及开发服务，包括品牌网站、多用户商城、集团网站、企业网站、政府网站及应用类网站等</p>
      </figure>
      <figure class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><a href="/?about/11" class="pic2"></a>
        <h3><a href="">移动终端开发<br />
          <small>Mobile terminal development</small></a></h3>
        <p>手机网站建设，微官网建设、小程序开发、APP应用开发、位移动设备、平板电脑、移动产品提供界面设计服务</p>
      </figure>
      <figure class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><a href="/?about/11" class="pic3"></a>
        <h3><a href="">视觉设计<br />
          <small>The visual design</small></a></h3>
        <p>企业及软件的LOGO设计，企业的VI以及各类标识和平面传播类设计、店铺策划装修、网站专题包装设计、交互动画设计等</p>
      </figure>
      <figure class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><a href="/?about/12" class="pic4"></a>
        <h3><a href="">策划营销<br />
          <small>Planning marketing</small></a></h3>
        <p>网站SEO搜索引擎优化、网站售后增值维护推广、网站维护托管服务、网站后期维护运营培训、微信营销</p>
      </figure>
    </div>
  </section>
</div>
<!-- fuwu end --> 
<!-- huanjing start -->
<div class="huanjing">
  <section class="container text-center">
    <h2 class="h-h2">我们的办公环境 Our Eyes Office Environment</h2>
    <div class="m-shu">七年风雨，七年耕耘，7年的坚持，用心为一流的企业提供一流的办公环境</div>
    <div class="tab-content">
     
      <div class="slider">
    <ul class="slides">
      <li class="slide">
        <div class="box" style="background-image:url(/template/pc/cn2016/Images/2014062974904105.jpg)">
          <h3>一个有文化体现的办公环境</h3>
          <p>植入企业文化理念，与企业MI（理念识别）系统结合<br />
            不仅仅停留在思想层面，让文化落实，让战略落地，有思想，有灵魂，深入企业成员内心</p>
          <p><a href="/?about/1" class="btn btn-success" target="_blank">查看更多 MORE →</a></p>
        </div>
      </li>
      <li class="slide">
        <div class="box" style="background-image:url(/template/pc/cn2016/Images/2014062974973833.jpg)">
          <h3>一个高效办公的办公环境</h3>
          <p>根据统计学，与企业（行为识别）BI系统结合，配合企业业务链<br />
            设计高效的办公流水线，实现沟通便捷，合作便捷，有效执行，聚积团队能量，提升企业高效率办公</p>
          <p><a href="/?about/1" class="btn btn-success" target="_blank">查看更多 MORE →</a></p>
        </div>
      </li>
      <li class="slide">
        <div class="box" style="background-image:url(/template/pc/cn2016/Images/2014062974939257.jpg)">
          <h3>一个舒适健康的办公环境</h3>
          <p>根据人体工程学，对办公环境的各个细节针对性的设计，更加舒适的办公<br />
            同时加强企业的办公环境绿化，设置休闲空间，关注伙伴健康，实现伙伴归属感，让感动常在</p>
          <p><a href="/?about/1" class="btn btn-success" target="_blank">查看更多 MORE →</a></p>
        </div>
      </li>
      <li class="slide">
        <div class="box" style="background-image:url(/template/pc/cn2016/Images/2014062975022401.jpg)">
          <h3>一个让企业飞速发展的办公环境</h3>
          <p>时尚的设计，提升企业形象。设计中溶入企业文化，与伙伴共勉<br />
            高效的办公环境，聚集团队能量，让力量无限。舒适、健康、人性化无处不在，众志成城，塑造行业之颠</p>
          <p><a href="/?about/1" class="btn btn-success" target="_blank">查看更多 MORE →</a></p>
        </div>
      </li>
    </ul>
  </div>

    </div>
</section>
</div>
<!-- huanjing end --> 
<!-- kehu start -->
<div class="kehu kehu-bg">
  <section class="container text-center">
    <h2 class="h-h2">我们的客户 OUR Customers</h2>
    <div class="m-shu">客户的信任即是我们持之以恒的动力，我们，因您而在！</div>

<div class="row xg">
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="IP-COM路由器"><img src="/template/pc/cn2016/Images/1-1.jpg" class="ylw-img-responsive" alt="IP-COM路由器" />
        <p>IP-COM路由器</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="首农"><img src="/template/pc/cn2016/Images/2-1.jpg" class="ylw-img-responsive" alt="首农" />
        <p>首农</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="贵阳工程研究院"><img src="/template/pc/cn2016/Images/3.jpg" class="ylw-img-responsive" alt="贵阳工程研究院" />
        <p>贵阳工程研究院</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="一数科技"><img src="/template/pc/cn2016/Images/4.jpg" class="ylw-img-responsive" alt="一数科技" />
        <p>一数科技</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="TP路由器"><img src="/template/pc/cn2016/Images/5.jpg" class="ylw-img-responsive" alt="TP路由器" />
        <p>TP路由器</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="ICPTT管道工程与非开挖"><img src="/template/pc/cn2016/Images/6-6.jpg" class="ylw-img-responsive" alt="ICPTT管道工程与非开挖" />
        <p>ICPTT管道工程与非开挖</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="丹麦SPP药店"><img src="/template/pc/cn2016/Images/7.jpg" class="ylw-img-responsive" alt="丹麦SPP药店" />
        <p>丹麦SPP药店</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="黔西中学"><img src="/template/pc/cn2016/Images/8-1.jpg" class="ylw-img-responsive" alt="黔西中学" />
        <p>黔西中学</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="华科出版社"><img src="/template/pc/cn2016/Images/9.jpg" class="ylw-img-responsive" alt="华科出版社" />
        <p>华科出版社</p>
        </a></figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-20"><a href="/" target="_blank" title="沃秀平衡车"><img src="/template/pc/cn2016/Images/10.jpg" class="ylw-img-responsive" alt="沃秀平衡车" />
        <p>沃秀平衡车</p>
        </a></figure>
    </div>
  </section>
</div>
<!-- kehu end --> 
<!-- case start -->
<div class="case">
  <section class="container text-center">
    <h2 class="h-h2">精选案例 Case</h2>
    <div class="m-shu">企业形象展示的窗口，团队能量聚积、展示才华的舞台，伙伴携手共赢、价值创造的发源地
       <p> 
   <a href="/?list/16">企业案例</a> /

   <a href="/?list/17">能源行业</a> /

   <a href="/?list/18">服务行业</a> /

   <a href="/?list/19">微信小程序</a> /

 <a href="/?list/15" >更多分类...</a> </p>
    </div>
    <div class="row">
        
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/40" title="腾讯TGideas：一个牛逼H5诞生记" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1590166157949277.gif" alt="腾讯TGideas：一个牛逼H5诞生记" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/40" title="腾讯TGideas：一个牛逼H5诞生记">腾讯TGideas：一个牛逼H5诞生记</a><br />
          <small>关注：12814 / 目录：<a href="/?list/18">服务行业</a></small></h3>
      </figure>
         
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/36" title="提升用户体验的7大微交互" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1657628809100609.gif" alt="提升用户体验的7大微交互" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/36" title="提升用户体验的7大微交互">提升用户体验的7大微交互</a><br />
          <small>关注：12442 / 目录：<a href="/?list/18">服务行业</a></small></h3>
      </figure>
         
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/39" title="设计师应当多考虑产品，而不是功能" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1590166115157848.gif" alt="设计师应当多考虑产品，而不是功能" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/39" title="设计师应当多考虑产品，而不是功能">设计师应当多考虑产品，而不是功能</a><br />
          <small>关注：12353 / 目录：<a href="/?list/18">服务行业</a></small></h3>
      </figure>
         
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/38" title="快来学学这十佳H5特效吧！" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1590166009379037.gif" alt="快来学学这十佳H5特效吧！" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/38" title="快来学学这十佳H5特效吧！">快来学学这十佳H5特效吧！</a><br />
          <small>关注：13027 / 目录：<a href="/?list/18">服务行业</a></small></h3>
      </figure>
         
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/41" title="微信小程序社区团购系统源码" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1657628743547907.gif" alt="微信小程序社区团购系统源码" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/41" title="微信小程序社区团购系统源码">微信小程序社区团购系统源码</a><br />
          <small>关注：13367 / 目录：<a href="/?list/19">微信小程序</a></small></h3>
      </figure>
         
      <figure class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><a href="/?case/32" title="小程序商城独立开源版后端+小程序前端源码" class="pic-link" target="_blank"><span class="case-hover"><span class="hover-link"></span></span><img src="/upload/case/1697144390300555.jpg" alt="小程序商城独立开源版后端+小程序前端源码" class="ylw-img-responsive" /></a>
        <h3><a style="font-size:16px; font-weight:normal !important; line-height:28px;" href="/?case/32" title="小程序商城独立开源版后端+小程序前端源码">小程序商城独立开源版后端+小程序前端源码</a><br />
          <small>关注：10039 / 目录：<a href="/?list/19">微信小程序</a></small></h3>
      </figure>
            
    </div>
    <p><a href="/?list/15" class="btn btn-success" target="_blank">查看更多 MORE →</a> </p>
  </section>
</div>
<!-- case end --> 
<!-- team start -->
<div class="team team-bg">
  <section class="container text-center">
    <h2 class="h-h2" style=" color:#333">精英团队 Elite Team</h2>
    <div class="m-shu">一群心怀梦想，并且不断追求愿意为此而付诸行动的人</div>
    <div class="team-nav">
      <div class="row team-w"> 
          
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/1" title="阳 超" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589910177757275.jpg" alt="阳 超" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/1" target="_blank">阳 超</a><br />
            <small>产品服务经理<br />
            程序中蕴含着很多的道理，唯有大彻大悟者方能体会其中的奥妙。用代码行数来测评软件开......</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/2" title="吴志刚" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589970158423822.jpg" alt="吴志刚" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/2" target="_blank">吴志刚</a><br />
            <small>市场部经理<br />
            保存好你做过的所有的源文件——那是你最好的积累之一。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/3" title="袁公平" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589970210714025.jpg" alt="袁公平" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/3" target="_blank">袁公平</a><br />
            <small>总工程师<br />
            编程是一种单调的生活，因此程序员比普通人需要更多的关怀，更多的友情。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/4" title="杨佳敏" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589970671519504.jpg" alt="杨佳敏" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/4" target="_blank">杨佳敏</a><br />
            <small>市场部经理<br />
            记录下在和别人交流时发现的自己忽视或不理解的知识点。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/8" title="杨再松" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589971667503308.jpg" alt="杨再松" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/8" target="_blank">杨再松</a><br />
            <small>高级工程师<br />
            别心急，写脚本确实不容易；水平是在不断的实践中完善和发展的。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/7" title="周  飞" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589971531528390.png" alt="周  飞" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/7" target="_blank">周  飞</a><br />
            <small>技术工程师<br />
            优秀的判断力来自经验，但经验来自于错误的判断。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/6" title="杨书磊" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589971467623006.jpg" alt="杨书磊" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/6" target="_blank">杨书磊</a><br />
            <small>设计师助理<br />
            在任何时刻都不要认为自己手中的书已经足够了。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/5" title="钟才能" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1589971364486588.jpg" alt="钟才能" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/5" target="_blank">钟才能</a><br />
            <small>高级设计师<br />
            设计是一个发现问题、而不是发现解决方案的过程。...</small></h3>
        </figure>
        
        <figure class="col-xs-12 col-sm-6 col-md-3 team-array"><a href="/?photo/51" title="吴学有" class="pic-link" id="myss" target="_blank"><span class="hover-jia"></span><img src="/upload/photo/1681391026721018.jpg" alt="吴学有" id="myss" class="img-circle ylw-img-responsive3" /></a>
          <h3><a href="/?photo/51" target="_blank">吴学有</a><br />
            <small>总工程师<br />
            现在的努力并不是为了现在的回报，而是为了未来。...</small></h3>
        </figure>
        </div>
    </div>
    <p class="visible-lg"> <img src="/template/pc/cn2016/Images/team-left.png" class="img-l" /> <img src="/template/pc/cn2016/Images/team-right.png" class="img-r" /></p>
<p><a class="btn btn-success" href="/?list/4" >查看更多 MORE →</a> </p>

  </section>
</div>
<!-- team end --> 
<!-- youshi start -->
<div class="youshi">
  <section class="container text-center">
    <h2 class="h-h2">企业优势 Advantage</h2>
    <div class="m-shu">高端办公环境策划领航者，致力于办公环境整体策划及管理</div>
    <div class="row">
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/1.png" class="ylw-img-responsive" alt="7年行业管理经验">
        <h3><a href="/?about/3" target="_blank">7年行业管理经验</h3>
        <p><a href="/?about/3" target="_blank">7年行业管理经验</a><small>成立于2010年，是贵州地区专业从事网站建设、策划的领军企业...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/2.png" class="ylw-img-responsive" alt="世界500强的选择">
        <h3><a href="/?about/3" target="_blank">世界500强的选择</a></h3>
        <p><a href="/?about/3" target="_blank">世界500强的选择</a><small>客户大多来源于世界500强优秀企业，让原本就优秀的企业如今更加优秀...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/3.png" class="ylw-img-responsive" alt="汇集国内一流设计团队">
        <h3><a href="/?about/3" target="_blank">汇集国内一流设计团队</a></h3>
        <p><a href="/?about/3" target="_blank">汇集国内一流设计团队</a><small>团队全部来源于国内外高等设计名校，注册设计师占总设计团队的80%以上...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/4.png" class="ylw-img-responsive" alt="">
        <h3><a href="/?about/3" target="_blank">预算精准合理</a></h3>
        <p><a href="/?about/3" target="_blank">预算精准合理</a><small>预算精准，不乱收费报价，合伙伙伴均为国内一线品牌供应商，与我们达成长期战略合作...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/5.png" class="ylw-img-responsive" alt="国际W3C标准">
        <h3><a href="/?about/3" target="_blank">国际W3C标准</a></h3>
        <p><a href="/?about/3" target="_blank">国际W3C标准</a><small>严格按照国际W3C标准标准设计开发，同时符合各种浏览器兼容要求...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/6.png" class="ylw-img-responsive" alt="">
        <h3><a href="/?about/3" target="_blank">网络设备一体化</a></h3>
        <p><a href="/?about/3" target="_blank">网络设备一体化</a><small>电脑设备、门禁考勤、监控系统、程控电话、集团视频会议系统等一体化配套...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/7.png" class="ylw-img-responsive" alt="24小时快速服务响应">
        <h3><a href="/?about/3" target="_blank">24小时快速服务响应</a></h3>
        <p><a href="/?about/3" target="_blank">24小时快速服务响应</a><small>客服24小时在线为您服务，即时响应解答疑难。服务器打开问题24小时迅速解决...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/8.png" class="ylw-img-responsive" alt="数字化科学管理">
        <h3><a href="/?about/3" target="_blank">数字化科学管理</a></h3>
        <p><a href="/?about/3" target="_blank">数字化科学管理</a><small>独创“全表格化、数字化”的管理模式，量化每一个标准。工地在线展示系统，随时掌控工地实况，省时省力更省心...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/9.png" class="ylw-img-responsive" alt="完工3年免费翻新">
        <h3><a href="/?about/3" target="_blank">完工3年免费维护</a></h3>
        <p><a href="/?about/3" target="_blank">完工3年免费维护</a><small>极具特色、人性的三年后维护服务；只要您成为我们的客户，完工三年后将可以享受：免费翻新服务...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/10.png" class="ylw-img-responsive" alt="开发设计一条龙省心方案">
        <h3><a href="/?about/3" target="_blank">开发设计一条龙省心方案</a></h3>
        <p><a href="/?about/3" target="_blank">开发设计一条龙省心方案</a><small>我们联合行业一流的合作伙伴为您精心准备了一系列后续服务，如企业理念，企业概况等为企业量身定制符合相关企业理念的网站系统...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/11.png" class="ylw-img-responsive" alt="客户联谊交流共赢">
        <h3><a href="/?about/3" target="_blank">客户联谊交流共赢</a></h3>
        <p><a href="/?about/3" target="_blank">客户联谊交流共赢</a><small>与国内一线品牌人才面对面交流，扩充人脉，交换思维，有梦一起飞。加强合作，促进交流，实现资源共享...</small></p>
      </figure>
      <figure class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><img src="/template/pc/cn2016/Images/12.png" class="ylw-img-responsive" alt="铂金会员尊享大礼包">
        <h3><a href="/?about/3" target="_blank">铂金会员尊享大礼包</a></h3>
        <p><a href="/?about/3" target="_blank">铂金会员尊享大礼包</a><small>铂金会员可获得企业现代管理咨询、品牌策划、营销策划、业务培训等方面的资讯与服务，全面提升客户的品牌价值，助您的企业搏击风浪，迈向辉煌！</small></p>
      </figure>
    </div>
    <p><a href="/?about/3" class="btn btn-success" target="_blank">查看更多 MORE →</a><a href="/?about/1" class="btn btn-success" target="_blank">关于我们 About →</a></p>
  </section>
</div>
<!-- youshi end --> 
<!-- news start -->
<div class="news">
  <article class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-3 col-lg-13">
        <h3>设计前沿  Design<small class="pull-right"> <a href="/?list/6" data-toggle="tab" class="active-qh pull-left" title="设计前沿">设计前沿</a> <a href="/?list/6" data-toggle="tab" class="active-qh pull-left" title="设计前沿">设计前沿</a></small></h3>
       
        <div class="tab-content">
          <ul class="list-unstyled clearfix tab-pane active" id="news1">
           
            <li><a href="/?news/57" title="家政服务小程序更新" target="_blank" >家政服务小程序更新</a><small class="pull-right">04-19</small></li>
          
            <li><a href="/?news/56" title="有哪些免费无版权还可以商用的图片网站?" target="_blank" >有哪些免费无版权还可以商用的图片网站?</a><small class="pull-right">04-07</small></li>
          
            <li><a href="/?news/55" title="小程序接口申请教程" target="_blank" >小程序接口申请教程</a><small class="pull-right">03-13</small></li>
          
            <li><a href="/?news/52" title="微信小程序更新当前版本的用户隐私协议" target="_blank" >微信小程序更新当前版本的用户隐私协议</a><small class="pull-right">05-09</small></li>
          
            <li><a href="/?news/46" title="奖励式拼团商商城 拼不中瓜分红包" target="_blank" >奖励式拼团商商城 拼不中瓜分红包</a><small class="pull-right">07-12</small></li>
            
          </ul>
        </div>
        <p><a href="/?list/6" >查看更多 MORE →</a> </p>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 col-lg-13 zaz">
       <h3>建站知识  Knowledge<small class="pull-right"> <a href="/?list/7" data-toggle="tab" class="active-qh pull-left" title="建站知识">建站知识</a> <a href="/?list/7" data-toggle="tab" class="active-qh pull-left" title="建站知识">建站知识</a> </small></h3>
        <div class="tab-content">
          <ul class="list-unstyled clearfix tab-pane active" id="article1">
          
            <li><a href="/?news/58" title="利用css样式做弧形边框选项卡" target="_blank" >利用css样式做弧形边框选项卡</a><small class="pull-right">10-27</small></li>
 
            <li><a href="/?news/47" title="Flash网站与html5网站区别" target="_blank" >Flash网站与html5网站区别</a><small class="pull-right">08-13</small></li>
 
            <li><a href="/?news/25" title="虚拟主机好还是云服务器好 该如何选择？" target="_blank" >虚拟主机好还是云服务器好 该如何选择？</a><small class="pull-right">05-21</small></li>
 
            <li><a href="/?news/24" title="后台增加日期模型参数，备选内容怎么写？" target="_blank" >后台增加日期模型参数，备选内容怎么写？</a><small class="pull-right">05-21</small></li>
 
            <li><a href="/?news/23" title="微信分享内容打不开？" target="_blank" >微信分享内容打不开？</a><small class="pull-right">05-21</small></li>
  
          </ul>
        </div>
        <p><a href="/?list/7" >查看更多 MORE →</a> </p>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-3 col-lg-13" style="float:right">
        <h3>搜索优化  SEO<small class="pull-right"><a href="/?list/8" title="搜索优化"> 更多</a></small></h3>
        <div class="tab-content">
          <ul class="list-unstyled clearfix tab-pane active" id="links1">
          
            <li><a href="/?news/54" title="免费公共DNS服务器IP地址" target="_blank" >免费公共DNS服务器IP地址</a><small class="pull-right">12-14</small></li>
 
            <li><a href="/?news/53" title="军梦少年 军事夏令营开营啦~" target="_blank" >军梦少年 军事夏令营开营啦~</a><small class="pull-right">05-31</small></li>
 
            <li><a href="/?news/48" title="互联网时代的营销，必须懂得的八条法则" target="_blank" >互联网时代的营销，必须懂得的八条法则</a><small class="pull-right">08-13</small></li>
 
            <li><a href="/?news/30" title="网页设计趋势前瞻" target="_blank" >网页设计趋势前瞻</a><small class="pull-right">05-21</small></li>
 
            <li><a href="/?news/29" title="DedeCMS网站老是中毒怎么办呢?" target="_blank" >DedeCMS网站老是中毒怎么办呢?</a><small class="pull-right">05-21</small></li>
  
          </ul>
        </div>
        <p><a href="/?list/8" >查看更多 MORE →</a> </p>
      </div>
    </div>
  </article>
</div>
<!-- news end --> 

<!-- kj-contact start -->
<div class="kj-contact text-center hidden-xs">
  <h4 class="h4"><a href="/?about/20" target="_blank">现在致电 18608509496  OR  查看更多联系方式  →</a></h4>
</div>
<!-- kj-contact end -->
<div class="kj-contact text-center visible-xs">
  <h4 class="h4"><a href="tel:18608509496" rel="nofollow">现在致电 18608509496</a> <a style="color:#ffc600">OR</a> <a href="https://mifxcx.cn/" target="_blank">免费注册体验  →</a></h4>
</div>
<!-- kj-contact end --> 
<!---底部---> 
<div class="footer" id="yy"> 
  <!-- yuyue start -->
  <footer class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
        <h3>快速预约咨询  Reservation</h3>
        <form action="/form/?gbook" method="post" class="contactForm" >
          <ul class="list-unstyled">
            <li>
              <input name="gtitle" type="text" value="咨询信息" style='display:none;'> 
              
              <input name="gtitle" type="text" placeholder="您的尊称 Name" value="咨询信息" style='display:none;'> 
              <input name="gname" type="text" placeholder="您的尊称 Name" value="" id="mycall" maxlength="10" onfocus="cls()" onblur="res()">
              
                <input type="text" name="gemail" style='display:none;' value="邮箱为空" class="contactField" id="gemail"/>
            </li>
            <li>
              <input name="gtel" type="text" placeholder="您的电话 Phone" id="title" value="" maxlength="11" onBlur="if(value=='')value='您的电话 Phone';" onFocus="if(value == '您的电话 Phone')value = ''"><input name="gContent" type="text" value="请尽快处理" style='display:none;'> 
            </li>
            <li>
              <input type="submit" id="button" value="立即提交 Submit →">
            </li>
          </ul>
        </form>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-5 col-lg-6 z15">
        <h3>联系我们  Contact US</h3>
        <address class="address">
        <ul class="list-unstyled">
          <li>贵阳市观山湖区龙海路黔桂国际商务中心</li>
          <li>18608509496（工作日9:00-18:00）</li>
          <li>18608509496 （24 Hours 服务）</li>
          <li>345918897@qq.com</li>
          <li class="sns"><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script></li>
        </ul>
        </address>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
        <h3>快捷入口  Quick Entry</h3>
        <div class="row cidaohang">
          <div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
            <ul class="list-unstyled">
              <li><a href="" >文化理念</a></li> 
              <li><a href="" >企业优势</a></li> 
              <li><a href="" >服务优势</a></li> 
              <li><a href="" >服务范畴</a></li> 
              <li><a href="" >组织架构</a></li> 
              <li><a target='_blank' href="/about/?20_1.html" >工商执照</a></li>
            </ul>
          </div>
          <div class="col-xs-3 col-sm-3 col-md-3 col-lg-4">
            <ul class="list-unstyled">

              <li ><a target='_blank' href="/?about/2">关于我们</a></li> 
    
              <li ><a target='_blank' href="/?list/5">新闻中心</a></li> 
    
              <li ><a target='_blank' href="/?about/10">客户中心</a></li> 
    
              <li ><a target='_blank' href="/?list/15">案例展示</a></li> 
    
              <li ><a target='_blank' href="/?about/20">联系我们</a></li> 
    
              <li ><a target='_blank' href="/?list/21">名片</a></li> 
    
              <li ><a target='_blank' href="/?list/23">智慧商城</a></li> 
    
              <li ><a target='_blank' href="/?about/28">更新记录</a></li> 
                            
            </ul>
            
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-4 weixin"> <img src="/upload/logo/1609828831963985.jpg" alt="贵州漫步云端科技有限公司" title="漫步云端科技" class="ylw-img-responsive" />
            <p>微信扫一扫</p>
          </div>
        </div>
      </div>
    </div>
    <div class="copy">
      <hr />
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8">
          <p class="banquan">版权所有 ©2015-2021贵州漫步云端科技有限公司 <br><script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1260923216'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/stat.php%3Fid%3D1260923216%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> <a href="https://beian.miit.gov.cn" target='_blank'>黔ICP备2020008173号-3、黔ICP备2020008173号-6、黔ICP备2020008173号-7</a>  <img src="/template/pc/cn2016/Images/ga.png" alt="公安备案" title="公安备案" /><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52010202002561">贵公网安备 52010202002561号</a></p>
          <p class="renzheng"> <img src="/template/pc/cn2016/Images/2014062961592429.png" width="32" height="36" alt="工商合法注册企业" title="工商合法注册企业" /> <img src="/template/pc/cn2016/Images/2014062961988229.png" width="32" height="36" alt="安全网站" title="安全网站360网站安全检测认证" /> <img src="/template/pc/cn2016/Images/2014062962024649.png" width="32" height="36" alt="网上报警" title="网上报警" /> <img src="/template/pc/cn2016/Images/2014062962053553.png" width="32" height="36" alt="互联网信任计划" title="互联网信任计划" /> <img src="/template/pc/cn2016/Images/2014062962093329.png" width="32" height="36" alt="保护知识产权" title="保护知识产权" /><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52010202002357"><img src="/template/pc/cn2016/Images/121314.jpg" /></a><a alt="360网站安全检测认证" title="360网站安全检测认证" href="http://webscan.360.cn/index/checkwebsite/url/gzmbyd.com" target='_blank'><img border="0" src="/template/pc/cn2016/Images/360anquan.jpg" /></a> <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1260923216'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/stat.php%3Fid%3D1260923216%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></p>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 pull-right hidden-xs">
          <div class="qixia">
            <p>我们提供：</p>
            <p class="qx"> <a href='#' target='_blank'>网站建设</a> . <a href='#' target='_blank'>界面设计</a> . <a href='#' target='_blank'>店铺装修</a> . <a href='#' target='_blank'>网络营销推广</a> . <a href='#' target='_blank'>广告制作</a> . <a href='#' target='_blank'>画册印刷</a> . <a href='#' target='_blank'>OA系统</a>
 . <a href='#' target='_blank'>多商户商城</a>
 . <a href='#' target='_blank'>移动APP</a>. <a href='#' target='_blank'>公众号开发</a>. <a href='#' target='_blank'>小程序开发</a></p>
          </div>
        </div>
      </div>
    </div>
    <!-- copy end --> 
    <div class="yq-link visible-lg">
      <p><strong>友情链接：</strong>  | <small>友链申请QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=345918897&site=qq&menu=yes">345918897</a>
      </small>
</p>
    </div>
  </footer>
</div>
<div class="go-top text-center"><a href="#top" rel="nofollow">Go To Top 回顶部</a></div>
<script src="/template/pc/cn2016/js/bootstrap.min.js"></script> 
<!-- header up start --> 
<!-- banner start --> 
<script src="/template/pc/cn2016/js/jquery.glide.min.js"></script> 
<script src="/template/pc/cn2016/js/jquery.glide.admin.js"></script> 
<!-- banner end --> 
<script src="/template/pc/cn2016/js/jpuery.team.scroll.js"></script> 
<!-- kefu start -->
<div class="kefu hidden-xs">
  <div><a href="/?about/20" class="kefu-lx" title="联系我们" target="_blank">联系我们</a> </div>
  <ul class="list-unstyled">
    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=345918897&site=qq&menu=yes" target="_blank" class="kf">在线客服</a></li>
    <li><a href="#yy" class="kefu-yy" title="快速预约设计" rel="nofollow">快速预约</a></li>
    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=345918897&site=qq&menu=yes" target="_blank" class="kefu-zx">在线咨询</a></li>
    <li><a href="#top" class="kefu-top" title="回网页顶部" rel="nofollow"></a></li>
    <li><a href="#di" class="kefu-di" title="回网页底部" rel="nofollow"></a></li>
  </ul>
</div> 
<!-- kefu end -->
<div id="di"></div>
<style type="text/css">
.img-circle{
-moz-border-radius:50%;
	-webkit-border-radius: 50%;
	border-radius: 50%; 
}
#mycall,#title,#button{	z-index:2;
	position:relative;
-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height:40px; font-size:16px; font-family:"Microsoft YaHei",'微软雅黑';
}
</style>
<!-------灰色------->
<!--<style type="text/css">
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
</style>
<script type="text/javascript">
$(function() {
   document.onreadystatechange = function() {
       if (document.readyState == "complete") {
          grayscale(document.body));
       }
   }
});
</script>-->
<!--
<script>
    document.onkeydown = function () {
        if (window.event && window.event.keyCode == 123) {
            alert("请勿违规操作");
            event.keyCode = 0;
            event.returnValue = false;
        }
        if (window.event && window.event.keyCode == 13) {
            window.event.keyCode = 505;
        }
        if (window.event && window.event.keyCode == 8) {
            alert(str + "\n请勿操作！");
            window.event.returnValue = false;
        }
    }
    document.oncontextmenu = function() {
    return false;
};
document.addEventListener("contextmenu", function(e) {
    e.preventDefault();
});
function keycodes(){
 // 禁止右键
 document.oncontextmenu=function(){return false};
 document.onkeydown = function(e) {
   e = window.event || e;
   var k = e.keyCode;
   //屏蔽ctrl+u，F12键
   if ((e.ctrlKey == true && k == 85) || k == 123) {
     e.keyCode = 0;
     e.returnValue = false;
     e.cancelBubble = true;
     return false;
   }
 }
}
</script>--> 
<!-- kefu end -->
</body>
</html>