﻿<!DOCTYPE HTML>
<html>
<head>
<title>青鸟科技有限公司</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/team.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/services.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/aos.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css files -->
<!-- fonts -->
<link href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<link href="css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
<!-- fonts -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<script type="text/javascript">
(function(w, d, s, a, m) {
a = d.createElement(s);
a.async = 1;
a.src = "//us2.centcount.com/ca.php?sid=2004300000001001&ct=" + (new Date).getTime();
m = d.getElementsByTagName(s)[0];
m.parentNode.insertBefore(a, m)
})(window, document, "script");
</script>
<!-- /js files -->
</head>
<body>
<!-- banner section -->
<section class="banner-w3ls">
	<div class="logo-w3ls">
		<a href="index.html"><h1>青鸟科技有限公司</h1></a>
	</div>	
	<div class="navigation-w3ls">
		<button id="trigger-overlay" type="button"><i class="fa fa-bars" aria-hidden="true"></i></button>
		<div class="overlay overlay-door">
			<button type="button" class="overlay-close">Close</button>
			<nav>
				<ul>
					<li><a href="index.html" class="page-scroll">首页</a></li>
					<li><a href="#about" class="page-scroll">关于</a></li>
					<li><a href="#contact" class="page-scroll">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</div>
	<div class="pogoSlider" id="js-main-slider">
		<div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="2000"  style="background-image:url(images/banner1.jpg);">
			<div class="pogoSlider-slide-element">
				<div class="container">
					<a href="#about" class="btn btn-circle page-scroll">
						<i class="fa fa-angle-double-down animated"></i>
					</a>
				</div>	
			</div>
		</div>	
		<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000"  style="background-image:url(images/banner2.jpg);">
			<div class="pogoSlider-slide-element">
				<div class="container">
					<a href="#about" class="btn btn-circle page-scroll">
						<i class="fa fa-angle-double-down animated"></i>
					</a>
				</div>	
			</div>
		</div>	
		<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000"  style="background-image:url(images/banner3.jpg);">
			<div class="pogoSlider-slide-element">
				<div class="container">
					<a href="#about" class="btn btn-circle page-scroll">
						<i class="fa fa-angle-double-down animated"></i>
					</a>
				</div>	
			</div>
		</div>
	</div><!-- .pogoSlider -->	
</section>
<!-- /banner section -->
<!-- about section -->
<section class="about-w3l" id="about" data-aos="zoom-in">
	<div class="container">
		<div class="col-lg-6 col-md-6 col-sm-12">
			<h2>关于我们</h2>
			<p>青鸟科技有限公司一直秉承着“网聚物联生态 共创智能时代”的宗旨，对接全国运营商，为智能穿戴、车联网、金融行业、能源电力等数据采集终端行业提供更方便更低成本的联网能力，联合各人工智能设备研发机构让千家万户享受人工智能带给生活的便利。我们希望把运营商的网络能力跟产业的创新能力联合一起提高经济效益，节约投入成本，共建智慧城市。</p>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-12">
			<div id="slideshow-banner">
				<ul>
					<li class="slideshow-item"><img src="images/about-img1.jpg" alt="" class="img-responsive"/></li>
					<li class="slideshow-item"><img src="images/about-img2.jpg" alt="" class="img-responsive"/></li>
					<li class="slideshow-item"><img src="images/about-img3.jpg" alt="" class="img-responsive"/></li>
					<li class="slideshow-item"><img src="images/about-img4.jpg" alt="" class="img-responsive"/></li>
				</ul>
			</div>
		</div>
	</div>
