diff --git a/public/css/style.css b/public/css/style.css
index b781892..b7418a4 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -16,7 +16,6 @@
 }
 .header{
 	width: 100%;
-	background-color: #FFFFFF;
 }
 .h_topbox{
 	width: 100%;
@@ -53,16 +52,17 @@
 	margin: auto;
 }
 .logo{
-	width: 402px;
-	padding: 30px 0;
+	width: 353px;
+	padding: 18px 0;
 }
 .sch_downbox{
 	width: 360px;
 	height: 44px;
 	line-height: 44px;
 	border-radius: 30px;
-	margin-top: 40px;
+	margin-top: 23px;
 	border: 1px #cccccc solid;
+	background-color: #fff;
 }
 .sch_downbox input{
 	width: 280px;
@@ -255,7 +255,7 @@ blockquote{
 
 .ban{
 	background: url(../img/bg.png);
-	height: 400px;
+	height: 540px;
 }
 .contant{
 	width: 1200px;
diff --git a/public/img/bg.png b/public/img/bg.png
index 9355a4e..081a17e 100644
Binary files a/public/img/bg.png and b/public/img/bg.png differ
diff --git a/public/img/logo.png b/public/img/logo.png
index 13fc6f3..1827840 100644
Binary files a/public/img/logo.png and b/public/img/logo.png differ
diff --git a/src/views/gateway/common/header.vue b/src/views/gateway/common/header.vue
index ea4b577..5345189 100644
--- a/src/views/gateway/common/header.vue
+++ b/src/views/gateway/common/header.vue
@@ -1,211 +1,206 @@
 <template>
-  <div>
+  <div class="ban">
     <div class="header">
-			<div class="h_topbox">
-				<div class="h_top">
-					<div class="h_item left">欢迎访问吉林省农业资源信息平台！</div>
-					<div class="h_home right">
-						<a href="">设为首页</a>
-						<a href=""> | </a>
-						<a href="">加入收藏</a>
+		<div class="h_down clearfloat">
+			<div class="logo left"><img src="img/logo.png" ></div>
+			<div class="h_home right" style="padding: 36px 0 0 10px;">
+				<a href="">设为首页</a>
+				<a href=""> | </a>
+				<a href="">加入收藏</a>
+			</div>
+			<div class="sch_downbox right">
+				<input v-model="searchText" placeholder="请输入要搜索的内容" />
+				<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span>
+			</div>
+		</div>
+	</div>
+	<div id="MutiNav">
+		<ul class="multiUl">
+			<li class="multiUlli">
+				<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
+					<span class="mulgochie">首页</span>
+				</a>
+			</li>
+			<li class="multiUlli" >
+				<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
+					<span class="mulgochie">关于本所</span>
+				</a>
+			</li>
+			<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
+				<a class="mulgo" href="javascript:void(0);" title="区域农业资源" @click="$to('listPage2',{pid:101,id:10101})">
+					<span class="mulgochie">区域农业资源</span>
+				</a>
+				<blockquote>
+					<div class="ChildNavIn">
+						<ul>
+							<li class="clearfloat">
+								<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})">
+									<span><img src="img/dou.png" style="width: 26px;"></span>
+									<span>西部杂粮杂豆</span>
+								</a>
+								<div class="xbcot right">
+									<template v-for="(col,colIndex) in xbzlzdList" >
+										<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
+									</template>
+								</div>
+							</li>
+							<li class="clearfloat">
+								<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})">
+									<span><img src="img/jingji.png" style="width: 26px;"></span>
+									<span>东部经济资源</span>
+								</a>
+								<div class="xbcot right">
+									<template v-for="(col,colIndex) in dbjjzyList" >
+										<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
+									</template>
+								</div>
+							</li>
+							<li class="clearfloat">
+								<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})">
+									<span><img src="img/liangshi.png" style="width: 26px;"></span>
+									<span>中部粮食资源</span>
+								</a>
+								<div class="xbcot right">
+									<template v-for="(col,colIndex) in zblszyList" >
+										<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
+									</template>
+								</div>
+							</li>
+							<li class="clearfloat">
+								<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})">
+									<span><img src="img/dou.png" style="width: 26px;"></span>
+									<span>适宜吉林省<br>种质资源</span>
+								</a>
+								<div class="xbcot right">
+									<template v-for="(col,colIndex) in syjlsList" >
+										<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
+									</template>
+								</div>
+							</li>
+						</ul>
 					</div>
