<!doctype html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>哈尔滨华德印务有限公司 - 哈尔滨华德印务有限公司</title>
<link rel="stylesheet" href="templates/LCO-HLJ-0301/css/index.css">
<script src="templates/LCO-HLJ-0301/js/jquery.min.js"></script>
<script src="templates/LCO-HLJ-0301/js/swsy.js"></script>
<script src="templates/LCO-HLJ-0301/js/simplefoucs.js" type="text/javascript"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?c678aec6e828c899b32a099c14ee882c";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>
<style></style>
<script type="text/javascript"> 
function displaySubMenu(li) { 
var subMenu = li.getElementsByTagName("ul")[0]; 
subMenu.style.display = "block"; 
} 
function hideSubMenu(li) { 
var subMenu = li.getElementsByTagName("ul")[0]; 
subMenu.style.display = "none"; 
} 
</script>
<body>
<div class="header">
  <div class="head1"> </div>
  <div class="head2">
    <div class="heade1"> <img src="templates/LCO-HLJ-0301/images/login2.png" alt=""> </div>
    <div class="dh">
      <ul id="navigation">
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php">首页</a>
          <ul class="ul">
          </ul>
        </li>
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=danyeshow&lanmu=3&id=1">公司简介</a>
         
        </li>
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=productslist&lanmu=2">产品介绍</a>
         
        </li>
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=productslist&lanmu=14">成功案例</a>
        </li>
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=danyeshow&lanmu=16&id=14">华德资质</a>
          
        </li>
		 <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=newslist&lanmu=1">合作伙伴</a>
          
        </li>
<!--        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=gbook">在线留言</a>-->
          
        </li>
        <li class="li" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="index.php?p=danyeshow&lanmu=3&id=2">联系我们</a>
      
        </li>
      </ul>
      <div class="clear"></div>
    </div>
  </div>
  <div class="head3">
    <div class="banner">
      <div id="focus">
        <ul>
          
                    <li> <a><img src="uploadfile/20140709134244.jpg" width="100%" height="469"> </a> </li>
                    <li> <a><img src="uploadfile/20180709171215.jpg" width="100%" height="469"> </a> </li>
                    <li> <a><img src="uploadfile/20180709171246.jpg" width="100%" height="469"> </a> </li>
                  </ul>
      </div>
    </div>
  </div>
</div>
<div style="height:47px;background:#f2f2f2;"></div>

<div class="contenter">
  <div class="cont1">
    <div class="sj1">
      <div class="sj2"> 
                <ul>
                    <li>
            <div class="sjshow">
              <div class="sjs"> <a href="index.php?p=productsshow&id=151&lanmu=2"> <img src="uploadfile/20140709/20140709101548_58710.jpg" alt=""></a> </div>
              <div class="sjx">
                <h1>样本</h1>
                <p>样本具有企业的公关特征,是企业的名片,蕴含着企业形象等重要信息,是考量企业本身的直接证明。</p>
              </div>
              <!-- <div class="claer"></div> --> 
            </div>
          </li>
                    <li>
            <div class="sjshow">
              <div class="sjs"> <a href="index.php?p=productsshow&id=170&lanmu=2"> <img src="uploadfile/20140709/20140709101602_27407.jpg" alt=""></a> </div>
              <div class="sjx">
                <h1>宣传单页</h1>
                <p>宣传单是很早和很广泛的宣传品，视觉冲击力强，突出企业的口号和用意，且交货时间较短。</p>
              </div>
              <!-- <div class="claer"></div> --> 
            </div>
          </li>
                    <li>
            <div class="sjshow">
              <div class="sjs"> <a href="index.php?p=productsshow&id=174&lanmu=2"> <img src="uploadfile/20140709/20140709101612_99335.jpg" alt=""></a> </div>
              <div class="sjx">
                <h1>包装盒</h1>
                <p>包装盒以其精美造型和装潢来宣传美化商品，更是商品价值的完美体现，增加产品的附加值。</p>
              </div>
              <!-- <div class="claer"></div> --> 
            </div>
          </li>
                    <li>
            <div class="sjshow">
              <div class="sjs"> <a href="index.php?p=productsshow&id=195&lanmu=2"> <img src="uploadfile/20140717/20140717152553_32491.jpg" alt=""></a> </div>
              <div class="sjx">
                <h1>期刊杂志</h1>
                <p>提供书刊和杂志的排版，拥有丰富排版设计概念与排版人员，能处理多种软件制作的印刷文件。</p>
              </div>
              <!-- <div class="claer"></div> --> 
            </div>
          </li>
                  </ul>
         </div>
