更好发挥

css/index.css

@@ -78,6 +78,7 @@
   background: rgba(15, 23, 42, 0.95);
   backdrop-filter: blur(20px);
   border-bottom: 1px solid rgba(148, 163, 184, 0.15);
+  z-index: 998;
 }
 
 #index .nav-item-box {
@@ -1812,6 +1813,8 @@ html {
 /* 确保所有section背景连贯 */
 #index .section.banner {
   background: transparent;
+  position: relative;
+  z-index: 1;
 }
 
 #index .section.service {

index.html

@@ -78,7 +78,6 @@
       <!-- 如果需要分页器 -->
       <div class="swiper-pagination"></div>
     </div>
-    </div>
     <div class="banner-s">
       <div class="section-content banner-list">
         <div class="banner-item" id="cloud-box">

js/tools.js

@@ -1,4 +1,6 @@
 $(function () {
+  // 产品详情页的图片预览轮播（仅在存在时初始化）
+  if ($('.gallery-thumbs').length > 0 && $('.gallery-top').length > 0) {
     var galleryThumbs = new Swiper('.gallery-thumbs', {
       spaceBetween: 10,
       slidesPerView: 10,
@@ -6,7 +8,6 @@ $(function () {
       watchSlidesVisibility: true,
       watchSlidesProgress: true,
       noSwiping: true
-
     });
     var galleryTop = new Swiper('.gallery-top', {
       spaceBetween: 10,
@@ -18,6 +19,10 @@ $(function () {
         prevEl: '.swiper-button-prev',
       },
     });
+  }
+
+  // 首页 Banner 轮播（仅在存在时初始化）
+  if ($('.banner-cont').length > 0) {
     const mySwiper = new Swiper(".banner-cont", {
       loop: true, // 循环模式选项
       autoplay: {
@@ -35,11 +40,11 @@ $(function () {
       on: {
         slideChange: function () {
           // 移除所有进度条动画
-        document.querySelectorAll('.swiper-pagination-bullet').forEach(function(bullet) {
+          document.querySelectorAll('.banner-cont .swiper-pagination-bullet').forEach(function(bullet) {
             bullet.classList.remove('progress-active');
           });
           // 给当前激活的添加进度动画
-        const activeBullet = document.querySelector('.swiper-pagination-bullet-active');
+          const activeBullet = document.querySelector('.banner-cont .swiper-pagination-bullet-active');
           if (activeBullet) {
             activeBullet.classList.add('progress-active');
           }
@@ -47,7 +52,7 @@ $(function () {
         init: function () {
           // 初始化时给第一个添加进度动画
           setTimeout(function() {
-          const activeBullet = document.querySelector('.swiper-pagination-bullet-active');
+            const activeBullet = document.querySelector('.banner-cont .swiper-pagination-bullet-active');
             if (activeBullet) {
               activeBullet.classList.add('progress-active');
             }
@@ -55,4 +60,5 @@ $(function () {
         }
       }
     });
+  }
 })