解决方案header

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;
   }
 }