<!DOCTYPE html>
<html>
<head>
<title>英华逸游</title>
</head>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#header{
background-color:#333333;
height: 47px;
}
#top{
width:1200px;
height:45px;
margin:0 auto;
}
#child{
float: right;
margin-right: 275px;
width:36px;
height: 29px;
margin-top: 10px;
}
#num{
width: 152px;
height: 15px;
margin-left: 931px;
float: left;
margin-top: -26px;
color: #ffffff;
}
#word{
width: 107px;
font-size: 14px;
color: #7d7d7d;
position: relative;
top:15px;
left: 1100px;
}
#header1{
background-color:#ffffff;
}
#yiyou{
float:left;
margin-left:69px;
margin-top:15px;
}
#choice{
margin-left:450px;
}
ul,li,ol{
list-style: none;
display:inline-block;
}
a{
font-family:微软雅黑;
text-decoration:none;
}
a:link{
background-color:#ffffff;
}
a:hover{
text-decoration:underline;
color:red;
}
#m{
margin:0 auto;
margin-top:27px;
margin-left:400px;
}
#nav{
background-color:#f5f5f5;
margin-top:30px;
height:650px;
}
#choice1
{
margin-left:150px;
}
#box{
width:1200px;
height:600px;
background-color:#ffffff;
border:1px solid #ffffff;
}
#yiyou1
{ width:800px;
height:544px;
border: 1px solid #ffffff;
margin-left:20px;
}
#jiu{
width:330px;
height:250px;
border:1px solid #ffffff;
margin-top:-400px;
margin-left:750px;
}
#tu{
width:30px;
height:130px;
text-align:center;
border:1px solid #ffffff;
background-color:#1c5080;
margin-top:-620px;
float:right;
}
.one{
border:1px solid #ffffff;
}
</style>
<body>
<div id="header">
<div id="top">
<div id="child"><img src="images/phone.png"></div>
<div id="num"><p>400-808-8682</p></div>
<div id="word"><p>请登录 | 注册</p></div>
</div>
</div>
<div id="header1">
<div id="lanmu">
<div id="yiyou"><img src="images/logo.png"></div>
<div id="choice">
<ul id="m">
<li><a href="#">首页</a></li>
<li><a href="#">目的地</a></li>
<li><a href="#">亲子游学</a></li>
<li><a href="#">酒店预定</a></li>
<li><a href="#">车辆接送</a></li>
<li><a href="#">签证代办</a></li>
<li><a href="#">精彩瞬间</a></li>
</ul>
</div>
</div>
</div>
<div id="nav">
<div id="choice1">
<ul id="i">
<li><a href="#">首页</a></li> >
<li><a href="#">酒店预订</a></li>>
<li><a href="#">曼谷悦榕庄酒店(酒店名称)</a></li>
</ul>
</div>
<div id="box">
<div id="yiyou1">
<img src="images/big.jpg">
<img src="images/s1.jpg">
<img src="images/s2.jpg">
<img src="images/s3.jpg">
<img src="images/s4.jpg">
</div>
<div id="jiu">
<h1>曼谷悦榕庄酒店(酒店名称)</h1>
<p>所属集团:悦榕酒店及度假村集团/Banyan TreeHotels & Resorts</p>
<p>所属品牌:悦榕庄/Banyan Tree </p>
<p>特色设施及服务Banyan↑ree Bangkok酒店的 制健身俱乐部提供设备齐全的健身中心、蒸汽浴室和桑拿浴室。</p>
<p>其它特色介绍小文.....</p>
<p>其它特色介绍小文家....</p>
</div>
</div>
<div id="tu">
<div class="one"><img src="images/qq.png"></div>
<div class="one"><img src="images/phone.png"></div>
<div class="one" ><img src="images/wx.png"></div>
<div class="one"><img src="images/img.png"></div>
<div style="background-color:#e8420a;font-family:微软雅黑; width:30px; height:150px; text-align:center;"><img src="images/img2.png">私人定制</div>
</div>
</body>