up

assets/css/solution.css

@@ -15,7 +15,7 @@
             align-items: center;
             padding-top: 110px; /* header高度80px + 最小间距30px */
             overflow: hidden;
-            background: url("../images/solution/neihe.png");
+            background: url("../images/solution/neihe.png") 100%;
         }
 
         .solution-hero::before {
@@ -255,7 +255,7 @@
 
         /* Pain Points Section */
         .pain-points-section {
-            padding: 100px 0;
+            padding: 70px 0;
             background: #fff;
         }
 
@@ -325,7 +325,7 @@
             color: #0f172a;
             margin-bottom: 12px;
             line-height: 1.4;
-            min-height: 2.8em;
+            min-height: 2em;
             display: -webkit-box;
             -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
@@ -343,7 +343,7 @@
 
         /* Solution Architecture Section */
         .architecture-section {
-            padding: 100px 0;
+            padding: 70px 0;
             background: linear-gradient(135deg, #005dc7 0%, rgb(1, 79, 212) 100%);
             color: #fff;
             overflow: hidden;
@@ -558,7 +558,7 @@
 
         /* Product Matrix Section */
         .products-section {
-            padding: 100px 0;
+            padding: 70px 0;
             background: #f8fafc;
         }
 
@@ -947,6 +947,35 @@
             margin-top: 30px;
         }
 
+        .cases-slider {
+            margin-top: 30px;
+        }
+
+        .cases-slider .owl-stage-outer {
+            padding: 4px 0 12px;
+        }
+
+        .cases-slider .owl-stage {
+            display: flex;
+        }
+
+        .cases-slider .owl-item {
+            display: flex;
+            float: none;
+        }
+
+        .cases-slider .case-slide {
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
+        .cases-slider .case-card-link {
+            display: flex;
+            width: 100%;
+            height: 100%;
+        }
+
         .case-card {
             background: #fff;
             border-radius: 16px;
@@ -954,6 +983,7 @@
             box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
             border: 1px solid #e2e8f0;
             height: 100%;
+            width: 100%;
             display: flex;
             flex-direction: column;
         }
@@ -1024,6 +1054,24 @@
             margin: 0;
         }
 
+        .cases-slider .owl-controls {
+            margin-top: 22px;
+            text-align: center;
+        }
+
+        .cases-slider .owl-dots .owl-dot span {
+            width: 12px;
+            height: 12px;
+            margin: 5px 6px;
+            background: rgba(20, 129, 255, 0.18);
+            transition: all 0.2s ease;
+        }
+
+        .cases-slider .owl-dots .owl-dot.active span,
+        .cases-slider .owl-dots .owl-dot:hover span {
+            background: rgba(20, 129, 255, 1);
+        }
+
         /* Scroll Animation */
         .reveal {
             opacity: 0;
@@ -1072,11 +1120,7 @@
                 gap: 16px;
             }
 
-            .cases-section .row + .row {
-                margin-top: 24px;
-            }
-
-            .cases-section .col-md-4 + .col-md-4 {
+            .cases-slider {
                 margin-top: 24px;
             }
 

assets/css/style.css

@@ -3790,6 +3790,21 @@ color:#ffffff;
   border-radius: 10px;
 }
 
+.services-section .service-grids a.grid {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+  -webkit-transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
+  transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
+
+.services-section .service-grids a.grid:hover {
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+  -webkit-box-shadow: 0px 16px 42px 0px rgba(16, 37, 65, 0.14);
+  box-shadow: 0px 16px 42px 0px rgba(16, 37, 65, 0.14);
+}
+
 .services-section .service-grids .grid1 {
   background-color: #fff;
   width: calc(25% - 30px);

assets/js/script.js

@@ -476,9 +476,9 @@
     /*------------------------------------------
         = SERVICES SLIDER
     -------------------------------------------*/
-    if ($(".services-slider").length) {
-        $(".services-slider").owlCarousel({
-            loop:true,
+    if ($(".services-slider").length) {
+        $(".services-slider").owlCarousel({
+            loop:true,
             margin: 30,
             smartSpeed: 500,
             responsive:{
@@ -502,12 +502,48 @@
                     items:3
                 }
             }
-        });
-    }
-
-
-    /*------------------------------------------
-        = TESTIMONIAL SLIDER
+        });
+    }
+
+
+    /*------------------------------------------
+        = CASES SLIDER
+    -------------------------------------------*/
+    if ($(".cases-slider").length) {
+        $(".cases-slider").owlCarousel({
+            loop:true,
+            margin: 30,
+            smartSpeed: 500,
+            nav: false,
+            dots: true,
+            autoplay: false,
+            responsive:{
+                0 : {
+                    items: 1,
+                },
+
+                550 : {
+                    items: 2,
+                    center: false,
+                    margin: 10
+                },
+
+                992 : {
+                    items: 3,
+                    center: false,
+                    margin: 10
+                },
+
+                1400:{
+                    items:3
+                }
+            }
+        });
+    }
+
+
+    /*------------------------------------------
+        = TESTIMONIAL SLIDER
     -------------------------------------------*/
     if ($(".testimonial-slider").length) {
         $(".testimonial-slider").owlCarousel({