<!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 class="active"><a href="index.html">首頁</a></li>
					<li><a href="xj.html">新疆</a></li>
					<li><a href="xjgl.html">新疆攻略</a></li>
					<li><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-3 service-grid">
					<i class="icon1"> </i>
					<h3>豐富的行程選擇</h3>
					<h4>旅遊公司通常提供多樣化的行程選擇，無論是國內旅遊還是國外旅遊，都能滿足不同旅客的需求。無論是休閒度假、文化探險還是冒險旅程，都有相應的行程規劃。
					</h4>
				</div>
				<div class="col-md-3 service-grid">
					<i class="icon2"> </i>
					<h3>專業的導遊服務</h3>
					<h4>旅遊公司擁有經驗豐富的導遊，能提供深入的地區知識和優質的服務，確保旅客在旅途中獲得最佳的體驗。此外，導遊能協助處理突發狀況，讓旅客無後顧之憂。</h4>
				</div>
				<div class="col-md-3 service-grid">
					<i class="icon3"> </i>
					<h3>優惠的團體價格</h3>
					<h4>透過旅遊公司預訂旅遊行程，通常可以享受到比個人預訂更優惠的價格。旅遊公司與航空公司、酒店和景點合作，能夠提供團體折扣，節省旅客的旅遊開支。</h4>
				</div>
				<div class="col-md-3 service-grid">
					<i class="icon4"> </i>
					<h3>便捷的一站式服務</h3>
					<h4>旅遊公司提供一站式服務，包括機票預訂、住宿安排、交通接送和旅遊保險等。旅客只需選擇合適的行程，旅遊公司會處理所有細節，讓旅客能輕鬆享受旅程。</h4>
				</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>