</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">启云科技</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- logo --> <a href="/" class="navbar-brand"><img src="/images/logo.png" class="img-responsive" alt="启云科技" width="260" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"><a href="/">网站首页</a></li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=1">关于我们</a> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=3" data-toggle="dropdown" data-submenu="">服务项目<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a title="电商设计" href="/index.php?case=archive&act=list&catid=15">电商设计</a> </li> <li> <a title="微信小程序" href="/index.php?case=archive&act=list&catid=6">微信小程序</a> </li> <li> <a title="网站建设" href="/index.php?case=archive&act=list&catid=8">网站建设</a> </li> <li> <a title="万词霸屏系统" href="/index.php?case=archive&act=list&catid=10">万词霸屏系统</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=2" data-toggle="dropdown" data-submenu="">企业新闻<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a title="公司动态" href="/index.php?case=archive&act=list&catid=9">公司动态</a> </li> <li> <a title="行业新闻" href="/index.php?case=archive&act=list&catid=13">行业新闻</a> </li> </ul> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=16">合作案例</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=19">网站样式</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=17">员工风采</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=18">职位招聘</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=5">联系我们</a> </li> </ul> <!--<div class="navbar-right user-panel"> </div> </div>--><!--/.nav-collapse --> <!--<div class="top-nav-right"> <ul class="navbar-right"> <li id="fat-menu" class="dropdown"> <a class="dropdown-toggleglyphicon glyphicon glyphicon-globe" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu" aria-labelledby="drop3"> <li><a id="StranLink" name="StranLink">繁體</a></li> <li><a href="http://test.cmseasy.cn/" target="_blank">公司网站</a></li> </ul> </li> <li class="glyphicon glyphicon-search" data-toggle="modal" data-target=".bs-example-modal-lg-search" aria-hidden="true"></li> </ul> </div>--> </div> </nav> <div class="clearall"></div> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="first-slide" src="/images/slide/banner01.jpg" alt="响应式网站模板，不同终端，同样精彩"> <div class="container"> <div class="carousel-caption"> <h3>响应式网站模板，不同终端，同样精彩</h3> <p>全新推出「响应式网站模板」，移动端访客能够得到与电脑网站一样的体验，轻松找到在电脑网站上看到的内容，无论是在电脑、平板、手机上都可以访问到排版合适的网站，即便是微信等应用内置浏览器也是如此。</p> <p><a class="btn btn-lg btn-primary" href="http://www.qiyunying.com/" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner02.jpg" alt="淘宝店铺装修"> <div class="container"> <div class="carousel-caption"> <h3>淘宝店铺装修</h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.qiyunying.com/" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner03.jpg" alt="网站推广优化"> <div class="container"> <div class="carousel-caption"> <h3>网站推广优化</h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.qiyunying.com/" role="button">了解更多</a></p> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> <!-- Large modal --> <div class="clearall"></div><div class="blank30"></div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="/index.php?case=archive&act=list&catid=16" title="合作案例">合作案例</a></h3> <p>cases</p> </div> </div> <div class="container wow fadeInUp " data-wow-delay="0.6s"> <div id="owl-demo" class="owl-carousel"> <div class="item"> <a title="暖福佳旗舰店" target="_blank" href="/index.php?case=archive&act=show&aid=53" class="img-auto"> <img alt="暖福佳旗舰店" src="/upload/images/201704/14926755369143.png" class="img-responsive" data-src="/upload/images/201704/14926755369143.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="暖福佳旗舰店" target="_blank" href="/index.php?case=archive&act=show&aid=53"><h4>暖福佳旗舰店<small></small></h4></a> </div> <div class="item"> <a title="博朗特旗舰店" target="_blank" href="/index.php?case=archive&act=show&aid=52" class="img-auto"> <img alt="博朗特旗舰店" src="/upload/images/201704/14926734360502.png" class="img-responsive" data-src="/upload/images/201704/14926734360502.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="博朗特旗舰店" target="_blank" href="/index.php?case=archive&act=show&aid=52"><h4>博朗特旗舰店<small></small></h4></a> </div> <div class="item"> <a title="新华雕塑" target="_blank" href="/index.php?case=archive&act=show&aid=51" class="img-auto"> <img alt="新华雕塑" src="/upload/images/201704/14926755407567.png" class="img-responsive" data-src="/upload/images/201704/14926755407567.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="新华雕塑" target="_blank" href="/index.php?case=archive&act=show&aid=51"><h4>新华雕塑<small></small></h4></a> </div> <div class="item"> <a title="翔明体育" target="_blank" href="/index.php?case=archive&act=show&aid=50" class="img-auto"> <img alt="翔明体育" src="/upload/images/201704/14926751973324.png" class="img-responsive" data-src="/upload/images/201704/14926751973324.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="翔明体育" target="_blank" href="/index.php?case=archive&act=show&aid=50"><h4>翔明体育<small></small></h4></a> </div> <div class="item"> <a title="小巨人健身" target="_blank" href="/index.php?case=archive&act=show&aid=49" class="img-auto"> <img alt="小巨人健身" src="/upload/images/201704/14926755399094.png" class="img-responsive" data-src="/upload/images/201704/14926755399094.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="小巨人健身" target="_blank" href="/index.php?case=archive&act=show&aid=49"><h4>小巨人健身<small></small></h4></a> </div> <div class="item"> <a title="万福砚雕" target="_blank" href="/index.php?case=archive&act=show&aid=48" class="img-auto"> <img alt="万福砚雕" src="/upload/images/201704/14926755398350.png" class="img-responsive" data-src="/upload/images/201704/14926755398350.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="万福砚雕" target="_blank" href="/index.php?case=archive&act=show&aid=48"><h4>万福砚雕<small></small></h4></a> </div> <div class="item"> <a title="康致体育" target="_blank" href="/index.php?case=archive&act=show&aid=47" class="img-auto"> <img alt="康致体育" src="/upload/images/201704/14926755346195.png" class="img-responsive" data-src="/upload/images/201704/14926755346195.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="康致体育" target="_blank" href="/index.php?case=archive&act=show&aid=47"><h4>康致体育<small></small></h4></a> </div> <div class="item"> <a title="河北百信体育" target="_blank" href="/index.php?case=archive&act=show&aid=46" class="img-auto"> <img alt="河北百信体育" src="/upload/images/201704/14926755346460.png" class="img-responsive" data-src="/upload/images/201704/14926755346460.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="河北百信体育" target="_blank" href="/index.php?case=archive&act=show&aid=46"><h4>河北百信体育<small></small></h4></a> </div> <div class="item"> <a title="凡淼体育" target="_blank" href="/index.php?case=archive&act=show&aid=45" class="img-auto"> <img alt="凡淼体育" src="/upload/images/201704/14926755346460.png" class="img-responsive" data-src="/upload/images/201704/14926755346460.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="凡淼体育" target="_blank" href="/index.php?case=archive&act=show&aid=45"><h4>凡淼体育<small></small></h4></a> </div> <div class="item"> <a title="瑜阳体育" target="_blank" href="/index.php?case=archive&act=show&aid=44" class="img-auto"> <img alt="瑜阳体育" src="/upload/images/201704/14926755427948.png" class="img-responsive" data-src="/upload/images/201704/14926755427948.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="瑜阳体育" target="_blank" href="/index.php?case=archive&act=show&aid=44"><h4>瑜阳体育<small></small></h4></a> </div> </div> </div> <script src="/template/default_html5/skin/js/owl.carousel.min.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 4, lazyLoad : true, navigation : true }); }); </script> <div class="blank30"></div> <div class="bg_1 pa5 mb30 index-2"> <div class="title wow bounceIn"> <div class="container"> <h3><a href="/index.php?case=archive&act=list&catid=2" title="企业新闻">企业新闻</a></h3> <p>news</p> <div class="url_1"> <a href="/index.php?case=archive&act=list&catid=9" title="公司动态">公司动态</a> <a href="/index.php?case=archive&act=list&catid=13" title="行业新闻">行业新闻</a> </div> </div> </div> <div class="container wow zoomIn " data-wow-delay="0.6s"> <script type="text/javascript"> function tab_m(obj,name) { var p = obj.parentNode.getElementsByTagName("li"); var p1 = document.getElementById(name).getElementsByTagName("div"); for(i=0;i<p1.length;i++) { if(obj==p[i]) { p[i].className = "s"; p1[i].className = "dis"; } else { p[i].className = "#"; p1[i].className = "undis"; } } } </script> <div class="col-sm-6 tabbox" id="tabbox"> <div class="dis" onclick="('tab',1)"> <a style="color:;" href="/index.php?case=archive&act=show&aid=28"><img src="/upload/images/201507/14360457171025.jpg" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="/index.php?case=archive&act=show&aid=27"><img src="/upload/images/201507/14363453760256.jpg" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="/index.php?case=archive&act=show&aid=9"><img src="/upload/images/201507/14360854145721.jpg" width="485" height="290"></a> </div> </div> <!--/tabbox--> <ul class="col-sm-6 tabnav"> <li class="s" onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>公司动态</strong> <div> <h5><span class="hidden-sm">2015-08</span><a style="color:;" href="/index.php?case=archive&act=show&aid=28" class="hover" title="企业在网站建设前应该理清网站建设需求"><font style="color:;">企业在网站建设前应该理清</font></a></h5> <p>一些公司也许本来不需要网站，但是周围的公司或者同行都纷纷做网站了，于是自己在网站</p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>公司动态</strong> <div> <h5><span class="hidden-sm">2015-08</span><a style="color:;" href="/index.php?case=archive&act=show&aid=27" class="hover" title="怎样做好学校网站建设？"><font style="color:;">怎样做好学校网站建设？</font></a></h5> <p>学校网站建设主要为学校的老师和学生和学生家长服务，与其他商业性质的网站有着本质的</p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>企业新闻</strong> <div> <h5><span class="hidden-sm">2011-11</span><a style="color:;" href="/index.php?case=archive&act=show&aid=9" class="hover" title="优秀网站的五大要素"><font style="color:;">优秀网站的五大要素</font></a></h5> <p>网站作为一种媒体，提供给用户的最主要还是网站的内容，没有人会在一个没内容的网站上</p> </div> </li> </ul> <!-- tabnav --> <div class="clear"></div> <div class="row list_1"> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=28" title="企业在网站建设前应该理清网站建设需求" target="_blank"><font style="color:;">企业在网站建设前应该理清网站建设需求</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=27" title="怎样做好学校网站建设？" target="_blank"><font style="color:;">怎样做好学校网站建设？</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=9" title="优秀网站的五大要素" target="_blank"><font style="color:;">优秀网站的五大要素</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=4" title="酒店行业真正的互联网思维" target="_blank"><font style="color:;">酒店行业真正的互联网思维</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=3" title="企业网站运营职位新要求：自媒体" target="_blank"><font style="color:;">企业网站运营职位新要求：自媒体</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=2" title="医院网络营销" target="_blank"><font style="color:;">医院网络营销</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=1" title="一步步教你分析网站数据" target="_blank"><font style="color:;">一步步教你分析网站数据</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="/index.php?case=archive&act=show&aid=8" title="网站建设项目合同撰写注意点" target="_blank"><font style="color:;">网站建设项目合同撰写注意点</font></a> </div> </div> <div class="blank30"></div> </div> <!-- w_set --> </div> </div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="/index.php?case=archive&act=list&catid=1" title="关于我们">关于我们</a></h3> <p>about</p> </div> </div> <div class="container pa20"> <div class="i_about wow fadeIn" data-wow-delay="0.6s"> <div class="i_about_banner"> <center><a href="/index.php?case=archive&act=list&catid=1" title=""><img src="/upload/images/201506/guanyu.jpg" alt="" /></a></center> </div> <div class="i_about_text"> <p> 保定启云计算机信息技术有限公司是一家从事软件开发、网站制作、系统集成及网络产品销售等相关业务为一体的专业的计算机网络有限公司，本公司技术力量雄厚，有一流的软、硬件工程师及网络技术人才，有完善的售后服务体系。公司始终坚持“顾客至上、诚信为本、专业精致、卓越创新”的经营理念，以最优质的产品、最实惠的价格、最全面的服务竭诚为广大客户服务。 经营范围： 1、程序设计与软件开发、软件产品</p> </div> <div class="i_about_text_pic"> <div class="row"> <section class="wow fadeInLeft" data-wow-delay="1.0s"> <div class="col-sm-4"> <div> <a href="/index.php?case=archive&act=list&catid=15"><img src="/upload/images/201709/1504255400054.jpg" width="232" height="161" alt="电商设计" /></a> <h3><a href="/index.php?case=archive&act=list&catid=15">电商设计</a></h3> <p>启云科技公司的电商设计服务项目专指针对淘宝、天猫、阿里巴巴、京东等电商平台提供店铺装修、产品大图设计、宝贝详情制作等服务。</p> </div> </div> </section> <section class="wow bounceIn" data-wow-delay="1.6s"> <div class="col-sm-4"> <div> <a href="/index.php?case=archive&act=list&catid=6"><img src="/upload/images/201710/15084680928193.png" width="232" height="161" alt="微信小程序" /></a> <h3><a href="/index.php?case=archive&act=list&catid=6">微信小程序</a></h3> <p>微信小程序（wei xin xiao cheng xu），简称小程序，缩写XCX，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下</p> </div> </div> </section> <section class="wow bounceIn" data-wow-delay="1.6s"> <div class="col-sm-4"> <div> <a href="/index.php?case=archive&act=list&catid=8"><img src="/upload/images/201709/15042554560349.jpg" width="232" height="161" alt="网站建设" /></a> <h3><a href="/index.php?case=archive&act=list&catid=8">网站建设</a></h3> <p>网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。许多人常常</p> </div> </div> </section> <section class="wow fadeInRight" data-wow-delay="1.0s"> <div class="col-sm-4"> <div> <a href="/index.php?case=archive&act=list&catid=10"><img src="/upload/images/201709/15042554812455.jpg" width="232" height="161" alt="万词霸屏系统" /></a> <h3><a href="/index.php?case=archive&act=list&catid=10">万词霸屏系统</a></h3> <p>【 万词霸屏快速排名系统 】 是通过互联网云计算和高权重媒体资源网以及知名新闻网实现百度、手机百度、 360 、搜狗等搜索引擎的快速排名技术通过该技术可以实现 3 一 7 天在搜索引擎首页达到 300</p> </div> </div> </section> </div> </div> </div> </div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="/index.php?case=archive&act=list&catid=5" title="联系我们">联系我们</a></h3> <p>contact</p> </div> </div> <div class="blank30"></div> <div class="container index4" style="z-index:7; position:relative; "> <div class="col-md-4 col-sm-6 wow fadeInLeft" data-wow-delay="0.6s"> <dl class="ico_tel"> <dt>电 话</dt> <dd>0312-2135250</dd> </dl> <dl class="ico_qq"> <dt>在线客服</dt> <dd> <a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=2545101754&site=qq&menu=yes" target="_blank">启云客服</a><div class="clear"></div> </dd> </dl> <dl class="ico_add"> <div class="blank20"></div> <dt>地 址</dt> <dd> 河北省保定市佰盛国际1009室</dd> </dl> <dl class="ico_weixin"> <dt>关注官方微信</dt> <dd> <br> <br> <img src="/upload/images/201704/14922474700756.jpg" width="170" onerror='this.src="/images/nopic.gif"' /> </dd> </dl> </div> <div class="col-md-4 col-sm-6 wow fadeInUp"> <h3 class="t_3"><a href="/index.php?case=archive&act=list&catid=7"></a> </h3> <ul class="list_2"> </ul> <div class="blank30"></div> <!--<div class="vote"> <script type="text/javascript" src="/index.php?case=ballot&act=getjs&id=1"></script></div>--> </div> <div class="clearfix visible-xs-block"></div> <div class="col-md-4 wow fadeInRight" data-wow-delay="0.6s"> <h3 class="t_3"><a rel="nofollow" title="留言" href="/index.php?case=guestbook&act=index" target="_blank">您好 Say hello.欢迎您给我们提出问题</a></h3> <div class="blank10"></div> <form method="post" action="/index.php?case=guestbook&act=index" name="form1" class="form_message"> <div>姓名<span>Name</span></div> <input name="nickname" id="nickname" value="" class="guestbook_input" /> <div>标题<span>Title</span></div> <input type="text" name="title" id="title" value="" class="guestbook_input" /> <div>邮 箱<span>Emali</span></div> <input name="guestemail" id="guestemail" value="" class="guestbook_input" /> <div>联系电话<span>Tel</span></div> <input name="guesttel" id="guestetel" value="" class="guestbook_input" /> <div>内容<span>Content</span></div> <textarea name="content" class="guestbook_textarea"></textarea> <input type='text' id="verify" tabindex="3" name="verify" /> <img src="/index.php?case=tool&act=verify" id="checkcode" onclick="this.src='/index.php?case=tool&act=verify&id='+Math.random()*5;" style="cursor:pointer;" alt="点击刷新验证码" align="absmiddle"/> <div class="blank20"></div> <input type="submit" name="submit" value="提交" class="guestbook_btn"> </form></div> </div> <div class="title wow bounceIn"> <div class="container"> <h3>友情链接</h3> <p>links</p> </div> </div> <dl class="container wow fadeInUp"> <dd class="f_link"> </dd> <dd class="f_link"> <a href="http://www.jydiaoke.com" target="_blank">人物雕刻</a> <a href="http://www.danshuanggang.com" target="_blank">军用单双杠</a> <a href="http://www.qiyunying.com" target="_blank">保定网站制作</a> <a href="http://www.qiyunying.com" target="_blank">淘宝店铺装修</a> <a href="http://www.kaixiangsujiao.com" target="_blank">珍珠棉定位包装</a> </dd> </dl> <!-- <div class="blank30"></div> Powered by <a href="http://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a><!-- 页底 --> <div class="foot"> <div class="container"> <div class="row"> <div class="col-sm-5"> <dl class="foot_left"> <dd> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <input type="text" name="keyword" value="请输入查询信息！" onfocus="if(this.value=='请输入查询信息！') {this.value=''}" onblur="if(this.value=='') this.value='请输入查询信息！'" class="s_text" /> <input name='submit' type="submit" value="" align="middle" class="s_btn" /> </form> </dd> <dd class="blank20"></dd> <form name="listform" id="listform" action="/index.php?case=archive&act=email" method="post"> <dd> <input type="text" name="email" id="email" value=" 邮件订阅 " onfocus="if(this.value==' 邮件订阅 ') {this.value=''}" onblur="checkEmail(this)" class="s_text" /> <input type="submit" align="absmiple" name='submit' value=" " class="s_btn" /> </dd> </form> </dl> </div> <div class="col-sm-2"> <dl class="foot_qr_codes"> <dd><img width="150" src="/index.php?case=tool&act=qrcode" /></dd> <dd>扫描访问手机版</dd> </dl> </div> <div class="col-sm-5"> <dl class="copyrights"> <dd>Copyright © <a title="启云科技" href="/">启云科技</a></dd> <!--<dd> <font style="color:#244588">Powered by </font><a style="color:#244588" href="http://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a></dd> <dd><a rel="nofollow" href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank"></a></dd> <dd></dd>--> </dl> </div> </div> <div class="row"> <div class="col-md-5"> 热门关键词： <a href="/index.php?case=archive&act=search&keyword=-E6-B7-98-E5-AE-9D-E5-BA-97-E9-93-BA-E8-A3-85-E4-BF-AE&ule=1">淘宝店铺装修</a> <a href="/index.php?case=archive&act=search&keyword=&ule=1"></a> </div> </div> </div> </div> <!--/footer--> <!-- search --> <div class="container-fluid"> <div class="modal fade bs-example-modal-lg-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="row"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="col-lg-1"></div> <div class="col-lg-10"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="请输入查询信息！"> <span class="input-group-btn"> <button class="btn btn-default" name='submit' type="submit">Go!</button> </span> </div> </div> <div class="col-lg-1"></div> </form> </div> </div> </div> </div> <!-- search end --> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <style type="text/css"> .izl-rmenu{position:fixed; left:0; margin-right:20px; bottom:0px; padding-bottom:0px; z-index:999; } .izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq{background:url(/template/default_html5/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;color:#FFF;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;color:#FFF;} .izl-rmenu .btn-qq .qq{background-color:#488bc7; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-qq a {color:#FFF;font-size:14px;} .izl-rmenu .btn-wx{background:url(/template/default_html5/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute; right:-160px; top:0px; display:none;width:140px;height:140px;} .izl-rmenu .btn-phone{background:url(/template/default_html5/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/template/default_html5/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B;} .izl-rmenu .btn-ali:hover{background-color:#808000;} .izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B; text-decoration:none; display:block;} .izl-rmenu .btn-wangwang{background:url(/template/default_html5/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700;} .izl-rmenu .btn-wangwang:hover{background-color:#DAA520;} .izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/template/default_html5/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4;} .izl-rmenu .btn-skype:hover{background-color:#8B008B;} .izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;} .izl-rmenu .btn-web{background:url(/template/default_html5/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46;} .izl-rmenu .btn-web:hover{background-color:#00663a;} .izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46; text-decoration:none; display:block;} .izl-rmenu .btn-top{background:url(/template/default_html5/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} </style> <script language="javascript" type="text/javascript"> $(function(){ var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=2545101754&websiteName=http://www.qiyunying.com/=&Menu=yes\">启云客服</a></div></div><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/upload/images/201704/14922474700756.jpg\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">0312-2135250</div></div><div class=\"sbtn btn-top\"></div></div>"; $("#top").html(tophtml); $("#izl_rmenu").each(function(){ $(this).find(".btn-qq").mouseenter(function(){ $(this).find(".qq").fadeIn("fast"); }); $(this).find(".btn-qq").mouseleave(function(){ $(this).find(".qq").fadeOut("fast"); }); $(this).find(".btn-wx").mouseenter(function(){ $(this).find(".pic").fadeIn("fast"); }); $(this).find(".btn-wx").mouseleave(function(){ $(this).find(".pic").fadeOut("fast"); }); $(this).find(".btn-phone").mouseenter(function(){ $(this).find(".phone").fadeIn("fast"); }); $(this).find(".btn-phone").mouseleave(function(){ $(this).find(".phone").fadeOut("fast"); }); $(this).find(".btn-top").click(function(){ $("html, body").animate({ "scroll-top":0 },"fast"); }); }); var lastRmenuStatus=false; $(window).scroll(function(){//bug var _top=$(window).scrollTop(); if(_top>200){ $("#izl_rmenu").data("expanded",true); }else{ $("#izl_rmenu").data("expanded",false); } if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){ lastRmenuStatus=$("#izl_rmenu").data("expanded"); if(lastRmenuStatus){ $("#izl_rmenu .btn-top").slideDown(); }else{ $("#izl_rmenu .btn-top").slideUp(); } } }); }); </script> <div id="top"></div><![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/template/default_html5/skin/images/wao/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } /*分享*/ #fenxiang_box{color:white; position:fixed; top:0px;width:100%;background: rgba(0, 0, 0, 0.7); padding:30px 10%; } #fenxiang_box .bdsharebuttonbox{ padding:10px 0;} #btn_fenxiang{ } #btn_fenxiang span{ display:none;} #fenxiang_box{ display:none; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-image:url('/template/default_html5/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:0312-2135250"><img src="/template/default_html5/skin/images/wap/plugmenu1.png"><label>电 话</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:"><img src="/template/default_html5/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="javascript:;" id="btn_fenxiang"><img src="/template/default_html5/skin/images/wap/plugmenu5.png"><label>分享</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/default_html5/skin/images/wap/plugmenu6.png"><label>留言</label></a> </li> </ul> </nav> </div> <div id="fenxiang_box"> <h3>分享到：</h3> <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 src="/template/default_html5/skin/js/fenxiang.js" type="text/javascript" ></script><!--用于分享按钮--><script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["qzone","bdysc","renren","tieba","sqq","thx","copy"],"bdPic":"","bdStyle":"1","bdSize":"32"},"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> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <script type="text/javascript" src="/js/common.js"></script> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};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> <script> (function(){ var bp = document.createElement('script'); bp.src = '//push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/default_html5/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/default_html5/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/default_html5/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/default_html5/skin/js/bootstrap-submenu.js"></script> <script src="/template/default_html5/skin/js/docs.js"></script> </body> </html>