-				</div>
-			</div>
-			<div class="h_down clearfloat">
-				<div class="logo left"><img src="img/logo.png" ></div>
-				<div class="sch_downbox right">
-					<input v-model="searchText" placeholder="请输入要搜索的内容" />
-					<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span>
-				</div>
-			</div>
-		</div>
-		<div id="MutiNav">
-			<ul class="multiUl">
-				<li class="multiUlli">
-					<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
-						<span class="mulgochie">首页</span>
-					</a>
-				</li>
-				<li class="multiUlli" >
-					<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
-						<span class="mulgochie">关于本所</span>
-					</a>
-				</li>
-				<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
-					<a class="mulgo" href="javascript:void(0);" title="区域农业资源" @click="$to('listPage2',{pid:101,id:10101})">
-						<span class="mulgochie">区域农业资源</span>
-					</a>
-					<blockquote>
-						<div class="ChildNavIn">
-							<ul>
-								<li class="clearfloat">
-									<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})">
-										<span><img src="img/dou.png" style="width: 26px;"></span>
-										<span>西部杂粮杂豆</span>
-									</a>
-									<div class="xbcot right">
-										<template v-for="(col,colIndex) in xbzlzdList" >
-											<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
-										</template>
-									</div>
-								</li>
-								<li class="clearfloat">
-									<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})">
-										<span><img src="img/jingji.png" style="width: 26px;"></span>
-										<span>东部经济资源</span>
-									</a>
-									<div class="xbcot right">
-										<template v-for="(col,colIndex) in dbjjzyList" >
-											<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
-										</template>
-									</div>
-								</li>
-								<li class="clearfloat">
-									<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})">
-										<span><img src="img/liangshi.png" style="width: 26px;"></span>
-										<span>中部粮食资源</span>
-									</a>
-									<div class="xbcot right">
-										<template v-for="(col,colIndex) in zblszyList" >
-											<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
-										</template>
-									</div>
-								</li>
-								<li class="clearfloat">
-									<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})">
-										<span><img src="img/dou.png" style="width: 26px;"></span>
-										<span>适宜吉林省<br>种质资源</span>
-									</a>
-									<div class="xbcot right">
-										<template v-for="(col,colIndex) in syjlsList" >
-											<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
-										</template>
-									</div>
-								</li>
-							</ul>
-						</div>
-					</blockquote>
-				</li>
-				<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
-					<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
-						<span class="mulgochie">农业产业化</span>
-					</a>
-					<blockquote>
-						<div class="ChildNavIn">
-							<div class="gersawd clearfloat">
-								<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
-								<div class="vdas left">
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10201})">
-										<span><img src="img/mue_3.png" style="width: 32px;"></span>
-										<span>特色农业产业化</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10202})">
-										<span><img src="img/mue_2.png" style="width: 32px;"></span>
-										<span>粮食产业化</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10203})">
-										<span><img src="img/mue_1.png" style="width: 32px;"></span>
-										<span>畜牧业产业化</span>
-									</a>
-								</div>
+				</blockquote>
+			</li>
+			<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
+				<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
+					<span class="mulgochie">农业产业化</span>
+				</a>
+				<blockquote>
+					<div class="ChildNavIn">
+						<div class="gersawd clearfloat">
+							<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
+							<div class="vdas left">
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10201})">
+									<span><img src="img/mue_3.png" style="width: 32px;"></span>
+									<span>特色农业产业化</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10202})">
+									<span><img src="img/mue_2.png" style="width: 32px;"></span>
+									<span>粮食产业化</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10203})">
+									<span><img src="img/mue_1.png" style="width: 32px;"></span>
+									<span>畜牧业产业化</span>
+								</a>
 							</div>
 						</div>
-					</blockquote>
-				</li>
-				<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
-					<a class="mulgo"  title="布局规划" href="javascript:void(0);"  @click="$to('listPage',{pid:103,id:10301})">
-						<span class="mulgochie">布局规划</span>
-					</a>
-					<blockquote>
-						<div class="ChildNavIn">
-							<div class="gersawd clearfloat">
-								<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
-								<div class="vdas left">
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10301})">
-										<span><img src="img/mue_4.png" style="width: 32px;"></span>
-										<span>吉林省农业资源规划</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10302})">
-										<span><img src="img/mue_6.png" style="width: 32px;"></span>
-										<span>西部特色经济作物区域布局</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10303})">
-										<span><img src="img/mue_7.png" style="width: 32px;"></span>
-										<span>中部粮食加工业区域布局</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10304})">
-										<span><img src="img/mue_5.png" style="width: 32px;"></span>
-										<span>历史区划数据</span>
-									</a>
-								</div>
+					</div>
+				</blockquote>
+			</li>
+			<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
+				<a class="mulgo"  title="布局规划" href="javascript:void(0);"  @click="$to('listPage',{pid:103,id:10301})">
+					<span class="mulgochie">布局规划</span>
+				</a>
+				<blockquote>
+					<div class="ChildNavIn">
+						<div class="gersawd clearfloat">
+							<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
+							<div class="vdas left">
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10301})">
+									<span><img src="img/mue_4.png" style="width: 32px;"></span>
+									<span>吉林省农业资源规划</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10302})">
+									<span><img src="img/mue_6.png" style="width: 32px;"></span>
+									<span>西部特色经济作物区域布局</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10303})">
+									<span><img src="img/mue_7.png" style="width: 32px;"></span>
+									<span>中部粮食加工业区域布局</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10304})">
+									<span><img src="img/mue_5.png" style="width: 32px;"></span>
+									<span>历史区划数据</span>
+								</a>
 							</div>
 						</div>
