fix 我们的服务组件样式优化

 <!--
  * @Date: 2024-10-16 12:04:24
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-01 12:35:54
+ * @LastEditTime: 2024-11-04 09:56:03
  * @FilePath: /hager/src/components/common/hagerService.vue
  * @Description: 文件描述
 -->
@@ -48,11 +48,11 @@
         </el-row>
       </div>
     </hager-box>
-    <div v-else style="padding: 1rem; padding-top: 0;">
+    <div v-else style="padding: 1rem; overflow: auto;">
       <hager-h1 title="我们的服务" sub="Service Advantages" style="margin: 1rem 0; padding: 0 1rem;"></hager-h1>
       <div class="service-item xs">
         <el-image src="https://cdn.ipadbiz.cn/hager/img/server/%E5%BF%AB%E9%80%9F.png" style="width: 100%; height: auto;"></el-image>
-        <div class="service-title">快速</div>
+        <div class="service-title xs">快速</div>
         <div class="service-content">
           <p><span>7x24</span>小时全天实时在线</p>
           <p>全国<span>32</span>个城市办事处</p>
@@ -62,14 +62,14 @@
       </div>
       <div class="service-item xs">
         <el-image src="https://cdn.ipadbiz.cn/hager/img/server/%E4%B8%93%E4%B8%9A.png" style="width: 100%; height: auto;"></el-image>
-        <div class="service-title">专业</div>
+        <div class="service-title xs">专业</div>
         <div class="service-content">
           <p><span>全由海格技术人员组成</span>，提供专业技术服务拥有<span>60</span>余年专业经验，服务于整个项目周期服务<span>多样化</span>，包含且不限于邮件、电话、微信群，现场拜访交流、小型推广会等；</p>
         </div>
       </div>
       <div class="service-item xs">
         <el-image src="https://cdn.ipadbiz.cn/hager/img/server/%E5%A2%9E%E5%80%BC.png" style="width: 100%; height: auto;"></el-image>
-        <div class="service-title">增值</div>
+        <div class="service-title xs">增值</div>
         <div class="service-content">
           <p>为客户<span>提供定制化服务</span>，充分满足客户需求针对客户需求提供<span>过保产品保养及维修服务</span>针对现有产品（改造/升级/退市及一定使用年限）<span>提出替换/升级方案并实施完成</span></p>
         </div>
@@ -115,10 +115,19 @@ export default {
 <style lang="less" scoped>
   .hager-service-page {
     .service-item {
+      display: flex;
+      flex-direction: column;
+      // align-items: center;
+      // justify-content: center;
+      // text-align: center;
+      margin: 1rem 0;
       .service-title {
         font-size: 1.2rem;
         font-weight: bold;
         margin: 0.5rem 0;
+        &.xs {
+          margin-top: 1rem;
+        }
       }
       .service-content {
         p {