</section>
<!-- contact section -->
<section class="contact-w3layouts jarallax" id="contact">
	<div class="container">
		<h3 class="text-center">联系我们</h3>
		<span class="fa fa-star-o" aria-hidden="true"></span>
		<div class="col-lg-5 col-md-5 col-sm-12" data-aos="zoom-in">
			<p class="contact-p1">青鸟科技有限公司一直秉承着“网聚物联生态 共创智能时代”的宗旨，对接全国运营商，为智能穿戴、车联网、金融行业、能源电力等数据采集终端行业提供更方便更低成本的联网能力，联合各人工智能设备研发机构让千家万户享受人工智能带给生活的便利。我们希望把运营商的网络能力跟产业的创新能力联合一起提高经济效益，节约投入成本，共建智慧城市。</p>
			<ul class="contact-w3ls">
				<li>
					<i class="fa fa-mobile" aria-hidden="true"></i>
					<p>+8613693949443</p>
				</li>
				<li>
					<i class="fa fa-envelope-o" aria-hidden="true"></i>
					<p><a href="mailto:support@company.com">2030613097@qq.com</a></p>
				</li>
			</ul>
		</div>
		<div class="col-lg-7 col-md-7 col-sm-12" data-aos="zoom-in"> 
			<form action="#" method="post">
                <div class="col-lg-6 col-md-6 col-sm-6">
					<div class="control-group form-group">
						<div class="controls">
                            <label>姓&emsp;名:</label>
                            <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
                            <p class="help-block"></p>
                        </div>
                    </div>
                </div>
				<div class="col-lg-6 col-md-6 col-sm-6">	
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>邮&emsp;箱:</label>
                            <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
                        </div>
                    </div>
				</div>
				<div class="clearfix"></div>
				<div class="col-lg-12 col-md-12 col-sm-12">	
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>留&emsp;言:</label>
                            <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
                        </div>
                    </div>
				</div>	
                <div id="success"></div>
                <!-- For success/fail messages -->
                <div class="col-lg-12 col-md-12 col-sm-12">    
					<button type="submit" class="btn btn-primary">提交</button>
				</div>
				<div class="clearfix"></div>	
            </form>
		</div>
		<div class="clearfix"></div>
	</div>
</section>

<div class="copright-w3">
	<div class="container">
		<div class="col-lg-12 col-md-12 col-sm-12">
			<p class="copyright" style="text-align:center;"><a href='http://www.beian.miit.gov.cn' target='_blank'></a>&emsp;&emsp;Copyright &copy; 2020.青鸟科技有限公司<a href="http://www.beian.miit.gov.cn">豫ICP备19033478号-1</a></p>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<a href="#0" class="cd-top">Top</a>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src='js/aos.js'></script>
<script src="js/lazyload.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<script src="js/jarallax.js"></script>
<script type="text/javascript">
    $('.jarallax').jarallax({
        speed: 0.5,
        imgWidth: 1680,
        imgHeight: 925
    })
</script>
<!-- js for back to top -->
<script src="js/main2.js"></script>
<!-- /js for back to top -->
<!-- js for footer -->
<script src="js/jQuery.lightninBox.js"></script>
<script type="text/javascript">
	$(".lightninBox").lightninBox();
</script>
<!-- /js for footer -->
<!-- js for portfolio -->
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/classie2.js"></script>
<script src="js/cbpGridGallery.js"></script>
<script>
	new CBPGridGallery( document.getElementById( 'grid-gallery' ) );
</script>
<!-- /js for portfolio -->
<!-- js for about section -->
<script type="text/javascript" src="js/jquery.slide.js"></script>
<script type="text/javascript">
	$('#slideshow-banner').slide({
		cdTime : 5000,      
	    controllerLeftButton : "images/left.png",   
	    controllerRightButton : "images/right.png"   
	});
</script>
<!-- /js for about section -->
<!-- js for banner -->
<script src="js/jquery.pogo-slider.min.js"></script>
<script src="js/main.js"></script>
<!-- /js for banner -->
<!-- js for navigation -->
<script src="js/classie.js"></script>
<script src="js/demo1.js"></script>
<!-- /js for navigation -->

<!-- /js files -->
</body>
</html>