-					</blockquote>
-				</li>
-				<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
-					<a class="mulgo" title="绿色农业" href="javascript:void(0);"  @click="$to('listPage',{pid:104,id:10401})">
-						<span class="mulgochie">绿色农业</span>
-					</a>
-					<blockquote>
-						<div class="ChildNavIn">
-							<div class="gersawd clearfloat">
-								<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
-								<div class="vdas left">
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10401})">
-										<span><img src="img/mue_10.png" style="width: 32px;"></span>
-										<span>保护性耕作</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10402})">
-										<span><img src="img/mue_8.png" style="width: 32px;"></span>
-										<span>农业资源循环利用</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10403})">
-										<span><img src="img/mue_9.png" style="width: 32px;"></span>
-										<span>农产品安全</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10404})">
-										<span><img src="img/mue_11.png" style="width: 32px;"></span>
-										<span>棚膜经济</span>
-									</a>
-								</div>
+					</div>
+				</blockquote>
+			</li>
+			<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
+				<a class="mulgo" title="绿色农业" href="javascript:void(0);"  @click="$to('listPage',{pid:104,id:10401})">
+					<span class="mulgochie">绿色农业</span>
+				</a>
+				<blockquote>
+					<div class="ChildNavIn">
+						<div class="gersawd clearfloat">
+							<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
+							<div class="vdas left">
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10401})">
+									<span><img src="img/mue_10.png" style="width: 32px;"></span>
+									<span>保护性耕作</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10402})">
+									<span><img src="img/mue_8.png" style="width: 32px;"></span>
+									<span>农业资源循环利用</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10403})">
+									<span><img src="img/mue_9.png" style="width: 32px;"></span>
+									<span>农产品安全</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10404})">
+									<span><img src="img/mue_11.png" style="width: 32px;"></span>
+									<span>棚膜经济</span>
+								</a>
 							</div>
 						</div>
-					</blockquote>
-				</li>
-				<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
-					<a class="mulgo" title="科研动态" href="javascript:void(0);"  @click="$to('listPage',{pid:105,id:10501})">
-						<span class="mulgochie">科研动态</span>
-					</a>
-					<blockquote>
-						<div class="ChildNavIn">
-							<div class="gersawd clearfloat">
-								<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
-								<div class="vdas left">
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10501})">
-										<span><img src="img/mue_12.png" style="width: 32px;"></span>
-										<span>资源区划</span>
-									</a>
-									<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10502})">
-										<span><img src="img/mue_13.png" style="width: 32px;"></span>
-										<span>农业产业化</span>
-									</a>
-								</div>
+					</div>
+				</blockquote>
+			</li>
+			<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
+				<a class="mulgo" title="科研动态" href="javascript:void(0);"  @click="$to('listPage',{pid:105,id:10501})">
+					<span class="mulgochie">科研动态</span>
+				</a>
+				<blockquote>
+					<div class="ChildNavIn">
+						<div class="gersawd clearfloat">
+							<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
+							<div class="vdas left">
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10501})">
+									<span><img src="img/mue_12.png" style="width: 32px;"></span>
+									<span>资源区划</span>
+								</a>
+								<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10502})">
+									<span><img src="img/mue_13.png" style="width: 32px;"></span>
+									<span>农业产业化</span>
+								</a>
 							</div>
 						</div>
-					</blockquote>
-				</li>
-				<li class="multiUlli" >
-					<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);"  @click="$to('listPage',{pid:106})">
-						<span class="mulgochie">助力乡村振兴</span>
-					</a>
-				</li>
-				<li class="multiUlli">
-					<a class="mulgo" title="其他" href="javascript:void(0);"  @click="$to('listPage',{pid:107})">
-						<span class="mulgochie">其他</span>
-					</a>
-				</li>
-			</ul>
-		</div>
+					</div>
+				</blockquote>
+			</li>
+			<li class="multiUlli" >
+				<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);"  @click="$to('listPage',{pid:106})">
+					<span class="mulgochie">助力乡村振兴</span>
+				</a>
+			</li>
+			<li class="multiUlli">
+				<a class="mulgo" title="其他" href="javascript:void(0);"  @click="$to('listPage',{pid:107})">
+					<span class="mulgochie">其他</span>
+				</a>
+			</li>
+		</ul>
+	</div>
   </div>
 </template>
 
diff --git a/src/views/gateway/common/main.vue b/src/views/gateway/common/main.vue
index 39376ea..9e27dee 100644
--- a/src/views/gateway/common/main.vue
+++ b/src/views/gateway/common/main.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="ban"></div>
+    <!-- <div class="ban"></div> -->
     <div class="contant">
 			<div class="PageBox">
 				<div class="scrollbox cl">