From d9baf96cce385a8a6aa08921c84a3a5680566968 Mon Sep 17 00:00:00 2001
From: fmk1023 <fmk1023@noreply.gitcode.com>
Date: Thu, 18 Dec 2025 16:05:12 +0800
Subject: [PATCH] =?UTF-8?q?Tcode=E8=BF=90=E8=90=A5=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0=E5=8D=87=E7=BA=A7-Header=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/index.vue      | 1303 ++------------------------
 src/components/Header/indexOld.vue   | 1283 +++++++++++++++++++++++++
 src/views/Jyh/Situation/indexold.vue |    6 +-
 3 files changed, 1353 insertions(+), 1239 deletions(-)
 create mode 100644 src/components/Header/indexOld.vue

diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index 18eb185..3ebc64d 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -1,294 +1,34 @@
 <template>
   <div class="comHeader">
-    <div class="nav">
-      <a aria-current="page" href="/" class="router-link-active router-link-exact-active logo">
-        <img src="@/assets/imgs/logo3.png" alt="Tcode">
+    <div class="nav-container">
+      <a href="/" class="logo">
+        <img src="@/assets/imgs/logo2.png" alt="Tcode" class="logo-img">
       </a>
 
-      <ul>
-        <li>
-          <router-link to="/" class="LNK router-link-exact-active router-link-active">首页</router-link>
-        </li>
+      <div class="right-menu">
+        <ul class="nav-list">
+          <li><router-link to="/home" class="LNK">首页</router-link></li>
 
-        <li>
-          <a href="javascript:;" rel="noopener noreferrer" class="LNK">产品服务</a>
-          <div class="nav-hover hover-product">
-            <div class="menu-zh">
-              <div class="menu-row menu-row1">
-                <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>
-                <div class="menu-row-items">
-                  <!-- 模块1：SBOM 自动化分析 -->
-                  <div v-for="(item, index) in coreModules" :key="index" class="menu-section">
-                    <span class="menu-section-title">{{ item.title }}</span>
-                    <ul class="hover-child">
-                      <!--                      <li class="child-item">-->
-                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}}</a>-->
-                      <!--                      </li>-->
-                      <!--                      <li class="child-item">-->
-                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc2}}</a>-->
-                      <!--                      </li>-->
-                      <!--                      <li class="child-item">-->
-                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc3}}</a>-->
-                      <!--                      </li>-->
-                      <li class="child-item">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc4 }}</a>
-                      </li>
-                      <li class="child-item">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc5 }}</a>
-                      </li>
-                      <li class="child-item">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc6 }}</a>
-                      </li>
-                      <li class="child-item" v-if="item.desc7 != undefined">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc7 }}</a>
-                      </li>
-                      <li class="child-item" v-if="item.desc8 != undefined">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc8 }}</a>
-                      </li>
-                      <li class="child-item" v-if="item.desc9 != undefined">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc9 }}</a>
-                      </li>
-                      <li class="child-item">
-                        <router-link :to="{ path: '/ProductServices/' + (index + 1) }" class="LNK">
-                          {{ item.linkText }}
-                        </router-link>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!---->
-        </li>
+          <li class="has-submenu">
+            <router-link to="/products" class="LNK">产品服务</router-link>
+          </li>
 
-        <li>
-          <router-link to="/solutions" class="LNK">解决方案 <i class="ico-arrow-down"></i></router-link>
-        </li>
+          <li><router-link to="/solutions" class="LNK">解决方案</router-link></li>
+          <li><router-link to="/data" class="LNK">数据服务</router-link></li>
+          <li><router-link to="/Situation" class="LNK">态势感知中心</router-link></li>
+          <li><router-link to="/pricing" class="LNK">定价</router-link></li>
+          <li><router-link to="/intro" class="LNK">关于我们</router-link></li>
+        </ul>
 
