From 0600f04c117d1462f42ea1342fcd785793d2e36c Mon Sep 17 00:00:00 2001
From: fengjun <jianrenjun8798@gmail.com>
Date: Tue, 16 Dec 2025 16:09:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css | 60 ++++++++++++++++++++++++++++++++++++++++----
 header.html          | 24 ++++++++++--------
 2 files changed, 68 insertions(+), 16 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 04f87ce..17f06f3 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1948,6 +1948,58 @@ img {
   .site-header #navbar .product-menu > .sub-menu .sub-menu a:hover {
     color: #1481ff !important;
   }
+
+  /* 解决方案菜单 - 只有二级菜单的样式 */
+  .site-header #navbar > ul > li.solution-menu > a::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 3px;
+    background-color: #1481ff;
+    transform: scaleX(0);
+    transition: transform 0.3s;
+  }
+  .site-header #navbar > ul > li.solution-menu:hover > a::after {
+    transform: scaleX(1);
+  }
+  .site-header #navbar > ul > li.solution-menu {
+    position: static;
+  }
+  .site-header #navbar > ul > li.solution-menu > .sub-menu {
+    width: 100vw;
+    left: 0;
+    right: 0;
+    margin-left: calc(-50vw + 50%);
+    padding: 20px 5%;
+    display: flex !important;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  .site-header #navbar > ul > li.solution-menu:hover > .sub-menu {
+    visibility: visible !important;
+    opacity: 1 !important;
+    top: 100%;
+    pointer-events: auto;
+  }
+  /* 解决方案二级菜单项 */
+  .site-header #navbar .solution-menu > .sub-menu > li {
+    width: 280px;
+    border-bottom: none;
+    padding: 0 15px;
+  }
+  .site-header #navbar .solution-menu > .sub-menu > li > a {
+    padding: 15px 0;
+    font-weight: 600;
+    font-size: 18px;
+    color: #102541 !important;
+    display: block;
+    text-align: center;
+  }
+  .site-header #navbar .solution-menu > .sub-menu > li > a:hover {
+    color: #1481ff !important;
+  }
 }
 
 @media (max-width: 991px) {
@@ -1988,11 +2040,9 @@ img {
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
   }
-  /* 移动端隐藏产品中心的子菜单和箭头 */
-  .site-header #navbar .product-menu > .sub-menu {
-    display: none !important;
-  }
-  .site-header #navbar .product-menu > a:before {
+  /* 移动端隐藏产品中心和解决方案的下拉箭头（子菜单由JS控制展开） */
+  .site-header #navbar .product-menu > a:before,
+  .site-header #navbar .solution-menu > a:before {
     display: none;
   }
 }
diff --git a/header.html b/header.html
index a6d18e3..e5b5b53 100644
--- a/header.html
+++ b/header.html
@@ -100,17 +100,19 @@
                             </li>
                         </ul>
                     </li>
-                    <li class="">
-                        <a href="solution.html" target="_parent">解决方案</a>
-                        <!--<ul class="sub-menu">-->
-                        <!--<li><a href="services.html">Services</a></li>-->
-                        <!--<li><a href="services-s2.html">Services style 2</a></li>-->
-                        <!--<li><a href="service-single.html">Air Freight</a></li>-->
-                        <!--<li><a href="warehousing.html">Warehousing</a></li>-->
-                        <!--<li><a href="road-freight.html">Road Freight</a></li>-->
-                        <!--<li><a href="ocean-freight.html">Ocean Freight</a></li>-->
-                        <!--<li><a href="packaging.html">Packaging</a></li>-->
-                        <!--</ul>-->
+                    <li class="menu-item-has-children solution-menu">
+                        <a href="" target="_parent">解决方案</a>
+                        <ul class="sub-menu">
+                            <li>
+                                <a href="solution.html" target="_parent">物流供应链系列产品</a>
+                            </li>
+                            <li>
+                                <a href="solution.html" target="_parent">港航电商平台系列产品</a>
+                            </li>
+                            <li>
+                                <a href="solution.html" target="_parent">云码头系列产品</a>
+                            </li>
+                        </ul>
                     </li>
                     <li class="">
                         <a href="classiccase.html" target="_parent">客户案例</a>