<!--      <div class="sj3">-->
<!--        <form method="post" action="inc/gbooksave.php" name="myform" onSubmit="doSubmit();">-->
<!--          <div class="form4">-->
<!--            <h1>在线留言</h1>-->
<!--            <h2> Online Message </h2>-->
<!--          </div>-->
<!--          <div class="form1">-->
<!--            <input type="text"placeholder="  联系人姓名" name="fn_name" value="联系人姓名">-->
<!--          </div>-->
<!--          <div class="form1">-->
<!--            <input type="text"placeholder="  联系人电话" name="fn_tel" value="联系人电话">-->
<!--          </div>-->
<!--          <div class="form2">-->
<!--            <textarea name="" id=""placeholder="  留言内容" name="fn_content">-->
<!--            </textarea>-->
<!--          </div>-->
<!--          <div class="form3">-->
<!--            <input type="submit" value="提交内容">-->
<!--          </div>-->
<!--        </form>-->
<!--      </div>-->
    </div>
    <div class="clear"></div>
    <div style="height:40px;background:#f2f2f2;"></div>
    <div class="gyw">
      <div class="gy">
        <div class="gywm"> <a href="index.php?p=danyeshow&id=1&lanmu=3"><span class="gyw1">关于我们</span><span class="gyw2">ABOUT US</span></a> </div>
        <div class="clear"></div>
        <div style="width:423px; margin:0 auto">
        <img src="templates/LCO-HLJ-0301/images/aboute.jpg" alt="">
        </div>
        <div class="gyimg"> 
          <!-- <img src="templates/LCO-HLJ-0301/images/img_3.jpg" alt=""> --> 
          哈尔滨华德印务有限公司承揽制做各种：精美画册、产品样本、台历、挂历、宣传单、纸袋、贺卡、吊牌、不干胶、无碳复写、黑白票据、信封、期刊杂志、报纸、海报、名片、标签、彩盒彩箱等业务。 </div>
        <div class="clear"></div>
      </div>
      <!-- <div class="clear"></div> --> 
      <!-- 轮播2 -->
      <div id="i_focus">
        <div class="gyw4">
          <div class="gyw5">
            <div id="i_focus_pic">
              <ul id="i_focus_piclist" style="left:0;top:0;">
                
                                <li> <a href="index.php?p=productsshow&id=191&lanmu=14" style="display:block"><img src="uploadfile/20140710/20140710120130_83394.jpg" width="636" height="446" /></a></li>
                                <li> <a href="index.php?p=productsshow&id=190&lanmu=14" style="display:block"><img src="uploadfile/20140710/20140710120129_98948.jpg" width="636" height="446" /></a></li>
                                <li> <a href="index.php?p=productsshow&id=189&lanmu=14" style="display:block"><img src="uploadfile/20140710/20140710120128_35026.jpg" width="636" height="446" /></a></li>
                              </ul>
              <div id="i_focus_opdiv"></div>
              <!--slide大图374*224-->
              <ul id="i_focus_tx">
                
                                <li class="normal"><span>折页</span></li>
                                <li class="normal"><span>信封稿纸</span></li>
                                <li class="normal"><span>台历</span></li>
                              </ul>
            </div>
          </div>
        </div>
        <div class="gyw6">
          <ul id="i_focus_btn">
            
                        <li  id="p-1"  >
            <div class="gyw8">
              <div class="gyw8c">
                <div class="gyw8l"> <img src="uploadfile/20140709/20140709101548_58710.jpg" width="90" height="65" /> </div>
                <div class="gyw8r">
                  <h1>样本</h1>
                  <p style="height:40px; overflow:hidden">样本具有企业的公关特征,是企业的名片,蕴含着企业形象等重要信息,是考量企业本身的直接证明。</p>
                </div>
              </div>
              <div class="clear"></div>
            </div>
            </li>
                        <li  id="p-1"  >
            <div class="gyw8">
              <div class="gyw8c">
                <div class="gyw8l"> <img src="uploadfile/20140709/20140709101602_27407.jpg" width="90" height="65" /> </div>
                <div class="gyw8r">
                  <h1>宣传单页</h1>
                  <p style="height:40px; overflow:hidden">宣传单是很早和很广泛的宣传品，视觉冲击力强，突出企业的口号和用意，且交货时间较短。</p>
                </div>
              </div>
              <div class="clear"></div>
            </div>
            </li>
                        <li  id="p-1"  >
            <div class="gyw8">
              <div class="gyw8c">
                <div class="gyw8l"> <img src="uploadfile/20140709/20140709101612_99335.jpg" width="90" height="65" /> </div>
                <div class="gyw8r">
                  <h1>包装盒</h1>
                  <p style="height:40px; overflow:hidden">包装盒以其精美造型和装潢来宣传美化商品，更是商品价值的完美体现，增加产品的附加值。</p>
                </div>
              </div>
              <div class="clear"></div>
            </div>
            </li>
                      </ul>
        </div>
      </div>
      <!-- 轮播2结束 --> 
    </div>
  </div>
