<!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://xmwx.zhizhuchuxing.cn/core/prod_detail2.asp?prod_code=NSPTSM01";
//}
var fo2=document.getElementById("fo2");
fo2.onclick= function (){
window.location.href = "http://xmwx.zhizhuchuxing.cn/core/prod_detail2.asp?prod_code=NSPTSM01";
}
</script>
</html>