1

src/views/index.vue

@@ -154,9 +154,9 @@
         <p class="section-subtitle">我们与众多知名企业建立了长期稳定的合作关系</p>
         
         <div class="clients-grid animate-stagger">
-          <div class="client-item hover-scale" v-for="client in clients" :key="client.name">
+          <div class="client-item hover-scale" v-for="(client, index) in clients" :key="index">
             <div class="client-logo">
-              <img :src="client.logo" :alt="client.name" />
+              <img :src="client.logo" :alt="'合作伙伴' + (index + 1)" />
             </div>
           </div>
         </div>
@@ -256,7 +256,7 @@ export default {
       banners: [
         { 
           img: banner_index0,
-          title: '智能数字化解决方案',
+          title: 'AI智能数字化解决方案',
           subtitle: '技术驱动未来，服务创造价值'
         },
         { 
@@ -355,66 +355,18 @@ export default {
          },
        ],
        clients: [
-         {
+         { logo: client_01 },
-           name: '合作伙伴1',
+         { logo: client_02 },
-           logo: client_01,
+         { logo: client_03 },
-           description: '长期战略合作伙伴'
+         { logo: client_04 },
-         },
+         { logo: client_05 },
-         {
+         { logo: client_06 },
-           name: '合作伙伴2',
+         { logo: client_07 },
-           logo: client_02,
+         { logo: client_08 },
-           description: '技术合作企业'
+         { logo: client_09 },
-         },
+         { logo: client_10 },
-         {
+         { logo: client_11 },
-           name: '合作伙伴3',
+         { logo: client_12 }
-           logo: client_03,
-           description: '行业领先企业'
-         },
-         {
-           name: '合作伙伴4',
-           logo: client_04,
-           description: '创新科技公司'
-         },
-         {
-           name: '合作伙伴5',
-           logo: client_05,
-           description: '数字化转型伙伴'
-         },
-         {
-           name: '合作伙伴6',
-           logo: client_06,
-           description: 'AI技术合作方'
-         },
-         {
-           name: '合作伙伴7',
-           logo: client_07,
-           description: '智能制造企业'
-         },
-         {
-           name: '合作伙伴8',
-           logo: client_08,
-           description: '金融服务机构'
-         },
-         {
-           name: '合作伙伴9',
-           logo: client_09,
-           description: '零售行业客户'
-         },
-         {
-           name: '合作伙伴10',
-           logo: client_10,
-           description: '教育科技公司'
-         },
-         {
-           name: '合作伙伴11',
-           logo: client_11,
-           description: '医疗健康企业'
-         },
-         {
-           name: '合作伙伴12',
-           logo: client_12,
-           description: '物流运输公司'
-         }
        ],
 
     }
@@ -720,17 +672,7 @@ export default {
   height: 80px;
 }
 
-.client-logo img {
-  max-width: 100%;
-  max-height: 60px;
-  object-fit: contain;
-  filter: grayscale(100%);
-  transition: filter 0.3s ease;
-}
 
-.client-item:hover .client-logo img {
-  filter: grayscale(0%);
-}
 
 .client-info h4 {
   font-size: 1.3rem;
@@ -769,7 +711,8 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 80px;
+  height: 100px;
+  min-height: 100px;
 }
 
 .client-item:hover {
@@ -787,14 +730,11 @@ export default {
 
 .client-logo img {
   max-width: 100%;
-  max-height: 50px;
+  max-height: 70px;
+  width: auto;
+  height: auto;
   object-fit: contain;
-  filter: grayscale(100%);
+  object-position: center;
-  transition: filter 0.3s ease;
-}
-
-.client-item:hover .client-logo img {
-  filter: grayscale(0%);
 }
 
 /* 联系我们区域 */

src/views/ourPlan/ourPlan.vue

@@ -7,9 +7,13 @@
       <div class="banner-content">
         <div class="container">
           <h1 class="banner-title">我们的方案</h1>
-          <p class="banner-subtitle">专业解决方案，助力企业数字化转型</p>
+          <p class="banner-subtitle">AI驱动数字化转型，重塑企业核心竞争力</p>
         </div>
       </div>
+      <!-- GIF Banner -->
+      <div class="gif-banner">
+        <img src="https://bimwe.oss-cn-shanghai.aliyuncs.com/web/foundry_1.gif" alt="技术展示" class="banner-gif">
+      </div>
     </div>
 
     <!-- 主要内容 -->
@@ -20,15 +24,15 @@
           <div class="services-grid">
             <div class="service-card">
               <div class="service-icon">🏗️</div>
-              <h4>智能建筑</h4>
+              <h4>AI智能建筑</h4>
-              <p>运用先进技术打造智能化建筑，提升建筑管理效率和用户体验。</p>
+              <p>运用AI技术打造智能化建筑，通过机器学习优化建筑管理效率和用户体验。</p>
               <router-link to="/ourPlan/estateManagement" class="service-link">了解更多</router-link>
             </div>
             
             <div class="service-card">
               <div class="service-icon">🌐</div>
-              <h4>物联网</h4>
+              <h4>AI物联网</h4>
-              <p>构建完整的物联网生态系统，实现设备互联互通和智能控制。</p>
+              <p>构建AI驱动的物联网生态系统，实现智能设备互联互通和自动化控制。</p>
               <router-link to="/ourPlan/iot" class="service-link">了解更多</router-link>
             </div>
             
@@ -36,8 +40,8 @@
               <div class="service-icon">
                 <img src="../../assets/img/ic_1.png" alt="设施管理" class="icon-image">
               </div>
-              <h4>设施管理</h4>
+              <h4>AI设施管理</h4>
-              <p>提供全面的设施管理解决方案，确保设备高效运行。</p>
+              <p>提供AI驱动的设施管理解决方案，通过智能分析确保设备高效运行。</p>
               <router-link to="/ourPlan/facilityManagement" class="service-link">了解更多</router-link>
             </div>
             
@@ -54,8 +58,8 @@
               <div class="service-icon">
                 <img src="../../assets/img/ic_3.png" alt="技术集成" class="icon-image">
               </div>
-              <h4>技术集成</h4>
+              <h4>AI技术集成</h4>
-              <p>整合多种技术平台，构建统一的技术架构体系。</p>
+              <p>整合多种AI技术平台，构建统一的智能技术架构体系。</p>
               <router-link to="/ourPlan/technologyIntegration" class="service-link">了解更多</router-link>
             </div>
           </div>
@@ -65,16 +69,16 @@
           <h3 class="section-title">为什么选择我们？</h3>
           <div class="features">
             <div class="feature-item">
-              <h4>专业团队</h4>
+              <h4>AI专家团队</h4>
-              <p>拥有丰富的行业经验和专业技术能力</p>
+              <p>拥有丰富的AI项目经验和深度学习技术能力</p>
             </div>
             <div class="feature-item">
-              <h4>创新技术</h4>
+              <h4>前沿AI技术</h4>
-              <p>持续关注前沿技术，提供最新解决方案</p>
+              <p>持续关注AI前沿技术，提供最新智能解决方案</p>
             </div>
             <div class="feature-item">
-              <h4>优质服务</h4>
+              <h4>AI全流程服务</h4>
-              <p>全程专业服务，确保项目成功实施</p>
+              <p>从AI咨询到实施落地，确保智能化转型成功</p>
             </div>
           </div>
         </div>
@@ -105,20 +109,53 @@ export default {
 }
 
 .page-banner {
-  background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
+  background: transparent;
   color: white;
   padding: 80px 0;
   text-align: center;
+  position: relative;
+  min-height: 500px;
 }
 
 .banner-title {
   font-size: 3rem;
   font-weight: bold;
   margin-bottom: 1rem;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
+  color: white;
 }
 
 .banner-subtitle {
   font-size: 1.2rem;
+  opacity: 0.95;
+  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
+  color: white;
+}
+
+.banner-content {
+  position: relative;
+  z-index: 2;
+}
+
+.gif-banner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
+.banner-gif {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 0;
+  box-shadow: none;
+  transition: opacity 0.3s ease;
+}
+
+.banner-gif:hover {
   opacity: 0.9;
 }
 
@@ -240,6 +277,21 @@ export default {
     font-size: 1rem;
   }
   
+  .gif-banner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+  
+  .banner-gif {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  
   .services-grid {
     grid-template-columns: 1fr;
   }