</div>
<div style="height:60px;background:#f2f2f2;"></div>
<div class="cont2">
  <ul>
    <li class="xw">
      <div class="xw1">
        <div class="xw2"> <img src="templates/LCO-HLJ-0301/images/img_7.png" alt=""> </div>
        <div class="xw3"> <span class="xwp1">新闻资讯</span><span class="xwp2">News</span>
          <div class="clear"></div>
          <div class="xw4"> 
                        <ul>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=48&lanmu=1">制版的显影液浓度分析</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=55&lanmu=1">装订方式</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=50&lanmu=1">显影液疲劳衰退与补充</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=49&lanmu=1">显影温度与时间</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=47&lanmu=1">印务概述及特点</a></li>
                          </ul>
             </div>
        </div>
      </div>
    </li>
    <li class="xw">
      <div class="xw1">
        <div class="xw2"> <img src="templates/LCO-HLJ-0301/images/a1.jpg" alt=""> </div>
        <div class="xw3"> <span class="xwp1">公司简介</span><span class="xwp2">About us</span>
          <div class="clear"></div>
         <div class="xw4" style="line-height:24px;">  
           
            <p><p>
	<br />
</p>
<p>
	哈尔滨华德印务有限公司以产品质量为根本，从事商务及书刊印刷。公司拥有全套进口印刷装订设备。可提供设计、制版、印刷、装订等******的服务。公司下设华德图文制作，拥有先进的数码短版印刷设备，真正实现了，从一张起印到批量印刷的全方位印刷服务。
</p>
<span style="line-height:1.5;"></span> 
<p>
	<br />
</p>
<br /></p>
          </div>
        </div>
      </div>
    </li>
    <li class="xw">
      <div class="xw1">
        <div class="xw2"> <img src="templates/LCO-HLJ-0301/images/a2.jpg" alt=""> </div>
        <div class="xw3"> <span class="xwp1">合作伙伴</span><span class="xwp2">Partners</span>
          <div class="clear"></div>
          <div class="xw4"> 
                        <ul>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=65&lanmu=1">房产开发</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=64&lanmu=1">商贸企业</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=63&lanmu=1">工矿企业</a></li>
                            <li><img src="templates/LCO-HLJ-0301/images/img_15.png" alt=""><a href="index.php?p=newsshow&id=62&lanmu=1">机关事业</a></li>
                          </ul>
             </div>
        </div>
      </div>
    </li>
    <li class="xw">
      <div class="xw1">
        <div class="xw2"> <img src="templates/LCO-HLJ-0301/images/a3.jpg" alt=""> </div>
        <div class="xw3"> <span class="xwp1">华德资质</span><span class="xwp2">Printing</span>
          <div class="clear"></div>
          <div class="xw4" style="line-height:24px;">  
            <!--   <ul>
                          <li><img src="templates/LCO-HLJ-0301/images/img_11.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_12.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_13.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_14.png" alt="">  <a href="">新起点新挑战新征程——</a></li>

                        </ul> -->
            <p>哈尔滨华德印务有限公司是黑龙江省出版局出版物印刷及包装装潢印制企业，政府采购定点企业。</p>
          </div>
        </div>
      </div>
    </li>
    <li class="xw">
      <div class="xw1">
        <div class="xw2"> <img src="templates/LCO-HLJ-0301/images/a4.jpg" alt=""> </div>
        <div class="xw3"> <span class="xwp1">联系我们</span><span class="xwp2">Contact Us</span>
          <div class="clear"></div>
          <div class="xw4" style="line-height:24px;">  
            <!--   <ul>
                          <li><img src="templates/LCO-HLJ-0301/images/img_11.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_12.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_13.png" alt="">  <a href="">新起点新挑战新征程——</a></li>
                          <li><img src="templates/LCO-HLJ-0301/images/img_14.png" alt="">  <a href="">新起点新挑战新征程——</a></li>

                        </ul> -->
            <p><p>
	<span style="line-height:1.5;">地址：哈尔滨市香坊区哈平路8号凯旋广场A座15层1510室</span> 
