nizongfeng
/
ZZWX


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<!--自动刷新-->
	<!--<meta http-equiv="refresh" content="20">-->
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>出行预订</title>
	<!-- 引用.css样式 -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/cell.css" />
	<!-- 引用.js -->
	<script type="text/javascript" src="../js/index.js" charset="UTF-8"></script>
	<style>
		
		.banner{
			overflow: hidden;
			width: 100%;
		}
		.x-banner{
			width: 400%;
			height: 150px;
		}
		.banner img{
			float: left;
			width:25%;
			height: 150px;
		}
		.search-group{
			/*width: 91.467%;*/
			/*box-shadow: 0 0 15px 2px #e2e2e2;*/
			border-color:#E2E2E2;
			margin-top:10px;
		}
		.xsearch-input1,.xsearch-input2{
			position:relative;
			margin-right:12px;
			opacity: 0.8;
			font-size:16px;
			height:50px;
			line-height: 50px;
			float:right;
			color:#343434;
		}
		.group img{
			margin-top:20px;
		}
	</style>

	<!-- 百度统计star -->
	<script>
		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
			var s = document.getElementsByTagName("script")[0]; 
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

	<!-- 百度统计end -->
</head>

<body onload="init_page()">
	<div class="container">
		<div id="bookHome" class="bookHome">
			<!-- header 开始 -->
			<div class="header">
				<div style="position:relative;width:100%; height: 150px;">
					<div class="banner" id="banner" >
						<div class="x-banner" id="x-banner">
								<!--<img src="img/first.jpg" />
								<img src="img/second.jpg" />
								<img src="img/third.jpg" />
								<img src="img/first.jpg" />-->
								<img id="fo2" src="img/微信title.jpg" alt="" />
							</div>
						</div>
						<!--<div id="xdians" style="position: relative;bottom:30px;left:46%;">
							<img class="xselect" style=width:7px;height:7px;" src="../img/dian1.png" alt="" />
							<img src="img/dian2.png" style="width:7px;height:7px;" alt="" />
							<img src="img/dian2.png" style="width:7px;height:7px;" alt="" />
						</div>-->
					</div>
					<!-- 搜索 -->
					<div class="search">
						<div class="search-group zh">
							<div class="group cfd line z" onclick="click_startAddress()">
								<!--<img class="start-img z" src="img/start.png" />-->
								<p class="search-location z">出发地</p>
								<img class="y" src="img/right_arrow_gray.png" />						
								<span id="startAddress" class="xsearch-input1">上海</span>
							</div>
							<div class="group mdd z" onclick="click_endAddress()">
								<!--<img class="start-img z" src="img/end.png" />-->
								<p class="search-location z">目的地</p>
								<img class="y" src="img/right_arrow_gray.png" />
								<span id="endAddress" class="xsearch-input2" style="color: #808080;">选择目的地</span>
							</div>
						</div>
						<div class="search-button zh">
							<span id="sy-button" class="sy-button" onclick="return click_sy_button()">
								查询 
							</span>
						</div>
					</div>
				</div>
				<!-- header  end -->

				<!-- center 开始 -->
				<div class="center zh">
					<!-- 热门推荐 -->
					<div class="title">
						<p class="z">热门推荐</p>
					</div>
					<div class="route">
						<div class="route-image-group">
							<div class="img-name-info z" onclick="click_route('千岛湖')">
								<img class="r-img" src="img/sight_first.png">
								<!--<p class="location-name">普陀山</p>-->
							</img>
							<div class="route-name txtzh">
								<p>千岛湖</p>
								<p>天下第一秀水</p>
							</div>
						</div>
						<div class="img-name-info z" onclick="click_route('天目湖')">
							<img class="r-img" src="img/sight_second.png">
							<!--<p class="location-name">乌镇</p>-->
						</img>
						<div class="route-name txtzh">
							<p>天目湖</p>
							<p>江南明珠绿色仙境</p>
						</div>
					</div>
					<!--<div class="img-name-info z" onclick="click_route('常州恐龙园')">-->
					<div class="img-name-info z" id="putuoshan" onclick="click_route('江南古镇')">
						<img class="r-img" src="img/微信小图.jpg">
						<!--<p class="location-name">常州恐龙园</p>-->
					</img>
					<div class="route-name txtzh">
						<p>江南古镇</p>
						<p>西塘同里乌镇周庄</p>
					</div>
				</div>
				
			</div>
		</div>
		<!-- 热门推荐 -->
		<div id="hotRecommend" class="hotRecommend">
			<div class="title">
				<p class="z">热门推荐</p>
			</div>
			<!-- 单元格开始 -->
			<div class="cell-start zh" onclick="click_cell('prodcode')">
				<div class="smallbox">
					<img style="position:absolute;top:23px;left:3%;width:9px;height: 39px;" class="smalllogo" src="img/smalllogo.png">
					<div class="smallboxleft z">
						<div class="smallareainput z" style="margin-top:10px;">
							<div style="height:32px;  line-height: 32px; width:100%; border-bottom:1px solid #ECEBEE;">
								<span id="start_area" style="font-size:16px;color:#343434;">上海</span>
								<span id="go_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 出发</span>
							</div>
							<div style="height:32px;width:100%; line-height: 32px;">
								<span id="end_area" style="font-size:16px;color:#343434;">舟山</span>
								<span id="back_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 返回</span>
							</div>
						</div>
						<div class="tickettitle z" style="float:left;color:#808080;font-size:13px;margin-left:4.89%;margin-top:14px;">豪华大巴陆地航空式顶级商务座</div>
					</div>
					<img class="exchangelogo" style="position:absolute;top:36px;right:6.8%;width:13px; height: 13px;" src="img/go_back.png">
					<div class="smallboxright y" style="margin-right:-3px; text-align: center;">
						<div class="ticketprice" style="margin-right:0px;">
							<span style="margin-right:-2px;">¥</span>
							<span>190</span>
						</div>
						<div class="tickettypeimage" style="margin-top:29px;float:left;margin-left:15.5px;">
							<img class="img hotel y" style="margin-right:0px;float:right;" src="img/hotel.png" alt="">
							<img class="img ticket y" style="width: 15px;float:right;" src="img/ticket.png" alt="">
							<img class="img car y" style="float:right;"  src="img/car.png" alt="">
						</div>
					</div>
				</div>
			</div>
			<!-- 单元格  end -->
		</div>
		<!--hotRecommend  end-->
	</div>
	<!-- center end -->
	<!-- footer 开始 -->
	<div class="footer cl" onclick="click_load_more()">
		查看所有 
		<span>></span>
	</div>
	<!-- footer end -->

