diff --git a/css/index.css b/css/index.css
index f91535a..780de7c 100644
--- a/css/index.css
+++ b/css/index.css
@@ -13,12 +13,33 @@
 }
 
 #content{
-    margin-top: 8%;
-    margin-left: 5%;
-    margin-right: 5%;
+    margin-left: 2%;
+    margin-right: 2%;
+}
+
+.box-shadow-panel{
+    margin-top: 3%;
+    margin-bottom: 5%;
 }
 
 #d-block{
     width: 90%;
     height: 100%;
+}
+
+.satellite-list{
+    display:contents;
+    list-style-type: none;
+    text-align: left;
+}
+
+.synopsis{
+    text-align: left;
+    margin-right: 3%;
+    margin-left: 3%;
+}
+
+.recommendation{
+    line-height: 2rem;
+    text-indent: 2em;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 4d9dd38..8697d3d 100644
--- a/index.html
+++ b/index.html
@@ -52,8 +52,74 @@ <h5>Welcome to HAMeteo</h5>
             <div class="Slide-infor">
                 <div class="container-fluid">
                     <div class="row">
-                        <div class="col-xs-12 col-md-6 box-shadow-panel indexleft">
-
+                        <div class="col-xs-12 col-md-5 col-lg-4 box-shadow-panel indexleft">
+                            <h2>卫星系列</h2>
+                            <div class="accordion" id="accordionExample">
+                                <div class="accordion-item">
+                                    <h2 class="accordion-header" id="heading1">
+                                        <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapse1">
+                                            NOAA系列极地轨道气象卫星
+                                        </button>
+                                    </h2>
+                                    <div id="collapse1" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
+                                        <div class="accordion-body pull-down-menu">
+                                            <ul class="satellite-list">
+                                                <li><a href="/">NOAA 19</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 18</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 15</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="accordion-item">
+                                    <h2 class="accordion-header" id="heading2">
+                                        <button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse2">
+                                            GK2A 地球同步轨道气象卫星
+                                        </button>
+                                    </h2>
+                                    <div id="collapse2" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+                                        <div class="accordion-body pull-down-menu">
+                                            <ul class="satellite-list">
+                                                <li><a href="/">NOAA 19</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 18</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 15</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="accordion-item">
+                                    <h2 class="accordion-header" id="heading3">
+                                        <button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse3">
+                                            风云系列地球同步轨道气象卫星
+                                        </button>
+                                    </h2>
+                                    <div id="collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+                                        <div class="accordion-body pull-down-menu">
+                                            <ul class="satellite-list">
+                                                <li><a href="/">NOAA 19</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 18</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                                <li><a href="/">NOAA 15</a></li>
+                                                <div class="stereoscopic-line"></div>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xs-12 col-md-7 col-lg-8 box-shadow-panel indexleft">
+                            <h4>NOAA系列极地轨道气象卫星介绍</h3>
+                            <p class="synopsis">NOAA是太阳同步极轨卫星，采用双星运行，同一地区每天可有四次过境机会。第五代（NOAA-15—19）传感器采用改进型甚高分辨率辐射仪（AVHRR/3），和先进TIROS业务垂直探测器（ATOVS），包括高分辨率红外辐射探测仪（HIRS-3）、先进的微波探测装置A型（AMSU-A）和先进的微波探测装置B型（AMSU-B）。其中AVHRR/3传感器包括5个波段，可见光红色波段、近红外波段、中红外波段和两个热红外波段。美国NOAA极轨卫星从1970年12月第一颗发射以来，近40年连续发射了18颗，最新的NOAA-19也将在2009年发射升空。NOAA卫星共经历了5代，目前使用较多的为第五代NOAA卫星，包括NOAA-15—NOAA-18；作为备用的第四代星，包括NOAA-9—NOAA-14。以下为部分NOAA卫星的发射时间和基本轨道参数。</p>
+                            <p class="synopsis">NOAA-15卫星<br>发射时间1998年5月13号，正式运行日期1998年12月15日<br>轨道高度：808公里，轨道倾角：98.6度，轨道周期：101.2分</p>
+                            <p class="synopsis">NOAA-18卫星<br>发射时间2005年5月11号，正式运行日期2005年6月26日<br>轨道高度：854公里，轨道倾角：未知，轨道周期：102分</p>
+                            <p class="synopsis">NOAA-19卫星<br>发射时间2009年2月6号，正式运行日期2009年 月 日<br>轨道高度：852.2公里，轨道倾角：98.7，轨道周期：102.1分</p>
                         </div>
                     </div>
                     <div class="row">
diff --git a/module/browser.html b/module/browser.html
index d6afc01..5d049af 100644
--- a/module/browser.html
+++ b/module/browser.html
@@ -60,64 +60,5 @@
 <img id="bg" src="https://p.ssl.qhimg.com/t01fe359f246f9e7ec6.jpg" alt="">
 <h2>您的浏览器版本过低，建议您更新浏览器或下载其他浏览器</h2>
 <h2>推荐谷歌浏览器体验更佳</h2>
-<div class="serf">
-    <ul>
-        <li>
-            <a href="https://pc.qq.com/detail/1/detail_2661.html" target="_blank">
-                <img src="https://pc3.gtimg.com/softmgr/logo/48/2661_48_1450768944.png" alt="">
-                <p>谷歌浏览器</p>
-            </a>
-        </li>
-        <li>
-            <a href="http://www.firefox.com.cn/" target="_blank">
-                <img src="https://pc3.gtimg.com/softmgr/logo/48/2867_48_1510709737.png" alt="">
-                <p>火狐浏览器</p>
-            </a>
-        </li>
-		
-		<li>
-            <a href="https://www.opera.com/zh-cn" target="_blank">
-                <img src="https://pc3.gtimg.com/softmgr/logo/48/314_48_1401845457.png" alt="">
-                <p>opear浏览器</p>
-            </a>
-        </li>
-		<li>
-            <a href="http://se.360.cn/xp.html" target="_blank">
-                <img src="https://p1.ssl.qhmsg.com/d/_open360/logo72nb/100923_72.png" alt="">
-                <p>360浏览器-XP系统专版</p>
-            </a>
-        </li>
-        
-        
-    </ul>
-	<ul>
-		<li>
-            <a href="http://www.maxthon.cn/" target="_blank">
-                <img src="https://img.sandbox.qixinyun.com/aoyou-icon.png" alt="">
-                <p>遨游浏览器</p>
-            </a>
-        </li>
-		<li>
-            <a href="https://browser.360.cn/ee/" target="_blank">
-                <img src="https://browser.360.cn/ee/favicon.ico" alt="">
-                <p>360极速浏览器</p>
-            </a>
-        </li>
-        <li>
-            <a href="https://browser.qq.com/?adtag=SEM170314020" target="_blank">
-                <img src="https://pc3.gtimg.com/softmgr/logo/48/13411_48_1505200425.png" alt="">
-                <p>QQ浏览器</p>
-            </a>
-        </li>
-		<li>
-            <a href="https://pc.qq.com/detail/13/detail_13993.html" target="_blank">
-                <img src="https://pc3.gtimg.com/softmgr/logo/48/13993_48_1397110476.png" alt="">
-                <p>UC浏览器</p>
-            </a>
-        </li>
-    </ul>
- 
-</div>
- 
 </body>
 </html>
\ No newline at end of file
diff --git a/module/header.html b/module/header.html
index 3828cbf..bf748f6 100644
--- a/module/header.html
+++ b/module/header.html
@@ -177,7 +177,7 @@
         overlay.style.display = "none";
         //写入同意条款的cookie
         document.cookie = "popagreement=1; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";
-        //初始化位置，避免穿透滑动造成的不在开头
+        //初始化位置，避免穿透滑动
         window.location.href = '#top'
     }
     function disagree() {
diff --git a/module/search.html b/module/search.html
new file mode 100644
index 0000000..e69de29