<!DOCTYPE HTML>
<html>

<head>
	<title>關於我們</title>
	<!-- Google Tag Manager -->
	<script>(function (w, d, s, l, i) {
			w[l] = w[l] || []; w[l].push({
				'gtm.start':
					new Date().getTime(), event: 'gtm.js'
			}); var f = d.getElementsByTagName(s)[0],
				j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
					'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-NZLX5FBD');</script>
	<!-- End Google Tag Manager -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
	<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="./js/jquery.min.js"></script>
	<!-- Custom Theme files -->
	<link href="./css/style.css" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script
		type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	</script>
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="./js/move-top.js"></script>
	<script type="text/javascript" src="./js/easing.js"></script>

	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
	<!---- start-smoth-scrolling---->
	<!----- webfonts ------>
	<link href='#css?family=Carrois+Gothic:400,100,600,300,700' rel='stylesheet' type='text/css'>
	<link href='#css?family=Open+Sans:300italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
	<!----- webfonts ------>
	<!----start-top-nav-script---->
	<script>
		$(function () {
			var pull = $('#pull');
			menu = $('nav ul');
			menuHeight = menu.height();
			$(pull).on('click', function (e) {
				e.preventDefault();
				menu.slideToggle();
			});
			$(window).resize(function () {
				var w = $(window).width();
				if (w > 320 && menu.is(':hidden')) {
					menu.removeAttr('style');
				}
			});
		});
	</script>
	<!----//End-top-nav-script---->
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="container">
			<!-- logo -->
			<div class="logo">
				<a href="index.html">
					<h1>北京黃金假日</h1>
				</a>
			</div>
			<!-- /logo -->
			<!-- top-nav -->
			<div class="top-nav">
				<span class="menu">
					<img src="images/nav-icon.png" alt="">
				</span>
				<ul>
					<li><a href="index.html">首頁</a></li>
					<li><a href="xj.html">新疆</a></li>
					<li><a href="xjgl.html">新疆攻略</a></li>
					<li class="active"><a href="gy.html">關於我們</a></li>
					<li><a href="lx.html">聯係我們</a></li>
					<li><a href="ys.html">隱私政策</a></li>
					<div class="clearfix"> </div>
				</ul>
			</div>
			<!-- script-for-nav -->
			<script>
				$(document).ready(function () {
					$("span.menu").click(function () {
						$(".top-nav ul").slideToggle(1000);
					});
				});
			</script>
			<!-- script-for-nav -->
			<!-- /top-nav -->
			<div class="clearfix"> </div>
		</div>
		<!-- /header -->
	</div>
	<!-- banner -->
	<div class="banner">
		<!-- banner-->
		<div class="slider-caption">

		</div>
		<!--//banner -->
		<div class="img-grids">
			<h3>歡迎參觀我們的官網</h3>
			<div class="top-grids">
				<div class="col-md-2 grid1">
					<img src="./images/img-1.png" alt="">
				</div>
				<div class="col-md-2 grid1">
					<img src="./images/img-2.png" alt="">
				</div>
				<div class="col-md-2 grid1">
					<img src="./images/img-3.png" alt="">
				</div>
				<div class="col-md-2 grid1">
					<img src="./images/img-4.png" alt="">
				</div>
				<div class="col-md-2 grid1">
					<img src="./images/img-5.png" alt="">
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="bottom-grids">
				<div class="col-md-2 grid2">
					<img src="./images/img-6.png" alt="">
				</div>
				<div class="col-md-2 grid2">
					<img src="./images/img-7.png" alt="">
				</div>
				<div class="col-md-2 grid2">
					<img src="./images/img-8.png" alt="">
				</div>
				<div class="col-md-2 grid2">
					<img src="./images/img-9.png" alt="">
				</div>
				<div class="col-md-2 grid2">
					<img src="./images/img-10.png" alt="">
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- slider -->
	<!----- //End-banner---->
	<!----- /start-services---->
	<div id="services" class="Services">
		<div class="container">
			<div class="service-head">
				<h2>關於我們</h2>
			</div>
			<div class="service-grids">
				<div class="col-md-12 service-grid">
					<p>北京黃金假日旅行社有限公司<br>

						北京黃金假日旅行社有限公司，自1996年至今，一直服务于中国四川、张家界、西藏等地的旅游服务，是经省文旅局准予经营：国内、入境、会议、商务、考察等旅游业务。我社以网路化、规模化、品牌化为发展目标。兢兢业业，不断开拓进取，积极开发具有自身特色的旅游项目。<br>
						<img class="yyzz" src="config/yyzz.jpg" style="width: 400px;">
						<style>
							@media (max-width: 600px) {
								.yyzz {
									width: 80% !important;
								}
							}
						</style>
						<br>
						北京黃金假日旅行社有限公司是1996年創立，團隊擁有多年的帶團旅遊經驗，熟知旅行者所期盼的旅途體驗。 摒弃傳統旅遊行業就是購物、套路、機械跟團的常態，我們用多年的時間打造了一支非常專業、有特色的旅遊服務團。
						借此希望成為行業領軍團隊經營多年的正規旅行社，客戶好評不斷，歡迎每個旅行者在我們這邊都擁有一個好的旅行體驗。
					</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!----- //End-services---->
	<!----- /start-footer---->
	<div class="footer">
		<div class="container">
			<div class="copy-right">
				<p>Copyright © 1996 北京黃金假日旅行社有限公司 | www.webkid.cn | Inc All Rights Reserved |
					聯絡地址：北京市西城區阜外街二號萬通新世界廣場A602室
					<br>
					<a href="index.html">首頁</a> | <a href="xj.html">新疆</a> | <a href="xjgl.html">新疆攻略</a> | <a
						href="gy.html">關於我們</a> |
					<a href="lx.html">聯係我們</a> | <a href="ys.html">隱私政策</a>
				</p>
			</div>
		</div>
	</div>
	<!----- //End-footer---->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
			var defaults = {
					containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>

</html>