-        <li>
-          <a href="javascript:;" rel="noopener noreferrer" class="LNK">数据服务 <i class="ico-arrow-down"></i></a>
-          <div class="nav-hover hover-product">
-            <div class="menu-zh">
-              <div class="menu-row menu-row1">
-                <div class="menu-row-title">核心安全数据要素服务</div>
-                <div class="menu-row-items">
-                  <!-- 循环渲染数据服务模块 -->
-                  <div v-for="(item, index) in dataServiceModules" :key="index" class="menu-section">
-                    <span class="menu-section-title">{{ item.icon }} {{ item.title }}</span>
-                    <ul class="hover-child">
-                      <li class="child-item">
-                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc }}</a>
-                      </li>
-                      <li class="child-item">
-                        <router-link :to="item.link" class="LNK">
-                          <i class="ico-dp"></i> {{ item.linkText }}
-                        </router-link>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-
-        <li>
-          <router-link to="/Situation" class="LNK">态势感知中心 <i class="ico-arrow-down"></i></router-link>
-        </li>
-
-        <li>
-          <router-link to="/pricing" class="LNK">定价</router-link>
-        </li>
-
-        <!--        <li>-->
-        <!--          <a href="javascript:;" rel="noopener noreferrer" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>-->
-        <!--          <div class="nav-hover hover-product">-->
-        <!--            <div class="menu-zh">-->
-        <!--              <div class="menu-row menu-row1">-->
-        <!--                <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>-->
-        <!--                <div class="menu-row-items">-->
-        <!--                  &lt;!&ndash; 循环渲染开源服务专区模块 &ndash;&gt;-->
-        <!--                  <div-->
-        <!--                    v-for="(item, index) in openSourceServiceModules"-->
-        <!--                    :key="index"-->
-        <!--                    class="menu-section"-->
-        <!--                  >-->
-        <!--                    <span class="menu-section-title">{{item.icon}} {{item.title}}</span>-->
-        <!--                    <ul class="hover-child">-->
-        <!--                      <li class="child-item">-->
-        <!--                        <a-->
-        <!--                          :href="item.descLink"-->
-        <!--                          :target="item.isExternal ? '_blank' : '_self'"-->
-        <!--                          class="LNK"-->
-        <!--                        >-->
-        <!--                          <i class="ico-yh"></i>{{item.desc}}-->
-        <!--                        </a>-->
-        <!--                      </li>-->
-        <!--                      <li class="child-item">-->
-        <!--                        <a-->
-        <!--                          :href="item.operateLink"-->
-        <!--                          :target="item.isExternal ? '_blank' : '_self'"-->
-        <!--                          class="LNK"-->
-        <!--                        >-->
-        <!--                          <i class="ico-dp"></i> {{item.operateText}}-->
-        <!--                        </a>-->
-        <!--                      </li>-->
-        <!--                    </ul>-->
-        <!--                  </div>-->
-        <!--                </div>-->
-        <!--              </div>-->
-        <!--            </div>-->
-        <!--          </div>-->
-        <!--        </li>-->
-        <!--        <li>-->
-        <!--          <router-link to="/Community" class="LNK">武汉开源建设生态<i class="ico-arrow-down"></i></router-link>-->
-
-        <!--        </li>-->
-        <li>
-          <router-link to="/intro" class="LNK">关于我们 <i class="ico-arrow-down"></i></router-link>
-          <!--          <div class="nav-hover">-->
-          <!--            <ul class="hover-child">-->
-          <!--              <li class="child-item"><a href="/about/intro" class="LNK">公司介绍</a></li>-->
-          <!--              <li class="child-item"><a href="/about/contact" class="LNK">联系我们</a></li>-->
-          <!--            </ul>-->
-          <!--          </div>-->
-        </li>
-      </ul>
-    </div>
-
-    <div class="promo">
-      <ul>
-        <li><a class="LNK btn-primary" href="javascript:;" @click="handleLogin('login')">[控制台登录]</a></li>
-        <li><a class="LNK btn-secondary" href="javascript:;" @click="handleLogin('login')">[申请试用]</a></li>
-      </ul>
+        <a class="login-btn" @click="handleLogin('login')">控制台登录</a>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import {ref, reactive} from 'vue';
-import {useRoute, useRouter} from 'vue-router';
-import {useAccountStore} from '@/stores/user';
-import {emitEvent} from '@/utils/eventBus';
-
-// 定义产品服务模块的数据
-const coreModules = reactive([
-  {
-    // 产品一：可信开源态势感知平台
-    title: '可信开源态势感知平台 (源感)',
-    desc1: '数据底座 国家级视野',
-    desc2: '全网态势，一屏尽览',
-    desc3: '基于3D可视化与实时监控技术，通过全网态势大屏、实时情报推送、攻击面管理等功能，可全方位感知全球开源安全风险态势。',
-    desc4: '数据标签：机器学习驱动，为全量开源项目提供精准分类与多维评分。',
-    desc5: '风险感知：3D地球实时展示全球漏洞、投毒攻击爆发点及行业分布。',
-    desc6: '数据定制：订阅中心、深度报告、API对接，满足个性化威胁情报需求。',
-    desc7: '安全预警与应急响应：智能分级预警、应急指引、协同指挥，快速响应形成闭环管理。',
-    link: '/ProductServices/1',
-    linkText: '[了解详情 >]'
-  },
-  {
-    // 产品二：金银湖安全大模型
-    title: '金银湖安全大模型 (源鉴)',
-    desc1: '核心引擎 AI 驱动',
-    desc2: '懂代码，更懂安全的 AI 专家',
-    desc3: '基于AST语法树、CPG图构建与多智能体协同技术，结合RAG知识库与COT指令集训练，实现从漏洞检测到自动修复的智能闭环。',
-    desc4: '漏洞检测：AST与CPG图结合静态/动态分析、AI语义理解，精准识别代码安全风险。',
-    desc5: '漏洞修复：多智能体协同自动生成修复方案并验证测试，实现智能化修复闭环。',
-    desc6: '安全知识问答：漏洞知识图谱与RAG检索增强，提供可解释的专业漏洞分析。',
-    desc7: '安全工具调用：智能调用第三方安全工具，自动化完成扫描、审计等安全任务。',
-    link: '/ProductServices/2',
-    linkText: '[了解详情 >]'
-  },
-  {
-    // 产品三：软件供应链检测平台
-    title: '软件供应链检测平台 (源链)',
-    desc1: '深度治理 合规审计',
-    desc2: '透视黑盒，溯源无忧',
-    desc3: '穿透软件“黑盒”，基于源码与二进制双引擎，生成标准化 SBOM，彻底解决“成分不清、来源不明”难题。',
-    desc4: '平台服务：Web界面与API双通道，确保数据准确性与时效性。',
-    desc5: '成分分析：覆盖主流包管理器、C/C++项目及二进制文件，精准识别组件与风险。',
-    desc6: '安全检测：精准漏洞检测、恶意代码防护、合规性保障。',
-    desc7: '许可证合规：分析组件许可证信息，检查兼容性，避免法律冲突。',
-    link: '/ProductServices/3',
-    linkText: '[了解详情 >]'
-  },
-  {
-    // 产品四：智能终端安全监测平台
-    title: '智能终端安全监测平台 (源端)',
-    desc1: '端侧防御 场景落地',
-    desc2: '守护终端，运行无界',
-    desc3: '面向车联网、无人机及 IoT 生态，提供应用逆向分析与运行时安全监测，确保设备在真实环境下的安全运行。',
-    desc4: '运行态监测：实时监控终端设备运行状态，识别异常行为与潜在威胁',
-    desc5: '调用链追踪分析：精准定位恶意逻辑核心，可视化展示攻击路径。',
-    desc6: '持续免疫：自适应进化检测模型，秒级响应恶意变种，支持跨平台识别。',
-    desc7: '态势可视化：Zero-day预警能力，实时发现高隐蔽性恶意软件。',
-    link: '/intelligent-terminal-monitoring',
-    linkText: '[了解详情 >]'
-  }
-]);
-
-const dataServiceModules = reactive([
-  {
-    icon: "🗄️",
-    title: "漏洞数据库",
-    desc: "聚合 NVD/CNNVD/OSV 数据，提供标准化漏洞详情查询。",
-    link: "/VulnerabilityDatabase",
-    linkText: "[ 查询漏洞 > ]"
-  },
-  {
-    icon: "🧠",
-    title: "威胁情报库",
-    desc: "实时推送 CISA KEV 列表及供应链攻击情报 IOC。",
-    link: "/ThreatIntelligence",
-    linkText: "[ 订阅情报 > ]"
-  },
-  {
-    icon: "🚨",
-    title: "安全事件中心",
-    desc: "全球重大开源安全事件历史档案与复盘分析。",
-    link: "/News",
-    linkText: "[ 查看事件 > ]"
-  }
-]);
-const openSourceServiceModules = reactive([
-  {
-    icon: "💰",
-    title: "创新资助计划",
-    desc: "为潜力开源项目提供资金支持，助力生态孵化。",
-    descLink: "https://zzjh.org.cn/#/",
-    operateText: "[ 申请资助 > ]",
-    operateLink: "https://zzjh.org.cn/#/",
-    isExternal: true // 外链，打开新窗口
-  },
-  {
-    icon: "🏆",
-    title: "开源安全奖励计划",
-    desc: "悬赏发现开源组件漏洞的白帽黑客，提升社区安全性。",
-    descLink: "http://222.20.126.217:9700/#/",
-    operateText: "[ 提交漏洞 > ]",
-    operateLink: "http://222.20.126.217:9700/#/",
-    isExternal: true // 外链，打开新窗口
-  },
-  {
-    icon: "👥",
-    title: "网络安全众测平台",
-    desc: "汇聚社区力量进行产品安全众测与代码审计。",
-    descLink: "javascript:;",
-    operateText: "[ 参与众测 > ]",
-    operateLink: "javascript:;",
-    isExternal: false // 内部链接，当前窗口
-  },
-  {
-    icon: "🎯",
-    title: "靶场互联平台",
-    desc: "模拟真实攻防环境，提供实战演练与技能培训。",
-    descLink: "javascript:;",
-    operateText: "[ 进入靶场 > ]",
-    operateLink: "javascript:;",
-    isExternal: false // 内部链接，当前窗口
-  }
-]);
+import {emitEvent} from "@/utils/eventBus";
 
 const handleLogin = (type) => {
   emitEvent('login', {type, triggerType: '主动注册'});
@@ -297,987 +37,78 @@ const handleLogin = (type) => {
 
 <style lang="scss" scoped>
 .comHeader {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  left: 0;
   position: fixed;
   top: 0;
+  left: 0;
   width: 100%;
-  z-index: 100;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
+  height: 72px;
+  background: #fff;
+  z-index: 1000;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+  display: flex;
+  align-items: center;
+}
+
+.nav-container {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 40px;
+  display: flex;
   align-items: center;
-  padding: 0 24px;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  background: #050505;
-  border-bottom: 0px solid #656565;
-  font-size: 14px;
-  font-weight: 400;
   justify-content: space-between;
-  letter-spacing: 0
 }
 
-.comHeader .promo {
-  font-size: 12px
+.logo-img {
+  height: 42px;
+  width: auto;
 }
 
-.comHeader:before {
-  background: url(@/assets/v3/bgt.CXTC8XIQ.png) repeat-x top;
-  background-size: 50% auto;
-  content: "";
-  height: 60px;
-  left: 0;
-  opacity: .7;
-  position: absolute;
-  right: 0;
-  top: 100%
-}
-
-.comHeader .logo img {
-  display: block;
-  height: auto;
-  width: 86px
-}
-
-.comHeader li {
-  list-style: none
-}
-
-.comHeader .nav {
-  padding: 0 0 0 22px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center
-}
-
-.comHeader .nav,
-.comHeader .nav > ul {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex
-}
-
-.comHeader .nav > ul {
-  margin: 0 0 0 38px
-}
-
-.comHeader .nav > ul > li {
-  display: -webkit-box;
-  display: -ms-flexbox;
+.right-menu {
   display: flex;
-  position: relative
-}
-
-.comHeader .nav > ul > li:hover > a {
-  color: #4bb752
-}
-
-.comHeader .nav > ul > li:hover .nav-hover {
-  opacity: 1;
-  top: 62px;
-  visibility: visible
-}
-
-.comHeader .nav > ul > li .nav-hover {
-  background-color: #1b1c1d;
-  font-size: 13px;
-  left: 0;
-  line-height: 28px;
-  min-width: 300px;
-  opacity: 0;
-  padding: 15px 0;
-  position: absolute;
-  top: 40px;
-  -webkit-transition: opacity .2s, top .2s;
-  transition: opacity .2s, top .2s;
-  visibility: hidden;
-  white-space: nowrap
-}
-
-.comHeader .nav > ul > li .nav-hover > ul {
-  max-height: 452px;
-  overflow: hidden;
-  overflow-y: scroll
-}
-
-.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar {
-  width: 0
-}
-
-.comHeader .nav > ul > li .nav-hover .hover-item {
-  margin: 0 0 10px
-}
-
-.comHeader .nav > ul > li .nav-hover .hover-item > a:link {
-  color: #848484;
-  font-size: 14px;
-  padding: 0 20px;
-  -webkit-transition: none;
-  transition: none
-}
-
-.comHeader .nav > ul > li .nav-hover .hover-item > a:hover {
-  color: #4bb752
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a {
-  border-left: 4px solid #1b1c1d;
-  display: inline-block;
-  line-height: 25px;
-  padding: 0 0 0 20px;
-  position: relative;
-  -webkit-transition: none;
-  transition: none;
-  white-space: normal
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-yh {
-  background: url(data:image/png;base64,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) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 12px;
-  left: 0;
-  position: absolute;
-  top: 3px;
-  width: 12px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-dp {
-  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 12px;
-  left: 0;
-  position: absolute;
-  top: 3px;
-  width: 12px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-mz {
-  background: url(./4.CliINQHr.png) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 12px;
-  left: 0;
-  position: absolute;
-  top: 3px;
-  width: 12px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-xh {
-  background: url(data:image/png;base64,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) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 12px;
-  left: 0;
-  position: absolute;
-  top: 5px;
-  width: 12px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn {
-  background: url(./7.CzOWPVUI.png) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 32px;
-  position: absolute;
-  right: -25px;
-  top: -12px;
-  width: 22px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn2 {
-  background: url(./6.CHtcQ5m4.png) no-repeat 50%;
-  background-size: 100% 100%;
-  display: inline-block;
-  height: 39px;
-  position: absolute;
-  right: -32px;
-  top: -20px;
-  width: 30px
-}
-
-.comHeader .nav > ul > li .nav-hover .child-item a:hover {
-  border-color: #4bb752
-}
-
-.comHeader .nav > ul > li .hover-product {
-  background-color: #fff;
-  -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08);
-  box-shadow: 0 2px 11px 2px #00000014;
-  left: 0;
-  overflow: hidden;
-  overflow-y: scroll;
-  padding: 0;
-  position: fixed;
-  right: 0
-}
-
-.comHeader .nav > ul > li .hover-product.hover-product2 {
-  left: 150px;
-  right: auto
-}
-
-.comHeader .nav > ul > li .hover-product.hover-product2 .product-list {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex
-}
-
-.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist {
-  padding: 10px
-}
-
-.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist:first-child > .list-item > ul > .hover-item {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1
-}
-
-.comHeader .nav > ul > li .hover-product.EN {
-  background-color: #040705
-}
-
-.comHeader .nav > ul > li .hover-product.EN.hover-product2 {
-  left: 300px;
-  right: auto
-}
-
-.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist {
-  padding-left: 10px
-}
-
-.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist .list-item {
-  padding: 0 !important
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist {
-  padding-bottom: 7px;
-  padding-top: 7px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label {
-  width: 60px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label span {
-  font-size: 20px;
-  font-weight: 700;
-  left: -83px;
-  position: relative;
-  -webkit-transform: rotate(-90deg);
-  transform: rotate(-90deg);
-  white-space: nowrap
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child .list-label {
-  background: linear-gradient(135deg, #22e68b, #008d35)
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child > .list-item > ul > .hover-item {
-  background-color: #15210f;
-  border-color: #23e98e
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
-  background: linear-gradient(160deg, #48fffa, #008d9a);
-  text-align: center
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
-  left: -72px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
-  background-color: #101e1f;
-  border-color: #8b979c
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item .child-item {
-  background: linear-gradient(160deg, #205c5d, #103f44);
-  margin: 7px 0 0;
-  padding: 7px 0 7px 30px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
-  background: linear-gradient(135deg, #49fefa, #008d9a);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center
+  gap: 40px;
 }
 
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
-  left: -30px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
-  left: -95px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
-  background: linear-gradient(135deg, #ffcd68, #fe682d)
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
-  left: -38px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
-  left: -106px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
-  background-color: #2d1d08;
-  border-color: #ffa24b
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .child-item {
-  background: linear-gradient(135deg, #442e10, #44230c);
-  margin: 7px 0 0;
-  padding: 7px 0 7px 30px;
-  width: 32.333% !important
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item {
-  padding-top: 35px;
-  position: relative
-}
-
-.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item > .LNK {
-  display: -webkit-box;
-  display: -ms-flexbox;
+.nav-list {
   display: flex;
-  left: -1px;
-  right: -1px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background: linear-gradient(135deg, #22e68b, #008d35);
-  height: 44px;
-  line-height: 18px;
-  min-width: auto;
-  -webkit-transform: none;
-  transform: none;
-  white-space: normal
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a {
-  color: #dcdbde;
-  font-size: 12px;
-  line-height: 18px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a:hover {
-  color: #fff
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-yh {
-  background: url(data:image/png;base64,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) no-repeat 50%;
-  background-size: 100% 100%;
-  top: 3px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-dp {
-  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
-  background-size: 100% 100%;
-  top: 3px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-mz {
-  background: url(./4.CliINQHr.png) no-repeat 50%;
-  background-size: 100% 100%;
-  top: 3px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-xh {
-  background: url(./5.R14BVqop.png) no-repeat 50%;
-  background-size: 100% 100%;
-  top: 3px
-}
-
-.comHeader .nav > ul > li .hover-product.EN .ico-zn,
-.comHeader .nav > ul > li .hover-product.EN .ico-zn2 {
-  display: none !important
-}
-
-.comHeader .nav > ul > li .hover-product.EN .item-tit {
-  color: #00e07b;
-  font-size: 12px;
-  line-height: 18px;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  position: relative;
-  white-space: normal
-}
-
-.comHeader .nav > ul > li .hover-product.EN .item-tit:before {
-  background-color: #00e07b;
-  content: "";
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 2px
-}
-
-.comHeader .nav > ul > li .hover-product .item-tit {
-  font-weight: 700;
-  margin: 5px 0 0
-}
-
-.comHeader .nav > ul > li .hover-product .child-item a {
-  border: none;
-  color: #333
-}
-
-.comHeader .nav > ul > li .hover-product .child-item a:hover {
-  color: #4bb752
-}
-
-.comHeader .nav > ul > li .hover-product .product-list {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist {
-  color: #333;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 20px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:first-child .list-label {
-  background: -webkit-gradient(linear, right top, left top, from(#49ac8c), to(#79ba49));
-  background: linear-gradient(270deg, #49ac8c, #79ba49)
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item {
-  padding: 0 5px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item > ul > .hover-item {
-  width: 15.8%;
-  -ms-flex-negative: 0;
-  background-color: #f5fbf1;
-  border-color: #9ab289;
-  flex-shrink: 0;
-  margin-left: .43%;
-  margin-right: .43%
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) .list-label {
-  background: #40a9f5
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item {
-  padding: 0 5px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
-  width: 32.333%;
-  -ms-flex-negative: 0;
-  background-color: #f8f8f8;
-  border-color: #ededed;
-  flex-shrink: 0;
-  margin-left: .5%;
-  margin-right: .5%
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
-  background-color: #40a9f5
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item {
-  padding: 0 5px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul {
-  height: 100%
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
-  width: 99%;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: .5%;
-  margin-right: .5%;
-  margin-top: 0;
-  padding-top: 10px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child .child-item {
-  width: 24%;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: .5%;
-  margin-right: .5%
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-label {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background: #ffa953;
-  color: #fff;
-  padding: 0 10px;
-  text-align: center;
-  white-space: normal;
-  width: 40px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-item {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-item > ul {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item {
-  background-color: #fff9ed;
-  border: 1px solid #e9d0af;
-  margin: 15px 10px 0;
-  padding: 30px 20px 10px;
-  position: relative;
-  min-height: 200px;
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
-  line-height: 22px;
-  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;
-  content: "";
-  display: none;
-  height: 6px;
-  left: 0;
-  position: absolute;
-  top: 8px;
-  width: 6px
-}
-
-.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK {
-  background-color: #7abf4c;
-  color: #fff;
-  height: 30px;
-  left: 50%;
-  line-height: 30px;
-  min-width: 130px;
-  padding: 0 30px;
-  position: absolute;
-  text-align: center;
-  top: -15px;
-  -webkit-transform: translate(-50%);
-  transform: translate(-50%)
-}
-
-.comHeader .nav > ul > li > a {
-  height: 63px;
-  line-height: 63px;
-  padding: 0 20px
-}
-
-.comHeader .promo ul {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex
-}
-
-.comHeader .promo ul li {
-  margin: 0 0 0 23px
-}
-
-.comHeader .promo ul li a {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center
-}
-
-.comHeader .promo ul li a:hover .ICO {
-  opacity: .6
-}
-
-.comHeader .promo ul li .ICO {
-  display: block;
-  height: 12px;
-  margin: 0 7px 0 0
-}
-
-.comHeader .promo ul li .ic-try {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAQAAABOiyVOAAAAAXNSR0IArs4c6QAAAiVJREFUeNqllF9ozWEYx9+xM7XlX/4UoXOhCONmXLiQJEqRRJQkdqVJKyWFJDdKcUPigpmLkZvhTrTJjoafOOyc5/Pud7YpUjvZDnboHNvOo/P7/bZpjjknz1O/3vd53+/z9nue7/cx5n9My2yDjXS24vsrWqXdRvydPKOVmgIgDqHkeJO/ZDtQhIz0B0nSZIk6oXEQdwFf7SMG5JoxEibFcyfEQZRTxsSWo1xBOTkOZB+QljC36ItW8YKUhL3XGxmS9ZxlKDFXmsjYpb9D9qDUG2O3oNxD7XY/Hq0izifbbR8a487hM21aFkBkFklp10nGOCG+oVwcSxdfQQal1ku9D7V1IyVolFy8XnbknQTD7l5/HURek7OHg12UdGKhDzqBFu1Jd1rQIYmQYZdUS7VdRS+P8yvf7X6UY8FJhEznurFCzOaDdf0ccoFM1/TR7l3me7TKu3N65N9GTdYyyF3vcDXKgYAlk+nlthfdyLBt+IMRchTliJc9kS+xF9vkl5/5JHnnVBYiUjNZu8YYv5le5Dpf3Ckt5TxlgCUFKdszg27ev53pLvP7EasgZW8Yw3nU7v4r06khy30tI0qbMWxDZbP3vTShQGxdvsT2OLmORdJEMrGYFC9jFf/QFXcYdHeicoa0XMWh3yfvxKCpdPIRhyxKMznZWpSGWckPBKUP5VzR0qc2r2L5KU9aykuYGHITlf74vJLGjFNpu9hQ8nTyaVrYfgG2wbY60aOqBAAAAABJRU5ErkJggg==);
-  width: 13px
-}
-
-.comHeader .promo ul li .ic-shop {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAQAAABUt8XAAAAAAXNSR0IArs4c6QAAAYFJREFUeNqVkz0sQ1EUx1986yRRg1oZkBgkmmCSIBWDLhgMEvExYK3FTIdGQgSDUdDBqiEVEomSvFjKu//TSirpoO3KoA2OvPf6mlby3o1zlnvP+93/PfecdxTl/6aNIIwbG49SSDSXUAzhhzJ2MMXwJR652oKPkEs32t+LOTB5rc0trpySfO4GY9KC43TmBMMDpgVrk8ahnjldUlslJlYRVhTVBUbAgj8opChP7WCxUo5yNTScG0SBNozQdQ0Y60Yoinett4RW0Q4YE8aXHPaMILnBtKyvki14RUHskl8M0DxUMILFu4mOzYZ0gDFjBlNN2EYebPgL+UtPfEDEVO4DJ8bLClWHHhqufCouKGa1mjHo/DvgFMJcTIGTXRL4gDJmLRfB8EjgID7NRQCsuiTwGjjVoCtvIq9ITCyBtVb91D6yMpimwYlO/dQJSKo8Chb9unJE3EuVvWAaM2uYTdZLlGeLvYAPjDfbCdT9Dt+Iq7VmYXwO42qMrNgityzVP/YL/R8wbgBFGqEAAAAASUVORK5CYII=);
-  width: 11px
-}
-
-.LNK:link,
-.LNK:visited {
-  color: #fff;
-}
-
-
-.menu-zh {
-  background: #040705;
-  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
-  box-shadow: 0 2px 16px #0000000f;
-  color: #fff;
-  overflow: hidden;
-  padding: 10px 20px;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  row-gap: 20px
-}
-
-.menu-zh,
-.menu-zh .menu-row,
-.menu-zh .menu-row .menu-row-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex
-}
-
-.menu-zh .menu-row .menu-row-title {
-  color: #fff;
-  font-size: 13px;
-  padding: 20px 0;
-  -webkit-writing-mode: vertical-rl;
-  -ms-writing-mode: tb-rl;
-  writing-mode: vertical-rl;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  background: linear-gradient(135deg, #22e68b, #008d35);
-  justify-content: center;
-  letter-spacing: 8px;
-  width: 60px
-}
-
-.menu-zh .menu-row .menu-row-items {
-  -webkit-column-gap: 10px;
-  -moz-column-gap: 10px;
-  column-gap: 10px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 0 10px;
-  width: 100%
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section {
-  background-color: #15210f;
-  border: 1px solid #23e98e;
-  padding: 0 0 20px;
-  //width: 20%
-  flex: 1;
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section .item-tit {
-  color: #00e07b;
-  font-size: 12px;
-  line-height: 18px;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  position: relative;
-  white-space: normal
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section .item-tit:before {
-  background-color: #00e07b;
-  content: "";
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 2px
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section .item-tit,
-.menu-zh .menu-row .menu-row-items .menu-section > ul {
-  margin: 0 20px
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section .hover-child a {
-  color: #dcdbde;
-  font-size: 12px;
-  line-height: 18px
-}
-
-.menu-zh .menu-row .menu-row-items .menu-section .menu-section-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 14px;
-  margin: -1px -1px 10px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  background: linear-gradient(135deg, #22e68b, #008d35);
-  color: #fff;
-  height: 44px;
-  justify-content: center;
-  line-height: 18px;
-  padding: 0 30px;
-  text-align: center
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-title {
-  background: linear-gradient(135deg, #ffcd68, #fe682d)
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content {
-  background-color: #2d1d08;
-  border: 1px solid #ffa24b;
-  margin-left: 10px;
-  padding: 10px 20px;
-  width: 100%
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .link-item {
-  background: linear-gradient(135deg, #442e10, #44230c);
-  color: #dcdbde;
-  font-size: 12px;
-  line-height: 22px;
-  padding: 7px 0 7px 30px;
-  width: 24% !important;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin: 7px .5% 0
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 15px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-column-gap: 10px;
-  -moz-column-gap: 10px;
-  column-gap: 10px;
-  font-weight: 500
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item img {
-  height: 14px;
-  width: 14px
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2 {
-  padding: 15px
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2,
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
-  background-color: #ffe5c8;
-  -webkit-column-gap: 10px;
-  -moz-column-gap: 10px;
-  column-gap: 10px;
-  font-weight: 500;
-  padding-left: 0;
-  padding-right: 0
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .splitter {
-  color: #fee4c4;
-  font-size: 18px;
-  letter-spacing: 8px;
-  margin: 0 10px
-}
-
-.menu-zh .menu-row.menu-row2 .menu-row-content.product-content-row2 {
-  background-color: #2d1d08 !important;
-  /* 原智能运营平台背景色 */
-  border: 1px solid #ffa24b !important;
-  /* 原智能运营平台边框 */
-  margin-left: 10px !important;
-  padding: 10px 20px !important;
-  width: 100% !important;
-}
-
-.content1-custom-layout {
-  padding: 15px 0 !important;
-  flex-wrap: wrap !important;
-}
-
-.link-item.product-link-card {
-  background: linear-gradient(135deg, #442e10, #44230c) !important;
-  color: #dcdbde !important;
-
-  display: block !important;
-  height: auto !important;
-  flex-direction: column !important;
-  align-items: flex-start !important;
-
-  width: 24% !important;
-  padding: 15px 0 15px 15px !important;
-  /* 调整内边距 */
-  margin: 7px .5% 0 !important;
-
-  min-height: 100px;
-}
-
-.link-item-title {
-  font-size: 14px;
-  font-weight: bold;
-  color: #ffcd68;
-  /* 使用原 menu-row2 渐变的主色调 */
-  display: block;
-  margin-bottom: 5px;
-}
-
-.link-item-body {
-  font-size: 12px;
-  line-height: 1.4;
-  color: #dcdbde;
-  padding-right: 15px;
-}
-
-.card-desc-row2 {
+  list-style: none;
   margin: 0;
-  line-height: 1.4;
-  min-height: 36px;
-  /* 确保两行描述的空间 */
+  padding: 0;
+  gap: 32px;
 }
 
-.link-item-link {
-  display: block;
-  margin-top: 5px;
-  color: #ffa24b;
-  /* 链接颜色 */
+.nav-list li .LNK {
+  color: #333;
+  font-size: 15px;
   font-weight: 500;
+  text-decoration: none;
+  transition: all 0.3s ease;
+  white-space: nowrap;
+  position: relative;
 }
 
-.link-item-placeholder {
-  visibility: hidden;
-  width: 24% !important;
-  /* 必须保留宽度 */
-  margin: 7px .5% 0 !important;
-  height: 0;
-  padding: 0 !important;
-  border: none !important;
-  background: none !important;
+
+.router-link-active,
+.router-link-exact-active,
+.nav-list li .LNK:hover {
+  color: #C8161D !important;
 }
 
-.content2-hidden {
-  display: none !important;
-}
+/* --- 按钮样式 --- */
+.login-btn {
+  cursor: pointer;
+  background: #C8161D;
+  color: #fff;
+  padding: 8px 24px;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 500;
+  text-decoration: none;
+  transition: background 0.3s ease;
 
-.hover-product2 {
-  //.menu-row-title {
-  //  color: #fff;
-  //  font-size: 18px;
-  //  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 0 14px;
-  //  text-align: center;
-  //  /*width: 60px;*/
-  //}
-
-  .menu-row-title {
-    color: #fff;
-    font-size: 13px;
-    padding: 20px 0;
-    -webkit-writing-mode: vertical-rl;
-    -ms-writing-mode: tb-rl;
-    writing-mode: vertical-rl;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    background: linear-gradient(135deg, #22e68b, #008d35);
-    justify-content: center;
-    letter-spacing: 8px;
-    width: 60px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex
+  &:hover {
+    background: #A01218;
   }
 }
 </style>
diff --git a/src/components/Header/indexOld.vue b/src/components/Header/indexOld.vue
new file mode 100644
index 0000000..18eb185
--- /dev/null
+++ b/src/components/Header/indexOld.vue
@@ -0,0 +1,1283 @@
+<template>
+  <div class="comHeader">
+    <div class="nav">
+      <a aria-current="page" href="/" class="router-link-active router-link-exact-active logo">
+        <img src="@/assets/imgs/logo3.png" alt="Tcode">
+      </a>
+
+      <ul>
+        <li>
+          <router-link to="/" class="LNK router-link-exact-active router-link-active">首页</router-link>
+        </li>
+
+        <li>
+          <a href="javascript:;" rel="noopener noreferrer" class="LNK">产品服务</a>
+          <div class="nav-hover hover-product">
+            <div class="menu-zh">
+              <div class="menu-row menu-row1">
+                <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>
+                <div class="menu-row-items">
+                  <!-- 模块1：SBOM 自动化分析 -->
+                  <div v-for="(item, index) in coreModules" :key="index" class="menu-section">
+                    <span class="menu-section-title">{{ item.title }}</span>
+                    <ul class="hover-child">
+                      <!--                      <li class="child-item">-->
+                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}}</a>-->
+                      <!--                      </li>-->
+                      <!--                      <li class="child-item">-->
+                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc2}}</a>-->
+                      <!--                      </li>-->
+                      <!--                      <li class="child-item">-->
+                      <!--                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc3}}</a>-->
+                      <!--                      </li>-->
+                      <li class="child-item">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc4 }}</a>
+                      </li>
+                      <li class="child-item">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc5 }}</a>
+                      </li>
+                      <li class="child-item">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc6 }}</a>
+                      </li>
+                      <li class="child-item" v-if="item.desc7 != undefined">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc7 }}</a>
+                      </li>
+                      <li class="child-item" v-if="item.desc8 != undefined">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc8 }}</a>
+                      </li>
+                      <li class="child-item" v-if="item.desc9 != undefined">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc9 }}</a>
+                      </li>
+                      <li class="child-item">
+                        <router-link :to="{ path: '/ProductServices/' + (index + 1) }" class="LNK">
+                          {{ item.linkText }}
+                        </router-link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!---->
+        </li>
+
+        <li>
+          <router-link to="/solutions" class="LNK">解决方案 <i class="ico-arrow-down"></i></router-link>
+        </li>
+
+        <li>
+          <a href="javascript:;" rel="noopener noreferrer" class="LNK">数据服务 <i class="ico-arrow-down"></i></a>
+          <div class="nav-hover hover-product">
+            <div class="menu-zh">
+              <div class="menu-row menu-row1">
+                <div class="menu-row-title">核心安全数据要素服务</div>
+                <div class="menu-row-items">
+                  <!-- 循环渲染数据服务模块 -->
+                  <div v-for="(item, index) in dataServiceModules" :key="index" class="menu-section">
+                    <span class="menu-section-title">{{ item.icon }} {{ item.title }}</span>
+                    <ul class="hover-child">
+                      <li class="child-item">
+                        <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc }}</a>
+                      </li>
+                      <li class="child-item">
+                        <router-link :to="item.link" class="LNK">
+                          <i class="ico-dp"></i> {{ item.linkText }}
+                        </router-link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+
+        <li>
+          <router-link to="/Situation" class="LNK">态势感知中心 <i class="ico-arrow-down"></i></router-link>
+        </li>
+
+        <li>
+          <router-link to="/pricing" class="LNK">定价</router-link>
+        </li>
+
+        <!--        <li>-->
+        <!--          <a href="javascript:;" rel="noopener noreferrer" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>-->
+        <!--          <div class="nav-hover hover-product">-->
+        <!--            <div class="menu-zh">-->
+        <!--              <div class="menu-row menu-row1">-->
+        <!--                <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>-->
+        <!--                <div class="menu-row-items">-->
+        <!--                  &lt;!&ndash; 循环渲染开源服务专区模块 &ndash;&gt;-->
+        <!--                  <div-->
+        <!--                    v-for="(item, index) in openSourceServiceModules"-->
+        <!--                    :key="index"-->
+        <!--                    class="menu-section"-->
+        <!--                  >-->
+        <!--                    <span class="menu-section-title">{{item.icon}} {{item.title}}</span>-->
+        <!--                    <ul class="hover-child">-->
+        <!--                      <li class="child-item">-->
+        <!--                        <a-->
+        <!--                          :href="item.descLink"-->
+        <!--                          :target="item.isExternal ? '_blank' : '_self'"-->
+        <!--                          class="LNK"-->
+        <!--                        >-->
+        <!--                          <i class="ico-yh"></i>{{item.desc}}-->
+        <!--                        </a>-->
+        <!--                      </li>-->
+        <!--                      <li class="child-item">-->
+        <!--                        <a-->
+        <!--                          :href="item.operateLink"-->
+        <!--                          :target="item.isExternal ? '_blank' : '_self'"-->
+        <!--                          class="LNK"-->
+        <!--                        >-->
+        <!--                          <i class="ico-dp"></i> {{item.operateText}}-->
+        <!--                        </a>-->
+        <!--                      </li>-->
+        <!--                    </ul>-->
+        <!--                  </div>-->
+        <!--                </div>-->
+        <!--              </div>-->
+        <!--            </div>-->
+        <!--          </div>-->
+        <!--        </li>-->
+        <!--        <li>-->
+        <!--          <router-link to="/Community" class="LNK">武汉开源建设生态<i class="ico-arrow-down"></i></router-link>-->
+
+        <!--        </li>-->
+        <li>
+          <router-link to="/intro" class="LNK">关于我们 <i class="ico-arrow-down"></i></router-link>
+          <!--          <div class="nav-hover">-->
+          <!--            <ul class="hover-child">-->
+          <!--              <li class="child-item"><a href="/about/intro" class="LNK">公司介绍</a></li>-->
+          <!--              <li class="child-item"><a href="/about/contact" class="LNK">联系我们</a></li>-->
+          <!--            </ul>-->
+          <!--          </div>-->
+        </li>
+      </ul>
+    </div>
+
+    <div class="promo">
+      <ul>
+        <li><a class="LNK btn-primary" href="javascript:;" @click="handleLogin('login')">[控制台登录]</a></li>
+        <li><a class="LNK btn-secondary" href="javascript:;" @click="handleLogin('login')">[申请试用]</a></li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref, reactive} from 'vue';
+import {useRoute, useRouter} from 'vue-router';
+import {useAccountStore} from '@/stores/user';
+import {emitEvent} from '@/utils/eventBus';
+
+// 定义产品服务模块的数据
+const coreModules = reactive([
+  {
+    // 产品一：可信开源态势感知平台
+    title: '可信开源态势感知平台 (源感)',
+    desc1: '数据底座 国家级视野',
+    desc2: '全网态势，一屏尽览',
+    desc3: '基于3D可视化与实时监控技术，通过全网态势大屏、实时情报推送、攻击面管理等功能，可全方位感知全球开源安全风险态势。',
+    desc4: '数据标签：机器学习驱动，为全量开源项目提供精准分类与多维评分。',
+    desc5: '风险感知：3D地球实时展示全球漏洞、投毒攻击爆发点及行业分布。',
+    desc6: '数据定制：订阅中心、深度报告、API对接，满足个性化威胁情报需求。',
+    desc7: '安全预警与应急响应：智能分级预警、应急指引、协同指挥，快速响应形成闭环管理。',
+    link: '/ProductServices/1',
+    linkText: '[了解详情 >]'
+  },
+  {
+    // 产品二：金银湖安全大模型
+    title: '金银湖安全大模型 (源鉴)',
+    desc1: '核心引擎 AI 驱动',
+    desc2: '懂代码，更懂安全的 AI 专家',
+    desc3: '基于AST语法树、CPG图构建与多智能体协同技术，结合RAG知识库与COT指令集训练，实现从漏洞检测到自动修复的智能闭环。',
+    desc4: '漏洞检测：AST与CPG图结合静态/动态分析、AI语义理解，精准识别代码安全风险。',
+    desc5: '漏洞修复：多智能体协同自动生成修复方案并验证测试，实现智能化修复闭环。',
+    desc6: '安全知识问答：漏洞知识图谱与RAG检索增强，提供可解释的专业漏洞分析。',
+    desc7: '安全工具调用：智能调用第三方安全工具，自动化完成扫描、审计等安全任务。',
+    link: '/ProductServices/2',
+    linkText: '[了解详情 >]'
+  },
+  {
+    // 产品三：软件供应链检测平台
+    title: '软件供应链检测平台 (源链)',
+    desc1: '深度治理 合规审计',
+    desc2: '透视黑盒，溯源无忧',
+    desc3: '穿透软件“黑盒”，基于源码与二进制双引擎，生成标准化 SBOM，彻底解决“成分不清、来源不明”难题。',
+    desc4: '平台服务：Web界面与API双通道，确保数据准确性与时效性。',
+    desc5: '成分分析：覆盖主流包管理器、C/C++项目及二进制文件，精准识别组件与风险。',
+    desc6: '安全检测：精准漏洞检测、恶意代码防护、合规性保障。',
+    desc7: '许可证合规：分析组件许可证信息，检查兼容性，避免法律冲突。',
+    link: '/ProductServices/3',
+    linkText: '[了解详情 >]'
+  },
+  {
+    // 产品四：智能终端安全监测平台
+    title: '智能终端安全监测平台 (源端)',
+    desc1: '端侧防御 场景落地',
+    desc2: '守护终端，运行无界',
+    desc3: '面向车联网、无人机及 IoT 生态，提供应用逆向分析与运行时安全监测，确保设备在真实环境下的安全运行。',
+    desc4: '运行态监测：实时监控终端设备运行状态，识别异常行为与潜在威胁',
+    desc5: '调用链追踪分析：精准定位恶意逻辑核心，可视化展示攻击路径。',
+    desc6: '持续免疫：自适应进化检测模型，秒级响应恶意变种，支持跨平台识别。',
+    desc7: '态势可视化：Zero-day预警能力，实时发现高隐蔽性恶意软件。',
+    link: '/intelligent-terminal-monitoring',
+    linkText: '[了解详情 >]'
+  }
+]);
+
+const dataServiceModules = reactive([
+  {
+    icon: "🗄️",
+    title: "漏洞数据库",
+    desc: "聚合 NVD/CNNVD/OSV 数据，提供标准化漏洞详情查询。",
+    link: "/VulnerabilityDatabase",
+    linkText: "[ 查询漏洞 > ]"
+  },
+  {
+    icon: "🧠",
+    title: "威胁情报库",
+    desc: "实时推送 CISA KEV 列表及供应链攻击情报 IOC。",
+    link: "/ThreatIntelligence",
+    linkText: "[ 订阅情报 > ]"
+  },
+  {
+    icon: "🚨",
+    title: "安全事件中心",
+    desc: "全球重大开源安全事件历史档案与复盘分析。",
+    link: "/News",
+    linkText: "[ 查看事件 > ]"
+  }
+]);
+const openSourceServiceModules = reactive([
+  {
+    icon: "💰",
+    title: "创新资助计划",
+    desc: "为潜力开源项目提供资金支持，助力生态孵化。",
+    descLink: "https://zzjh.org.cn/#/",
+    operateText: "[ 申请资助 > ]",
+    operateLink: "https://zzjh.org.cn/#/",
+    isExternal: true // 外链，打开新窗口
+  },
+  {
+    icon: "🏆",
+    title: "开源安全奖励计划",
+    desc: "悬赏发现开源组件漏洞的白帽黑客，提升社区安全性。",
+    descLink: "http://222.20.126.217:9700/#/",
+    operateText: "[ 提交漏洞 > ]",
+    operateLink: "http://222.20.126.217:9700/#/",
+    isExternal: true // 外链，打开新窗口
+  },
+  {
+    icon: "👥",
+    title: "网络安全众测平台",
+    desc: "汇聚社区力量进行产品安全众测与代码审计。",
+    descLink: "javascript:;",
+    operateText: "[ 参与众测 > ]",
+    operateLink: "javascript:;",
+    isExternal: false // 内部链接，当前窗口
+  },
+  {
+    icon: "🎯",
+    title: "靶场互联平台",
+    desc: "模拟真实攻防环境，提供实战演练与技能培训。",
+    descLink: "javascript:;",
+    operateText: "[ 进入靶场 > ]",
+    operateLink: "javascript:;",
+    isExternal: false // 内部链接，当前窗口
+  }
+]);
+
+const handleLogin = (type) => {
+  emitEvent('login', {type, triggerType: '主动注册'});
+};
+</script>
+
+<style lang="scss" scoped>
+.comHeader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 100;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 24px;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  background: #050505;
+  border-bottom: 0px solid #656565;
+  font-size: 14px;
+  font-weight: 400;
+  justify-content: space-between;
+  letter-spacing: 0
+}
+
+.comHeader .promo {
+  font-size: 12px
+}
+
+.comHeader:before {
+  background: url(@/assets/v3/bgt.CXTC8XIQ.png) repeat-x top;
+  background-size: 50% auto;
+  content: "";
+  height: 60px;
+  left: 0;
+  opacity: .7;
+  position: absolute;
+  right: 0;
+  top: 100%
+}
+
+.comHeader .logo img {
+  display: block;
+  height: auto;
+  width: 86px
+}
+
+.comHeader li {
+  list-style: none
+}
+
+.comHeader .nav {
+  padding: 0 0 0 22px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.comHeader .nav,
+.comHeader .nav > ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .nav > ul {
+  margin: 0 0 0 38px
+}
+
+.comHeader .nav > ul > li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative
+}
+
+.comHeader .nav > ul > li:hover > a {
+  color: #4bb752
+}
+
+.comHeader .nav > ul > li:hover .nav-hover {
+  opacity: 1;
+  top: 62px;
+  visibility: visible
+}
+
+.comHeader .nav > ul > li .nav-hover {
+  background-color: #1b1c1d;
+  font-size: 13px;
+  left: 0;
+  line-height: 28px;
+  min-width: 300px;
+  opacity: 0;
+  padding: 15px 0;
+  position: absolute;
+  top: 40px;
+  -webkit-transition: opacity .2s, top .2s;
+  transition: opacity .2s, top .2s;
+  visibility: hidden;
+  white-space: nowrap
+}
+
+.comHeader .nav > ul > li .nav-hover > ul {
+  max-height: 452px;
+  overflow: hidden;
+  overflow-y: scroll
+}
+
+.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar {
+  width: 0
+}
+
+.comHeader .nav > ul > li .nav-hover .hover-item {
+  margin: 0 0 10px
+}
+
+.comHeader .nav > ul > li .nav-hover .hover-item > a:link {
+  color: #848484;
+  font-size: 14px;
+  padding: 0 20px;
+  -webkit-transition: none;
+  transition: none
+}
+
+.comHeader .nav > ul > li .nav-hover .hover-item > a:hover {
+  color: #4bb752
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a {
+  border-left: 4px solid #1b1c1d;
+  display: inline-block;
+  line-height: 25px;
+  padding: 0 0 0 20px;
+  position: relative;
+  -webkit-transition: none;
+  transition: none;
+  white-space: normal
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-yh {
+  background: url(data:image/png;base64,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) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-dp {
+  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-mz {
+  background: url(./4.CliINQHr.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-xh {
+  background: url(data:image/png;base64,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) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 5px;
+  width: 12px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn {
+  background: url(./7.CzOWPVUI.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 32px;
+  position: absolute;
+  right: -25px;
+  top: -12px;
+  width: 22px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn2 {
+  background: url(./6.CHtcQ5m4.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 39px;
+  position: absolute;
+  right: -32px;
+  top: -20px;
+  width: 30px
+}
+
+.comHeader .nav > ul > li .nav-hover .child-item a:hover {
+  border-color: #4bb752
+}
+
+.comHeader .nav > ul > li .hover-product {
+  background-color: #fff;
+  -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08);
+  box-shadow: 0 2px 11px 2px #00000014;
+  left: 0;
+  overflow: hidden;
+  overflow-y: scroll;
+  padding: 0;
+  position: fixed;
+  right: 0
+}
+
+.comHeader .nav > ul > li .hover-product.hover-product2 {
+  left: 150px;
+  right: auto
+}
+
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist {
+  padding: 10px
+}
+
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist:first-child > .list-item > ul > .hover-item {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1
+}
+
+.comHeader .nav > ul > li .hover-product.EN {
+  background-color: #040705
+}
+
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 {
+  left: 300px;
+  right: auto
+}
+
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist {
+  padding-left: 10px
+}
+
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist .list-item {
+  padding: 0 !important
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist {
+  padding-bottom: 7px;
+  padding-top: 7px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label {
+  width: 60px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label span {
+  font-size: 20px;
+  font-weight: 700;
+  left: -83px;
+  position: relative;
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+  white-space: nowrap
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child .list-label {
+  background: linear-gradient(135deg, #22e68b, #008d35)
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child > .list-item > ul > .hover-item {
+  background-color: #15210f;
+  border-color: #23e98e
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
+  background: linear-gradient(160deg, #48fffa, #008d9a);
+  text-align: center
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
+  left: -72px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
+  background-color: #101e1f;
+  border-color: #8b979c
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item .child-item {
+  background: linear-gradient(160deg, #205c5d, #103f44);
+  margin: 7px 0 0;
+  padding: 7px 0 7px 30px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
+  background: linear-gradient(135deg, #49fefa, #008d9a);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
+  left: -30px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
+  left: -95px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
+  background: linear-gradient(135deg, #ffcd68, #fe682d)
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
+  left: -38px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
+  left: -106px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
+  background-color: #2d1d08;
+  border-color: #ffa24b
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .child-item {
+  background: linear-gradient(135deg, #442e10, #44230c);
+  margin: 7px 0 0;
+  padding: 7px 0 7px 30px;
+  width: 32.333% !important
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item {
+  padding-top: 35px;
+  position: relative
+}
+
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item > .LNK {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  left: -1px;
+  right: -1px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: linear-gradient(135deg, #22e68b, #008d35);
+  height: 44px;
+  line-height: 18px;
+  min-width: auto;
+  -webkit-transform: none;
+  transform: none;
+  white-space: normal
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a {
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 18px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a:hover {
+  color: #fff
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-yh {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAAFpCAMAAABnIJVWAAAAYFBMVEUAAABu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JVu5JX////b+OWS67C38sp755/2/fmJ6aml7r3t/PLk+uvJ9djA89Gu8MTS996b7LYIOV9QAAAAEHRSTlMAwECA8BCg0GAwIOCwUJBwK9hbwAAADJpJREFUeNrs3dtymzAUhWEcHMdxXHtvgTgZnPd/yx4UQ+SBKTftLLTXd5+Zev5BGGptZf/Q+/X8JhbsDsdTthGv1w+xZHfMtuC6F2s+XjJ0p51YdHnNoL3bu1iCN+gwP6xmwQ5j9mrBDvM6n8UXqfEy55yBOsuzz95pkipX1vLsmkF6kZjvK9XuVg5Fasry3qq2g5fIHnMl28VVSlXXeEmVH1qtGonkGaD4cqlbdelGCZr4M4JeMIfon6zVp6Sv1KqWbxDfyOyjLF3qF0tQVN/CQH4le5HJp5UsInVVeRntMzhXGfmqtZJFpFAnE7yX/rmMblqIHaU2MsJ7sXyWB683saRt5QvijX8nD73aWcV+a/RTAsQnmKlLexdTpvUBuovXQWy5txJAdylM3fV/K1UC6C6lsduLSKO1/AHeRYwZVwh2gcIumNgF01a7uAW9BI1b0EjQuwW1INhqF13gxr9YUErgdB7IN3J2YRd2YRd2mbALu7DLeuzCLuyyHruwC7usxy7swi7rsQu7sMt67MIu7LIeu7ALu6zHLuzCLuuxC7uwy3r/s0uxoJbA/23eR10swPgl9Fa7pI5dMLELJnbBxC6Y2AXTNroM5vbxjTsXobvY2/fab2Lfq9dSbOk6CaC7SNeKKV57CbC7DMYWslJrCRC7HOTBV04MiT7ujwxNLqPS1CSS+7Q8IM65OsqkU4wNqf/DoL1M8AaPnqJLu7ISptFOJh8Zno9o6qOJcbAiZTzJ85DhuTyNT+7Tf+z3LhqgjHjbDwvZxN+1KtMu42+qpUwwl7EsO0ikcKq3ZAfB18Pvjxd9OsTpluGCeVLcKtXKpUhV2z6ugnq5hEeYJ0V5dym6DbU8QXx4+WLzzLcA8R3Mw6uNw0TnYH5HZhjoLL/CWF3KLhm4XAzaIz5QPjkdxJh9jve6cs7pYung6rfrNqr88X7Mz7v0HfIfeCe+EBERERERERERERERERERERERERERpeZ0zA+79F3ylw39aNzY7/mP20jD/S+Q8r3Y8wG7Rdz6/krcTeLcjwzLcBboMFYXseCagZqbDzPcXIr6uUFR7xmk014iYZ6SugR1s/OU3jJIM/PH7gnPH+s2Mn/saV5fb2FeXzXIBHQAWTzfstN72lVmPiXmBLKnebCNWNDDz4M1Oz/ZyQPkQhbNGzd0ckIJPm/c8Hz+Wr4g3mC+n2fRiSHg51nw/BcRxNfKPC9JBLqL115s2cb5YjyPD8rYpTF0KE8wbOL8Sp73CoVdRNgFCrtgYhdMW+1SLKgl8MUCL0FdLMD4L56tdtEFbvyLBaUETueBPCmxC7uwC7uwy4Rd2IVd1mMXdmGX9diFXdhlPXZhF3ZZj13YhV1+snevzWrCQACGuSOKng2QcFX+/7/s5bSFrQKrAQ2wz7fOtHOmfWuWKEQ67sJduAsdd+Eu3IWOu3AX7kLHXbgLd6F7Z5dkQAPfimRAAd+aZIAZd6ivtcvWcRczcRczcRczcRczraWLGXdzvwV+ctHoLvt77jVbxXOv+a5OIfnlVsI3o7uAusG+qBq+md2l3tmAKUQL30zsEsNfUtSwJ2UJf5h4wqUL/9S7OlkhEwX8YeI5V1/wj1TlflayvHdgn4lHKDvQaUW1lzC5UrL7lWeZx4NOsZcwOT7JM7bMEwAKo/awu7yKfhYTxz5eyABStf0DlNMKLwvgmXfs6E8n6JPNlo+BB5DXCh83DibuXn5xAJO1EiJpsjbdmiKrKyFKfM69qS+X760l1jaJ2CSVZDlg5n4BjO/BI+nm5PCIbZkqgh0LDV3FfjnAbnnmbfV7nD1+e6Xpr5Zfon1+JV9geJZ9fuGr8V/3+pvv7ulrqwFCE999eSxy7X20CeOvo8UYY4wxxhhjjDHGGGOMMcYY+8V3vtyLbceuezb6tpldOV9C6OOPOA1wvJzgXny22AcdAxhwWs/NGpuDqtBvbvKdF/HyOM+NdLE/8LwK2RoevzEM5cZT78xd3uwLSC7c5Z38AIhCn7u8zTEEsjDiLm8SefAEL+IuC8NZ6GG4yxsc7rLk1zopxU/JLUsfhuEuizsAJrNS9Km6HQ6Du8iMpKB0Obu2HQJ4NtnFpbvY2mL3l7PjRBayzCIma3GvLO7CHB91SQVJMt0lWtdTL6F9cc/RcllkIx4rW8BCf8ku/jof4QuDQ7REllaJQYkExJ6jywYfE/eCg2/p8kPoacQY1QJyWbBLDKsW66axoSNvYkIDyHm5Lqt/RtwLjjOdwCYrMam+m/0LdYENCI76V8goCzlMyF1Gub7+zEdZqGFc7jLqFOnO/FoQFdDncJdxX3rDpRBU+HjMk89dxgXWk87QyQVdAn2Xd3SRaZYlJquzLM3nCeMThgtlJYuW7pKv5gDFJHvY5vLyEZKZeEYJffbSXVKxImUj4c55zlWMPvq5C3LLh9/j1V/F6BMm4C7/qSVg8Uur2FU8Cx+NzV3+p1LAnBcOjpZKPOuKfyh3uVMAYr9w0HoinnaDPpe7TIaJLAoXOq14XokHDHeZDBNYBEe8ir0A+mzu8kiKhzCBDZ1GvCLnLpOUfHIPc9D/S6fcpUOawpcnty6Gdgk30AX9K4VPbl0M7WJvoUsJPf4Tb8BINUeXmLsQrsmcJ1axm5iji8tdBiT0D8iCWSYq9B24C+G61aWvYqV4kYK+iLsQbuyKyatYJl6V4C0TdyFMfpt6LZaLl2Vo7HOXYTmpywF6EvGyFI0X7jIso7wTc/ToWxf6ePG5C2nFtwaFhK0LRY2XMY0ul613UYQuF6BvXejL2Fmni731LkJOdnGgp9W7yOicLO5C+z9MGS5SidcVaOpzF70u4VyrmJLo5cJdaF1O1kPBXKsY3rwcuAuxiz29c5FqrukSWtxFp0sEeBWba7o43EWjC575UIi5Xi6BxV0mjH2Q7IdzrWL45eL53IX6NwV36uHeSvPndL4s7jLhOvK5WAB9jdCBbyXgLqPQnsIZz9KK2V4uDneZksFgF5wlV0KHREOfu0yooDOaRVZCR42GPneZXsU6Y1ngNt/P+bK4y7gqh449lqUWWjI09LnLuJuEHnskSyG0lGjoc5dRSQqIi7eTOIueFN0GvWyXeNVdyiYHGOoSzZwlQUN/4S7uSruoJMkKCSPPikeedhZMorf3V91F1W0q4U3wun+YO0uGhtiqu9wkvJ3/8HxI/SylhM5x1V0S+ICHF2JwFbpSNMNW3SWF9zs9/G6KWui6obOtVt1FwQfYD66PZTXvOwqOteouCXxAcH9Sd6qEtgL9CO7yNPfu+jgTmP7WZeVdGviArwMgeTX3+6Jna+VdPrOOQZ/MxByuaIBxF11tOftfxDtyF01pIujon7qsvksJrzCtCr4Ws631dxESPqZAVWbbUXrHLXQp4DNkU4rZlHgV20KXEj5AXqvF3kyyrU10ETW8l2ybUswrg4533EgXkRQS3iNPsxuhieZtr1vp0qcSunLiD9ZZT4N+PzLrJXJsbbLLGqXQ8XzuYogMes4WdzHDf+czchczVBI6oc9dzKBy6HiRxV3M0ELPweIuZrgCukTmLmaooefkcxczJICHC3cxQiXxcOEuRlAoS2Bxlx/t3d12mkAYheHNAIqC5CswyE+s93+XberqyhoYG00T5wP3cwMcvAs2HAAquH8O3cKL7788mpslSeHH98Uey80iO7CLCp24m88uKrhZSrCLCm6WAuyigptlm7KLBu15moVdFJjciSU7sIsC8yzsosBwFMcO7KLAYMWRgV0UGGdZ2EWBV5lmYZfw2m6WhV3C64+zLOwSXmVnWdglvEZcSQZ2Ca6vp1l2YJfgftp5FnYJrT3LxHYPdgmtsrMsKdglsPYsUxuAXQIbrUy9QE+X7XN2GWqZSgwUdZFn7NKeRDyLzy5hNVZmNinYJRh3WNxnfHYJxa3iXsPYJSB/FYkBdgmnbbxVcgN2CafvrPiUKdglmLEWr60B2CWQobPilcQAu4QxnKxcUezBLkFUTpT5JYxdHq8fz1auyjNAcZd0nV360ZkU77Co7mJW16WvGuc88VZJwS4PM1TNqbbykfytypK62OYeXe1n5UvY+q+u+WOsfht+zFy+dnn+4Ljuriyry4LYT/YvDN6wiyZ5vMeF/i6QZ1Ec8I5ddCgyd+v1d8ll9TxR9HcpZNXy8gAP/V1eZLXyTbaHn/4uaSIrlETx4V9N9HdBJusSFTckWUAXmEi+XvR/5G55FJXxwaS4xSK6AKmJ4010UcZTB+ODxzPXBKnh73KsbvL63oW+kZE7sYsPuzwJdtGJXXRiF53YRSd20YlddNpFn1SCvs8voBbmCHU7LBwAAAAASUVORK5CYII=) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-dp {
+  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-mz {
+  background: url(./4.CliINQHr.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-xh {
+  background: url(./5.R14BVqop.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav > ul > li .hover-product.EN .ico-zn,
+.comHeader .nav > ul > li .hover-product.EN .ico-zn2 {
+  display: none !important
+}
+
+.comHeader .nav > ul > li .hover-product.EN .item-tit {
+  color: #00e07b;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 5px;
+  padding-left: 10px;
+  position: relative;
+  white-space: normal
+}
+
+.comHeader .nav > ul > li .hover-product.EN .item-tit:before {
+  background-color: #00e07b;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 2px
+}
+
+.comHeader .nav > ul > li .hover-product .item-tit {
+  font-weight: 700;
+  margin: 5px 0 0
+}
+
+.comHeader .nav > ul > li .hover-product .child-item a {
+  border: none;
+  color: #333
+}
+
+.comHeader .nav > ul > li .hover-product .child-item a:hover {
+  color: #4bb752
+}
+
+.comHeader .nav > ul > li .hover-product .product-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist {
+  color: #333;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px 20px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child .list-label {
+  background: -webkit-gradient(linear, right top, left top, from(#49ac8c), to(#79ba49));
+  background: linear-gradient(270deg, #49ac8c, #79ba49)
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item > ul > .hover-item {
+  width: 15.8%;
+  -ms-flex-negative: 0;
+  background-color: #f5fbf1;
+  border-color: #9ab289;
+  flex-shrink: 0;
+  margin-left: .43%;
+  margin-right: .43%
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) .list-label {
+  background: #40a9f5
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
+  width: 32.333%;
+  -ms-flex-negative: 0;
+  background-color: #f8f8f8;
+  border-color: #ededed;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
+  background-color: #40a9f5
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul {
+  height: 100%
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
+  width: 99%;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%;
+  margin-top: 0;
+  padding-top: 10px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child .child-item {
+  width: 24%;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: #ffa953;
+  color: #fff;
+  padding: 0 10px;
+  text-align: center;
+  white-space: normal;
+  width: 40px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item > ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item {
+  background-color: #fff9ed;
+  border: 1px solid #e9d0af;
+  margin: 15px 10px 0;
+  padding: 30px 20px 10px;
+  position: relative;
+  min-height: 200px;
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
+  line-height: 22px;
+  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;
+  content: "";
+  display: none;
+  height: 6px;
+  left: 0;
+  position: absolute;
+  top: 8px;
+  width: 6px
+}
+
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK {
+  background-color: #7abf4c;
+  color: #fff;
+  height: 30px;
+  left: 50%;
+  line-height: 30px;
+  min-width: 130px;
+  padding: 0 30px;
+  position: absolute;
+  text-align: center;
+  top: -15px;
+  -webkit-transform: translate(-50%);
+  transform: translate(-50%)
+}
+
+.comHeader .nav > ul > li > a {
+  height: 63px;
+  line-height: 63px;
+  padding: 0 20px
+}
+
+.comHeader .promo ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .promo ul li {
+  margin: 0 0 0 23px
+}
+
+.comHeader .promo ul li a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.comHeader .promo ul li a:hover .ICO {
+  opacity: .6
+}
+
+.comHeader .promo ul li .ICO {
+  display: block;
+  height: 12px;
+  margin: 0 7px 0 0
+}
+
+.comHeader .promo ul li .ic-try {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAQAAABOiyVOAAAAAXNSR0IArs4c6QAAAiVJREFUeNqllF9ozWEYx9+xM7XlX/4UoXOhCONmXLiQJEqRRJQkdqVJKyWFJDdKcUPigpmLkZvhTrTJjoafOOyc5/Pud7YpUjvZDnboHNvOo/P7/bZpjjknz1O/3vd53+/z9nue7/cx5n9My2yDjXS24vsrWqXdRvydPKOVmgIgDqHkeJO/ZDtQhIz0B0nSZIk6oXEQdwFf7SMG5JoxEibFcyfEQZRTxsSWo1xBOTkOZB+QljC36ItW8YKUhL3XGxmS9ZxlKDFXmsjYpb9D9qDUG2O3oNxD7XY/Hq0izifbbR8a487hM21aFkBkFklp10nGOCG+oVwcSxdfQQal1ku9D7V1IyVolFy8XnbknQTD7l5/HURek7OHg12UdGKhDzqBFu1Jd1rQIYmQYZdUS7VdRS+P8yvf7X6UY8FJhEznurFCzOaDdf0ccoFM1/TR7l3me7TKu3N65N9GTdYyyF3vcDXKgYAlk+nlthfdyLBt+IMRchTliJc9kS+xF9vkl5/5JHnnVBYiUjNZu8YYv5le5Dpf3Ckt5TxlgCUFKdszg27ev53pLvP7EasgZW8Yw3nU7v4r06khy30tI0qbMWxDZbP3vTShQGxdvsT2OLmORdJEMrGYFC9jFf/QFXcYdHeicoa0XMWh3yfvxKCpdPIRhyxKMznZWpSGWckPBKUP5VzR0qc2r2L5KU9aykuYGHITlf74vJLGjFNpu9hQ8nTyaVrYfgG2wbY60aOqBAAAAABJRU5ErkJggg==);
+  width: 13px
+}
+
+.comHeader .promo ul li .ic-shop {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAQAAABUt8XAAAAAAXNSR0IArs4c6QAAAYFJREFUeNqVkz0sQ1EUx1986yRRg1oZkBgkmmCSIBWDLhgMEvExYK3FTIdGQgSDUdDBqiEVEomSvFjKu//TSirpoO3KoA2OvPf6mlby3o1zlnvP+93/PfecdxTl/6aNIIwbG49SSDSXUAzhhzJ2MMXwJR652oKPkEs32t+LOTB5rc0trpySfO4GY9KC43TmBMMDpgVrk8ahnjldUlslJlYRVhTVBUbAgj8opChP7WCxUo5yNTScG0SBNozQdQ0Y60Yoinett4RW0Q4YE8aXHPaMILnBtKyvki14RUHskl8M0DxUMILFu4mOzYZ0gDFjBlNN2EYebPgL+UtPfEDEVO4DJ8bLClWHHhqufCouKGa1mjHo/DvgFMJcTIGTXRL4gDJmLRfB8EjgID7NRQCsuiTwGjjVoCtvIq9ITCyBtVb91D6yMpimwYlO/dQJSKo8Chb9unJE3EuVvWAaM2uYTdZLlGeLvYAPjDfbCdT9Dt+Iq7VmYXwO42qMrNgityzVP/YL/R8wbgBFGqEAAAAASUVORK5CYII=);
+  width: 11px
+}
+
+.LNK:link,
+.LNK:visited {
+  color: #fff;
+}
+
+
+.menu-zh {
+  background: #040705;
+  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
+  box-shadow: 0 2px 16px #0000000f;
+  color: #fff;
+  overflow: hidden;
+  padding: 10px 20px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  row-gap: 20px
+}
+
+.menu-zh,
+.menu-zh .menu-row,
+.menu-zh .menu-row .menu-row-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.menu-zh .menu-row .menu-row-title {
+  color: #fff;
+  font-size: 13px;
+  padding: 20px 0;
+  -webkit-writing-mode: vertical-rl;
+  -ms-writing-mode: tb-rl;
+  writing-mode: vertical-rl;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  background: linear-gradient(135deg, #22e68b, #008d35);
+  justify-content: center;
+  letter-spacing: 8px;
+  width: 60px
+}
+
+.menu-zh .menu-row .menu-row-items {
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 0 10px;
+  width: 100%
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section {
+  background-color: #15210f;
+  border: 1px solid #23e98e;
+  padding: 0 0 20px;
+  //width: 20%
+  flex: 1;
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit {
+  color: #00e07b;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 5px;
+  padding-left: 10px;
+  position: relative;
+  white-space: normal
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit:before {
+  background-color: #00e07b;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 2px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit,
+.menu-zh .menu-row .menu-row-items .menu-section > ul {
+  margin: 0 20px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .hover-child a {
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 18px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .menu-section-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  margin: -1px -1px 10px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  background: linear-gradient(135deg, #22e68b, #008d35);
+  color: #fff;
+  height: 44px;
+  justify-content: center;
+  line-height: 18px;
+  padding: 0 30px;
+  text-align: center
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-title {
+  background: linear-gradient(135deg, #ffcd68, #fe682d)
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content {
+  background-color: #2d1d08;
+  border: 1px solid #ffa24b;
+  margin-left: 10px;
+  padding: 10px 20px;
+  width: 100%
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .link-item {
+  background: linear-gradient(135deg, #442e10, #44230c);
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 22px;
+  padding: 7px 0 7px 30px;
+  width: 24% !important;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin: 7px .5% 0
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  font-weight: 500
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item img {
+  height: 14px;
+  width: 14px
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 {
+  padding: 15px
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2,
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
+  background-color: #ffe5c8;
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  font-weight: 500;
+  padding-left: 0;
+  padding-right: 0
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .splitter {
+  color: #fee4c4;
+  font-size: 18px;
+  letter-spacing: 8px;
+  margin: 0 10px
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content.product-content-row2 {
+  background-color: #2d1d08 !important;
+  /* 原智能运营平台背景色 */
+  border: 1px solid #ffa24b !important;
+  /* 原智能运营平台边框 */
+  margin-left: 10px !important;
+  padding: 10px 20px !important;
+  width: 100% !important;
+}
+
+.content1-custom-layout {
+  padding: 15px 0 !important;
+  flex-wrap: wrap !important;
+}
+
+.link-item.product-link-card {
+  background: linear-gradient(135deg, #442e10, #44230c) !important;
+  color: #dcdbde !important;
+
+  display: block !important;
+  height: auto !important;
+  flex-direction: column !important;
+  align-items: flex-start !important;
+
+  width: 24% !important;
+  padding: 15px 0 15px 15px !important;
+  /* 调整内边距 */
+  margin: 7px .5% 0 !important;
+
+  min-height: 100px;
+}
+
+.link-item-title {
+  font-size: 14px;
+  font-weight: bold;
+  color: #ffcd68;
+  /* 使用原 menu-row2 渐变的主色调 */
+  display: block;
+  margin-bottom: 5px;
+}
+
+.link-item-body {
+  font-size: 12px;
+  line-height: 1.4;
+  color: #dcdbde;
+  padding-right: 15px;
+}
+
+.card-desc-row2 {
+  margin: 0;
+  line-height: 1.4;
+  min-height: 36px;
+  /* 确保两行描述的空间 */
+}
+
+.link-item-link {
+  display: block;
+  margin-top: 5px;
+  color: #ffa24b;
+  /* 链接颜色 */
+  font-weight: 500;
+}
+
+.link-item-placeholder {
+  visibility: hidden;
+  width: 24% !important;
+  /* 必须保留宽度 */
+  margin: 7px .5% 0 !important;
+  height: 0;
+  padding: 0 !important;
+  border: none !important;
+  background: none !important;
+}
+
+.content2-hidden {
+  display: none !important;
+}
+
+.hover-product2 {
+  //.menu-row-title {
+  //  color: #fff;
+  //  font-size: 18px;
+  //  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 0 14px;
+  //  text-align: center;
+  //  /*width: 60px;*/
+  //}
+
+  .menu-row-title {
+    color: #fff;
+    font-size: 13px;
+    padding: 20px 0;
+    -webkit-writing-mode: vertical-rl;
+    -ms-writing-mode: tb-rl;
+    writing-mode: vertical-rl;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    background: linear-gradient(135deg, #22e68b, #008d35);
+    justify-content: center;
+    letter-spacing: 8px;
+    width: 60px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex
+  }
+}
+</style>
diff --git a/src/views/Jyh/Situation/indexold.vue b/src/views/Jyh/Situation/indexold.vue
index 209c21d..4781967 100644
--- a/src/views/Jyh/Situation/indexold.vue
+++ b/src/views/Jyh/Situation/indexold.vue
@@ -15,21 +15,21 @@
 <!--          <h2>可信开源态势感知中心</h2>-->
 <!--          <p>携手共建安全新生态</p>-->
 <!--        </div>-->
-        <iframe src="http://localhost:8080/#/kxky" style="height: 100%;width: 100%" loading="lazy"></iframe>
+        <iframe src="http://222.20.126.217:10010/bigScreen/#/kxky" style="height: 100%;width: 100%" loading="lazy"></iframe>
       </swiper-slide>
       <swiper-slide class="slide bigscreen2" @click="handleSlideClick('page1')">
 <!--        <div class="slide-content">-->
 <!--          <h2>全球开源风险态势感知监控中心</h2>-->
 <!--          <p>金银湖实验室与您共同成长</p>-->
 <!--        </div>-->
-        <iframe src="http://localhost:8080/#/security-situation-awareness" style="height: 100%;width: 100%" loading="lazy"></iframe>
+        <iframe src="http://222.20.126.217:10010/bigScreen/#/security-situation-awareness" style="height: 100%;width: 100%" loading="lazy"></iframe>
       </swiper-slide>
       <swiper-slide class="slide bigscreen1" @click="handleSlideClick('page2')">
 <!--        <div class="slide-content">-->
 <!--          <h2>开源生态与贡献价值全景</h2>-->
 <!--          <p>携手共建安全新生态</p>-->
 <!--        </div>-->
-        <iframe src="http://localhost:8080/#/ecosystem-and-contribution" style="height: 100%;width: 100%" loading="lazy"></iframe>
+        <iframe src="http://222.20.126.217:10010/bigScreen/#/ecosystem-and-contribution" style="height: 100%;width: 100%" loading="lazy"></iframe>
       </swiper-slide>
     </swiper>
   </div>