add:内容增加

src/views/pc/style/index.less

@@ -278,14 +278,14 @@ li {
 }
 // 第三屏：AI+智能节能技术
 .three-screen{
-  min-height: 100vh;
+  // min-height: 100vh;
   background:url("../../../assets/images/threeSceenbg.png") no-repeat center center;
   position: relative;
   background-size: cover;
   z-index: 1;
   background-attachment: fixed;//背景图片相对于浏览器窗口固定，不随页面滚动而移动
   .container {
-    max-width: 1200px;
+    max-width: 1660px;
     margin: 0 auto;
     padding-top:113px;
     padding-bottom:117px;
@@ -315,57 +315,115 @@ li {
       margin: 0 auto;
     }
   }
-  .carousel-section{
-    .carousel-wrapper{
-      display: flex;
-    }
-  }
-  // swiper滑动
-  .ai-tech-carousel {
+  // swiper滑动样式
+  .carousel-section {
     position: relative;
-    padding-bottom: 50px; // 为进度条留出空间
-
-    :deep(.swiper-slide) {
-      padding: 0 10px;
+    padding: 30px 0 50px;
+    
+    :deep(.ai-tech-carousel) {
+      padding: 20px 0 30px;
       
-      .slide-content {
-        border-radius: 8px;
+      .swiper-wrapper {
+        align-items: center;
+        display: flex;
+        height: 477px;
+      }
+      
+      .swiper-slide {
+        transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
+        opacity: 0.6;
+        transform: scale(0.7);
+        &.swiper-slide-active {
+          opacity: 1;
+          transform: scale(1);
+          z-index: 3;
+          width: 477px !important;
+          
+          .slide-content {
+            .slide-inner {
+              padding: 38px !important;
+            }
+          }
+        }
+        
+        &.swiper-slide-next,
+        &.swiper-slide-prev {
+          opacity: 0.8;
+          transform: scale(0.845);
+          z-index: 2;
+          width: 377px !important;
+        }
+        
+        &.swiper-slide-next + .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev),
+        &:nth-child(n + 3 of .swiper-slide-prev) {
+          opacity: 0.7;
+          transform: scale(0.7);
+          z-index: 1;
+        }
+      }
+    }
+    
+    .slide-content {
+      cursor: pointer;
+      perspective: 1000px;
+      
+      .slide-inner {
+        border-radius: 16px;
         overflow: hidden;
+        height: 100%;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
         transition: all 0.3s ease;
-        cursor: pointer;
+        background: #fff;
+        display: flex;
+        flex-direction: column;
+        padding: 25px 25px;
         
-        &.active {
-          transform: scale(1.05);
-          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+        &:hover {
+          transform: translateY(-8px);
+          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
         }
-        
-        img {
-          width: 100%;
-          height: auto;
-          display: block;
-        }
-        
-        .slide-info {
-        padding: 15px;
-        background: #f8f9fa;
+      }
+      
+      img {
+        width: 100%;
+        height: 65%;
+        object-fit: cover;
+        display: block;
+      }
+      
+      .slide-info {
+        padding: 25px 0 47px;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
         
         h3 {
-          margin: 0 0 10px 0;
-          font-size: 18px;
-          color: #1f2937;
+          font-size: 40px;
+          font-weight: 400;
+          color: rgba(25, 50, 81, 1);
+          text-align: center;
+          margin-bottom: 7px;
         }
         
         p {
           margin: 0;
-          font-size: 14px;
-          color: #6b7280;
-          line-height: 1.5;
+          font-size: 20px;
+          font-weight: 400;
+          text-align: center;
+          color: rgba(119, 146, 178, 1);
+        }
+      }
+      
+      &.active {
+        .slide-inner {
+          // box-shadow: 0 15px 40px rgba(31, 92, 172, 0.4);
+          // border: 2px solid #1f5cac;
         }
       }
     }
   }
 }
-}
 // 第四屏 应用场景
 .screens-four{
   background:#ffffff;