<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>北京华宇博通科技有限公司</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="plugins/revolution/css/settings.css" rel="stylesheet" type="text/css"><!-- REVOLUTION SETTINGS STYLES -->
<link href="plugins/revolution/css/layers.css" rel="stylesheet" type="text/css"><!-- REVOLUTION LAYERS STYLES -->
<link href="plugins/revolution/css/navigation.css" rel="stylesheet" type="text/css"><!-- REVOLUTION NAVIGATION STYLES -->
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!--Color Switcher Mockup-->
<link href="css/color-switcher-design.css" rel="stylesheet">

<!--Color Themes-->
<link id="theme-color-file" href="css/color-themes/default-theme.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 <!--seo关键词-->
<meta
  name="Keywords"
  content="huayu,华宇,华宇文档,华宇博通,档案,数字化,电子化,档案扫描,北京"
/>
<!--seo一段描述-->
<meta
  name="Description"
  content="华宇博通科技有限公司可提供档案管理系统、档案数字化等多项档案相关系统及服务。官网：huayudoc.com"
/>
<!--网站作者-->
<meta name="author" content="huayudoc" />
<!--网站版权-->
<meta name="copyright" content="huayudoc" />
<!--seo关键词-->
<!--[if lt IE 9]><script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
    <!-- Main Header-->
    <header class="main-header">
      <!-- Main Box -->
    	<div class="main-box">
        	<div class="auto-container">
            	<div class="outer-container clearfix">
                    <!--Logo Box-->
                    <div class="logo-box">
                        <div class="logo"><a href="index.html#"><img src="images/logo.png" alt=""></a></div>
                    </div>
                    <!--Nav Box-->
                    <div class="nav-outer clearfix">
                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-md navbar-light">
                            <div class="navbar-header">
                                <!-- Togg le Button -->
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="icon flaticon-menu"></span>
                                </button>
                            </div>
                            
                            <div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
                                <ul class="navigation clearfix">
                                    <li><a href="index.html#" style="color:#009fe9">首页</a></li>
                                    <li><a href="#trait">优势</a></li>
                                    <li><a href="#services">服务</a></li>
                                    <li><a href="#projects">经典案例</a></li>
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->
                        <!-- <div class="outer-box">
                        	<a href="contact.html" class="theme-btn btn-style-one">免费咨询</a>
                        </div> -->
                    </div>
                    <!--Nav Outer End-->
            	</div>    
            </div>
        </div>
        
        <!--Sticky Header-->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html#" title="A-Like"><img src="images/logo.png" alt="A-Like" title="A-Like"></a>
                </div>
                <!--Right Col-->
                <div class="right-col pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <div class="navbar-collapse show collapse clearfix">
                            <ul class="navigation clearfix">
                                <li><a href="index.html#">首页</a></li>
                                <li><a href="#trait">优势</a></li>
                                <li><a href="#services">服务</a></li>
                                <li><a href="#projects">经典案例</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                    </nav>
                    <!-- Main Menu End-->
                </div>
                
            </div>
        </div><!--End Sticky Header-->
        
    </header>
    <!--End Main Header -->
    
    <!--Main Slider-->
    <section class="main-slider">
        <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
            <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                <ul>
                    <!-- Slide 1 -->
                    <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1688" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-1.jpg" data-title="Slide Title" data-transition="parallaxvertical">

                        <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/main-slider/image-1.jpg"> 
                    
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['560','700','700','550']"
                        data-whitespace="nowrap"
                        data-hoffset="['15','15','15','15']"
                        data-voffset="['-110','-90','-70','-70']"
                        data-x="['left','left','left','left']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h3>我们提供</h3>
                        </div>
                    
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['650','700','700','550']"
                        data-whitespace="nowrap"
                        data-hoffset="['15','15','15','15']"
                        data-voffset="['-55', -40','-30','-20']"
                        data-x="['left','left','left','left']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h2>优秀的档案数字化 <span class="theme_color">解决方案</span></h2>
                        </div>
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['560','700','700','550']"
                        data-whitespace="nowrap"
                        data-hoffset="['15','15','15','15']"
                        data-voffset="['10','10','10','40']"
                        data-x="['left','left','left','left']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="text">打造档案数字化服务标杆企业</div>
                        </div>
                        
                        <div class="tp-caption tp-resizeme" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['560','700','700','550']"
                        data-whitespace="nowrap"
                        data-hoffset="['15','15','15','15']"
                        data-voffset="['100','90','80','110']"
                        data-x="['left','left','left','left']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="btns-box">
                                <a href="#" class="theme-btn btn-style-two">解决方案</a>
                            </div>
                        </div>
                    </li>
                    
                    <!-- Slide 2 -->
                    <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1689" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-2.jpg" data-title="Slide Title" data-transition="parallaxvertical">

                        <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/main-slider/image-2.jpg"> 
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['125','125','125','125']"
                        data-whitespace="nowrap"
                        data-hoffset="['150','100','50','0']"
                        data-voffset="['-110','-100','-90','-90']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h3>我们提供</h3>
                        </div>
                            

                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['480','385','385','385']"
                        data-whitespace="nowrap"
                        data-hoffset="['278','228','178','128']"
                        data-voffset="['-55','-60','-50','-50']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h2>高品质档案数字化 <span class="theme_color">服务</span></h2>
                        </div>
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['480','480','480','480']"
                        data-whitespace="nowrap"
                        data-hoffset="['325','275','225','175']"
                        data-voffset="['10','-10','-10','-10']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="text">打造档案数字化标杆服务</div>
                        </div>
                        
                        <div class="tp-caption tp-resizeme" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['190','190','190','190']"
                        data-whitespace="nowrap"
                        data-hoffset="['180','130','80','30']"
                        data-voffset="['100','60','50','50']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="btns-box">
                                <a href="#" class="theme-btn btn-style-two">数字化服务</a>
                            </div>
                        </div>
                    </li>

                    <!-- Slide 3 -->
                    <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1690" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-2.jpg" data-title="Slide Title" data-transition="parallaxvertical">

                        <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/main-slider/image-3.jpg"> 
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['125','125','125','125']"
                        data-whitespace="nowrap"
                        data-hoffset="['0','0','0','0']"
                        data-voffset="['-110','-70','-70','-90']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h3>我们提供</h3>
                        </div>
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['560','560','560','560']"
                        data-whitespace="nowrap"
                        data-hoffset="['0','0','0','0']"
                        data-voffset="['-55','-20','-30','-60']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <h2>高效便捷的 <span class="theme_color">数字档案馆系统</span></h2>
                        </div>
                        
                        <div class="tp-caption" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['480','480','480','480']"
                        data-whitespace="nowrap"
                        data-hoffset="['0','0','0',0]"
                        data-voffset="['10','20','10',-30']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="text">打造档案数字化服务标杆系统</div>
                        </div>
                        
                        <div class="tp-caption tp-resizeme" 
                        data-paddingbottom="[0,0,0,0]"
                        data-paddingleft="[0,0,0,0]"
                        data-paddingright="[0,0,0,0]"
                        data-paddingtop="[0,0,0,0]"
                        data-responsive_offset="on"
                        data-type="text"
                        data-height="none"
                        data-width="['190','190','190','190']"
                        data-whitespace="nowrap"
                        data-hoffset="['14','14','14','14']"
                        data-voffset="['100','80','70','30']"
                        data-x="['center','center','center','center']"
                        data-y="['middle','middle','middle','middle']"
                        data-textalign="['top','top','top','top']"
                        data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                            <div class="btns-box">
                                <a href="#" class="theme-btn btn-style-two">数字档案馆</a>
                            </div>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </div>
    </section>
    <!--End Main Slider-->
    
	<!--Who We Are-->
    <section id="trait" class="who-we-are">
    	<div class="auto-container">
        	<!--Sec Title-->
            <div class="sec-title centered">
            	<div class="title">我们提供</div>
                <h2>更合理的方案</h2>
                <div class="separator"></div>
            </div>
            
            <!--Services-->
            <div class="services-box">
            	<div class="row clearfix">
                	<!--Service Block one-->
                    <div class="service-block-one col-lg-4 col-md-6 col-sm-12">
                    	<div class="inner-box">
                        	<div class="upper-content"><div class="icon"><span class="fa fa-modx"></span></div><div class="count">01</div></div>
                            <h3><a href="#">个性定制</a></h3>
                            <div class="desc-text">为企业量身定制个性化产品及服务，融合互联网、人工智能、RPA等技术提供成套解决方案。</div>
                        </div>
                    </div>
                    <!--Service Block one-->
                    <div class="service-block-one col-lg-4 col-md-6 col-sm-12">
                    	<div class="inner-box">
                        	<div class="upper-content"><div class="icon"><span class="fa fa-heartbeat"></span></div><div class="count">02</div></div>
                            <h3><a href="#">用心服务</a></h3>
                            <div class="desc-text">以强大的行业专业知识背景为依托，升级服务的专业性，以永远高于客户的期待为目标。</div>
                        </div>
                    </div>
                    <!--Service Block one-->
                    <div class="service-block-one col-lg-4 col-md-6 col-sm-12">
                    	<div class="inner-box">
                        	<div class="upper-content"><div class="icon"><span class="fa fa-shield"></span></div><div class="count">03</div></div>
                            <h3><a href="#">安全防护</a></h3>
                            <div class="desc-text">由档案行政管理部门颁发的从业资格证书，为客户严格保护文件资料的安全性和保密性。</div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </section>
	
    <!--Services Section-->
    <section id="services" class="services-section" style="background-image:url(images/background/1.jpg)">
    	<div class="auto-container">
        	<!--Sec Title-->
            <div class="sec-title centered">
            	<div class="title">我们提供</div>
                <h2>更专业的服务</h2>
                <div class="separator"></div>
            </div>
            <div class="four-item-carousel owl-carousel owl-theme">
            
                <!--Services Block Two-->
                <div class="services-block-two">
                    <div class="inner-box">
                        <div class="image">
                            <a href="services.html?id=1"><img src="images/resource/service-01.jpg" alt="" /></a>
                            <div class="overlay-box">
                                <!-- <div class="line-box"></div> -->
                                <div class="over-content">
                                    <h5><a href="services.html?id=1">档案信息化咨询规划服务</a></h5>
                                    <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                                </div>
                            </div>
                        </div>
                        <div class="lower-box">
                            <h3><a href="services.html?id=1">档案信息化咨询规划服务</a></h3>
                            <div class="text">档案信息化咨询规划服务，从顶层设计的角度对档案信息化建设工作进行规划，从基础设施、数据资源、信息系统、人才队伍、保障体系六方面进行规划设计，最终形成规划方案、档案系统设计方案、实施方案、需求规范和技术规范，以指导档案信息系统的设计、开发、建设、推广和深化应用工作。</div>
                            <a href="services.html?id=1" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
            	<!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=2"><img src="images/resource/service-02.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=2">文书档案整理服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=2">文书档案整理服务</a></h3>
                            <div class="text">依据《归档文件整理规则》（DA/T 22-2015）、建设单位文书档案管理制度、文件材料归档范围与保管期限，结合实际需求，对各司局（处室）文书文件进行收集、鉴定文件保管期限、重新按各司局（处室）保管期限分类排序、形成档案盒号及件号、出具归档文件目录、装盒排架等工作，最终形成规范化文书档案。</div>
                            <a href="services.html?id=2" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=3"><img src="images/resource/service-03.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=3">专业档案整理服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=3">专业档案整理服务</a></h3>
                            <div class="text">依据《科学技术档案案卷构成的一般要求》（GB/T11822-2008），结合专业档案工作实际，将专业归档文件材料以卷为单位进行管理，包括组卷、排列、编号、编目、装订、装盒、排架等使之有序化的过程。</div>
                            <a href="services.html?id=3" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=4"><img src="images/resource/service-04.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <div class="over-content">
                              <h5><a href="services.html?id=4">科技档案整理服务（基建、设备、科研）</a></h5>
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=4">科技档案整理服务（基建、设备、科研）</a></h3>
                            <div class="text">依据《科学技术档案案卷构成的一般要求》（GB/T11822-2008）、《建设项目档案管理规范》（DA/T28-2018）及《国家电子政务工程建设项目档案管理暂行办法》，结合实际需求，对实体文件进行分类、查缺、组卷、装盒、填写脊背信息、出具归档文件目录等工作，最终形成规范的科技类档案。</div>
                            <a href="services.html?id=4" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=5"><img src="images/resource/service-05.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=5">财务档案整理服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=5">财务档案整理服务</a></h3>
                            <div class="text">依据《会计档案管理办法》，对实体文件进行分类、鉴定保管期限、列出缺失文件统计清单、破损档案裱糊、统计档案信息清单、录入、装盒、编制盒脊信息等。最终形成规范的财务档案，便于工作人员的利用与查找。</div>
                            <a href="services.html?id=5" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=6"><img src="images/resource/service-06.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=6">会计凭证装订（扫描）服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=6">会计凭证装订（扫描）服务</a></h3>
                            <div class="text">会计凭证装订服务：摘掉凭证上无关、易锈物品，按年度、月份、记账凭证编号进行顺序码放。在记账凭证上放封面、封底、包角纸后进行打孔、胶装。包角纸侧脊及封面上填写相关信息。</div>
                            <a href="services.html?id=6" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>

                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=7"><img src="images/resource/service-07.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=7">会计凭证扫描服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=7">会计凭证扫描服务</a></h3>
                            <div class="text">会计凭证扫描服务：依据用户方档案实际利用使用情况，对资金到款、支出、税费、报销等便于利用、审计、查询较多的财务文件进行扫描，为日常工作及审计查询提供便利。</div>
                            <a href="services.html?id=7" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=8"><img src="images/resource/service-08.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div>h5 -->
                            <div class="over-content">
                              <h5><a href="services.html?id=8">人事档案整理服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=8">人事档案整理服务</a></h3>
                            <div class="text">人事档案整理：依据干部人事档案材料分类及排列顺序一览表进行文件归档整理，以一人一号进行档案鉴定、整理分类、卷内文件排序、编码（编类）编页、编制目录、装裱、对各类零散资料进行添加等工作，最终装订成册。</div>
                            <a href="services.html?id=8" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=9"><img src="images/resource/service-09.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=9">人事档案审核服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=9">人事档案审核服务</a></h3>
                            <div class="text">人事档案审核：人事档案审核的关键工作在于“三龄二历一身份”的确定，其中“三龄”指的是年龄、工龄与党龄，“二历”指的是学历、工作经历，“一身份”指的是干部身份，并且对年度考核登记表等相关材料进行查缺，查看有无材料不全、错号等不规范现象，并科学合理地对错误问题进行修正。</div>
                            <a href="services.html?id=9" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=10"><img src="images/resource/service-10.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=10">档案数字化服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=10">档案数字化服务</a></h3>
                            <div class="text">纸质档案数字化工作按照《纸质档案数字化技术规范》（DA/T 3-2017）技术要求执行。通过扫描把以纸介质为载体的文件资料转变为数字信息，并进一步对电子文件进行处理，确保档案电子图像完整、清晰、无误，保证图像和档案实体一一对应。电子化后的文件可进行OCR识别，最终形成可复制、粘贴的PDF文件，以便于查阅、审计、资料核准、专家评审等工作。</div>
                            <a href="services.html?id=10" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
                
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=11"><img src="images/resource/service-11.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=11">档案软件系统建设服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=11">档案软件系统建设服务</a></h3>
                            <div class="text">为用户提供数字档案室软件系统建设服务，建设符合国家和社会信息化发展要求的数字档案室，有利于提高机关档案工作水平，维护机关档案信息的真实、完整、可用和安全，提升机关行政效率和公共服务能力；有利于促进机关档案信息资源建设，实现档案信息资源总量增加、质量提高和结构优化，推动机关档案信息化工作全面、健康、均衡发展。</div>
                            <a href="services.html?id=11" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
				
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=12"><img src="images/resource/service-12.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=12">人员驻场服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=12">人员驻场服务</a></h3>
                            <div class="text">目前，我方可为用户提供档案驻场服务人员，协助用户进行档案查阅、利用、借阅、文件交换、公文运转、收发文整理及表格文件的制作等工作。有利于提升机关人员行政办公效率、档案规范利用水平。</div>
                            <a href="services.html?id=12" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
				
                
                <!--Services Block Two-->
                <div class="services-block-two">
                	<div class="inner-box">
                    	<div class="image">
                        	<a href="services.html?id=13"><img src="images/resource/service-13.jpg" alt="" /></a>
                          <div class="overlay-box">
                            <!-- <div class="line-box"></div> -->
                            <div class="over-content">
                              <h5><a href="services.html?id=13">档案代存（托管）服务</a></h5>
                              <!-- <div class="link-box"><a href="#"><span class="fa fa-link"></span></a></div> -->
                            </div>
                          </div>
                        </div>
                        <div class="lower-box">
                        	<h3><a href="services.html?id=13">档案代存（托管）服务</a></h3>
                            <div class="text">公司与中信外包服务集团有限公司（以下简称“中信外包”）建立战略合作关系，是北京地区授权档案代存（托管）服务单位。为用户提供实体档案代存（托管）服务、实体调阅、电子数据调阅等一系列综合管理服务。档案类型包括纸质和非纸质，如资料、凭证、票据、契约、文件、胶片、图纸、光盘等。</div>
                            <a href="services.html?id=13" class="theme-btn btn-style-five">了解更多 </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Services Section-->
    
    <!-- Awesome Projects -->
    <section id="projects" class="our-projects">
        <div class="auto-container">
            <div class="sec-title">
                <!-- <div class="title">Whould you like to see Our</div> -->
                <h2>经典案例</h2>
                <div class="separator"></div>
            </div>
            <div class="filterable-gallery clearfix">
                <!-- <div class="filters">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="active filter" data-role="button" data-filter="all">全部</li>
                        <li class="filter" data-role="button" data-filter=".banking">企事业单位</li>
                        <li class="filter" data-role="button" data-filter=".finance">医院</li>
                        <li class="filter" data-role="button" data-filter=".strategic">大学</li>
                        <li class="filter" data-role="button" data-filter=".saving">民用企业及其他</li>
                    </ul>
                </div> -->

                <div class="filter-list row clearfix items-container ">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all banking col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box"> 
                            <figure class="image-box"><img src="images/gallery/project-1.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                        <!-- <div class="category">国家地震局</div> -->
                                        <h4>中国电信</h4>
                                        <!-- <a href="#"><i class="fa fa-link"></i></a> -->
                                        <!-- <a href="images/gallery/project1.jpg" class="lightbox-image"><i class="fa fa-eye"></i></a> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all finance col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <figure class="image-box"><img src="images/gallery/project-2.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                      <h4>中国联通</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all banking col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <figure class="image-box"><img src="images/gallery/project-3.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                      <h4>北京同仁堂</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all saving col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <figure class="image-box"><img src="images/gallery/project-4.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                      <h4>北京信息科技大学</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all finance col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <figure class="image-box"><img src="images/gallery/project-5.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                      <h4>北京科技大学</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item mix all strategic col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <figure class="image-box"><img src="images/gallery/project-6.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="overlay-inner">
                                    <div class="overlay-content">
                                        <h4>中国地震局</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

	<!--Quote Section-->
  <section class="quote-section" style="background-image:url(images/background/5.jpg);display:none">
    <div class="auto-container">
        <div class="quote-box">
            <div class="inner-box">
                <div class="sec-title light">
                    <h2>在线留言</h2>
                      <div class="separator centered"></div>
                  </div>
                  
                  <!-- Quote Form -->
                  <div class="quote-form contact-form">
                      <!--Shipping Form-->
                      <form method="post" action="tp/public/index.php/Connect/me" id='contact-form'>
                          <div class="row clearfix">
                              <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                  <!-- <select class="custom-select-box">
                                      <option>Accounting Management</option>
                  <option>Management One</option>
                  <option>Management Two</option>
                  <option>Management Three</option>
                  <option>Management Four</option>
                                  </select> -->
                                  <input type="text" name="message" placeholder="留言（选填）">
                              </div>
                              <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                  <input type="text" name="title" placeholder="称呼" required>
                              </div>
                              <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                  <input type="emailornumber" name="emailornumber" placeholder="邮箱或电话" required>
                              </div>
                              <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                  <button class="theme-btn btn-style-one" type="submit" name="submit-form">留言 <span class="icon flaticon-arrow-pointing-to-right"></span></button>
                                  <div class="text send-seatus send-info">在线留言 <br> 我们会在2个工作日内与您联系</div>
                                  <div class="text send-seatus send-success" style="color: #009fe9;display: none;">留言成功！ <br> 我们会在2个工作日内与您联系</div>
                                  <div class="text send-seatus send-error" style="color:#721c24;display: none;">系统繁忙！ <br> 请主动联系我们</div>
                              </div>
                          </div>
                      </form>
                  </div>
                  
              </div>
          </div>
      </div>
  </section>
  <!--End Quote Section-->

	<!-- Testimonials - ->
	<div class="testimonials">
		<div class="auto-container">
			<div class="sec-title">
				<!-- <div class="title">Some awesome text from our clients</div> - ->
				<h2>专业资质</h2>
				<div class="separator"></div>
			</div>
			<div class="testimonial-slider owl-carousel">
				
				<!--Slide Item- ->
				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">认真负责，</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor1.jpg" alt=""><div class="social facebook"><span class="fa fa-facebook-f"></span></div></figure>
							<h3>Jannatul Fa.</h3>
							<div class="designation">Photographer CreativeGigs</div>
						</div>
					</div>
				</div>

				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">Looking cautiously round, ascertan that they were not great over heard, cowered fire chuckd.</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor2.jpg" alt=""><div class="social twitter"><span class="fa fa-twitter"></span></div></figure>
							<h3>Antema Luzik</h3>
							<div class="designation">Senior Manager of Google</div>
						</div>
					</div>
				</div>

				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">Looking cautiously round, ascertan that they were not great over heard, cowered fire chuckd.</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor3.jpg" alt=""><div class="social pinterest"><span class="fa fa-pinterest-p"></span></div></figure>
							<h3>Rashed kabir</h3>
							<div class="designation">Founder of CreativeGigs</div>
						</div>
					</div>
				</div>

				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">Looking cautiously round, ascertan that they were not great over heard, cowered fire chuckd.</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor4.jpg" alt=""><div class="social facebook"><span class="fa fa-facebook-f"></span></div></figure>
							<h3>Jannatul Fa.</h3>
							<div class="designation">Photographer CreativeGigs</div>
						</div>
					</div>
				</div>

				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">Looking cautiously round, ascertan that they were not great over heard, cowered fire chuckd.</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor5.jpg" alt=""><div class="social twitter"><span class="fa fa-twitter"></span></div></figure>
							<h3>Antema Luzik</h3>
							<div class="designation">Senior Manager of Google</div>
						</div>
					</div>
				</div>

				<div class="slide-item">
					<div class="inner-box">
						<div class="upper-content">
							<div class="text">Looking cautiously round, ascertan that they were not great over heard, cowered fire chuckd.</div>
							<div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o"></span><span class="fa fa-star-o"></span></div>
							<div class="quote-icon"></div>
						</div>
						<div class="lower-content">
							<figure class="image img-circle"><img class="img-circle" src="images/resource/advisor6.jpg" alt=""><div class="social pinterest"><span class="fa fa-pinterest-p"></span></div></figure>
							<h3>Rashed kabir</h3>
							<div class="designation">Founder of CreativeGigs</div>
						</div>
					</div>
				</div>
				
			</div><!-- End Slider - ->
		</div>
	</div><!-- End testimonial -->

    <!-- Why Choose Us -->
    <section class="why-us-section">
        <div class="auto-container">
            <div class="row clearfix">
                <!-- Image Column -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="image"><a href="images/resource/zizhi.png" class="lightbox-image" data-fancybox="images"><img src="images/resource/zizhi.png" alt=""></a></div>
                    </div>
                </div>

                <!-- Content Column -->
                <div class="content-column order-last col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <!-- <span class="title">我们提供</span>-->
                            <h2>专业资质</h2>
                            <!-- <div class="text">公司技术人员常年服务于自然资源、邮政、环保、药监、水利、交通、地震等多个行业。主要服务内容包括:</div>-->
                        </div>
                        <ul class="list-style-one clearfix">
                            <li>档案电子文件备份工具 [ 简称：US-ABT ] V1.1</li>
                            <li>电子文档影像处理系统 [ 简称：US-EDIPS ] V2.0</li>
                            <li>RFID档案标签管理系统 [ 简称：US-RTMS ] V2.6</li>
                            <li>综合档案管理系统 [ 简称：US-DMS ] V2.0</li>
                            <li>档案数字化管理系统 [ 简称：US-ADMS ] V3.0</li>
                        </ul>
                        <div class="btn-box">
                            <a href="contact.html" class="theme-btn btn-style-three">联系我们</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--End Why Choose Us -->

    <!--Call To Action Section -->
