web

src/components/commonComponents/icon.vue

             <div class="submit">提交</div>
           </div>
         </div>
-        <div class="cancel" @click="cancel">×</div>
+        <div class="cancel" @click="cancel">
+          <img src="../../assets/image/logoicon/cancel.png" alt="" class="cancelImg">
+        </div>
       </div>
     </div>
   </div>
 
 <script>
 export default {
-  name: "top-top",
+  name: "to-top",
   data () {
     return {
-      toTopIsShow: false,//控制回到顶部按钮是否显示
+      toTopIsShow: false,
       mask: false,
-
     }
   }
   ,
   methods: {
     toTop () {
-      if (document.documentElement.scrollTop > 0) {
-        document.documentElement.scrollTop = 0;
+      if (document.documentElement.scrollTop > 0 || window.pageYOffset > 0 || document.body.scrollTop > 0) {
+        window.pageYOffset = document.documentElement.scrollTop = document.body.scrollTop = 0;
       }
     },
     news () {
         this.mask = false
     }
   },
-  created () {
+  mounted () {
     var _this = this;
     window.onscroll = function () {
-      //鼠标滚轮滚动距离超过10像素时，回到顶部按钮才显示
       if (document.documentElement.scrollTop > 10) {
         _this.toTopIsShow = true;
       } else {
   height: 80px;
   cursor: pointer;
   background: url("../../assets/image/program/toTop.png") no-repeat;
-  overflow: hidden;
+  /* overflow: hidden; */
 }
 .toTop:hover {
   background: url("../../assets/image/program/toTop.png") no-repeat;
 .small_tittle {
   font-size: 16px;
   font-family: PingFangSC-Light;
-  font-weight: 300;
   color: rgba(0, 0, 0, 1);
   margin: 14px auto;
 }
   justify-content: space-between;
 }
 .inp {
+  font-size:18px;
+font-family:PingFangSC-Light;
+font-weight:300;
+color:rgba(0,0,0,1);
   width: 160px;
   border: none;
   border-bottom: 1px solid rgba(187, 187, 187, 1);
   cursor: pointer;
 }
 .cancel {
+  /* background: url("../../assets/image/logoicon/cancel.png") no-repeat;
+  background-size: 100% 100%; */
   margin: 70px auto 0 auto;
   width: 40px;
   height: 40px;
   border-radius: 50%;
-  background: rgba(255, 255, 255, 1);
-  box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
+  /* background: rgba(255, 255, 255, 1); */
+  /* box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2); */
   display: flex;
   align-items: center;
   justify-content: center;
-  color: rgba(204,204,204,1);
-  font-size: 16px;
+  /* color: rgba(204,204,204,1); */
+  /* font-size: 16px; */
   cursor: pointer;
 }
+.cancelImg{
+  /* width: 40px;
+  height: 40px; */
+  border-radius: 50%;
+}
 </style>

src/components/commonComponents/mask.vue

-<template>
-    <div class="mask">
-        
-    </div>
-</template>
-
-<script>
-    export default {
-        data(){
-            return{
-                
-            }
-        }
-        ,
-        methods:{
-        }
-    }
-</script>
-
-<style scoped>
-.mask{
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0,0,0,0.4);
-  z-index: 100;
-}
-</style>

src/components/pages/index.vue

               <div class="peoduce_top">
                 <div class="list first" :class="page3 == true ? 'animation fadeIn1' :''">
                   <p class="list-name">AI迎宾判客系统</p>
-                  <img src="../../assets/image/home/produce/Group45.png" alt style="margin-top:28px">
+                  <img src="../../assets/image/home/produce/Group45.png" alt style="margin-top: 42px;">
                   <p class="list-desc">智慧人脸风控应用于案场、地铁、银行等</p>
                 </div>
                 <div class="list" :class="page3 == true ? 'animation fadeIn2' :''">
                 </div>
               </div>
               <div class="produce_bottom">
-                <div class="list" :class="page3 == true ? 'animation fadeIn3' :''">
+                <div class="list" :class="page3 == true ? 'animation fadeIn3' :''" >
                   <p class="list-name">银城慧家APP</p>
-                  <img src="../../assets/image/home/produce/Group47.png" alt>
+                  <img src="../../assets/image/home/produce/Group47.png" alt style="margin-top: 42px;">
                   <p class="list-desc">智慧社区管理软件,一键开启智慧社区美好生活</p>
                 </div>
                 <div class="list" :class="page3 == true ? 'animation fadeIn4' :''">
           </div>
         </div>
         <div class="page-5 fp-auto-height">
-          <p class="title">我们的客户</p>
+          <div class="page-5-con">
+            <p class="title">我们的客户</p>
           <div class="logo-box">
             <div>
               <img src="../../assets/image/home/logo/Group29.png" alt>
               <img src="../../assets/image/home/logo/Group43.png" alt>
             </div>
           </div>
+          </div>
           <footerNav class="foot"></footerNav>
         </div>
       </div>
     height: 100%;
     background-size: 100% 100%;
     overflow: hidden;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    // display: flex;
+    // justify-content: center;
+    // align-items: center;
     // position: relative;
     .page-3_con {
-      padding: 8.5% 0 3% 0;
+      width: 100%;
+      margin-top: 8.5%;
+    margin-bottom: 3%;
+    margin: auto;
+      // padding: 8.5% 0 3% 0;
       .title {
         font-size: 56px;
+        margin-top: 7%;
         // padding-top: 5%;
         color: #fff;
       }
       .produce {
-        width: 1090px;
-        height: 680px;
+        // width: 1090px;
+        // width: 56.77%;
+        // height: 680px;
+        width: 50%;
+        min-width: 720px;
         margin: 20px auto;
+        .peoduce_top{
+          display: flex;
+          // justify-content: space-between;
+        }
+        .produce_bottom{
+          display: flex;
+          // justify-content: space-between;
+        }
         .list {
-          width: 443px;
-          height: 322px;
-          background-color: #fff;
-          border-radius: 4px;
-          padding: 0 40px;
-          margin: 10px;
-          float: left;
+          
+              width: 54.48%;
+    /* height: 23.81%; */
+    background-color: #fff;
+    border-radius: 4px;
+    padding: 0 4%;
+    margin: 10px;
           .list-name {
             color: #03033f;
             border-bottom: 1.5px dashed #040445;
-            padding: 30px 0 18px 0;
+            padding: 7.5% 0 4% 0;
             font-size: 30px;
           }
           img {
-            height: 143px;
+            // height: 143px;
+            width: 80%;
             margin-top: 16px;
           }
           .list-desc {
     height: 100%;
     background-size: 100% 100%;
     overflow: hidden;
-    .title {
+    .page-5-con{
+      // margin: 13%;
+      position: absolute;
+    bottom: 40%;
+      .title {
       font-size: 56px;
-      padding-top: 11.2%;
       color: #fff;
     }
     .logo-box {
       width: 65.63%;
       min-width: 980px;
-      margin: 0.63% auto;
+      margin: auto;
+      // margin: 0.63% auto;
       img {
         width: 13.14%;
         min-width: 183px;
         margin: 0.39%;
       }
     }
+    }
   }
 }
 .container {

src/components/pages/productCenter/AIwelcome.vue

             </div>
             <div class="secondHouse_content_right">
               <div class="secondHouse_content_box">
-                <div class="box_tittle">
+                <div class="box_tittle1">
                   <p class="box_tittle_p1">客户到访</p>
                   <p class="box_tittle_p2">卡口相机车牌、司乘抓拍, 云端智能匹配</p>
                   <p class="box_tittle_p3">有效识别访客身份</p>
                 </div>
-                <div class="box_img">
+                <div class="box_img1">
                   <img src="../../../assets/image/AIwelcome/Group19.png" alt>
                 </div>
               </div>
               <div class="secondHouse_content_box">
                 <div class="box_tittle">
                   <p class="box_tittle_p1">专业地产营销场景设计</p>
-                  <p class="box_tittle_p2">合理规划营销动线</p>
-                  <p class="box_tittle_p3">全面了解记录客户偏好</p>
+                  <p class="box_tittle_p2">合理规划营销动线,全面了解记录客户偏好</p>
                 </div>
                 <div class="box_img">
                   <img src="../../../assets/image/AIwelcome/Group17.png" alt>
 .nav {
   width: 1280px;
   position: relative;
-  top: 13%;
+  top: -8%;
   // margin-top: -207px;
   margin: auto;
   display: flex;
 }
 .product_top {
   width: 1260px;
-  height: 90%;
+  height: 110%;
   display: flex;
   justify-content: center;
 }
   box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
   border-radius: 7px;
 }
+
 .box_tittle {
   width: 406px;
   margin: 0 35px;
   color: rgba(102, 102, 102, 1);
   font-size: 18px;
 }
+.box_tittle1{
+  padding: 24px 0;
+}
 .box_img {
   margin-top: 30px;
   img {
-    // width: 357px;
+    height: 186px;
+  }
+}
+.box_img1{
+  margin-top: 24px;
+  img {
     height: 186px;
   }
 }

src/components/pages/productCenter/online.vue

       }
     }
     .introduction {
-      width: 100%;
+      width: 1175px;
       margin: 0 auto;
       .introduction_tittle {
         height: 80px;
           display: flex;
           justify-content: space-between;
           .introduction_content_left {
-            width: 582px;
+            width: 570px;
             //  height: 50px;
             //  background-color: orange;
             .introduction_content_registered {
-              width: 100%;
-              height: 202px;
+              width: 510px;
+              height: 162px;
               background-color: #fff;
               box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
               border-radius: 8px;
               .registered_con {
                 width: 306px;
                 font-size: 18px;
+                margin-left: 80px;
+                text-align: left;
+                color:rgba(102,102,102,1);
                 .registered_con_p1 {
                   font-size: 24px;
                   margin: 10px 0;
+                  font-weight:500;
+                  color:rgba(0,0,0,1);
                 }
                 .registered_con_p1,
                 .registered_con_p2,
             width: 582px;
 
             .introduction_content_registered {
-              width: 100%;
-              height: 202px;
+              width: 510px;
+              height: 162px;
               background-color: #fff;
               box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
               border-radius: 8px;
               .registered_con {
                 width: 306px;
                 font-size: 18px;
+                margin-left: 80px;
+                text-align: left;
+                color:rgba(102,102,102,1);
                 .registered_con_p1 {
                   font-size: 24px;
                   margin: 10px 0;
+                  font-weight:500;
+                  color:rgba(0,0,0,1);
                 }
                 .registered_con_p1,
                 .registered_con_p2,

src/components/pages/productCenter/productCenter.vue

                 </div>
               </div>
 
-              <div class="secondHouse_content_box">
-                <div class="box_tittle">
+              <div class="secondHouse_content_box1">
+                <div class="box_tittle1">
                   <p class="box_tittle_p1">金融级数据安全, 微软支付核心技术</p>
                   <p class="box_tittle_p2">更多，更强大的专业功能</p>
                   <p class="box_tittle_p3">为房产中介公司提供澎湃的发展动力</p>
                 </div>
-                <div class="box_img">
+                <div class="box_img1">
                   <img src="../../../assets/image/secondHandHouse/Group9.png" alt>
                 </div>
               </div>
     margin-top: 20px;
   }
 }
-.secondHouse_content_box {
+.secondHouse_content_box,.secondHouse_content_box1{
   width: 475px;
   height: 360px;
   margin: 0 0 30px 30px;
   box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
   border-radius: 7px;
 }
-.box_tittle {
+
+.box_tittle,.box_tittle1 {
   width: 406px;
   margin: 0 35px;
   padding: 30px 0;
   color: rgba(102, 102, 102, 1);
   font-size: 18px;
 }
+.box_tittle1{
+  padding: 24px 0;
+}
+.box_img1{
+  margin-top: 24px;
+  img {
+    width: 357px;
+    height: 186px;
+  }
+}
 .box_img {
   margin-top: 30px;
   img {