![]()
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.zong{
overflow: hidden;
}
.head{
border-bottom: 4px solid #176fbb;
}
.headcon{
width: 1000px;
margin: 0 auto;
overflow: hidden;
padding-top: 14px;
padding-bottom: 9px;
}
.head1{
float: left;
}
.head2{
float: right;
}
.diyihang{
font-family: "微软雅黑";
font-size: 14px;
margin-right: 14px;
float: left;
color: #3c3c3c;
text-decoration: none;
}
.houxian{
border-right: 2px solid #3c3c3c;
padding-right: 17px;
}
.sskuang{
width: 153px;
height: 24px;
margin-right: 0;
}
.sousuo{
margin-top: -6px;
}
.xinglixiang{
margin-top: -5px;
}
.phone{
margin-top: -2px;
}
.head3{
float: left;
margin-left: 56px;
margin-top: 48px;
}
.head3 a{
text-decoration: none;
margin-left: 38px;
font-size: 18px;
font-family: "微软雅黑";
color: #3c3c3c;
}
.shouye{
width: 1000px;
height: 53px;
border: 1px solid white;
margin: 0 auto;
line-height: 53px;
}
.neirong{
width: 100%;
height:346px;
background:url(bg.jpg) center center no-repeat;
min-width: 1000px;
}
.neirong1{
width: 1000px;
height: 98px;
margin: 0 auto;
}
.neirong1 img{
margin-top: 30px;
margin-left: 430px;
float: left;
}
.neirong1 p{
font-size: 30px;
font-family: "微软雅黑";
float: left;
margin-left: 23px;
line-height: 98px;
color: #cc0000;
}
.tupian{
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.tupian img{
float: left;
}
.conimg{
width: 1050px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.conimg img{
float: left;
margin-right: 30px;
}
.yema{
width: 1000px;
height: 79px;
margin-left: 371px;
margin: 0 auto;
}
.yema p{
float: left;
margin-left: 14px;
margin-top: 30px;
font-family: "微软雅黑";
font-size: 12px;
}
.dibu{
width: 100%;
height:179px;
background-color: #023c4d;
min-width: 1000px;
color: #ffffff;
font-size: 18px;
font-family: "宋体";
float: left;
margin: 0 auto;
overflow: hidden;
}
.dibu1 ul{
float: left;
margin-left: 245px;
list-style: none;
}
.guanyu{
font-size: 18px;
margin-top: 22px;
}
.gongsi{
font-size: 14.53px;
margin-top: 12px;
}
.dibu2 ul{
margin-left: 80px;
list-style: none;
float: left;
}
.dibu3 ul{
margin-left: 80px;
list-style: none;
float: left;
}
.dibu4 ul{
margin-left: 80px;
list-style: none;
float: left;
}
.qiepian2{
margin-top: 20px;
}
.dibu5 ul{
margin-left: 95px;
margin-top: 22px;
float: left;
list-style: none;
}
.shuzi{
font-family: Arial;
font-style: 28px;
}
.shijian{
margin-top: 20px;
font-style: 18px;
font-family: "宋体";
}
.baitu{
margin-top: 22px;
}
.xiaxian{
width: 100%;
min-width: 1000px;
background-color: #ffffff;
height: 1px;
}
.zuidi{
width: 100%;
height: 57px;
background-color: #023c4d;
}
.zuidibuziti{
font-family: "宋体";
font-size: 14px;
line-height: 57px;
text-align: center;
color: #d0d0d0;
}
.qiepian1{
width: 313px;
height: 220px;
position: relative ;
float: left;
margin-left: 20px;
}
.box1{
width: 313px;
height: 30px;
background: black;
opacity: 0.6;
filter:alpha(opacity=60);
position: absolute;
left: 0;
bottom: 0;
}
.qiepian1:hover .box1{
display: none;
}
.qiepian1:hover .box2{
display: none;
}
.box2{
width: 313px;
height: 30px;
position: absolute;
left: 0;
bottom: 0;
font-size: 16px;
font-family: "微软雅黑";
color: #fff;
text-align: center;
line-height: 30px;
}
.box3{
width: 313px;
height: 220px;
/* background: black;
opacity: 0.6;
filter:alpha(opacity=60); */
background: url(tongming.png) 0 0 repeat;
position: absolute;
left: 0;
top: 0;
display: none;
}
.qiepian1:hover .box3{
display: block;
}
.box4{
width: 274px;
height: 39px;
background: url(huabian.png) 0 0 no-repeat;
position: absolute;
left: 20px;
bottom: 20px;
display: none;
}
.qiepian1:hover .box4{
display: block;
}
.box5{
width: 274px;
height: 39px;
background: url(花边.png) 0 0 no-repeat;
position: absolute;
left: 20px;
bottom: 30px;
display: none;
}
.qiepian1:hover .box5{
display: block;
}
.box6{
width: 15px;
height: 15px;
background: url(hongxin.png) 0 0 no-repeat;
position: absolute;
left: 95px;
top: 30px;
display: none;
}
.qiepian1:hover .box6{
display: block;
}
.box7{
width: 15px;
height: 15px;
background: url(lanwen.png) 0 0 no-repeat;
position: absolute;
right: 131px;
top: 30px;
display: none;
}
.qiepian1:hover .box7{
display: block;
}
.box8{
width: 28px;
height: 9px;
font-family: "微软雅黑";
font-size: 12px;
color: #fff;
position: absolute;
left: 120px;
top: 30px;
display: none;
}
.qiepian1:hover .box8{
display: block;
}
.box9{
width: 28px;
height: 9px;
font-family: "微软雅黑";
font-size: 12px;
color: #fff;
position: absolute;
left: 193px;
top: 30px;
display: none;
}
.qiepian1:hover .box9{
display: block;
}
.box10{
width: 197px;
height: 17px;
font-family: "微软雅黑";
font-size: 16px;
color: #fff;
position: absolute;
left: 60px;
top: 65px;
display: none;
}
.qiepian1:hover .box10{
display: block;
}
.box11{
width: 197px;
height: 31px;
font-family: "微软雅黑";
font-size: 14px;
color: #fff;
position: absolute;
left: 60px;
top: 103px;
text-align: center;
display: none;
}
.qiepian1:hover .box11{
display: block;
}
</style>
</head>
<body>
<div class="zong">
<div class="head">
<div class="headcon">
<div class="head1">
<img src="切片7.png" alt="">
</div>
<div class="head2">
<img class="diyihang phone" src="切片13.png" alt="">
<span class="diyihang houxian" style="padding-right:14px;">400-800-8820</span>
<a class="diyihang houxian" href="###">登录</a>
<a class="diyihang houxian" href="###">注册</a>
<img class="diyihang xinglixiang" src="切片9.png" alt="">
<span class="diyihang">行李箱</span>
<input class="diyihang sousuo sskuang" type="text">
<img class="diyihang sousuo" src="sousuo.png" alt="">
</div>
<div class="head3">
<img src="切片10.png" alt="">
<a href="">第一次</a>
<a href="">目的地</a>
<a href="">自订行程</a>
<a href="">游记</a>
<a href="">特产</a>
<a href="">优惠</a>
<a href="">环岛巴士</a>
</div>
</div>
</div>
<p class="shouye">首页>伴手礼</p>
<div class="neirong"></div>
<div class="neirong1">
<img src="切片20.png" alt="">
<p>伴手礼</p>
</div>
<div class="conimg">
<div class="qiepian1">
<img src="切片1.jpg" alt="">
<p class="box1"></p>
<p class="box2">浓香的奶味和果仁的牛轧糖</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
<div class="qiepian1">
<img src="切片2.jpg" alt="">
<p class="box1"></p>
<p class="box2">凤梨酥</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
<div class="qiepian1">
<img src="切图3.jpg" alt="">
<p class="box1"></p>
<p class="box2">浓香的奶味和果仁的牛轧糖</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
<div class="qiepian1 qiepian2">
<img src="切片4.jpg" alt="">
<p class="box1"></p>
<p class="box2">羊羹</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
<div class="qiepian1 qiepian2">
<img src="切片5.jpg" alt="">
<p class="box1"></p>
<p class="box2">浓香的奶味和果仁的牛轧糖</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
<div class="qiepian1 qiepian2">
<img src="切片6.jpg" alt="">
<p class="box1"></p>
<p class="box2">凤梨酥</p>
<p class="box3"></p>
<p class="box4"></p>
<p class="box5"></p>
<p class="box6"></p>
<p class="box7"></p>
<p class="box8">1168</p>
<p class="box9">1168</p>
<p class="box10">浓香的奶味和果仁的牛轧糖</p>
<p class="box11">好吃不粘牙，而且越嚼越香，而且是不含香料和色素...</p>
</div>
</div>
<div class="yema">
<p style="margin-left:371px;">上一页</p>
<p>1</p>
<p style="letter-spacing:-5px;margin-top:27px;">.....</p>
<p>12</p>
<p style="background-color:#6e6e6e;width:30px;height:22px;text-align:center;line-height:22px;margin-top:28px;">13</p>
<p>14</p>
<p style="letter-spacing:-5px;margin-top:27px;">.....</p>
<p>40</p>
<p>下一页</p>
</div>
<div class="dibu">
<div class="dibu1">
<ul>
<li class="guanyu">关于遛湾</li>
<li class="gongsi">公司简介</li>
<li class="gongsi">联系我们</li>
<li class="gongsi">诚聘英才</li>
<li class="gongsi">网站地图</li>
</ul>
</div>
<div class="dibu2">
<ul>
<li class="guanyu">帮助中心</li>
<li class="gongsi">赴台手续</li>
<li class="gongsi">遛湾玩法</li>
<li class="gongsi">常见问题</li>
</ul>
</div>
<div class="dibu3">
<ul>
<li class="guanyu">网站条款</li>
<li class="gongsi">服务条款</li>
<li class="gongsi">免责声明</li>
</ul>
</div>
<div class="dibu4">
<ul>
<li class="guanyu">关注我们</li>
<li class="qiepian">
<img src="切片8.png" alt="">
</li>
</ul>
</div>
<div class="dibu5">
<ul>
<li class="shuzi">400 820 8820</li>
<li class="shijian">周一至周日</li>
<li class="shijian">9:00~20:00</li>
<li class="baitu">
<img src="qiepian1.png" alt="">
</li>
</ul>
</div>
</div>
</div>
<div class="xiaxian"></div>
<div class="zuidi">
<p class="zuidibuziti">Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号</p>
</div>
</body>
</html>
浙公网安备 33010602011771号