<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>西塘古镇</title>
	<link rel="stylesheet" href="./js/layui/css/modules/layer/default/layer.css">
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./js/layui/css/layui.css" media="all">
	<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-xs3">
				<a href="javascript:void(0)" style="display:inline-block">
					<img class="logo" src="./images/logo.png" alt="">
				</a>
			</div>
			<div class="header-right layui-col-xs9">
				<ul class="layui-nav layui-col-xs12">
					<li class="layui-nav-item login_stu">
						<p class="login js_Nologin"><a href="./user/login.html">登录/注册</a></p>
						<p class="login_user js_Islogin" style="display: none;">
							<a href="./uc/orderList.html#data-url=order">
								<span class="user_name"></span>
							</a>
							<a class="login_out" href="javascript:void(0)">退出</a>
						</p>
					</li>
					<li class="layui-nav-item language">
						<a href="javascript:void(0)"><i class="icon"></i>中文网</a>
						<dl class="layui-nav-child">
							<dd class="layui-this"><a href="javascript:void(0)">中文网</a></dd>
							<dd><a href="http://pcceshi.xitang.com.cn/en/index.html">English</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>
					<!-- <li class="layui-nav-item search_box">
						<input class="" type="search" placeholder="搜索关键字">
						<i class="icon"></i>
					</li> -->
					<li class="layui-nav-item reserve" lay-unselect="">
						<a href="/basic/xtbooking.html" target="_blank"><span>住宿预订</span></a>
					</li>
				</ul>
				<ul class="layui-nav layui-col-xs12">
					<li class="layui-nav-item layui-this">
						<a href="/index.html">首页</a>
					</li>
					<li class="layui-nav-item ">
						<a href="javascript:void(0)">初识.西塘</a>
						<dl class="layui-nav-child">
							<dd><a href="./basic/index.html">西塘概况</a></dd>
							<dd><a href="./basic/scenicsList.html">西塘景点</a></dd>
							<dd><a href="./basic/holiday.html">节庆活动</a></dd>
							<dd><a href="./basic/culture.html">非遗文化</a></dd>
							<dd><a href="./basic/afeelings.html">西塘风情</a></dd>
							<dd><a href="./basic/hanfu.html">穿汉服游西塘</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">资讯.西塘</a>
						<dl class="layui-nav-child">
							<dd><a href="./news/news.html?flag=1">最新动态</a></dd>
							<dd><a href="./news/news.html?flag=2">景区公告</a></dd>
							<dd><a href="./news/news.html?flag=3">热点活动</a></dd>
							<dd><a href="./news/news.html?flag=4">人才招聘</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">云游.西塘</a>
						<dl class="layui-nav-child">
							<dd><a href="./tour/pics.html">美图</a></dd>
							<dd><a href="./tour/video.html">视频</a></dd>
							<dd><a href="./tour/liveTelecast.html">直播</a></dd>
							<dd><a href="./tour/vr.html">云上游西塘</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">乐哉.西塘</a>
						<dl class="layui-nav-child">
							<!-- <dd><a href="./view/hotel.html">美宿</a></dd> -->
							<dd><a href="./view/food.html">美食</a></dd>
							<dd><a href="./view/music.html">美乐</a></dd>
							<dd><a href="./view/ship.html">美船</a></dd>
							<dd><a href="./view/prod.html">西塘游礼</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">智行.西塘</a>
						<dl class="layui-nav-child">
							<dd><a href="./map/index.html">手绘导览</a></dd>
							<dd><a href="./trip/strategy.html">游玩攻略</a></dd>
							
							<dd><a href="./trip/traffic.html">交通指南</a></dd>
							<dd><a href="./trip/beauty.html">大美西塘</a></dd>
							<dd><a href="./book/index.html">门票预订</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">服务互动</a>
						<dl class="layui-nav-child">
							<dd><a href="./server/questionnaire.html">调查问卷</a></dd>
							<!-- <dd><a href="./server/suggest.html">游客建议</a></dd> -->
							<dd><a class="service" href="javascript:void(0)">AI客服</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:void(0)">西塘旅业</a>
						<dl class="layui-nav-child">
							<dd><a href="./business/intro.html">企业介绍</a></dd>
							<dd><a href="./business/honor.html">企业荣誉</a></dd>
							<!-- <dd><a href="javascript:void(0)">内部展示</a></dd> -->
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<!-- 右侧菜单 -->
		<div class="menu-right">
			<img src="./images/house_icon.png" alt="">
			<ul>
				<li class="ticket">
					<a href="./book/index.html">
						<i class="icon"></i>
						<span>订票</span>
					</a>
				</li>
				<!-- <li class="cart">
					<a href="./uc/orderList.html#data-url=cart">
						<i class="icon"></i>
						<span>购物车</span>
					</a>
				</li> -->
				<li class="service">
					<a class="service" href="javascript:void(0)">
						<i class="icon"></i>
						<span>客服</span>
					</a>
				</li>
				<!-- <li class="suggest"><a href="./server/suggest.html"><i class="icon"></i><span>建议</span></a></li> -->
				<li class="questionnaire">
					<a href="./server/questionnaire.html">
						<i class="icon"></i>
						<span>问卷</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- 轮播 -->
		<div class="banner">
			<div class="layui-carousel" id="banner" >
				<!-- <img class="zwfimg" src="./images/banner3.jpg" alt=""> -->
				<div carousel-item="">
					<div style="width:100%;height:100%;background: url(./images/index_banner1.jpg) no-repeat center;background-size:cover"></div>
					<div style="width:100%;height:100%;background: url(./images/index_banner2.jpg) no-repeat center;background-size:cover"></div>