<!--     
    <section class="call-to-action-two" style="background-image:url(images/background/2.jpg);">
    	<div class="auto-container">
        	<div class="text">服务宗旨</div>
            <h2>品质服务、无尽追求</h2>
            <div class="link"><a href="contact.html" class="theme-btn btn-style-one">联系我们</a></div>
        </div>
   	</section> -->

    <!-- Products Section - ->
    <section class="products-section">
        <div class="auto-container">
            <div class="sec-title">
                <h2>Business Products</h2>
            </div>
            <div class="row">
                <div class="title-column col-lg-3 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <h4>The Best Furniture For You</h4>
                        <div class="text">It's not just about desks, workstations, chairs, files, tables or tools. It's about what you want your office furniture to do for yourself & your business.</div>
                        <div class="btn-box"><a href="#" class="theme-btn btn-style-one">More Product</a></div>
                    </div>
                </div>

                <div class="products-column col-lg-9 col-md-12 col-sm-12">
                    <div class="products-carousel owl-carousel owl-theme">
					
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-1.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">Chair One</a></h3>
										<div class="price">$42.00</div>
									</div>
								</div>
							</div>
						</div>
						
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-2.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">Table One</a></h3>
										<div class="price">$69.99</div>
									</div>
								</div>
							</div>
						</div>
						
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-3.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">HBR’s Strategy</a></h3>
										<div class="price">$49.00</div>
									</div>
								</div>
							</div>
						</div>
						
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-1.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">Margaret Atwood</a></h3>
										<div class="price">$42.00</div>
									</div>
								</div>
							</div>
						</div>
						
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-2.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">Yoga Mat Bag</a></h3>
										<div class="price">$69.99</div>
									</div>
								</div>
							</div>
						</div>
						
						<!--Shop Item- ->
						<div class="product-block">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource//product-3.jpg" alt="" />
									<ul class="options clearfix">
										<li><a href="#">Quick View</a></li>
										<li><a href="#"><span class="icon flaticon-shopping-cart"></span></a></li>
									</ul>
								</div>
								<div class="lower-box">
									<div class="content">
										<h3><a href="#">HBR’s Strategy</a></h3>
										<div class="price">$49.00</div>
									</div>
								</div>
							</div>
						</div>
					
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Products Section -->
<!-- 
    <section class="team-section">
    <!-- Team Section - ->
        <div class="remove-top">
            <div class="auto-container">
                <div class="sec-title centered">
                    <div class="title">Our Expart Team Members</div>
                    <h2>Meet Our Advisors</h2>
                    <div class="separator"></div>
                </div>
                
                <div class="row clearfix">
                    <!-- Team Block - ->
                    <div class="team-block col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image"><a href="#"><img src="images/resource/team-1.jpg" alt=""></a></div>
                                <ul class="social-links">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-whatsapp"></i></a></li>
                                </ul>
                                <h3 class="name"><a href="#">Scott Grey</a></h3>
                            </div>
                            <span class="designation">Architect</span>
                        </div>
                    </div>

                    <!-- Team Block - ->
                    <div class="team-block col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image"><a href="#"><img src="images/resource/team-2.jpg" alt=""></a></div>
                                <ul class="social-links">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-whatsapp"></i></a></li>
                                </ul>
                                <h3 class="name"><a href="#">Russel Reed</a></h3>
                            </div>
                            <span class="designation">Project Manager</span>
                        </div>
                    </div>

                    <!-- Team Block - ->
                    <div class="team-block col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image"><a href="#"><img src="images/resource/team-3.jpg" alt=""></a></div>
                                <ul class="social-links">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-whatsapp"></i></a></li>
                                </ul>
                                <h3 class="name"><a href="#">Cheryl Ray</a></h3>
                            </div>
                            <span class="designation">Interior Designer</span>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </section>
 -->
 <!-- 
    <section class="latest-news">
        <div class="auto-container">
            <div class="sec-title">
                <div class="title">Check out our Blog</div>
                <h2>Latest News</h2>
                <div class="separator"></div>
            </div>
            <div class="row clearfix">
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/news-1.jpg" alt=""></figure>
                            <div class="overlay-box"><a href="#"><i class="fa fa-link"></i></a></div>
                        </div>
                        <div class="caption-box">
                            <h3><a href="#">In Good Taste: Mark Finlay Architects & Interiors.</a></h3>
                            <ul class="info">
                                <li><i class="fa fa-calendar-check-o"></i> 06 June 2018,</li>
                                <li><i class="fa fa-user"></i> John Smith</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/news-2.jpg" alt=""></figure>
                            <div class="overlay-box"><a href="#"><i class="fa fa-link"></i></a></div>
                        </div>
                        <div class="caption-box">
                            <h3><a href="#">In Good Taste: Mark Finlay Architects & Interiors.</a></h3>
                            <ul class="info">
                                <li><i class="fa fa-calendar-check-o"></i> 06 June 2018,</li>
                                <li><i class="fa fa-user"></i> John Smith</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/news-3.jpg" alt=""></figure>
                            <div class="overlay-box"><a href="#"><i class="fa fa-link"></i></a></div>
                        </div>
                        <div class="caption-box">
                            <h3><a href="#">In Good Taste: Mark Finlay Architects & Interiors.</a></h3>
                            <ul class="info">
                                <li><i class="fa fa-calendar-check-o"></i> 06 June 2018,</li>
                                <li><i class="fa fa-user"></i> John Smith</li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section> -->

    <!--Main Footer-->
    <footer class="main-footer" style="background-image: url(images/background/4.png);">
        <!--Widgets Section-->
        <div class="widgets-section">
            <div class="auto-container">
                <div class="row clearfix">
                    <!--Big Column-->
                    <div class="big-column col-lg-6 col-md-12 col-sm-12">
                        <div class="row clearfix">
                            <!--Footer Column- ->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                                <div class="footer-widget about-widget">
                                    <div class="logo"><a href="index.html"><img src="images/footer-logo.png" alt=""></a></div>
                                    <div class="widget-content">
                                        <div class="text">The A-Like is to develop a viable business vocabulary, foster critical and analytical thinking, and refine your business decision-making skills.</div>
                                        <ul class="social-links">
                                            <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                                            <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
                                            <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
                                            <li><a href="#"><span class="fa fa-dribbble"></span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!--End Footer Column-->
                            
                            <!--Footer Column-->
                            <div class="footer-column col-lg-12 col-md-12 col-sm-12">
                                <div class="footer-widget contact-widget">
                                    <h2>联系方式</h2>
                                    <div class="widget-content">
                                        <ul class="contact-info">
                                            <li><span>电话: </span> +86 ‭134 2624 5409‬</li>
                                            <li><span>邮箱: </span> liu@huayudoc.com</li>
                                            <li><span>地址: </span> 北京市朝阳区西大望路甲12号2号楼25897号</li>
                                        </ul>
                                    </div>  
                                </div>
                            </div><!--End Footer Column-->
                            
                        </div>
                    </div><!--End Big Column-->
                    
                    <!--Big Column-->
                    <div class="big-column col-lg-6 col-md-12 col-sm-12">
                        <div class="row clearfix">
                            
                            <!--Footer Column-->
                            <div class="footer-column col-lg-12 col-md-12 col-sm-12">
                                <div class="footer-widget posts-widget">
                                    <h2>有情链接</h2>
                                    <div class="widget-content">
                                        <!--Post-->
                                        <div class="post">
                                            <div class="text"><a href="http://saac.gov.cn/">中华人民共和国国家档案局</a></div>
                                            <!-- <div class="info">May 13, 2016</div> -->
                                        </div>
                                        <!--Post-->
                                        <div class="post">
                                            <div class="text"><a href="http://www.bjma.gov.cn/">北京市档案信息网</a></div>
                                            <!-- <div class="info">May 13, 2016</div> -->
                                        </div>
                                    </div>
                                </div>
                            </div><!--End Footer Column-->
                            
                            <!--Footer Column- ->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                                <div class="footer-widget gallery-widget">
                                    <h2>Portfolio</h2>
                                    <div class="widget-content">
                                        <div class="outer clearfix">
                                            <figure class="image">
                                                <a href="images/gallery/project1.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw1.jpg" alt=""></a>
                                            </figure>
                                            <figure class="image">
                                                <a href="images/gallery/project2.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw2.jpg" alt=""></a>
                                            </figure>
                                            <figure class="image">
                                                <a href="images/gallery/project3.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw3.jpg" alt=""></a>
                                            </figure>
                                            <figure class="image">
                                                <a href="images/gallery/project4.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw4.jpg" alt=""></a>
                                            </figure>
                                            <figure class="image">
                                                <a href="images/gallery/project5.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw5.jpg" alt=""></a>
                                            </figure>
                                            <figure class="image">
                                                <a href="images/gallery/project6.jpg" class="lightbox-image" title="Image Title Here"><img src="images/gallery/fw6.jpg" alt=""></a>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div><!--End Footer Column-->
                        </div>
                    </div><!--End Big Column-->
                </div>
            </div>
        </div>
        <!--Footer Bottom-->
        <div class="footer-bottom">
            <div class="auto-container">
                <div class="copyright-text">版权所有 &copy; 2020.北京华宇博通科技有限公司 · 京ICP备20007406号

                    <!-- <a href="http://www.genban.org">Noor</a> -->
                </div>
            </div>
        </div>
    </footer>