</p>
<p>
	<span style="line-height:1.5;"></span> 
</p>
<p>
	电话：0451-82163878&nbsp;
</p>
<p>
	　　　18945029769
</p>
<p>
	Q &nbsp;Q：3004127754<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;3004159615
</p>
<div>
	<br />
</div>
<p>
	<br />
</p>
<p>
	<br />
</p>
<p>
	<br />
</p>
<p>
	<br />
</p>
<p>
	<br />
</p></p>
          </div>
        </div>
      </div>
    </li>
  </ul>
</div>
</div>
     <div class="clear"></div>
      <div style="height:25px;background:#f2f2f2;"></div>
<div class="footer">
        
        <div class="footer1">
       <span id="gotop">   <img src="templates/LCO-HLJ-0301/images/footer1.png" alt="" /></span>
        </div>
          <div class="footer2">
            <span class="sp1">
              contact us
            </span>
            <span class="sp2">
              联系我们
            </span>
          </div>
          <div class="clear"></div>
          <div class="footer3">
            <h1>18945029769</h1>
          </div>
        <!--  <div class="footer4">
           <form method="post" action="inc/gbooksave.php" name="myform" onsubmit="doSubmit();">
              <div class="from1">
                <input type="text" name="fn_name" placeholder="   尊称/Name..." value="   尊称/Name...">
              </div>
              <div class="from2">
                <input type="text" name="fn_tel" placeholder="   电话/Tel..." value="   电话/Tel...">
              </div>
              <div class="clear"></div>
              <div style="height:10px; margin:0 auto;width:570px;"></div>
              <div class="from3">
                <input type="text" name="fn_dizhi" placeholder="   地址/Add..." value="   地址/Add...">
              </div>
              <div style="height:10px; margin:0 auto;width:570px;"></div>
              <div class="from4">
              <textarea name="fn_content"  placeholder="   需求/Detals..."></textarea>
                 <div class="form3">
                        <input type="submit" value="提交内容">
                      </div>
              </div>
            </form>
          </div>-->
      </div>
      <div class="footer6">
         <div style="height:76px; margin:0 auto;width:570px;"></div>
          <div class="header5">
            <p style="text-align:center;">
	版权所有：哈尔滨华德印务有限公司　　电话：0451-82163878 0451-82167838　传真：0451-82167838
</p>
<p style="text-align:center;">
	地址：哈尔滨市香坊区哈平路8号凯旋广场A座15层1510室
</p>
<p style="text-align:center;">
	QQ：3004127754 &nbsp;3004129749 &nbsp; 3004159615
　　邮箱：hrb-hdyw@126.com
</p>
<p style="text-align:center;">
	技术支持：<a href="http://www.longcai.com" target="_blank">龙采科技</a>&nbsp; 备案号：<a href="http://beian.miit.gov.cn/#/Integrated/" target="_blank">黑ICP备07500234号-1</a> 
</p>
              <!-- WPA start -->
              <a href="https://wpa.qq.com/HoKfzrVIz?v=1" target="_blank" title="" style="display:flex;justify-content:center;align-items:center;padding:0 11px;height:28px;border-radius:22px;color:#FFF;font-size:12px; font-weight:bold;cursor: pointer;">
                  <image style="width:17px;height:20px;margin-right:4px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAoCAMAAACsAtiWAAAARVBMVEUAAAASt/YSuPUSt/USt/USuPYTt/QUt/cQt/cTt/YSufUTt/YSt/YTt/QTtvQYt/cStvYStvQYr+8TuPYTufUUt/MSt/WEX/iHAAAAFnRSTlMAn+/fgM+/QCC/MI/fYFAgcHAQr1BApIwruQAAANJJREFUOMutlFsSwiAMRWl4Q6laNftfqjJTa/EG+uP56/RMEkiIavDZEjPF7JWMj7yjRclwg0Ej8w8TxgCurXFhgdQoTlIiBEGOx5pkJR8ULSv0NRJ3CLuy9JQClwIYqBaY/qzczxXdU2jdjMJdHtBDIEIPkQTnAQwUCxA0CPGQR7waYj7J9OQTYBAkxY3TVMUyDwLdqsJsqyZjlavKHPr1ZBVmpaYwfgEBxq67HNaZkVrCgURoUFINCyoLrDkkFlhRo0VV3DZWWlvnrP582dv75wvyHlIzvIkb/gAAAABJRU5ErkJggg==">华德印刷
              </a >
              <!-- WPA end -->
