优化样式表，更新字体引用，调整背景色，增强响应式设计；更新首页轮播图，添加新图片；重构JavaScript功能，增加客服小部件；修复HTML结构，确保页面加载顺畅。

assets/js/script.js

@@ -50,11 +50,11 @@
 
 
     // Function for small menu
-    function smallNavFunctionality() {
-        var windowWidth = window.innerWidth;
-        var mainNav = $(".navigation-holder");
-        var smallNav = $(".navigation-holder > .small-nav");
-        var subMenu = smallNav.find(".sub-menu");
+    function smallNavFunctionality() {
+        var windowWidth = window.innerWidth;
+        var mainNav = $(".navigation-holder");
+        var smallNav = $(".navigation-holder > .small-nav");
+        var subMenu = smallNav.find(".sub-menu");
         var megamenu = smallNav.find(".mega-menu");
         var menuItemWidthSubMenu = smallNav.find(".menu-item-has-children > a");
 
@@ -70,10 +70,30 @@
         } else if (windowWidth > 991) {
             mainNav.find(".sub-menu").show();
             mainNav.find(".mega-menu").show();
-        }
-    }
-
-    smallNavFunctionality();
+        }
+    }
+
+    function initKefuWidget() {
+        if (typeof Kefu !== "function" || !document.body || document.querySelector(".kefubox")) {
+            return;
+        }
+
+        new Kefu({
+            tel: "0535－2106025",
+            qq: "278294683",
+            wechatPerson: {
+                state: false,
+                imgURL: "./imgs/2wm.png"
+            },
+            wechatofficial: {
+                state: true,
+                imgURL: "assets/images/wechat.webp"
+            }
+        });
+    }
+
+    smallNavFunctionality();
+    initKefuWidget();
 
 
     // Parallax background
@@ -95,11 +115,86 @@
         }
     }
 
+    function getSlideBackgroundUrls() {
+        var backgroundUrls = [];
+
+        $(".hero-slider .slide-bg-image[data-background]").each(function() {
+            var backgroundUrl = $(this).data("background");
+
+            if (backgroundUrl && $.inArray(backgroundUrl, backgroundUrls) === -1) {
+                backgroundUrls.push(backgroundUrl);
+            }
+        });
+
+        return backgroundUrls;
+    }
+
+    function waitForHeroBackgrounds(onComplete) {
+        var backgroundUrls = getSlideBackgroundUrls();
+        var remaining = backgroundUrls.length;
+        var hasCompleted = false;
+
+        function finish() {
+            if (hasCompleted) {
+                return;
+            }
+
+            hasCompleted = true;
+            onComplete();
+        }
+
+        if (!remaining) {
+            finish();
+            return;
+        }
+
+        var fallbackTimer = setTimeout(finish, 2500);
+
+        $.each(backgroundUrls, function(index, backgroundUrl) {
+            var image = new Image();
+            var resolved = false;
+
+            function markResolved() {
+                if (resolved) {
+                    return;
+                }
+
+                resolved = true;
+                remaining -= 1;
+
+                if (!remaining) {
+                    clearTimeout(fallbackTimer);
+                    finish();
+                }
+            }
+
+            image.onload = markResolved;
+            image.onerror = markResolved;
+            image.src = backgroundUrl;
+
+            if (image.complete) {
+                markResolved();
+            }
+        });
+    }
+
     // DATA BACKGROUND IMAGE
     var sliderBgSetting = $(".slide-bg-image");
     sliderBgSetting.each(function(indx){
-        if ($(this).attr("data-background")){
-            $(this).css("background-image", "url(" + $(this).data("background") + ")");
+        var backgroundUrl = $(this).attr("data-background");
+        var $slide = $(this).closest(".swiper-slide");
+
+        if (backgroundUrl){
+            $(this).css("background-image", "url(" + backgroundUrl + ")");
+
+            if ($slide.length) {
+                $slide.css({
+                    "background-image": "url(" + backgroundUrl + ")",
+                    "background-position": "center center",
+                    "background-repeat": "no-repeat",
+                    "background-size": "cover"
+                });
+            }
         }
     });
 
@@ -110,9 +205,13 @@
         jQuery('.swiper-slide').each( function(index){
             menu.push( jQuery(this).find('.slide-inner').attr("data-text") );
         });
-        var interleaveOffset = 0.5;
+        var totalSlides = jQuery(".swiper-slide").length;
+        var interleaveOffset = 0.16;
         var swiperOptions = {
             loop: true,
+            loopedSlides: totalSlides,
+            preloadImages: true,
+            updateOnImagesReady: true,
             speed: 1000,
             parallax: true,
             autoplay: {
@@ -137,8 +236,12 @@
                         var slideProgress = swiper.slides[i].progress;
                         var innerOffset = swiper.width * interleaveOffset;
                         var innerTranslate = slideProgress * innerOffset;
-                        swiper.slides[i].querySelector(".slide-inner").style.transform =
-                        "translate3d(" + innerTranslate + "px, 0, 0)";
+                        var slideInner = swiper.slides[i].querySelector(".slide-inner");
+
+                        if (slideInner) {
+                            slideInner.style.transform =
+                                "translate3d(" + innerTranslate + "px, 0, 0)";
+                        }
                     }
                 },
 
@@ -153,8 +256,11 @@
                     var swiper = this;
                     for (var i = 0; i < swiper.slides.length; i++) {
                         swiper.slides[i].style.transition = speed + "ms";
-                        swiper.slides[i].querySelector(".slide-inner").style.transition =
-                        speed + "ms";
+                        var slideInner = swiper.slides[i].querySelector(".slide-inner");
+
+                        if (slideInner) {
+                            slideInner.style.transition = speed + "ms";
+                        }
                     }
                 }
             }
@@ -168,19 +274,23 @@
     /*------------------------------------------
         = HIDE PRELOADER
     -------------------------------------------*/
+    function hidePreloader() {
+        $('.preloader').delay(100).fadeOut(500, function() {
+
+            //active wow
+            if (wow) {
+                wow.init();
+            }
+
+
+        });
+    }
+
     function preloader() {
         if($('.preloader').length) {
-            $('.preloader').delay(100).fadeOut(500, function() {
-
-                //active wow
-                if (wow) {
-                    wow.init();
-                }
-
-
-            });
+            waitForHeroBackgrounds(hidePreloader);
         }
-    }
+    }
 
 
     /*------------------------------------------
@@ -701,16 +811,17 @@
     /*==========================================================================
         WHEN DOCUMENT LOADING
     ==========================================================================*/
-        $(window).on('load', function() {
-
-            preloader();
-
-
-            toggleMobileNavigation();
-
-            smallNavFunctionality();
-
-        });
+        $(window).on('load', function() {
+
+            preloader();
+
+
+            toggleMobileNavigation();
+
+            smallNavFunctionality();
+            initKefuWidget();
+
+        });