<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>xitang</title>
	<link rel="stylesheet" href="./js/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css">
</head>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="./js/lib/html5.min.js"></script>
  <script src="./js/lib/respond.min.js"></script>
<![endif]-->

<body>
	<div class="main">
		<!-- 顶部 -->
		<div class="header layui-row">
			<div class="layui-col-xs2">
				<img class="logo" src="./images/logo.png" alt="">
			</div>
			<div class="header-right layui-col-xs8">
				<ul class="layui-nav layui-col-xs12">
					<li class="layui-nav-item layui-this">
						<a href="javascript:void(0)">HOME</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">SURVEY</a>
						<dl class="layui-nav-child">
							<dd><a href="./basic/index.html">Overview of Xitang</a></dd>
							<dd><a href="./basic/afeelings.html">Historical & humanism</a></dd>
							<dd><a href="./basic/holiday.html">Festival activities</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">GUIDE</a>
						<dl class="layui-nav-child">
							<dd><a href="./basic/scenicsList.html">Scenic Spot</a></dd>
							<dd><a href="javascript:void(0)">Drawing Map</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">ONLINE</a>
						<dl class="layui-nav-child">
							<dd><a href="./tour/vr.html">Virtual tour</a></dd>
							<dd><a href="./tour/pics.html">Picture</a></dd>
							<dd><a href="./tour/video.html">Video</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">TRAFFIC</a>
						<dl class="layui-nav-child">
							<dd><a href="./trip/traffic.html">Airplane</a></dd>
							<dd><a href="./trip/traffic.html">Train</a></dd>
							<dd><a href="./trip/traffic.html">Tour bus</a></dd>
							<dd><a href="./trip/traffic.html">Bus</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">BOOKING</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:void(0)">Ticket</a></dd>
							<dd><a href="./view/ship.html">Sightseeing Boat</a></dd>
							<dd><a href="./view/hotel.html">Hotel</a></dd>
							<!-- <dd><a href="./view/prod.html">Gift</a></dd> -->
						</dl>
					</li>
				</ul>
			</div>
			<div class="layui-col-xs2 header_right">
				<ul class="layui-nav layui-col-xs12">
					<!-- <li class="layui-nav-item layui-this">
						<a href="javascript:void(0)" class="person">
							<i class="icon_e_index"></i>
						</a>
					</li> -->
					<li class="layui-nav-item">
						<a href="javascript:void(0)" class="language">
							<i class="icon_e_index"></i>
							<p>English</p>
						</a>
						<dl class="layui-nav-child">
							<dd class="layui-this"><a href="./index.html">English</a></dd>
							<dd><a href="../">中文</a></dd>
							<dd><a href="http://www.xitang.com.cn/rihan/han/#/index">한국어</a></dd>
							<dd><a href="http://www.xitang.com.cn/rihan/ri/#/index">日本語</a></dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<!-- 轮播 -->
		<div class="banner">
			<div class="layui-carousel" id="banner">
				<!-- <img class="zwfimg" src="./images/banner3.jpg" alt=""> -->
				<div carousel-item="">
					<img src="./images/index_banner1.jpg">
					<img src="./images/index_banner2.jpg">
					<img src="./images/index_banner3.jpg">
				</div>
			</div>
		</div>
		<div class="index_cs_bottom">
			<img src="./images/index_cs_bottom.png" alt="">
		</div>
		<div class="index_zx clear">
			<h2><span>Survey </span>of scenic spots</h2>
			<div class="survey_list">
				<i class="icon_e_index left_top"></i>
				<ul class="clear">
					<li>
						<a href="./basic/index.html">
							<img src="./images/overview_img1.jpg" alt="">
							<p class="lineOne">Overview of Xitang</p>
						</a>
					</li>
					<li>
						<a href="./basic/afeelings.html">
							<img src="./images/historical_img.jpg" alt="">
							<p class="lineOne">Historical & humanism</p>
						</a>
					</li>
					<li>
						<a href="./basic/holiday.html">
							<img src="./images/festival_img.jpg" alt="">
							<p class="lineOne">Festival activities</p>
						</a>
					</li>
				</ul>
				<i class="icon_e_index right_bottom"></i>
			</div>
			<h2>Scenic spot <span>Guide</span></h2>
			<div class="scenic_list">
				<ul class="clear">
					<li>
						<a href="./basic/scenicsList.html">
							<img src="./images/scenic_img1.jpg" alt="">
							<p>
								<i class="icon_e_index spot"></i>
								<span>Scenic Spot</span>
							</p>
						</a>
					</li>
					<li>
						<a href="javascript:void(0)">
							<img src="./images/scenic_img2.jpg" alt="">
							<p>
								<i class="icon_e_index map"></i>
								<span>Drawing Map</span>
							</p>
						</a>
					</li>
				</ul>

			</div>
			<h2><span>Online </span>Xitang</h2>
			<div class="online_list">
				<ul class="clear">
					<li>
						<a href="./tour/vr.html">
							<p><i class="icon_e_index vr"></i></p>
							<span>Virtual tour</span>
						</a>
					</li>
					<li>
						<a href="./tour/pics.html">
							<p><i class="icon_e_index pic"></i></p>
							<span>Picture</span>
						</a>
					</li>
					<li>
						<a href="./tour/video.html">
							<p><i class="icon_e_index video"></i></p>
							<span>Video</span>
						</a>
					</li>
				</ul>
			</div>
			<img class="zx_img1" src="./images/index_zx_img.png" alt="">
			<img class="zx_img2" src="./images/index_zx_img.png" alt="">
		</div>
		<!-- 智行西塘 -->
		
		<div class="index_trip">
			<div class="trip_list">
				<i></i>
				<h2>Traffic <span>Trip</span></h2>
				<ul>
					<li>
						<a href="./trip/traffic.html?flag=1">
							<i class="icon"></i>
							<span>Airplane</span>
						</a>
					</li>
					<li>
						<a href="./trip/traffic.html?flag=2">
							<i class="icon"></i>
							<span>Train</span>
						</a>
					</li>
					<li>
						<a href="./trip/traffic.html?flag3">
							<i class="icon"></i>
							<span>Bus</span>
						</a>
					</li>
					<li>
						<a href="./trip/traffic.html?flag4">
							<i class="icon"></i>
							<span>Tour bus</span>
						</a>
					</li>
				</ul>
			</div>
			
		</div>
		
		<!-- 云游西塘 -->
		<div class="index_yy">
			<span>
				<i></i>
			</span>
			<h2 class="">Online <span>Booking</span></h2>
			<ul class="layui-row yy">
				<li class="yy_bg1 layui-col-xs3">
					<a href="javascript:void(0)">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>Ticket</span>
					</a>
				</li>
				<li class="yy_bg2 yy_bg1 layui-col-xs3">
					<a href="./view/ship.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>Sightseeing Boat</span>
					</a>
				</li>
				<li class="yy_bg3 yy_bg1 layui-col-xs3">
					<a href="./view/hotel.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>Hotel</span>
					</a>
				</li>
				<!-- <li class="yy_bg4 yy_bg1 layui-col-xs3">
					<a href="./view/prod.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>Gift</span>
					</a>
				</li> -->
			</ul>
		</div>

		<!-- 底部 -->
		<div class="footer">
			<p>Xitang Town Tourism and Culture Development Co.Ltd.,Jiashan County , Zhejiang Province Keep all copyrights</p>
			<p>Add:JiJia Lane , Youdian Road, Xitang Town, Jiashan County ,Zhejiang Province</p>
			<p>Tel:0573-84567890</p>
			<span></span>
		</div>
	</div>
	<!-- 客服 -->
	<!-- <div class="bus_serverbox">
		<div class='server_content'>
			<h2>
				<p>AI客服</p><i class="close">×</i>
			</h2>
			<div class="question_box">
				<div class="gess">
					<p>猜您想问</p>
				</div>
				<div class="gess_question">
					<a href="javascript:void(0)"><i class="icon"></i><span>网上购买的门票如何进入景区</span></a>
					<a href="javascript:void(0)"><i class="icon"></i><span>景区开放时间</span></a>
					<a href="javascript:void(0)"><i class="icon"></i><span>门票是否可以多次进入景区</span></a>
					<a href="javascript:void(0)"><i class="icon"></i><span>门票价格</span></a>
					<a href="javascript:void(0)"><i class="icon"></i><span>景区售票时间</span></a>
				</div>
				<div class="dialog_list">
					<ul>
						<li class="quiz clear">
							<i class="icon fr"></i>
							<p class="fr">门票是否可以多次进入景区</p>
						</li>
						<li class="reply clear">
							<i class="icon fl"></i>
							<p class="fl">回复3</p>
						</li>
					</ul>
				</div>
				
			</div>
			<textarea name="" id="" cols="30" rows="10" placeholder="请输入"></textarea>
			<p class="add_quiz">发送</p>
		</div>
	</div> -->
	<script src="./js/layui/layui.js"></script>
	<script src="./js/lib/jquery-3.4.1.min.js"></script>
	<script src="./js/index.js"></script>
</body>

</html>