<!--            <a href="https://wpa.qq.com/HoKfzrVIz?v=1">华德印刷</a>-->
            <div style="clear:both"></div>
          </div>
          <div style="height:46px; margin:0 auto;width:570px;"></div>
      </div>
      
      
      
      
       <script type="text/javascript">
            (function(){
                var gotop = document.getElementById('gotop');
                gotop.onclick = function(){
                    window.scrollTo(0,0);
                }
            })()
//jq方法：
$("#back-to-top").click(function(){
        $('body,html').animate({scrollTop:0},200);
        return false;
        });
        </script>


</body>
<script>
    $(".li").mouseover(function(){
      athis=$(this).index(".li");
    });
    $(".li").mouseover(function(){
        $(".li").eq(athis).find("a:first").attr({style:"background:#19344f;display:block;color:#fff;"});
        // $(".li").eq(athis).find("a").attr({style:"color:#fff;"});
    });
    $(".ul").mouseover(function(){
        $(".li").eq(athis).find("a:first").attr({style:"background:#19344f;display:block;color:#fff;"});
        // $(".li").eq(athis).find("a").attr({style:"color:#fff;"});
    });
    $(".li").mouseout(function(){
        $(".li").eq(athis).find("a:first").attr({style:"color:#0a3351;background:#f2f2f2;display:block;"});
        // $(".li").eq(athis).find("a").attr({style:"color:#fff;"});
    });
    $(".ul").mouseout(function(){
        $(".li").eq(athis).find("a:first").attr({style:"color:#0a3351;background:#f2f2f2;display:block;"});
        // $(".li").eq(athis).find("a").attr({style:"color:#fff;"});
    });
   $(".sj2 li").eq('1').attr({style:"background:#fff;color:#2a9176;"});
   $(".sj2 li h1").eq('1').attr({style:"color:#2a9176;"});
    $(".sjx").eq('1').attr({style:"color:#2a9176;"});
    $(".sj2 li").eq('3').attr({style:"background:#fff;color:#2a9176;"});
   $(".sj2 li h1").eq('3').attr({style:"color:#2a9176;"});




      $(".sjx").eq('3').attr({style:"color:#2a9176;"});
      $(document).ready(function() {
          var i_curIndex = 0;
          var beauBeauSlide;//函数对象
          var i_curID = 0;//取得鼠标下方的对象ID
          var pictureID = 0;//索引ID
          $("#i_focus_piclist li").eq(0).show();//默认
          autoScroll();
          $("#i_focus_btn li").hover(function() {
              StopScrolll();
              $("#i_focus_btn li").removeClass("i_cur")//所有的li去掉当前的样式加上正常的样式
              $(this).addClass("i_cur");//而本身则加上当前的样式去掉正常的样式
              i_curID = $(this).attr("id");//取当前元素的ID
              pictureID = i_curID.substring(i_curID.length - 1);//取**后一个字符
              $("#i_focus_piclist li").eq(pictureID).fadeIn("slow");//本身显示
              $("#i_focus_piclist li").not($("#i_focus_piclist li")[pictureID]).hide();//除了自身别的全部隐藏
              $("#i_focus_tx li").hide();
              $("#i_focus_tx li").eq(pictureID).show();

          },
          function() {
             //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
              i_curID = $(this).attr("id");//取当前元素的ID
              pictureID = i_curID.substring(i_curID.length - 1);//取**后一个字符
              i_curIndex = pictureID;
              autoScroll();
          });
         //自动滚动
          function autoScroll() {
              $("#i_focus_btn li:last").removeClass("i_cur");
              $("#i_focus_tx li:last").hide();
              $("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
              $("#i_focus_btn li").eq(i_curIndex - 1).removeClass("i_cur");
              $("#i_focus_tx li").eq(i_curIndex).show();
              $("#i_focus_tx li").eq(i_curIndex - 1).hide();
              $("#i_focus_piclist li").eq(i_curIndex).fadeIn("slow");
              $("#i_focus_piclist li").eq(i_curIndex - 1).hide();
              i_curIndex++;
              i_curIndex = i_curIndex >= 3 ? 0 : i_curIndex;
              beauBeauSlide = setTimeout(autoScroll, 2000);
          }
          function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
          {
              clearTimeout(beauBeauSlide);
          }
      });
</script>
</html>