diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index 139bcc8..553a7ae 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -368,10 +368,52 @@
         <li><a href="/pricing" class="LNK">定价</a></li>
 
         <li><a href="javascript:;" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>
-          <div class="nav-hover">
-            <ul class="hover-child">
-              <li class="child-item"><a href="/open/doc" class="LNK">文档与支持</a></li>
-            </ul>
+          <div class="nav-hover hover-product hover-product2 EN" style="left: 400px;">
+            <div data-v-bc7d8fb8="" class="menu-row-title">全栈式开源安全检测与治理工具链</div>
+            <div class="product-list">
+              <div class="plist">
+                <div class="list-item">
+                  <ul>
+                    <!-- 创新资助计划 -->
+                    <li class="hover-item">
+                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">💰 创新资助计划</a>
+                      <h4 class="item-tit">助力生态孵化</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK">为潜力开源项目提供资金支持，助力生态孵化。 </a></li>
+                        <li class="child-item child-item-2"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK"><i class="ico-dp"></i> [ 申请资助 > ]</a></li>
+                      </ul>
+                    </li>
+                    <!-- 开源安全奖励计划 -->
+                    <li class="hover-item">
+                      <a href="http://222.20.126.217:9700/#/" target="_blank" rel="noopener noreferrer" class="LNK">🏆 开源安全奖励计划</a>
+                      <h4 class="item-tit">提升社区安全性</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK">悬赏发现开源组件漏洞的白帽黑客，提升社区安全性。</a></li>
+                        <li class="child-item child-item-2"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK"><i class="ico-dp"></i> [ 提交漏洞 > ]</a></li>
+                      </ul>
+                    </li>
+                    <!-- 网络安全众测平台 -->
+                    <li class="hover-item">
+                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">👥 网络安全众测平台</a>
+                      <h4 class="item-tit">汇聚社区力量</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="javascript:;" class="LNK">汇聚社区力量进行产品安全众测与代码审计。</a></li>
+                        <li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 参与众测 > ]</a></li>
+                      </ul>
+                    </li>
+                    <!-- 靶场互联平台 -->
+                    <li class="hover-item">
+                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">🎯 靶场互联平台</a>
+                      <h4 class="item-tit">实战演练培训</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="javascript:;" class="LNK">模拟真实攻防环境，提供实战演练与技能培训。</a></li>
+                        <li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 进入靶场 > ]</a></li>
+                      </ul>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
           </div>
         </li>
 
@@ -445,7 +487,7 @@ const handleLogin = (type) => {
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .comHeader {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1019,7 +1061,8 @@ const handleLogin = (type) => {
   border: 1px solid #e9d0af;
   margin: 15px 10px 0;
   padding: 30px 20px 10px;
-  position: relative
+  position: relative;
+  min-height: 200px;
 }
 
 .comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
@@ -1027,6 +1070,12 @@ const handleLogin = (type) => {
   position: relative
 }
 
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item-2 {
+  position: absolute;
+  left: 0;
+  bottom: 12px;
+}
+
 .comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
   background: #4bad52;
   border-radius: 4px;
@@ -1368,4 +1417,22 @@ const handleLogin = (type) => {
 .content2-hidden {
   display: none !important;
 }
+
+.hover-product2 {
+  .menu-row-title {
+    color: #fff;
+    font-size: 13px;
+    padding: 20px 0;
+    /*writing-mode: vertical-rl;*/
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    background: linear-gradient(135deg, #22e68b, #008d35);
+    justify-content: center;
+    letter-spacing: 8px;
+    padding: 10px;
+    margin: 0 16px
+    /*width: 60px;*/
+  }
+}
 </style>
diff --git a/src/views/Jyh/Intro/component/ItemTrip.vue b/src/views/Jyh/Intro/component/ItemTrip.vue
index fba3c89..4be4c3e 100644
--- a/src/views/Jyh/Intro/component/ItemTrip.vue
+++ b/src/views/Jyh/Intro/component/ItemTrip.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pg-intro item-trip">
-    <h4 class="main-title">我们的旅程</h4>
+    <h4 class="main-title">实验室里程碑</h4>
 
     <div class="trip-slider" ref="tripSliderRef" @mousemove="handleMouseMove">
       <swiper