</div><!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>

<!-- Color Palate / Color Switcher -->
<!-- <div class="color-palate">
    <div class="color-trigger">
        <i class="fa fa-paint-brush"></i>
    </div>
    <div class="color-palate-head">
        <h6>Choose Your Color</h6>
    </div>
    <div class="various-color clearfix">
        <div class="colors-list">
            <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span>
            <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span>
            <span class="palate red-color" data-theme-file="css/color-themes/red-theme.css"></span>
            <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span>
            <span class="palate pink-color" data-theme-file="css/color-themes/pink-theme.css"></span>
            <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span>
            <span class="palate brown-color" data-theme-file="css/color-themes/brown-theme.css"></span>
            <span class="palate yellow-color" data-theme-file="css/color-themes/yellow-color.css"></span>
        </div>
    </div>
	
	<ul class="box-version option-box"> <li class="box">Boxed</li> <li>Full width</li></ul>
	<ul class="rtl-version option-box"> <li class="rtl">RTL Version</li> <li>LTR Version</li> </ul>
	
    <a href="#" class="purchase-btn">Purchase now $17</a>
    
    <div class="palate-foo">
        <span>You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.</span>
    </div>

</div> -->

<!--Search Popup-->
<!-- <div id="search-popup" class="search-popup">
	<div class="close-search theme-btn"><span class="fa fa-remove"></span></div>
	<div class="popup-inner">
		<div class="overlay-layer"></div>
    	<div class="search-form">
        	<form method="post" action="index.html">
            	<div class="form-group">
                	<fieldset>
                        <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required >
                        <input type="submit" value="Search Now!" class="theme-btn">
                    </fieldset>
                </div>
            </form>
            
            <br>
            <h3>Recent Search Keywords</h3>
            <ul class="recent-searches">
                <li><a href="#">Business</a></li>
                <li><a href="#">Web Development</a></li>
                <li><a href="#">SEO</a></li>
                <li><a href="#">Logistics</a></li>
                <li><a href="#">Freedom</a></li>
            </ul>
        
        </div>
        
    </div>
</div> -->


<script src="js/jquery.js"></script> 
<!--Revolution Slider-->
<script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="js/main-slider-script.js"></script>

<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/validate.js"></script>
<script src="js/script.js"></script>
<script src="js/color-settings.js"></script>

</body>
<script>

  function scrollFun(){
    var preHeight = (document.documentElement.clientHeight || document.body.clientHeight)/4
    var heights = [$("#trait").offset().top-preHeight, $("#services").offset().top-preHeight, $("#projects").offset().top-preHeight]
    

    var scrollTop = $(window).scrollTop();
    var anchorPosition = 0;//当前锚点
    heights.forEach(e => {
      if(scrollTop>=e)
      anchorPosition++
    });
    console.log(anchorPosition)
      
    $(".sticky-header .main-menu ul.navigation li a").css('color','black');
    $(".sticky-header .main-menu ul.navigation li:eq("+anchorPosition+") a").css('color','color:#009fe9'); 

  }

  $(document).ready(function(){
    $(window).bind("scroll",scrollFun);
  })

</script>
</html>
