diff --git a/public/template/001/styles/index.scss b/public/template/001/styles/index.scss
index 0cf65bd..4135622 100644
--- a/public/template/001/styles/index.scss
+++ b/public/template/001/styles/index.scss
@@ -59,8 +59,8 @@ html {
 }
 
 #app {
-    height: 100%;
-    background: #203673f7;    //临时
+    // height: 100%;
+    // background: #203673f7;    //临时
 }
 *,
 *:before,
@@ -154,7 +154,9 @@ a:hover {
 .font-size-16 {
     font-size: 16px;
 }
-
+.font-size-18 {
+    font-size: 18px;
+}
 .font-weight-bold {
     font-weight: bold;
 }
@@ -175,6 +177,9 @@ a:hover {
 .color-white {
     color: #fff;
 }
+.color-black {
+    color: #000000;
+}
 .color-success {
     color: #5CB959;
 }
@@ -200,7 +205,9 @@ a:hover {
 // }
 //main-container全局样式
 .app-main {
-    min-height: 100%
+    position: relative;
+    width: 100%;
+    min-height: 100%;
 }
 
 .app-container {
diff --git a/public/template/001/styles/sidebar.scss b/public/template/001/styles/sidebar.scss
index 2fdbd59..593506b 100644
--- a/public/template/001/styles/sidebar.scss
+++ b/public/template/001/styles/sidebar.scss
@@ -11,22 +11,23 @@
 		margin-left: 180px;
 	}
 	.main-content {
-		width: 1200px;
+		// width: 1200px;
 		margin: 0 auto;
 	}
 	.header-content {
-		width: 100%;
+		width: 1200px;
+		margin: 0 auto;
 		height: 100%;
-		padding: 0 20px;
-		background: rgba(255,255,255,.1);
+		// padding: 0 20px;
+		// background: rgba(255,255,255,.1);
 	}
 	// 顶边栏
 	.header-sidebar-container {
 		width: 100%;
 		// height: 60px;
-		position: fixed;
+		position: relative;
 		// background-color: #DF3434;
-		color: #fff;
+		color: #404040;
 		top: 0;
 		left: 0;
 		font-size: 18px;
@@ -136,7 +137,7 @@
 			li {
 				&:hover {
 					color: #DF3434;
-					background-color: #FFE8E6 !important;
+					background-color: #fff !important;
 				}
 			}
 		}
@@ -144,7 +145,7 @@
 			border-left: 3px solid #DF3434;
 			color: #DF3434;
 			border-bottom:0;
-			background-color: #FFE8E6 !important;
+			background-color: #fff !important;
 		}
 	}
 	.openSidebar {
@@ -214,18 +215,41 @@
 .el-menu--horizontal {
 	// width: 100% !important;
 	// left: 0 !important;
-	
-	background-color: #F7F7F7;
+	background: transparent;
 	.el-menu--popup {
+		transform: translateY(-20px);
+		background: #FFFFFF !important;
+		text-align: center;
+		border: 1px solid #DFDFDF;
+		box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.5);
+		border-radius: 7px;
+		padding: 10px 10px;
 		min-width: 120px;
+		&::before {
+			content: " ";
+			position: absolute;
+			width: 15px;
+			height: 15px;
+			top: -8px;
+			transform: translateX(-50%) rotate(45deg);
+			left: 50%;
+			background: #fff;
+			border-top: 1px solid #DFDFDF;
+			border-left: 1px solid #DFDFDF;
+			
+		}
 		.is-active {
 			// border-bottom: 2px solid #fff;
-			background-color: rgba(255,232,230,1) !important;
+			font-weight: 600;
+			background-color: #fff !important;
 		}
 		.el-menu-item {
-			color: #000 !important;
+			color: #333333 !important;
 			&:hover {
-				background-color: rgba(255,232,230,1) !important;
+				color:#1A5C7D !important;
+				font-weight: 600;
+				font-size: 16px;
+				background-color: #fff !important;
 			}
 		}
 	}
diff --git a/public/template/001/styles/variables.scss b/public/template/001/styles/variables.scss
index ca14b05..b3a01d4 100644
--- a/public/template/001/styles/variables.scss
+++ b/public/template/001/styles/variables.scss
@@ -1,8 +1,8 @@
 //sidebar
-$menuText:#fff;
+$menuText:#1A1A1A;
 $menuText2:#212121;
-$menuActiveText:#fff;
-$menuActiveText2:rgb(217, 52, 223);
+$menuActiveText:#4b4bce;
+$menuActiveText2:#4b4bce;
 $subMenuActiveText:#4b4bce; //https://github.com/ElemeFE/element/issues/12951
 
 $menuBg:rgba(0,0,0,0);
diff --git a/src/assets/home/1/chengyuan.png b/src/assets/home/1/chengyuan.png
new file mode 100644
index 0000000..abeb752
Binary files /dev/null and b/src/assets/home/1/chengyuan.png differ
diff --git a/src/assets/home/1/data-platform-s.png b/src/assets/home/1/data-platform-s.png
new file mode 100644
index 0000000..512bc40
Binary files /dev/null and b/src/assets/home/1/data-platform-s.png differ
diff --git a/src/assets/home/1/ewm.png b/src/assets/home/1/ewm.png
new file mode 100644
index 0000000..7d13b73
Binary files /dev/null and b/src/assets/home/1/ewm.png differ
diff --git a/src/assets/home/1/fuwupingtai.png b/src/assets/home/1/fuwupingtai.png
new file mode 100644
index 0000000..8fc4b06
Binary files /dev/null and b/src/assets/home/1/fuwupingtai.png differ
diff --git a/src/assets/home/1/gengduo.png b/src/assets/home/1/gengduo.png
new file mode 100644
index 0000000..7e10419
Binary files /dev/null and b/src/assets/home/1/gengduo.png differ
diff --git a/src/assets/home/1/gongyehulianwangzhuanqu.png b/src/assets/home/1/gongyehulianwangzhuanqu.png
new file mode 100644
index 0000000..1b20ee9
Binary files /dev/null and b/src/assets/home/1/gongyehulianwangzhuanqu.png differ
diff --git a/src/assets/home/1/jiaru.png b/src/assets/home/1/jiaru.png
new file mode 100644
index 0000000..b2acc1e
Binary files /dev/null and b/src/assets/home/1/jiaru.png differ
diff --git a/src/assets/home/1/pinggu.png b/src/assets/home/1/pinggu.png
new file mode 100644
index 0000000..7703a4f
Binary files /dev/null and b/src/assets/home/1/pinggu.png differ
diff --git a/src/assets/home/1/tt.png b/src/assets/home/1/tt.png
new file mode 100644
index 0000000..18a0073
Binary files /dev/null and b/src/assets/home/1/tt.png differ
diff --git a/src/assets/home/1/x.png b/src/assets/home/1/x.png
new file mode 100644
index 0000000..5079a42
Binary files /dev/null and b/src/assets/home/1/x.png differ
diff --git a/src/assets/home/1/zhangcheng.png b/src/assets/home/1/zhangcheng.png
new file mode 100644
index 0000000..6e2f1e8
Binary files /dev/null and b/src/assets/home/1/zhangcheng.png differ
diff --git a/src/assets/home/1/ziyuanchi.png b/src/assets/home/1/ziyuanchi.png
new file mode 100644
index 0000000..54450c6
Binary files /dev/null and b/src/assets/home/1/ziyuanchi.png differ
diff --git a/src/assets/home/1/zuzhijiagou.png b/src/assets/home/1/zuzhijiagou.png
new file mode 100644
index 0000000..8fc4b06
Binary files /dev/null and b/src/assets/home/1/zuzhijiagou.png differ
diff --git a/src/assets/home/1/底1.png b/src/assets/home/1/底1.png
new file mode 100644
index 0000000..bd96e37
Binary files /dev/null and b/src/assets/home/1/底1.png differ
diff --git a/src/assets/home/1/搜索 拷贝 2.png b/src/assets/home/1/搜索 拷贝 2.png
new file mode 100644
index 0000000..55f904c
Binary files /dev/null and b/src/assets/home/1/搜索 拷贝 2.png differ
diff --git a/src/assets/home/data-platform-s.png b/src/assets/home/data-platform-s.png
new file mode 100644
index 0000000..512bc40
Binary files /dev/null and b/src/assets/home/data-platform-s.png differ
diff --git a/src/assets/home/ewm.png b/src/assets/home/ewm.png
new file mode 100644
index 0000000..7d13b73
Binary files /dev/null and b/src/assets/home/ewm.png differ
diff --git a/src/assets/home/forum-bg.jpg b/src/assets/home/forum-bg.jpg
new file mode 100644
index 0000000..5926322
Binary files /dev/null and b/src/assets/home/forum-bg.jpg differ
diff --git a/src/assets/home/fruit01.jpg b/src/assets/home/fruit01.jpg
new file mode 100644
index 0000000..8cb9a60
Binary files /dev/null and b/src/assets/home/fruit01.jpg differ
diff --git a/src/assets/home/fruit02.jpg b/src/assets/home/fruit02.jpg
new file mode 100644
index 0000000..4304776
Binary files /dev/null and b/src/assets/home/fruit02.jpg differ
diff --git a/src/assets/home/fruit03.jpg b/src/assets/home/fruit03.jpg
new file mode 100644
index 0000000..0a39b67
Binary files /dev/null and b/src/assets/home/fruit03.jpg differ
diff --git a/src/assets/home/fruit04.jpg b/src/assets/home/fruit04.jpg
new file mode 100644
index 0000000..35c2d2b
Binary files /dev/null and b/src/assets/home/fruit04.jpg differ
diff --git a/src/assets/home/fuwupingtai.png b/src/assets/home/fuwupingtai.png
new file mode 100644
index 0000000..8fc4b06
Binary files /dev/null and b/src/assets/home/fuwupingtai.png differ
diff --git a/src/assets/home/gengduo.png b/src/assets/home/gengduo.png
new file mode 100644
index 0000000..7e10419
Binary files /dev/null and b/src/assets/home/gengduo.png differ
diff --git a/src/assets/home/gongyehulianwangzhuanqu.png b/src/assets/home/gongyehulianwangzhuanqu.png
new file mode 100644
index 0000000..1b20ee9
Binary files /dev/null and b/src/assets/home/gongyehulianwangzhuanqu.png differ
diff --git a/src/assets/home/meeting-bg.jpg b/src/assets/home/meeting-bg.jpg
new file mode 100644
index 0000000..0894af1
Binary files /dev/null and b/src/assets/home/meeting-bg.jpg differ
diff --git a/src/assets/home/pinggu.png b/src/assets/home/pinggu.png
new file mode 100644
index 0000000..7703a4f
Binary files /dev/null and b/src/assets/home/pinggu.png differ
diff --git a/src/assets/home/tt.png b/src/assets/home/tt.png
new file mode 100644
index 0000000..18a0073
Binary files /dev/null and b/src/assets/home/tt.png differ
diff --git a/src/assets/home/ziyuanchi.png b/src/assets/home/ziyuanchi.png
new file mode 100644
index 0000000..54450c6
Binary files /dev/null and b/src/assets/home/ziyuanchi.png differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 60cd82d..748e8c4 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,61 +1,163 @@
 <template>
     <div class="main-content">
         <div class="block1">
-            <div class="block1-carousel">
-                <el-carousel height="450px">
-                    <el-carousel-item v-for="item in carouselPicList" :key="item">
-                        <img style="height:450px;width:100%;" :src="item" />
-                    </el-carousel-item>
-                </el-carousel>
-            </div>
-            <div class="block1-about">
-                <div class="about-box">
-                    <span class="title-1">联盟介绍 <span class="font-size-16">about ></span></span>
-                    <p class="content">在工业和信息化部的大力支持和指导下，由中国信息通信研究院联合制造业、通信业、互联网等企业于2016年2月1日共同发起成立..</p>
-                    <a class="content float-right">查看更多 >></a>
-                </div>
-                <div class="other-box flex-box">
-                    <div class="button flex-1"><i class="el-icon-document"></i>章程</div>
-                    <div class="button flex-1"><i class="el-icon-user-solid"></i>成员</div>
-                    <div class="button flex-1"><i class="el-icon-s-management"></i>组织构架</div>
+            <div class="block-content">
+                <div class="block1-carousel">
+                    <el-carousel height="450px">
+                        <el-carousel-item v-for="item in carouselPicList" :key="item">
+                            <img style="height:450px;width:100%;" :src="item" />
+                            <div class="carousel-bg">
+                                <span class="font-size-16">联盟介绍</span>
+                                <p class="content">在工业和信息化部的大力支持和指导下，由中国信息通信研究院联合制造业、通信业、互联网等企业于2016年2月1日共同发起成立..</p>
+                                <br><br><br>
+                                <a class="color-white mybutton-1">查看更多 >></a>
+                            </div>
+                        </el-carousel-item>
+                    </el-carousel>
                 </div>
-                <div class="other-box flex-box">
-                    <div class="button flex-1"><i class="el-icon-user"></i>加入联盟</div>
+                <div class="block1-about">
+                    <div class="about-box">
+                        <span class="title-1">
+                            联盟介绍
+                            <span class="font-size-16">about ></span>
+                        </span>
+                        <p class="content">在工业和信息化部的大力支持和指导下，由中国信息通信研究院联合制造业、通信业、互联网等企业于2016年2月1日共同发起成立..</p>
+                        <br><br><br>
+                        <a style="color:#01496E;" class="mybutton-1">查看更多 >></a>
+                    </div>
+                    <div class="other-box flex-box">
+                        <div class="button flex-1" style="background:#004471;"><i class="el-icon-user"></i>加入联盟</div>
+                    </div>
+                    <div class="other-box flex-box">
+                        <div class="button flex-1"><i class="el-icon-document"></i>章程</div>
+                        <div class="button flex-1"><i class="el-icon-user-solid"></i>成员</div>
+                        <div class="button flex-1"><i class="el-icon-s-management"></i>组织构架</div>
+                    </div>
                 </div>
             </div>
+            
         </div>
         <div class="block2">
-            <el-row>
-                <el-col :span="9">
-                    <div>
-                        <span class="title-2">联盟动态 <span class="font-size-16">News  ></span></span>
-                    </div>
-                    <div class="notice-list" v-for="(item,index) in noticeList.slice(0,3)" :key="index">
-                        <div class="date-block">
-                            <p class="text-Date">{{item.sendtime.split('-')[0]}}</p>
-                            <p class="text-content text-center">{{item.sendtime.split('-')[1]}}/{{item.sendtime.split('-')[2]}}</p>
-                        </div>
-                        <div class="content-block">
+            <el-row  class="block-content">
+                <div class="left-box">
+                    <div class="title-box is-active">
+                        <span class="color-white title-2">联盟动态 <br><span class="font-size-21" style="opacity: 0.4;">NEWS</span></span>
+                    </div>
+                    <div class="title-box">
+                        <span class="color-white title-2">行业资讯 <br><span class="font-size-21" style="opacity: 0.4;">INFORMATION</span></span>
+                    </div>
+                </div>  
+                <div class="center-box">
+                    <div class="notice-list" v-for="(item,index) in noticeList.slice(0,6)" :key="index">
+                        <div class="content-block-first" v-if="index == 0">
                             <p class="text-title">{{item.title}}</p>
                             <p class="text-content">{{item.content.replace(/<[^>]+>/g,"")}}</p>
                         </div>
+                        <div v-else class="content-block">
+                            <p class="text-title" style="font-size:14px;">{{item.title}}</p>
+                        </div>
+                        <span class="text-date">{{item.sendtime}}</span>
+                    </div>
+                </div>  
+                <div class="right-box">
+                    <div class="meeting meeting-bg">
+                        <span class="title-1" style="z-index:10;">2020年互联网大会</span>
+                    </div>
+                    <div class="meeting forum-bg">
+                        <span class="title-1"  style="z-index:10;">2020年转型升级论坛</span>
+                    </div>
+                </div>
+            </el-row>
+        </div>
+        <div class="block3">
+            <div class="block-content">
+                <h1 class="title-0">成果发布
+                    <span class="bottom-line" style="color:#01496E;"></span>
+                </h1>
+                <el-divider></el-divider>
+                <p class="font-size-18" style="opacity: 0.4;text-align: center;">RESULTS</p>
+                <br><br><br>
+                <div>
+                    <div class="tab-box fruit01-bg">
+                        <p class="title-1" style="z-index:10;">白皮书</p>
+                        <br><br>
+                        <a class="content" style="z-index:10;">查看更多 >></a>
+                    </div>
+                    <div class="tab-box fruit02-bg">
+                        <p class="title-1" style="z-index:10;">技术标准</p>
+                        <br><br>
+                        <a class="content" style="z-index:10;">查看更多 >></a>
+                    </div>
+                    <div class="tab-box fruit03-bg">
+                        <p class="title-1" style="z-index:10;">电子会刊</p>
+                        <br><br>
+                        <a class="content" style="z-index:10;">查看更多 >></a>
+                    </div>
+                    <div class="tab-box fruit04-bg">
+                        <p class="title-1" style="z-index:10;">应用案例</p>
+                        <br><br>
+                        <a class="content" style="z-index:10;">查看更多 >></a>
                     </div>
-                </el-col>
-                <el-col :span="9">
-                    <span class="title-2">行业资讯 <span class="font-size-16">Information  ></span></span>
-                    <div class="notice-list" v-for="(item,index) in noticeList.slice(0,3)" :key="index">
-                        <div class="date-block">
-                            <p class="text-Date">{{item.sendtime.split('-')[0]}}</p>
-                            <p class="text-content text-center">{{item.sendtime.split('-')[1]}}/{{item.sendtime.split('-')[2]}}</p>
+                </div>
+                <br><br>
+                <el-row>
+                    <el-col :span="12">
+                        <div class="notice-list" v-for="(item,index) in noticeList.slice(0,4)" :key="index">
+                            <div class="content-block">
+                                <p class="text-title" style="font-size:14px;"><span style="color:#01496E;">【白皮书】</span>{{item.title}}</p>
+                            </div>
+                            <span class="text-date">{{item.sendtime}}</span>
                         </div>
-                        <div class="content-block">
-                            <p class="text-title">{{item.title}}</p>
-                            <p class="text-content">{{item.content.replace(/<[^>]+>/g,"")}}</p>
+                    </el-col>
+                    <el-col :span="12">
+                        <div class="notice-list" v-for="(item,index) in noticeList.slice(4,8)" :key="index">
+                            <div class="content-block">
+                                <p class="text-title" style="font-size:14px;"><span style="color:#01496E;">【白皮书】</span>{{item.title}}</p>
+                            </div>
+                            <span class="text-date">{{item.sendtime}}</span>
                         </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </div>
+        <div class="block4">
+            <div class="block-content">
+                <h1 class="title-0">公众服务
+                    <span class="bottom-line"  style="color:#01496E;"></span>
+                </h1>
+                <el-divider></el-divider>
+                <p class="font-size-18" style="opacity: 0.4;text-align: center;">PUBLIC SERVICE</p>
+                <br><br><br>
+                <div>
+                    <div class="tab-box">
+                        <img class="box-pic" src="../../assets/home/gongyehulianwangzhuanqu.png">
+                        <p>“5G+工业互联网”<br>项目库</p>
                     </div>
-                </el-col>
-                <el-col :span="6"></el-col>
-            </el-row>
+                    <div class="tab-box">
+                        <img class="box-pic" src="../../assets/home/ziyuanchi.png">
+                        <p>工业互联网<br>资源池</p>
+                    </div>
+                    <div class="tab-box">
+                         <img class="box-pic" src="../../assets/home/fuwupingtai.png">
+                        <p>工业互联网信息模型<br>综合服务平台</p>
+
+                    </div>
+                    <div class="tab-box">
+                         <img class="box-pic" src="../../assets/home/pinggu.png">
+                         <p>可信服务评估评测</p>
+                    </div>
+                    <div class="tab-box">
+                         <img class="box-pic" src="../../assets/home/data-platform-s.png">
+                         <p>工业大数据<br>产业创新平台</p>
+                    </div>
+                    <div class="tab-box">
+                        <div class="box-pic">
+                            <img style="margin-top:15px;" src="../../assets/home/gengduo.png">
+                        </div>
+                         <p>更多</p>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </template>
@@ -71,7 +173,7 @@ export default {
             ],
             noticeList:[                //通知列表
                 {sendtime:'2020-05-10',title:'工业和信息化部办公厅关于推动工业互联网加快发展',content:'各省、自治区、直辖市及计划单列市、新疆生产建设兵团工业和信息化主 管部门，各省、自治区、直辖市通信管理局，中国电信集团有限公司。'},
-                {sendtime:'2020-05-09',title:'工业和信息化部办公厅关于公布2019年工业互联网试',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
+                {sendtime:'2020-05-09',title:'工业和信息化部办公厅关于公布2019年工业互联网试2019年工业互联网试',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
                 {sendtime:'2020-05-08',title:'北京市经济和信息化局关于开展2020年工信部工业互',content:'各有关单位：根据工信部及我局工作安排，现将2020年工信部工业互联网 创新发展工程项目（以下简称“项目”）有关工作通知如下。'},
                 {sendtime:'2020-05-07',title:'江门市工业和信息化局转发关于组织推进 “5G+工业”',content:'各市（含定州、辛集市）工业和信息化局、通信发展管理办公室，中国联通 河北分公司、中国电信河北分公司、中国移动河北分公司、河北广电网络。'},
                 {sendtime:'2020-05-08',title:'关于进一步加快工业互联网发展的通知',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
@@ -83,28 +185,46 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.block-content {
+    position: relative;
+    width: 1200px;
+    margin: 0 auto;
+    padding: 50px 0;
+}
 .block1 {
     position: relative;
     width:100%;
-    margin: 50px 0;
+    background: linear-gradient(180deg, #01496E, #1B5C7D);
     .block1-carousel {
         position: relative;
         display: inline-block;
         vertical-align: top;
         width: 66.6%;
         height: 450px;
+        .carousel-bg {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            padding: 230px 80px 20px;
+            color: #fff;
+            background: rgba(0,0,0,.5);
+        }
     }
     .block1-about {
         position: relative;
         display: inline-block;
         width: 33.3%;
         height: 450px;
+        color: #323232;
         .about-box {
             position: relative;
             width: 100%;
+            padding: 20px;
             height: 340px;
-            background: url('../../assets/home/about_bg.png');
-            // background-size: 100% 100%;
+            color: #646464;
+            background: #fff;
         }
         .other-box {
             position: relative;
@@ -118,8 +238,15 @@ export default {
                 line-height: 55px;
                 text-align: center;
                 font-size: 20px;
-                background: #3b8bb2;
-                border: 1px solid rgba(255,255,255,0.6);
+                &:nth-child(1) {
+                    background:#065889;
+                }
+                &:nth-child(2) {
+                    background:#0273AC;
+                }
+                &:nth-child(3) {
+                    background:#029CE8;
+                }
                 &:hover {
                     background: #3b8bb27a;
                 }
@@ -130,7 +257,197 @@ export default {
 .block2 {
     position: relative;
     width: 100%;
-    margin: 50xp 0;
+    background: #F3F3F3;
+    .left-box {
+        position: relative;
+        display: inline-block;
+        vertical-align: top;
+        width: 200px;
+        height: 400px;
+        z-index: 10;
+    }
+    .center-box {
+        position: relative;
+        vertical-align: top;
+        display: inline-block;
+        width: 550px;
+        height: 400px;
+        background: #fff;
+        z-index: 5;
+    }
+    .right-box {
+        position: relative;
+        float: right;
+        vertical-align: top;
+        display: inline-block;
+        width: 430px;
+        height: 400px;
+    }
+    .title-box {
+        position: relative;
+        cursor: pointer;
+        text-align: center;
+        padding: 15px;
+        width: 200px;
+        height: 200px;
+        color: #FFFFFF;
+        background: #8D8D8D;
+        &::after {
+            content: " ";
+            position: absolute;
+            width: 15px;
+            height: 15px;
+            right: -8px;
+            top: 50%;
+            background: #8D8D8D;
+            transform: translateY(-50%) rotate(45deg);
+        }
+    }
+    .is-active {
+        background: #01496E !important;
+        &::after {
+            content: " ";
+            position: absolute;
+            width: 15px;
+            height: 15px;
+            right: -8px;
+            top: 50%;
+            transform: translateY(-50%) rotate(45deg);
+            background: #01496E !important;
+        }
+    }
+    .meeting {
+        position: relative;
+        width: 100%;
+        height: 190px;
+        color: #fff;
+        padding: 0 15px;
+        &:first-child {
+            margin-bottom: 20px;
+        }
+        &:after {
+            content: " ";
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0,0,0,0.5);
+        }
+        &:hover {
+            &:after {
+                background: rgba(0,0,0,0.2);
+            }
+        }
+    }
+    .meeting-bg {
+        background: url('../../assets/home/meeting-bg.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+    .forum-bg {
+        background: url('../../assets/home/forum-bg.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+}
+.block3 {
+    position: relative;
+    width: 100%;
+    .tab-box {
+        position: relative;
+        display: inline-block;
+        width: calc(25% - 15px);
+        height: 175px;
+        margin-right: 20px;
+        padding: 15px 40px;
+        color: #fff;
+        &:last-child {
+            margin-right: 0;
+        }
+        &:after {
+            content: " ";
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 0;
+            height: 100%;
+            background: rgba(0,0,0,0.5);
+            transition:none;
+            // z-index: 5;
+        }
+        &:hover {
+            &:after {
+                width: 100%;
+                transition: All 0.3s ease-in-out;
+            }
+        }
+    }
+    .pic-bg {
+        position: absolute;
+        display: inline-block;
+        width: 100%;
+        height: 100%;
+    }
+    .fruit01-bg {
+        background: url('../../assets/home/fruit01.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+    .fruit02-bg {
+        background: url('../../assets/home/fruit02.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+    .fruit03-bg {
+        background: url('../../assets/home/fruit03.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+    .fruit04-bg {
+        background: url('../../assets/home/fruit04.jpg') no-repeat;
+        background-size: 100% 100%;
+    }
+}
+.block4 {
+    position: relative;
+    width: 100%;
+    .tab-box {
+        position: relative;
+        display: inline-block;
+        vertical-align: top;
+        width:200px;
+        height: 200px;
+        padding:40px 20px;
+        color: #fff;
+        text-align: center;
+        &:nth-child(1) {
+            background: #004471;
+        }
+        &:nth-child(2) {
+            background: #065889;
+        }
+        &:nth-child(3) {
+            background: #0D6EA4;
+        }
+        &:nth-child(4) {
+            background: #1381BB;
+        }
+        &:nth-child(5) {
+            background: #1996D5;
+        }
+        &:nth-child(6) {
+            background: #27A9EA;
+        }
+        .box-pic {
+            position: relative;
+            height: 40px;
+            margin: 15px 0;
+        }
+    }
+}
+.title-0 {
+    position: relative;
+    text-align: center;
+    font-size: 34px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 51px;
 }
 .title-1 {
     position: relative;
@@ -138,17 +455,17 @@ export default {
     cursor: pointer;
     height: 60px;
     line-height: 60px;
-    margin: 15px;
-    font-size: 26px;
-    color: #fff;
+    margin: 15px 0;
+    font-size: 28px;
+    // color: #fff;
     &::before {
         content: " ";
         position: absolute;
         left: 0;
         bottom: 0px;
         width: 50px;
-        height: 2px;
-        background: #fff;
+        height: 4px;
+        background: #d1d1d1;
         transition: All 0.3s ease-in-out;
     }
     &:hover {
@@ -160,9 +477,15 @@ export default {
 .content {
     position: relative;
     line-height: 30px;
-    margin: 15px;
     font-size: 14px;
-    color: rgba(255,255,255,0.8);
+    // color: rgba(255,255,255,0.8);
+}
+.mybutton-1 {
+    position: relative;
+    border: 1px solid;
+    padding: 6px 10px;
+    font-size: 12px;
+    border-radius: 3px;
 }
 .title-2 {
     position: relative;
@@ -172,70 +495,84 @@ export default {
     line-height: 60px;
     margin: 15px;
     font-size: 26px;
-    color: #000;
-    &::before {
-        content: " ";
-        position: absolute;
-        left: 0;
-        bottom: 0px;
-        width: 50px;
-        height: 2px;
-        background: rgb(58, 75, 228);
-        transition: All 0.3s ease-in-out;
+}
+.bottom-line {
+    position: absolute;
+    bottom: -26px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 50px;
+    height: 4px;
+    border: 2px solid;
+    z-index: 10;
+}
+.notice-list {
+    position: relative;
+    background-color: rgba(255,255,255,0);
+    cursor: pointer;
+    color: #999999;
+    font-family:PingFang SC;
+    border-bottom: 1px dotted #dcdcdc;
+    margin: 10px 30px;
+    .date-block {
+        position: relative;
+        display: inline-block;
+        vertical-align: top;
+        width: 67px;
+        height: 67px;
+        margin: 10px 10px 10px 0;
+        padding: 13px 0;
+        background-color: #E4E4E4;
     }
-    &:hover {
+    .content-block {
+        position: relative;
+        display: inline-block;
+        width: calc(100% - 90px);
+        height: 48px;
+        padding: 0 15px;
         &::before {
-            width: 100%;
+            content: " ";
+            position: absolute;
+            top: 28%;
+            left: -10px;
+            width: 6px;
+            height: 6px;
+            background: #8D8D8D;
+            border-radius: 50%;
         }
     }
-}
-.notice-list {
+    .content-block-first {
+        position: relative;
+        display: inline-block;
+        width: calc(100% - 90px);
         height: 94px;
-        background-color: rgba(255,255,255,0);
-        color: #999999;
-        font-family:PingFang SC;
-        border-bottom: 1px dotted #dcdcdc;
-        margin: 10px 20px;
-        .date-block {
-            position: relative;
-            display: inline-block;
-            vertical-align: top;
-            width: 67px;
-            height: 67px;
-            margin: 10px 10px 10px 0;
-            padding: 13px 0;
-            background-color: #E4E4E4;
-        }
-        .content-block {
-            position: relative;
-            display: inline-block;
-            width: calc(100% - 90px);
-            padding: 0 15px;
-        }
-        .text-Date {
-            text-align: center;
-            font-size: 16px;
-        }
+        padding: 0 15px;
+    }
+    .text-date {
+        text-align: center;
+        font-size: 14px;
+        vertical-align: super;
+    }
+    .text-title {
+        font-size: 18px;
+        margin: 6px 0;
+        font-weight:500;
+        color: #666666;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    .text-content {
+        font-size: 14px;
+        overflow: hidden;
+        display: -webkit-box; 
+        -webkit-line-clamp:2; 
+        -webkit-box-orient: vertical;
+    }
+    &:hover {
         .text-title {
-            font-size: 18px;
-            margin: 6px 0;
-            font-weight:500;
-            color: #666666;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        .text-content {
-            font-size: 14px;
-            overflow: hidden;
-            display: -webkit-box; 
-            -webkit-line-clamp:2; 
-            -webkit-box-orient: vertical;
-        }
-        &:hover {
-            .text-title {
-                color: #3893c7;
-            }
+            color: #3893c7;
         }
     }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index 1670aad..aef55a9 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -28,7 +28,7 @@ export default {
     position: relative;
     height: 100%;
     width: 100%;
-    padding-top: 82px;
+    // padding-top: 82px;
     min-width: 1200px;
     &.mobile.openSidebar {
         position: fixed;
diff --git a/src/views/layout/components/AppMain.vue b/src/views/layout/components/AppMain.vue
index 372ed38..7dad29f 100644
--- a/src/views/layout/components/AppMain.vue
+++ b/src/views/layout/components/AppMain.vue
@@ -19,11 +19,11 @@ export default {
 }
 </script>
 <style>
-    .app-main{
+    /* .app-main{
         position: relative;
         width: 100%;
         height: 100%;
-    }
+    } */
 
     /* body {
         padding: 20px; 
diff --git a/src/views/layout/components/footer.vue b/src/views/layout/components/footer.vue
index a1d7e7c..2cb8c99 100644
--- a/src/views/layout/components/footer.vue
+++ b/src/views/layout/components/footer.vue
@@ -1,36 +1,99 @@
 <template>
-    <el-footer>
-        <span class="copyright">
+    <div class="footer-block">
+        <div class="footer-content">
+            <el-row>
+                <el-col :span="3">
+                    <p class="title">关于联盟</p>
+                    <p class="content">联盟介绍</p>
+                    <p class="content">联盟章程</p>
+                    <p class="content">组织构架</p>
+                    <p class="content">联盟成员</p>
+                    <p class="content">联系我们</p>
+                </el-col>
+                <el-col :span="3">
+                    <p class="title">互联网大会</p>
+                    <p class="content">大会介绍</p>
+                    <p class="content">会议日程</p>
+                    <p class="content">大会新闻</p>
+                    <p class="content">大会回看</p>
+                </el-col>
+                <el-col :span="3">
+                    <p class="title">转型升级论坛</p>
+                    <p class="content">论坛介绍</p>
+                    <p class="content">论坛日程</p>
+                    <p class="content">论坛新闻</p>
+                    <p class="content">论坛回顾</p>
+                </el-col>
+                <el-col :span="3">
+                    <p class="title">联盟成果</p>
+                    <p class="content">白皮书</p>
+                    <p class="content">技术标准</p>
+                    <p class="content">电子会刊</p>
+                    <p class="content">应用案例</p>
+                </el-col>
+                <el-col :span="3">
+                    <p class="title">公共服务</p>
+                    <p class="content">平台</p>
+                </el-col>
+                <el-col :span="3">
+                    <br>
+                </el-col>
+                <el-col :span="3">
+                    <p class="content">AII头条号</p>
+                    <img class="box-pic" src="../../../assets/home/tt.png">
+                </el-col>
+                <el-col :span="3">
+                    <p class="content">AII微信公众号</p>
+                    <img class="box-pic" src="../../../assets/home/ewm.png">
+                </el-col>
+            </el-row>
+        </div>
+        <p class="copyright">
             京ICP备09013372号-15     工业互联网产业联盟版权所有         技术支持：福通互联
-        </span>
-    </el-footer>
+        </p>
+    </div>
 </template>
 <script>
 export default {
     name:'myFooter',
 }
 </script>
-<style scoped>
-.el-footer {
+<style lang="scss" scoped>
+.footer-block {
     position: relative;
+    padding: 0;
     bottom: 0px;
     width: 100%;
-    background-color:#333333;
-    line-height: 60px;
-    font-size:14px;
-    font-family:PingFang-SC-Regular;
-    color:#666666;
+    background: #333333;
     z-index: 5;
-    text-align: center;
+    
+     .copyright {
+        position: relative;
+        text-align: center;
+        background-color:#272727;
+        width: 100%;
+        line-height: 60px;
+        font-size:14px;
+        font-family:PingFang-SC-Regular;
+        color:#909090;
+    }
 }
-.el-footer .copyright {
+.footer-content {
     position: relative;
-    /* margin-left: 15%; */
+    width: 1200px;
+    margin: 0 auto;
+    padding: 30px;
+    .title {
+        color: #FFFFFF;
+        font-size: 16px;
+        line-height: 40px;
+    }
+    .content {
+        color: #7D7D7D;
+        font-size: 14px;
+        line-height: 30px;
+    }
 }
-/* .el-footer .hotline {
-    position: relative;
-    margin-left: 10%;
-} */
 </style>
 
 
diff --git a/src/views/layout/components/header.vue b/src/views/layout/components/header.vue
index a5d6fde..e226b54 100644
--- a/src/views/layout/components/header.vue
+++ b/src/views/layout/components/header.vue
@@ -1,5 +1,9 @@
 <template>
     <div>
+        <div class="top-content">
+            <span>欢迎访问中国食品工业互联网产业联盟</span>
+            <span class="float-right"> <a href="#/">返回首页</a> <el-divider direction="vertical"></el-divider><a href="#/register">加入联盟</a><el-divider direction="vertical"></el-divider><a href="#/login">登录</a></span>
+        </div>
         <el-header style="height:84px;" id="topHeight">
             <div class="header-content">
                 <router-link to="/">
@@ -10,7 +14,7 @@
                     </div>
                     <img class="logo2" :src="_getImage('search','logo-small.png')" />
                 </router-link>
-
+                <a class="el-icon-search float-right" style="line-height: 84px;" title="文章查询"></a>
                 <el-menu
                 v-if="!onlyShow && $template == '001'"
                 class="menu-position"
@@ -45,26 +49,14 @@
                         </template>
                     </template>
                 </el-menu>
+                
             </div>
-            <div v-if="!onlyShow" class="avatar-container">
-                <!-- <el-button size="mini" class="white-button" @click="login">登录</el-button> -->
-                <el-dropdown  :style="{'color':variables.menuText,'cursor': 'pointer'}">
-                    <div >
-                        <!-- <img class="user-avatar" src="@/assets/touxiang.png"> -->
-                        <router-link :to="{'name':'login'}">
-                            <span>加入联盟</span>
-                        </router-link>
-                        
-                    </div>
-                </el-dropdown>
-            </div>
+            
         </el-header>
     </div>
 </template>
 
 <script>
-//import { mapGetters } from "vuex";
-//import variables from "@/styles/variables.scss";
 export default {
     name: "myHeader",
     props: {
@@ -73,17 +65,6 @@ export default {
             default: false
         }
     },
-    // computed: {
-    //     ...mapGetters(["router"]),
-    //     variables() {
-    //       return variables;
-    //     }
-    // },
-    // watch: {
-    //     router(newVal) {
-    //         this.routes = this.router;
-    //     }
-    // },
     data() {
         return {
             routes: [],
@@ -93,35 +74,21 @@ export default {
     },
     created(){
         this.variables = this._getCss2("styles", "variables.scss")
-        var that = this
-        window.addEventListener("scroll", that.scroll)
     },
     mounted() {
         this.routes = this.$router.options.routes[0].children;
-    },
-    methods: {
-        login() {
-            let url = config.LOGIN_URL
-            window.open(url);
-        },
-        scroll() {
-            if(document.documentElement.scrollTop >= 200 && this.top)
-            {
-                this.top = false
-                window.document.getElementById('topHeight').style.display = 'none'
-            } else if(document.documentElement.scrollTop < 200 && !this.top){
-                this.top = true
-                window.document.getElementById('topHeight').style.display = 'block'
-            }
-        }
-    },
-    beforeDestroy(){
-        var that = this
-        window.removeEventListener('scroll', that.scroll);//监听页面滚动事件
     }
 };
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
+.top-content {
+    position: relative;
+    width: 1200px;
+    margin: 0 auto;
+    height: 35px;
+    line-height: 35px;
+    font-size: 12px;
+}
 .logo {
   position: relative;
   top: 7px;
@@ -143,7 +110,7 @@ export default {
 }
 .menu-position {
   float: right;
-  padding-right: 10%;
+//   padding-right: 10%;
 }
 .avatar-container {
   display: inline-block;