</div>

</div>
<!-- container_F end -->
</body>
<script>
//		var banner=document.getElementById("banner");
//		var xbanner=document.getElementById("x-banner");
//		var ximgs=xbanner.getElementsByTagName("img");
//		var ximgw=ximgs[0].offsetWidth;
//		var xtim=null;
//		var xnum=0;
//		var xnum2=0;
//		var xdians=document.getElementById("xdians");
//	 	var ximgs=xdians.getElementsByTagName("img"); 	
//	 	function hd(){
//	 		clearInterval(xtim);
//	 		var kswz=banner.scrollLeft;
//	 		var jswz=xnum*ximgw;
//	 		var ksbs=0;
//	 		var jsbs=30;
//	 		var mbjl=(jswz-kswz)/jsbs;
//	 		xtim=setInterval(function(){
//	 			ksbs++;
//	 			if(ksbs==jsbs){
//	 				ksbs=0;
//	 				clearInterval(xtim);
//	 			}
//	 			kswz=kswz+mbjl;
//	 			banner.scrollLeft=kswz;
//	 		},20)
//	 	}
//	 	function qd(){
//	 		xnum++;
//	 		if(xnum>ximgs.length){
//	 			xnum=1;
//	 			banner.scrollLeft=0;
//	 		}
//	 		xnum2++;
//	 		if(xnum2>=ximgs.length){
//	 			xnum2=0;
//	 		}
//	 		for (var i=0;i<ximgs.length;i++) {
//	 			ximgs[i].src="img/dian2.png";
//	 		}
//	 		ximgs[xnum2].src="img/dian1.png"
//	 		hd();
//	 	}
//	 	setInterval(qd,3200)
//var putuoshan=document.getElementById("putuoshan");
//putuoshan.onclick= function (){
//	window.location.href = "http://wx.zhizhuchuxing.com/core/prod_detail2.asp?prod_code=NSPTSM01";
//}
var fo2=document.getElementById("fo2");
fo2.onclick= function (){
	window.location.href = "http://wx.zhizhuchuxing.com/core/prod_detail2.asp?prod_code=NSPTSM01";
}
</script>

</html>