diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/base.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..d8c35c2713de3cafd447858f3531f335ecae2cb4
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/base.css"
@@ -0,0 +1,23 @@
+/* CSS Document */
+
+*{
+	margin:0;
+	padding:0;
+	font-size:12px;
+}
+#father{
+	width:800px;
+	margin:0 auto;
+}
+body{
+	background-color:#2286C6;
+}
+ul{
+	list-style:none;
+	
+}
+#weather #xl #xc #bg ,a:hover{
+	position:relative;
+	right:1px;
+	bottom:1px;
+}
\ No newline at end of file
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/bottom.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/bottom.css"
new file mode 100644
index 0000000000000000000000000000000000000000..937b7fcb9c63e646130c44c6e7baa0393dc4ec6e
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/bottom.css"
@@ -0,0 +1,12 @@
+/* CSS Document */
+#bottom{
+	width:770px;
+	background-color:#5EA6EB;
+	float:left;
+	border:solid 5px #FFFFFF;
+	margin-top:2px;
+	text-align:center;
+}
+.color{
+	color:#FFF;
+}
\ No newline at end of file
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/center.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/center.css"
new file mode 100644
index 0000000000000000000000000000000000000000..fcf8a68fbbb6a0e5b6d855d39b1bf6df2889dcc9
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/center.css"
@@ -0,0 +1,45 @@
+/* CSS Document */
+#center{
+	width:400px;
+	background-color:#FFF;
+	float:left;
+	margin-left:2px;
+	height:600px;
+	border:solid 5px #FFFFFF;
+}
+#city{
+	background:url(../img/ghost.jpg) no-repeat;
+	height:260px;
+	width:390px;
+	border:solid 5px #FFFFFF;
+	margin-bottom:20px;
+}
+#mj{
+	background:url(../img/picture_h1.gif) no-repeat;
+	height:41px;
+	margin-bottom:15px;
+}
+#mj img{
+	float:left;
+	padding-top:50px;
+	margin-left:14.4px;
+}
+#xl{
+	background:url(../img/route_h1.gif) no-repeat #FFF;
+	height:41px;
+	margin-top:140px;
+}
+#xl ul{
+	padding-top:51px;
+}
+#xl li{
+	background:url(../img/icon1.gif) no-repeat center left;
+	line-height:20px;
+	margin-left:30px;
+	color:#10477F;
+}
+#xl a{
+	text-decoration:none;
+	color:#004E8A;
+	margin-left:15px;
+}
\ No newline at end of file
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/left.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..e260a68950e9c447b8d1b125069fd19f41819857
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/left.css"
@@ -0,0 +1,49 @@
+/* CSS Document */
+#left{
+	width:190px;
+	background-color:#5EA6EB;
+	float:left;
+	border:solid 5px #FFF;
+}
+#weather h3{
+	background: url(../img/lgcWeather.jpg) no-repeat;
+	width:190px;
+	height:42px;
+	color:#FFF;
+	padding-left:80px;
+	padding-top:15px;
+	}
+#weather{
+	background-color:#5EA6EB;
+	margin-bottom:5px;
+}
+#weather li{
+	background:url(../img/icon1.gif) no-repeat center left;
+	padding-bottom:2px;
+	margin-left:10px;
+}
+
+#weather a{
+	text-decoration:none;
+	color:#FFF;
+	margin-left:15px;
+}
+#tj #right ,h3{
+	background:url(../img/icon2.gif) no-repeat #BBDDFF center left;
+	height:20px;
+	padding-left:10px;
+	padding-top:2px;
+	color:#10477F;
+}
+#tj a{
+	color:#FFF;
+	text-decoration:none;
+}
+#tj li{
+	text-align:center;
+	
+	margin-top:10px;
+}
+#tj img{
+	border:solid 1px #FFFFFF;
+}
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/right.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a5446b8d15ef9ba58279e95bcda24bcfacde21af
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/right.css"
@@ -0,0 +1,34 @@
+/* CSS Document */
+#right{
+	width:156px;
+	height:600px;
+	float:left;
+	background-color:#5EA6EB;
+	border:solid 5px #FFF;
+	margin-left:2px;
+}
+#right img{
+	border:solid 1px #FFFFFF;
+	text-align:center;
+	margin-top:5px;
+	margin-left:2px;
+}
+#xc h3,#bg h3{
+	background:url(../img/icon2.gif) no-repeat #BBDDFF center left;
+}
+#xc li,#bg li{
+	background:url(../img/icon1.gif) no-repeat center left;
+	margin-left:10px;
+	border-bottom:dashed #FFF 1px ;
+	width:120px;
+	margin-top:5px;
+}
+#xc a,#bg a{
+	color:#FFF;
+	text-decoration:none;
+	margin-left:15px;
+}
+#xc ul,#bg ul{
+	margin-top:10px;
+	margin-bottom:10px;
+}
\ No newline at end of file
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/top.css" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..e88db799fca65f8af6cb7945885ca4ad5deeb5ed
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/css/top.css"
@@ -0,0 +1,29 @@
+/* CSS Document */
+#top{
+	width:780px;
+	height:183px;
+	margin-bottom:2px;
+}
+#banner{
+	background:url(../img/banner.jpg);
+	height:150px;
+}
+#nav li{
+	float:left;
+	width:78px;
+	line-height:33px;
+	text-align:center;
+}
+#nav a{
+	background:url(../img/button1.jpg);
+	color:#1D5F94;
+	display:block;
+}
+#nav a:hover{
+	background:url(../img/button1_bg.jpg);
+	position:relative;
+	right:1px;
+	bottom:1px;
+}
+
+
diff --git "a/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/index.html" "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f41c037e98b993d1f4de0caf772cf32d02afe0a9
--- /dev/null
+++ "b/\350\256\270\345\237\271\346\250\237/\346\226\260\347\226\206/index.html"
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>新疆行知书</title>
+<link href="css/base.css" rel="stylesheet" type="text/css" />
+<link href="css/top.css" rel="stylesheet" type="text/css" />
+<link href="css/left.css" rel="stylesheet" type="text/css" />
+<link href="css/center.css" rel="stylesheet" type="text/css" />
+<link href="css/right.css" rel="stylesheet" type="text/css" />
+<link href="css/bottom.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+<div id="father">
+  <div id="top">
+    <div id="banner"></div>
+    <div id="nav">
+      <ul>
+        <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>
+        <li><a href="#">游记精选</a></li>
+        <li><a href="#">资源下载</a></li>
+        <li><a href="#">雁过留声</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="left">
+    <div id="weather">
+      <h3>天气查询</h3>
+      <ul>
+        <li><a href="#">乌鲁木齐   雷阵雨 20°C-31°C</a></li>
+        <li><a href="#">吐鲁番  多云转阴 20°C-28°C</a></li>
+        <li><a href="#">喀什  阵雨转多云 25°C-32°C</a></li>
+        <li><a href="#">库尔勒  阵雨转阴 21°C-28°C</a></li>
+        <li><a href="#">克拉玛依  雷阵雨 26°C-30°C</a></li>
+      </ul>
+    </div>
+    <div id="tj">
+      <h3>今日推荐</h3>
+      <ul>
+        <li><a href="#"><img src="img/tuijian1.jpg" /><br />
+          喀纳斯河</a></li>
+        <li><a href="#"><img src="img/tuijian2.jpg" /><br />
+          布尔津</a></li>
+        <li><a href="#"><img src="img/tuijian3.jpg" /><br />
+          天山之路</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="center">
+    <div id="city"></div>
+    <div id="mj">
+      <ul>
+        <li><a href="#"><img src="img/beauty1.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty2.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty3.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty4.jpg" /></a></li>
+      </ul>
+    </div>
+    <div id="xl">
+      <ul>
+        <li><a href="#">吐鲁番--库尔勒--库车--塔中--和田--喀什</a></li>
+        <li><a href="#">乌鲁木齐--天池--克拉玛依--乌伦古湖--喀纳斯</a></li>
+        <li><a href="#">乌鲁木齐--奎屯--乔尔玛--那拉提--巴音布鲁克</a></li>
+        <li><a href="#">乌鲁木齐--五彩城--将军隔壁--吉木萨尔</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="right">
+    <div>
+      <h3>新疆风光</h3>
+      <ul>
+        <li><a href="#"><img src="img/map1.jpg" /></a></li>
+        <li><a href="#"><img src="img/map2.jpg" /></a></li>
+      </ul>
+    </div>
+    <div id="xc">
+      <h3>小吃推荐</h3>
+      <ul>
+        <li><a href="#">17号抓饭</a></li>
+        <li><a href="#">大盘鸡</a></li>
+        <li><a href="#">五一夜市</a></li>
+        <li><a href="#">水果</a></li>
+      </ul>
+    </div>
+    <div id="bg">
+      <h3>宾馆酒店</h3>
+      <ul>
+        <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 id="bottom">艾萨克所有@版权所有&nbsp;<span class="color">demo@demo.com</span></div>
+</div>
+</body>
+</html>