<!--					<div style="width:100%;height:100%;background: url(./images/index_banner3.jpg) no-repeat center;background-size:cover"></div>-->
					
				</div>
			</div>
		</div>

		<div class="weather-box layui-row">
			<!-- 天气 -->
			<div class="weather layui-col-xs4">
				<div class="weather-flex layui-col-xs12">
					<div class="weather-icon">
						<i class="icon"></i>
					</div>
					<div class="msg">
						<p class="lineOne js_temp">多云转晴 22-26℃</p>
						<p class="lineOne">PM2.5:<h class="js_pm25"></h><span> 空气清新指数：<h class="js_airQuality"></h>
								</span></p>
					</div>


				</div>
			</div>
			<!-- 公告 -->
			<div class="notice layui-col-xs8">
				<div class="notice-flex">
					<div class="notice-icon">
						<i class="icon"></i>
					</div>
					<div class="msg js_notice">
						<!-- <p class="lineTwo">
							西塘古镇景区实行一票制，景区门票价格从120元/人次调整至95元/人次，夜游活动期间，可于17:00以后购买也有优惠门票60元/人次，门票为当天有效。在景区点开放期间，游客可凭有效门票免费参观。
						</p>
						<p class="lineOne">(具体门票政策及开放时间详见景区现场公示)</p> -->
					</div>

				</div>
			</div>
		</div>
		<!-- 资讯动态 -->
		<div class="news-activity">
			<h2 class="mian-title">资讯动态</h2>
			<p class="min-title">INFORMATION</p>
			<div class="news-content layui-row">
				<ul class="layui-col-xs12 js_newsList">
					<li class="layui-col-xs4 js_lastNews">
						<!-- <h3 class="lineTwo"><span>最新资讯</span>嘉兴市领导祝亚伟一行来西塘古镇景区检查旅游安全工作</h3>
						<div class="date">
							04/07<br><span class="year">2020</span>
						</div>
						<a href="">
							<i class="icon"></i>
							<span>了解更多</span>
						</a> -->
					</li>
					<li class="layui-col-xs4 js_viewAdvice" style="margin: 0 5%;">
						<!-- <h3 class="lineTwo"><span>景区公告</span>【向春而生，步履不停】今日央视直播西塘！</h3>
						<div class="date">
							04/07<br><span class="year">2020</span>
						</div>
						<a href="">
							<i class="icon"></i>
							<span>了解更多</span>
						</a> -->
					</li>
					<li class="layui-col-xs4 js_hotActivity">
						<!-- <h3 class="lineTwo"><span>热门活动</span>西塘古镇、云澜湾温泉、歌斐颂巧克力，三方联盟实现嘉善全域旅游</h3>
						<div class="date">
							04/07<br><span class="year">2020</span>
						</div>
						<a href="">
							<i class="icon"></i>
							<span>了解更多</span>
						</a> -->
					</li>
				</ul>
			</div>
			<div class="more-activity">
				<a href="news/news.html?flag=1">
					+更多动态
				</a>
			</div>
		</div>
		<div class="index_cs">
			<div class="index_cs_left">
				<div class="title">
					<h2>初识·西塘</h2>
					<div>
						<p>FIRST ACQUAINtANCE</p>
						WITH XITANG
					</div>
				</div>
				<div class="content lineThree">
					西塘与别的古镇最大的区别就在于她保持了水乡的原生态，被人们称为生活着的千年古镇。她首先是个社区，其次才是景区，她已经成为艺术家们描绘江南水乡的圣地、专家们研究民俗文化的基地、游客们躲避喧嚣释放压力的净地。
				</div>
				<ul class="layui-row">
					<li>
						<a href="./basic/index.html">
							<i class="icon"></i>
							<span>西塘概况</span>
						</a>
					</li>
					<li>
						<a href="./basic/scenicsList.html">
							<i class="icon"></i>
							<span>西塘景点</span>
						</a>
					</li>
					<li>
						<a href="./basic/holiday.html">
							<i class="icon"></i>
							<span>节庆活动</span>
						</a>
					</li>
					<li>
						<a href="./basic/culture.html">
							<i class="icon"></i>
							<span>非遗文化</span>
						</a>
					</li>
					<li>
						<a href="./basic/afeelings.html">
							<i class="icon"></i>
							<span>西塘风情</span>
						</a>
					</li>
					<li>
						<a href="./basic/hanfu.html">
							<i class="icon"></i>
							<span>穿汉服游西塘</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="index_cs_bottom">
			<img src="./images/index_cs_bottom.png" alt="">
		</div>
		<!-- 智行西塘 -->
		<div class="index_zx">
			<h2>智行·西塘</h2>
			<p>SMART TRAVE XITANG</p>
			<ul class="layui-row">
				<li class="shouhui">
					<a href="./map/index.html">
						<i class="icon"></i>
						<span>手绘导览</span>
					</a>
				</li>
				<li class="youwan">
					<a href="./trip/strategy.html">
						<i class="icon"></i>
						<span>游玩攻略</span>
					</a>
				</li>
				<li class="jiaotong">
					<a href="./trip/traffic.html">
						<i class="icon"></i>
						<span>交通指南</span>
					</a>
				</li>
				
				<li class="changyou">
					<a href="./trip/beauty.html">
						<i class="icon"></i>
						<span>大美西塘</span>
					</a>
				</li>
				<li class="menpiao">
					<a href="./book/index.html">
						<i class="icon"></i>
						<span>门票预订</span>
					</a>
				</li>
			</ul>
			<h2>乐哉·西塘</h2>
			<p>HAPPY XITANG</p>
		</div>
		<!-- 西塘游礼 -->
		<div class="index_yl">

			<div class="yl_bg1">
				<!-- <img class="" src="./images/index_yl.jpg" alt="" width="100%">s -->
				<div>

					<p>
						<a href="./view/prod.html">
							<i></i>
							<img src="./images/index_yl.png" alt="">
							<span>西塘游礼</span>
						</a>
					</p>

				</div>
			</div>
			<ul class="yl_bglist layui-row">
				<li class="yl_msu layui-col-xs3">
					<div>
						<a class="active" href="./view/hotel.html">
							<span>美宿</span>
						</a>
					</div>
				</li>
				<li class="yl_mshi layui-col-xs3">
					<div>
						<a href="./view/food.html">
							<span>
								美食
							</span>
						</a>
					</div>

				</li>
				<li class="yl_myue layui-col-xs3">
					<div>
						<a href="./view/music.html">
							<span>美乐</span>
						</a>
					</div>

				</li>
				<li class="yl_mchuan layui-col-xs3">
					<div>
						<a href="./view/ship.html">
							<span>美船</span>
						</a>
					</div>

				</li>
			</ul>
		</div>
		<!-- 云游西塘 -->
		<div class="index_yy">
			<span>
				<i></i>
			</span>
			<h2 class="">云游·西塘</h2>
			<p>WANDERING XITANG</p>
			<ul class="layui-row">
				<li class="yy_bg1 layui-col-xs3">
					<a href="./tour/pics.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>美图</span>
					</a>
				</li>
				<li class="yy_bg2 layui-col-xs3">
					<a href="./tour/video.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>视频</span>
					</a>
				</li>
				<li class="yy_bg3 layui-col-xs3">
					<a href="./tour/liveTelecast.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>直播</span>
					</a>
				</li>
				<li class="yy_bg4 layui-col-xs3">
					<a href="./tour/vr.html">
						<div>
							<p></p>
							<span></span>
							<img src="./images/index_yy5.png" alt="">
						</div>
						<span>虚拟游</span>
					</a>
				</li>
			</ul>
		</div>

		<!-- 底部 -->
		<div class="footer">
			<div class="txtlist">
				<div class="item fl">
					<p>初识.西塘</p>
					<ul>
						<li>
							<a href="./basic/index.html">西塘概况</a>
						</li>
						<li>
							<a href="./basic/scenicsList.html">西塘景点</a>
						</li>
						<li>
							<a href="./basic/holiday.html">节庆活动</a>
						</li>
						<li>
							<a href="./basic/culture.html">非遗文化</a>
						</li>
						<li>
							<a href="./basic/afeelings.html">西塘风情</a>
						</li>
						<li>
							<a href="./basic/hanfu.html">穿汉服游西塘</a>
						</li>
					</ul>
				</div>
				<div class="item fl">
					<p>资讯.动态</p>
					<ul>
						<li>
							<a href="./news/news.html?flag=1">最新动态</a>
						</li>
						<li>
							<a href="./news/news.html?flag=2">景区公告</a>
						</li>
						<li>
							<a href="./news/news.html?flag=3">热点活动</a>
						</li>
						<li>
							<a href="./news/news.html?flag=4">人才招聘</a>
						</li>
					</ul>
				</div>
				<div class="item fl">
					<p>云游.西塘</p>
					<ul>
						<li>
							<a href="./tour/pics.html">美图</a>
						</li>
						<li>
							<a href="./tour/video.html">视频</a>
						</li>
						<li>
							<a href="./tour/liveTelecast.html">直播</a>
						</li>
						<li>
							<a href="./tour/vr.html">虚拟游</a>
						</li>
					</ul>
				</div>
				<div class="item fl">
					<p>智行.西塘</p>
					<ul>
						<li>
							<a href="./map/index.html">手绘导览</a>
						</li>
						<li>
							<a href="./trip/strategy.html">游玩攻略</a>
						</li>
						<li>
							<a href="./trip/traffic.html">交通指南</a>
						</li>
						<!-- <li>
							<a href="./uc/orderList.html#data-url=order">门票预订</a>
						</li> -->
						<li>
							<a href="./trip/beauty.html">大美西塘</a>
						</li>
						<li>
							<a href="./book/index.html">门票预订</a>
						</li>
					</ul>
				</div>
				<div class="item fl">
					<p>乐哉.西塘</p>
					<ul>
						<li>
							<a href="./view/hotel.html">美宿</a>
						</li>
						<li>
							<a href="./view/food.html">美食</a>
						</li>
						<li>
							<a href="./view/music.html">美乐</a>
						</li>
						<li>
							<a href="./view/ship.html">美船</a>
						</li>
						<li>
							<a href="./view/prod.html">西塘游礼</a>
						</li>
					</ul>
				</div>
				<div class="item fl">
					<p>西塘旅业</p>
					<ul>
						<li>
							<a href="./business/intro.html">企业介绍</a>
						</li>
						<li>
							<a href="./business/honor.html">企业荣誉</a>
						</li>
						<!-- <li>
							<a href="javascript:void(0)">内部展示</a>
						</li> -->
					</ul>
				</div>
				<div class="item fl">
					<p>服务互动</p>
					<ul>
						<li>
							<a href="./server/questionnaire.html">调查问卷</a>
						</li>
						<!--<li><a href="./server/suggest.html">游客建议</a></li>-->
						<li>
							<a class="service" href="javascript:void(0)">AI客服</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="msglist layui-row">
				<div class="msglist-l layui-col-xs9">
					<div class="base">
						<i class="icon"></i>
						<span>浙江省嘉善县西塘镇南苑路258号</span>
					</div>
					<div class="phone layui-row">
						<div>
							<i class="icon"></i>
							<span>咨询 0573-84567890</span>
						</div>
						<div>
							<i class="icon"></i>  
							<span>投诉 0573-84561501</span>
						</div>
					</div>
					<div class="pihao layui-row">
						<span>浙江西塘旅游文化发展有限公司 版权所有</span>
						<span><a target="_blank" href="https://beian.miit.gov.cn/"> 浙ICP备11032616号-2</a></span>
						<span><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo"><img src="images/bhIcon.png" style="float:left;width:14px;margin-right:2px;">浙公网安备33042102000121号</a></span>
						<span><a target="_blank" href="http://www.teemax.com.cn">技术支持：浙江天迈文化科技有限公司</a></span>
						<span><a target="_blank" href="https://www.greentourasia.com" title="西塘旅游">友情链接：梦里江南旅行网</a></span>
					</div>
				</div>
				<div class="msglist-r layui-col-xs3">
					<div class="iconlist">
						<a href="./uc/orderList.html#data-url=order">
							<i class="icon geren"></i>
						</a>
						<!-- <a href="javascript:void(0)">
							<i class="icon weishi"></i>
						</a> -->
						<a href="javascript:void(0)">
							<i class="icon douyin"></i>
							<div>
								<img src="./images/dy_code.png" alt="">
								<p>抖音扫码关注</p>
								<span></span>
							</div>
						</a>
						<a href="javascript:void(0)">
							<i class="icon weibo"></i>
							<div>
								<img src="./images/wb_code.jpg" alt="">
								<p>微博扫码关注</p>
								<span></span>
							</div>
						</a>
						<a href="javascript:void(0)">
							<i class="icon weixin"></i>
							<div>
								<img src="./images/wx_code.jpg" alt="">
								<p>微信扫码关注</p>
								<span></span>
							</div>
						</a>
					</div>
					<div class="txtlist"><a href="javascript:void(0)">版权声明</a> | <a href="javascript:void(0)">联系我们</a> |
						<a href="javascript:void(0)">友情链接</a></div>
				</div>
			</div>
		</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 class="clear">猜您想问 <a class="fr" href="javascript:void(0)"><img
								style="width: 20px;margin-right: 5px;" src="./images/ai_icon.png" alt="">换一换</a></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/lib/jquery.cookie.min.js"></script>
	<script src="./js/index.js"></script>
	<!-- 	<script src="./js/base.js"></script> -->
	<script src="./js/common.js"></script>
</body>

</html>