diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 36ca414..a3c37dc 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -130,6 +130,7 @@ $height: 90px;
   left: 0;
   width: 100%;
   // min-width: $min-width;
+  background-color: #fff;
   height: $height;
   box-sizing: content-box;
   &:not(.channel) {
@@ -197,10 +198,10 @@ $height: 90px;
   }
 }
 .rightBox{
-  font-size: 3.57rem;
+  font-size: 2.57rem;
   position: absolute;
   right: 10px;
-  top: 20px;
+  top: 2rem;
 }
 .contentBox{
   width: 100%;
@@ -255,6 +256,7 @@ $height: 90px;
       padding: 0 .5rem 0 .1rem;
     }
   }
+  
 }
 
 </style>
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index 24fe8e1..78af825 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -199,22 +199,22 @@ export default {
   .texts {
     display: flex;
     justify-content: space-between;
-    padding: 82px 57px 30px;
+    padding: 5.125rem 3.5625rem 1.875rem;
     margin-top: 20px;
     background-color: #fff;
-    border-radius: 100px 0px 0px 0px;
+    border-radius: 6.25rem 0px 0px 0px;
     transition: .3s;
     &:hover {
       transform: scale(1.05);
     }
   }
   .left {
-    width: 695px;
+    width: 43.4375rem;
   }
   .line {
-    width: 136px;
+    width: 8.5rem;
     height: 2px;
-    margin: 20px 0;
+    margin: 1.25rem 0;
     background: #D7D7D7;
   }
   .des {
@@ -233,8 +233,8 @@ export default {
   flex-wrap: wrap;
   li {
     width: calc((100% - 28px) / 2);
-    height: 277px;
-    padding: 70px 67px 20px;
+    height: 17.3125rem;
+    padding: 4.375rem 4.18rem 1.25rem;
     margin-bottom: 28px;
     color: #fff;
     transition: .3s;
@@ -242,7 +242,7 @@ export default {
       transform: scale(1.05);
     }
     &:nth-child(odd) {
-      margin-right: 28px;
+      margin-right: 1.75rem;
     }
   }
   .item1 {
@@ -267,17 +267,17 @@ export default {
   }
 }
 .plan {
-  padding: 73px 0;
+  padding: 4.5625rem 0;
   background: #072947;
   .inner {
     display: flex;
     justify-content: space-between;
-    width: 1575px;
+    width: 98.4375rem;
   }
   .pic {
     width: 42%;
-    height: 488px;
-    margin-bottom: -120px;
+    height: 30.5rem;
+    margin-bottom: -7.5rem;
     transition: .3s;
     &:hover {
       transform: scale(1.05);
@@ -285,7 +285,7 @@ export default {
   }
   .texts {
     width: 51%;
-    margin-top: 36px;
+    margin-top: 2.25rem;
     color: #fff;
     transition: .3s;
     &:hover {
@@ -304,7 +304,7 @@ export default {
   li {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 126px;
+    margin-bottom: 7.87rem;
     transition: .3s;
     &:hover {
       transform: scale(1.05);
@@ -315,14 +315,14 @@ export default {
   }
   .pic {
     width: 47%;
-    height: 465px;
+    height: 29.0625rem;
   }
   .texts {
     width: 49%;
-    padding-top: 90px;
+    padding-top: 5.5625rem;
   }
   h6 {
-    margin: 20px 0;
+    margin: 1.25rem 0;
     font-size: 2.85rem;
   }
   .sub {
@@ -338,7 +338,7 @@ export default {
 .list-block {
   .inner {
     width: 80%;
-    padding: 90px 0;
+    padding: 5.625rem 0;
     background-color: #fff;
   }
 }
@@ -347,8 +347,8 @@ export default {
   justify-content: center;
   li {
     width: calc((100% - 100px) / 3);
-    padding-bottom: 30px;
-    margin-right: 28px;
+    padding-bottom: 1.875rem;
+    margin-right: 1.75rem;
     text-align: center;
     background-color: #F5F5F5;
     transition: .3s;
@@ -364,10 +364,10 @@ export default {
   }
   .pic {
     width: 100%;
-    height: 353px;
+    height: 22.065rem;
   }
   h6 {
-    margin: 35px 0 5px;
+    margin: 2.1875rem 0 5px;
     font-size: 1.71rem;
     color: #272727;
     transition: .3s;
@@ -391,14 +391,14 @@ export default {
     }
   }
   .staff-inner {
-    width: 1581px;
+    width: 98.8125rem;
   }
   .left {
     width: 50%;
-    padding: 108px 43px 0 46px;
+    padding: 6.75rem 2.6875rem 0 2.875rem;
   }
   h6 {
-    margin-bottom: 30px;
+    margin-bottom: 1.875rem;
     font-size: 2.14rem;
     color: #333;
     transition: .3s;
@@ -412,17 +412,17 @@ export default {
   }
   .pic {
     width: 53%;
-    height: 487px;
+    height: 30.4375rem;
   }
 }
 .stat {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
-  margin-top: 60px;
+  margin-top: 3.75rem;
   li {
     width: 30%;
-    margin-bottom: 50px;
+    margin-bottom: 3.125rem;
   }
   .num {
     margin-bottom: 10px;
@@ -468,13 +468,13 @@ export default {
   .bg{ 
       margin: 0;
       width: 100%;
-      height: 450px;
+      height: 28.125rem;
     }
  }
  .block{
   padding: 50px 0;
   .intro{
-    margin-bottom: 50px;
+    margin-bottom: 3.125rem;
   }
   .inner {
     .card{
@@ -523,7 +523,7 @@ export default {
             margin: 0 auto;
           }
           .texts{
-            padding-top: 50px;
+            padding-top: 3.125rem;
             width: 100%;
           }
         }
@@ -547,7 +547,7 @@ export default {
         }
         .pic {
           width: 95%;margin: 0 auto;
-          height: 400px;
+          height: 25rem;
         }
       }
     }
@@ -555,10 +555,22 @@ export default {
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
+
+  .wrap  {
+    /deep/ .el-carousel {
+      height: 12rem;
+      .el-carousel__container{
+        height: 12rem !important;
+      }
+      img {
+        height: 12rem;
+      }
+    }
+  }
   .inner{
     .texts {
       .bg {
-        height: 350px;
+        height: 21.875rem;
         margin-top: 1rem;
       }
     }
@@ -573,10 +585,25 @@ export default {
       li {
         margin-bottom: 30px;
         .pic {
-          height: 350px;
+          height: 18.875rem;
         }
       }
     }
   }
+  .plan {
+    .pic {
+      height: 25rem;
+    }
+  }
+  .list {
+    .pic {
+      height: 19rem;
+    }
+  }
+  .staff {
+    .pic {
+      height: 20rem !important;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue
index 68c75a0..98d6509 100644
--- a/src/pages/application/index.vue
+++ b/src/pages/application/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap" v-if="modules.length>=1">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel  :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -120,6 +120,18 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .history {
   h2 {
     font-size: 1.8rem;
@@ -291,6 +303,22 @@ export default {
 
 
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 15rem;
+    .el-carousel__container{
+      height: 15rem;
+    }
+    img{
+      height: 15rem;
+    }
+  }
+}
+.banner-item .banner-name {
+  font-size: 1.5rem;
+  bottom: 2.25rem;
+  left: 16.125rem
+}
  .block{ 
   padding: 50px 0;
   .inner{
@@ -304,7 +332,7 @@ export default {
       .bg{
         margin: 0;
         width: 100%;
-        height: 450px;
+        height: 20rem !important;
       }
     }
   }
@@ -320,6 +348,9 @@ export default {
      flex-direction: column;
      li {
       width: 100%;
+      img {
+        height: 20rem;
+      }
      }
   }
   .news{
@@ -330,7 +361,7 @@ export default {
       flex-direction: column;
       img{
         width: 100%;
-        height: 200px;
+        height: 12rem;
       }
       .texts{
         margin-left: 0;
diff --git a/src/pages/article/activity.vue b/src/pages/article/activity.vue
index ab5e54a..2685145 100644
--- a/src/pages/article/activity.vue
+++ b/src/pages/article/activity.vue
@@ -263,5 +263,24 @@ export default {
   }
 }
 
-
+@media (min-width: 280px) and (max-width: 750px) {
+  .banner {
+    height: 15rem;
+  }
+  .article{
+    flex-direction: column;
+    .left{
+      width: 100%;
+      h2 {
+        font-size: 1.5rem;
+      }
+    }
+    .right{
+      width: 100%;
+      .el-tree{
+        display: none;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 6c5f081..398a75b 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -302,4 +302,40 @@ export default {
     }
   }
 }
+@media (min-width: 280px) and (max-width: 750px) {
+
+  .article {
+    /deep/.des {
+      img {
+        max-width: 100%;
+        height: 15rem;
+      }
+    }
+  }
+  .banner {
+    font-size: 1.5rem;
+  }
+  .article{
+    flex-direction: column;
+    .left{
+      width: 100%;
+      h2 {
+        font-size: 1.5rem;
+      }
+    }
+    .right{
+      width: 100%;
+      .el-tree{
+        display: none;
+      }
+    }
+  }
+  .article {
+    .des {
+      img{
+    height: 15rem !important;
+  }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/careers/index.vue b/src/pages/careers/index.vue
index ec6ba0a..5ed4774 100644
--- a/src/pages/careers/index.vue
+++ b/src/pages/careers/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -130,6 +130,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .card {
   display: flex;
   justify-content: center;
@@ -293,6 +304,17 @@ export default {
   }
 }
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 15rem;
+    .el-carousel__container{
+      height: 15rem;
+    }
+    img{
+      height: 15rem;
+    }
+  }
+}
  .block{ 
   padding: 50px 0;
   .inner {
@@ -302,7 +324,7 @@ export default {
       li{
         margin-top: 20px;
         width: 100%;
-        height: 450px;
+        height: 27rem;
       }
     }
     .people{
@@ -314,8 +336,8 @@ export default {
         .pic{
           top: -60px;
           right: 13px;
-          width: 55%;
-          height: 230px;
+          width: 60%;
+          height: 12.5rem;
         }
       }
     }
@@ -326,12 +348,22 @@ export default {
     li {
       flex-direction: column;
       align-items:flex-start;
-      height: 450px;
+      height: 16rem;
       .left {
         padding: 10px ;
         h6{
-          font-size: 2rem;
-          overflow: hidden;
+          font-size: 1.5rem ;
+        }
+        .sub {
+          margin: .5rem;
+          font-size: 1rem;
+        }
+        .des{
+          margin-bottom: 1.25rem;
+        }
+        .icon {
+          width: 3.5rem;
+          height: 3.5rem;
         }
       }
     }
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 7ff3fb4..4b91410 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -491,7 +491,7 @@ export default {
   }
 
   .text {
-    font-size: 3.42rem;
+    font-size: 3rem;
     font-weight: 600;
     @include ellipsis;
   }
@@ -521,7 +521,7 @@ export default {
   }
 
   .article-wrap {
-    width: 78%;
+    width: 100%;
   }
 
   .switch {
@@ -740,7 +740,7 @@ export default {
     }
 
     .pic {
-      width: 46%;
+      width: 35%;
       height: 244px;
     }
   }
@@ -914,7 +914,8 @@ export default {
               }
 
               .pic {
-                width: 100%;
+                width: 95%;
+                margin: 0 atuo;
               }
             }
           }
@@ -925,7 +926,17 @@ export default {
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
-
+  
+  .banner {
+    height: 15rem !important;
+    img {
+      height: 15rem !important;
+    }
+    .texts {
+      top: 6rem;
+      left: 3rem;
+    }
+  }
   .article {
     .columns {
       width: 40%;
@@ -941,6 +952,32 @@ export default {
       }
     }
   }
+
+  .column-wrap {
+    .article {
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+
+        .contents {
+          .articles {
+            li {
+              flex-direction: column;
+
+
+              .pic {
+                width: 95%;
+                margin: 0 auto;
+                height: 15rem;
+              }
+            }
+          }
+        }
+       
+      }
+    }
+  }
 }
 
 </style>
diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue
index e4438cd..c0cb248 100644
--- a/src/pages/deviceIntroBeam/index.vue
+++ b/src/pages/deviceIntroBeam/index.vue
@@ -179,4 +179,9 @@ export default {
     }
   }
 }
+@media (min-width: 280px) and (max-width: 750px) {
+  .banner{
+    height: 15rem;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue
index 8fa4b7d..0a90f6d 100644
--- a/src/pages/deviceIntroLinear/index.vue
+++ b/src/pages/deviceIntroLinear/index.vue
@@ -235,4 +235,9 @@ export default {
     }
   }
 }
+@media (min-width: 280px) and (max-width: 750px) {
+  .banner{
+    height: 15rem;
+  }
+}
 </style>
diff --git a/src/pages/edu/index.vue b/src/pages/edu/index.vue
index c8906df..8783050 100644
--- a/src/pages/edu/index.vue
+++ b/src/pages/edu/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -85,6 +85,18 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .block-pic {
   transition: .3s;
   &.br {
@@ -151,6 +163,23 @@ export default {
   }
 }
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 18rem;
+    .el-carousel__container{
+      height: 18rem;
+    }
+    img{
+      height: 18rem;
+    }
+  }
+}
+.banner-item .banner-name {
+  font-size: 1.5rem;
+  bottom: 5.25rem;
+  left: 14.125rem;
+  line-height: 2rem
+}
  .block{ 
   padding: 50px 0;
   .inner {
@@ -162,19 +191,19 @@ export default {
       margin-bottom: 30px;
     }
     .block-pic{
-      height: 450px;
+      height: 15rem;
     }
   }
   .list{
     li {
       margin-top: 20px;
       .pic{
-        width: 100%;height: 450px;
+        width: 100%;height: 25rem;
       }
       .texts{
         padding: 10px;
         width: 70%;
-        top: 80px;
+        top: 2rem;
         height: auto;
         left: 24%;
       }
diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue
index f333d73..9d1cb95 100644
--- a/src/pages/exp/index.vue
+++ b/src/pages/exp/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -93,6 +93,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .station {
   h6 {
     position: relative;
@@ -186,4 +197,30 @@ export default {
      }
   }
 }
+@media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+    /deep/ .el-carousel {
+      height: 15rem;
+      .el-carousel__container{
+        height: 15rem;
+      }
+      img{
+        height: 15rem;
+      }
+    }
+  }
+  .station{
+    .pic {
+      height: 20rem;
+    }
+  }
+  .list {
+    li {
+      height: 20rem;
+      h6 {
+        top: 5rem;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 6ba8530..e5cd8b9 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -177,12 +177,12 @@ export default {
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
 .carousel{
-  height: 959px;
+  height: 59.93rem;
   img{
     height: 100%;
   }
   /deep/.el-carousel__container{
-    height: 959px ;
+    height: 59.93rem ;
   }
 }
 
@@ -193,20 +193,20 @@ export default {
     width: 47%;
     transition: .3s;
     &:hover{
-      margin-top: -15px;
+      margin-top: -0.9375rem;
     }
   }
   .pic {
     width: 100%;
-    height: 400px;
+    height: 25rem;
   }
   .texts {
-    padding-left: 22px;
-    margin-top: 60px;
+    padding-left: 1.375rem;
+    margin-top: 3.75rem;
     border-left: 2px solid #DFE4E9;
   }
   h6 {
-    margin-bottom: 25px;
+    margin-bottom: 1.56rem;
     font-size: 1.71rem;
     color: #333;
   }
@@ -226,26 +226,26 @@ export default {
   li {
     display: inline-flex;
     width: calc((100% - 28px) / 2);
-    padding: 34px;
-    margin-bottom: 28px;
+    padding: 2.125rem;
+    margin-bottom: 1.75rem;
     background-color: #fff;
     cursor: pointer;
     overflow: hidden;
     transition: .3s;
     &:nth-child(odd) {
-      margin-right: 28px;
+      margin-right: 1.75rem;
     }
     &:hover{
       transform: scale(1.05);
     }
   }
   img {
-    width: 200px;
-    height: 125px;
+    width: 12.5rem;
+    height: 7.81rem;
   }
   .texts {
     width: calc(100% - 220px);
-    margin-left: 20px;
+    margin-left: 1.25rem;
   }
   h6 {
     font-size: 1.28rem;
@@ -273,7 +273,7 @@ export default {
   li {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 126px;
+    margin-bottom: 7.87rem;
     &:nth-child(even) {
       flex-direction: row-reverse;
     }
@@ -288,12 +288,12 @@ export default {
   }
   .pic {
     width: 47%;
-    height: 465px;
+    height: 29.06rem;
     transition: .3s;
   }
   .texts {
     width: 48%;
-    padding-top: 150px;
+    padding-top: 9.375rem;
     transition: .3s;
   }
   h6 {
@@ -308,8 +308,8 @@ export default {
 }
 
 .glance {
-  padding-bottom: 50px;
-  font-size: 45px;
+  padding-bottom: 3.125rem;
+  font-size: 2.81rem;
   font-weight: bold;
   font-family: SFProDisplay-Bold, SFProDisplay;
   text-align: center;
@@ -319,7 +319,7 @@ export default {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
-  margin-top: 60px;
+  margin-top: 3.75rem;
   li {
     width: 30%;
     margin-bottom: 50px;
@@ -341,13 +341,14 @@ export default {
   }
 }
 .about {
-  padding: 77px 0 198px;
-  background: url(../../assets/images/about-bg.png) 0 0/100% 100% no-repeat;
+  padding: 4.81rem 0 12.375rem;
+  background: url(../../assets/images/about-bg.png)  no-repeat center center;
+  background-size: 100% 100%;
   .line {
     display: flex;
     align-items: center;
-    margin: 50px 0 30px;
-    width: 88px;
+    margin: 3.125rem 0 1.875rem;
+    width: 5.5rem;
     height: 6px;
     background-color: #fff;
     &:after {
@@ -362,8 +363,8 @@ export default {
   }
   .des {
     display: block;
-    padding: 38px 60px;
-    margin-top: 84px;
+    padding: 2.375rem 3.75rem;
+    margin-top: 5.25rem;
     font-size: 2rem;
     color: #fff;
     line-height: 42px;
@@ -381,39 +382,44 @@ export default {
 
 @media (min-width: 280px) and (max-width: 750px) {
   .carousel{
-    height: 350px;
+    height: 21.87rem;
     img{
       height: 100%;
     }
     /deep/.el-carousel__container{
-      height: 350px ;
+      height: 21.87rem;
+    }
+  }
+  .about {
+    .des {
+      font-size: 1.5rem;
     }
   }
   .el-carousel__item{
-     height: 350px;
+     height: 21.87rem;
      img {
-      height: 350px;
+      height: 21.87rem;
      }
   }
   .block{
-    padding: 50px 0;
+    padding: 3.125rem 0;
     .inner{
       width: 95%;
       margin: 0 auto;
       .b-title{
         font-size: 2rem;
-        margin-bottom: 20px;
+        margin-bottom: 1.25rem;
       }
       .wow {
         font-size: 1.5rem;
       }
       .intro {
-        margin-bottom: 20px;
+        margin-bottom: 1.25rem;
       }
       .card {
         flex-direction: column;
         li{
-          margin-top: 20px;
+          margin-top: 1.25rem;
           width: 100%;
         }
       }
@@ -433,13 +439,13 @@ export default {
       .people{
        li{
         flex-direction: column;
-        margin-bottom: 20px;
+        margin-bottom: 1.25rem;
         .pic {
           width: 100%;
-          height: 350px;
+          height: 21.875rem;
         }
         .texts{
-          padding-top: 20px;
+          padding-top: 1.25rem;
           width: 100%;
         }
        }
@@ -448,23 +454,26 @@ export default {
       
     }
   }
+  .card .pic {
+    height: 20rem;
+  }
   .about {
     width: 100%;
-    padding: 20px 0 30px;
+    padding: 1.25rem 0 1.875rem;
     .inner {
       width: 95%;
       margin: 0 auto;
       .line{
-        margin: 20px 0 20px;
+        margin: 1.25rem 0 1.25rem;
       }
       .des {
-        margin-top: 20px;
-        padding: 10px 20px;
+        margin-top: 1.25rem;
+        padding: 10px 1.25rem;
       }
     }
   }
   .glance {
-    padding-bottom: 20px;
+    padding-bottom: 1.25rem;
   }
   .stat{
       flex-direction: column;
@@ -482,7 +491,7 @@ export default {
     flex-direction: column;
     li {
       width: 100%;
-      margin-bottom: 15px;
+      margin-bottom: .9375rem;
       img{
           width: 10rem;
       }
diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue
index 7fc1b15..bb602eb 100644
--- a/src/pages/news/index.vue
+++ b/src/pages/news/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel  :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -290,14 +290,25 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .tabs {
   display: flex;
   justify-content: center;
   box-shadow: 0px 2px 14px 0px rgba(167,167,167,0.26);
   li {
-    padding: 25px 19px;
+    padding: 1.5625rem 1.1875rem;
     margin: 0 10px;
-    font-size: 22px;
+    font-size: 1.375rem;
     color: #333;
     border-bottom: 4px solid transparent;
     text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
@@ -309,26 +320,26 @@ export default {
   }
 }
 .lg {
-  width: 1505px;
+  width: 94.0625rem;
 }
 /deep/.articles {
   width: 50%;
   .el-carousel__indicators--horizontal {
-    bottom: 20px;
-    left: 804px;
+    bottom: 1.25rem;
+    left: 50.25rem;
   }
 }
 .news-banner {
   display: flex;
   cursor: pointer;
   .pic {
-    width: 700px;
-    height: 380px;
+    width: 43.75rem;
+    height: 23.75rem;
   }
   .right {
     position: relative;
     width: 50%;
-    padding: 50px 50px 30px;
+    padding: 3.125rem 3.125rem 1.875rem;
     background: #1583FF;
     color: #fff;
     &:hover {
@@ -341,44 +352,44 @@ export default {
   }
   .inds {
     position: absolute;
-    bottom: 40px;
-    left: 60px;
+    bottom: 2.5rem;
+    left: 3.75rem;
     display: flex;
     li {
-      width: 10px;
-      height: 10px;
-      margin-right: 12px;
+      width: .625rem;
+      height: .625rem;
+      margin-right: .75rem;
       background: #FFFFFF;
       border-radius: 50%;
       transition: .2s;
       &.active {
-        width: 30px;
+        width: 1.875rem;
         background: rgba(255,255,255,0.3);
         border-radius: 5px;
       }
     }
   }
   h6 {
-    font-size: 24px;
+    font-size: 1.5rem;
     transition: .3s;
   }
   .des {
-    margin: 30px 0;
-    font-size: 16px;
+    margin: 1.875rem 0;
+    font-size: 1rem;
     line-height: 24px;
     transition: .3s;
   }
   .meta {
-    font-size: 16px;
+    font-size: 1rem;
     transition: .3s;
   }
 }
 .card {
   display: flex;
   flex-wrap: wrap;
-  margin-top: 40px;
+  margin-top: 2.5rem;
   li {
-    width: calc((100% - 56px) / 3);
+    width: calc((100% - 3.5rem) / 3);
     margin-right: 28px;
     box-shadow: 0px 0px 20px 0px rgba(176,176,176,0.21);
     border-radius: 6px;
@@ -392,19 +403,19 @@ export default {
   }
   .pic {
     width: 100%;
-    height: 240px;
+    height: 15rem;
   }
   .texts {
-    padding: 40px 30px;
+    padding: 2.5rem 1.875rem;
   }
   .meta {
-    font-size: 16px;
+    font-size: 1rem;
     color: #666;
   }
   .des {
-    height: 60px;
+    height: 3.75rem;
     margin: 10px 0;
-    font-size: 20px;
+    font-size: 1.25rem;
     font-family: SFProDisplay;
     font-weight: 500;
     color: #333;
@@ -412,14 +423,14 @@ export default {
     -webkit-line-clamp: 2;
   }
   .arrow {
-    width: 36px;
+    width: 2.25rem;
   }
 }
 .more {
-  width: 374px;
-  margin: 58px auto 0;
+  width: 23.375rem;
+  margin: 3.625rem auto 0;
   line-height: 64px;
-  font-size: 30px;
+  font-size: 1.875rem;
   text-align: center;
   color: #1583FF;
   border-radius: 35px;
@@ -429,8 +440,8 @@ export default {
 .shop-shows {
   display: flex;
   .left {
-    width: 660px;
-    margin-right: 20px;
+    width: 41.25rem;
+    margin-right: 1.25rem;
     background-color: #fff;
     cursor: pointer;
     overflow: hidden;
@@ -441,38 +452,38 @@ export default {
       }
     }
     .texts {
-      padding: 40px 30px;
+      padding: 2.5rem 1.875rem;
     }
     h6 {
-      font-size: 24px;
+      font-size: 1.5rem;
       color: #272727;
     }
     .des {
       margin-top: 10px;
-      font-size: 16px;
+      font-size: 1rem;
       color: #666;
       line-height: 30px;
     }
   }
   .right {
-    width: 824px;
+    width: 51.5rem;
     overflow: hidden;
   }
   .show-card {
     display: flex;
-    margin-bottom: 20px;
+    margin-bottom: 1.25rem;
     li {
       position: relative;
       height: 197px;
       overflow: hidden;
       cursor: pointer;
       &:first-child {
-        margin-right: 22px;
+        margin-right: 1.375rem;
       }
     }
     .pic {
-      width: 401px;
-      height: 197px;
+      width: 25rem;
+      height: 12.3125rem;
       transition: .3s;
       &:hover {
         transform: scale(1.05);
@@ -483,7 +494,7 @@ export default {
       bottom: 0;
       left: 0;
       width: 100%;
-      font-size: 16px;
+      font-size: 1rem;
       color: #fff;
       line-height: 48px;
       text-align: center;
@@ -493,12 +504,12 @@ export default {
     }
   }
   .card-list {
-    padding: 34px 26px;
+    padding: 2.125rem 1.625rem;
     background-color: #fff;
     li {
       display: inline-flex;
       align-items: center;
-      margin-bottom: 38px;
+      margin-bottom: 2.375rem;
       transition: .3s;
       &:hover {
         transform: scale(1.05);
@@ -508,28 +519,28 @@ export default {
       }
     }
     .pic {
-      width: 116px;
-      height: 85px;
-      margin-right: 28px;
+      width: 7.25rem;
+      height: 5.3125rem;
+      margin-right: 1.75rem;
     }
     .texts {
-      width: 504px;
-      margin-right: 60px;
+      width: 31.5rem;
+      margin-right: 3.75rem;
     }
     h6 {
       margin-bottom: 10px;
-      font-size: 20px;
+      font-size: 1.25rem;
       color: #272727;
     }
     .des {
-      font-size: 14px;
+      font-size: .875rem;
       color: #666;
       line-height: 24px;
       text-shadow: 0px 0px 30px rgba(48,48,48,0.08);
       -webkit-line-clamp: 2;
     }
     .arrow {
-      width: 36px;
+      width: 2.25rem;
     }
   }
 }
@@ -542,7 +553,7 @@ export default {
     display: flex;
   }
   .left {
-    width: 718px;
+    width: 44.875rem;
     margin-right: 20px;
     background-color: #fff;
     overflow: hidden;
@@ -555,7 +566,7 @@ export default {
     }
     .texts {
       display: flex;
-      padding: 40px 30px;
+      padding: 2.5rem 1.875rem;
     }
     .meta {
       padding: 10px 23px 10px 0;
@@ -703,6 +714,20 @@ export default {
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 15rem;
+    .el-carousel__container{
+      height: 15rem;
+    }
+    img{
+      height: 15rem;
+    }
+  }
+}
+.banner-item .banner-name {
+  font-size: 1.5rem;
+}
   .tabs  {
     li {
       padding: 15px 10px;
@@ -716,7 +741,7 @@ export default {
       width: 90%;
       .news-banner{
         img{
-          height: 350px;
+          height: 20rem;
         }
       }
       .b-title{
@@ -728,7 +753,7 @@ export default {
       .shop-shows{
         .left {
           img{
-            height: 350px;
+            height: 20rem;
           }
         }
       }
@@ -772,7 +797,7 @@ export default {
         .left {
           width: 100%;
           .pic {
-            height: 450px;
+            height: 20rem;
           }
         }
         .card-list{
@@ -781,7 +806,7 @@ export default {
           li {
             .pic {
               width: 100px;
-              height: 120px;
+              height: 7.5rem;
             }
             .texts{
              h6{
diff --git a/src/pages/newsPress/index.vue b/src/pages/newsPress/index.vue
index 73bc87d..54b3f39 100644
--- a/src/pages/newsPress/index.vue
+++ b/src/pages/newsPress/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel  :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -100,6 +100,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .inner {
   padding-top: 35px;
 }
@@ -170,6 +181,20 @@ export default {
   }
 }
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 18rem;
+    .el-carousel__container{
+      height: 18rem;
+    }
+    img{
+      height: 18rem;
+    }
+  }
+}
+.banner-item .banner-name[data-v-1525064c] {
+  font-size: 1.5rem;
+}
   .inner{
     width: 95%;
     .list{
@@ -177,13 +202,19 @@ export default {
         margin-top: 20px;
         .pic {
           width: 100%;
-          height: 500px;
+          height: 25rem !important;
         }
         .texts {
-          padding: 20px 10px 10px ;
+          padding: 10px 5px 10px  !important;
           top: 30px;
+          height: auto;
           h6{
-            font-size: 2rem;
+            font-size: 1.5rem !important;
+          }
+          p {
+            font-size: 1rem;
+            margin: 5px 0 !important;
+            line-height: 1.5rem;
           }
           .sub{
             margin: 10px 0;
diff --git a/src/pages/newsProcurement/index.vue b/src/pages/newsProcurement/index.vue
index fdddae6..4dd748f 100644
--- a/src/pages/newsProcurement/index.vue
+++ b/src/pages/newsProcurement/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -100,6 +100,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .inner {
   padding-top: 35px;
 }
@@ -167,6 +178,21 @@ export default {
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 18rem;
+    .el-carousel__container{
+      height: 18rem;
+    }
+    img{
+      height: 18rem;
+    }
+  }
+}
+.banner-item .banner-name[data-v-1525064c] {
+  font-size: 1.5rem;
+}
+  
   .inner{
     width: 95%;
     .list{
@@ -174,13 +200,19 @@ export default {
         margin-top: 20px;
         .pic {
           width: 100%;
-          height: 500px;
+          height: 25rem !important;
         }
         .texts {
-          padding: 20px 10px 10px ;
+          padding: 10px 5px 10px  !important;
           top: 30px;
+          height: auto;
           h6{
-            font-size: 2rem;
+            font-size: 1.5rem !important;
+          }
+          p {
+            font-size: 1rem;
+            margin: 5px 0 !important;
+            line-height: 1.5rem;
           }
           .sub{
             margin: 10px 0;
diff --git a/src/pages/overviewLocation/index.vue b/src/pages/overviewLocation/index.vue
index b736817..732ae27 100644
--- a/src/pages/overviewLocation/index.vue
+++ b/src/pages/overviewLocation/index.vue
@@ -100,4 +100,16 @@ export default {
   }
  
 }
+@media (min-width: 280px) and (max-width: 750px) {
+  .single-banner {
+    .banner-img {
+      height: 15rem;
+    }
+    .texts {
+      top: 9rem !important;
+     left: 22rem !important;
+    }
+    
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewSetup/index.vue b/src/pages/overviewSetup/index.vue
index 2098ca9..3b0bc4f 100644
--- a/src/pages/overviewSetup/index.vue
+++ b/src/pages/overviewSetup/index.vue
@@ -128,6 +128,17 @@ export default {
     }
   }
   }
- 
+}
+
+@media (min-width: 280px) and (max-width: 750px) {
+  .single-banner {
+    .banner-img {
+      height: 15rem;
+    }
+    .texts{
+      top: 8rem !important;
+      left: 22rem !important;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/overviewTrailer/index.vue b/src/pages/overviewTrailer/index.vue
index 188fbbe..2683123 100644
--- a/src/pages/overviewTrailer/index.vue
+++ b/src/pages/overviewTrailer/index.vue
@@ -104,4 +104,16 @@ export default {
   }
  
 }
+@media (min-width: 280px) and (max-width: 750px) {
+  .single-banner {
+    .banner-img {
+      height: 15rem;
+    }
+    .texts {
+      top: 9rem !important;
+     left: 22rem !important;
+    }
+    
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/research/index.vue b/src/pages/research/index.vue
index 79d7446..64b6622 100644
--- a/src/pages/research/index.vue
+++ b/src/pages/research/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap" v-if="modules.length>=1">
-    <el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+    <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
       <template v-for="(item, i) in modules[0].list">
         <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
           <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@@ -94,6 +94,17 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import "../../styles/page/page.scss";
+.wrap{
+  /deep/ .el-carousel {
+    height: 30rem;
+    .el-carousel__container{
+      height: 30rem;
+    }
+    img{
+      height: 30rem;
+    }
+  }
+}
 .area {
   display: flex;
   li {
@@ -240,6 +251,17 @@ export default {
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
+  .wrap{
+  /deep/ .el-carousel {
+    height: 18rem;
+    .el-carousel__container{
+      height: 18rem;
+    }
+    img{
+      height: 18rem;
+    }
+  }
+}
  .block{ 
   padding: 50px 0;
   .intro {
@@ -248,7 +270,7 @@ export default {
   .area{
     flex-direction: column;
     li{
-      width: 95%;margin: 0 auto;
+      width: 95%;margin: 1.25rem auto;
     }
   }
   .group,.news{
@@ -259,5 +281,22 @@ export default {
     }
   }
  }
+ .area {
+  li {
+    height:  auto;
+    .pic{
+      height: 20rem;
+    }
+    .texts{
+      height: 10rem;
+    }
+  }
+ }
+ .group img {
+  height: 20rem;
+ }
+ .news img{
+  height: 20rem;
+ }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/sfel/index.vue b/src/pages/sfel/index.vue
index 991a5b9..113bd61 100644
--- a/src/pages/sfel/index.vue
+++ b/src/pages/sfel/index.vue
@@ -701,7 +701,7 @@ export default {
     position: relative;
     width: 550px;
     // min-width: 550px;
-    height: 550px;
+    height: 360px;
     margin-right: 20px;
     cursor: pointer;
     overflow: hidden;
@@ -1149,5 +1149,61 @@ export default {
     }
   }
 }
-
+@media (min-width: 280px) and (max-width: 750px) {
+  .block {
+    padding: 2rem 0;
+  }
+  .shop-shows {
+    .slide {
+      height: 18rem;
+    }
+  }
+  .wrap {
+    /deep/ .el-carousel {
+      height: 18rem;
+      img{
+        height: 18rem;
+      }
+    }
+    /deep/ .el-carousel__container{
+        height: 18rem !important;
+      }
+  }
+  .sfel-banner {
+    .newBox{
+      height: 20rem !important;
+    }
+    .right {
+      padding: 1.25rem;
+      height: 20rem;
+    }
+  }
+  .conference {
+    .left {
+      height: 20rem;
+    }
+  }
+  .card-list  {
+    li {
+      .pic {
+        height: 15rem !important;
+      }
+    }
+  }
+  .slides {
+    .item { 
+      height: 10rem !important;
+    }
+  }
+  .img-wrap {
+    height: 20rem !important;
+  }
+  .news{
+    .wow {
+      img {
+        height: 20rem;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/talent/index.vue b/src/pages/talent/index.vue
index 8e866b1..47e425e 100644
--- a/src/pages/talent/index.vue
+++ b/src/pages/talent/index.vue
@@ -33,7 +33,7 @@
 
     <div class="style">
       <h6 class="wow fadeInUp">{{ modules[3].form.title }}</h6>
-      <el-carousel :interval="4000" type="card" height="510px">
+      <el-carousel :interval="4000" type="card" height="36rem" :autoplay="false">
         <template v-for="(item, i) in modules[4].list">
           <el-carousel-item v-if="item.isEnable" :key="i">
             <div class="item" @click="openLink(item)">
@@ -171,6 +171,8 @@ export default {
   }
 }
 .style {
+  width: 90%;
+  margin: 0 auto;
   h6 {
     margin-bottom: 59px;
     font-size: 2.4rem;
diff --git a/src/setting.js b/src/setting.js
index ec9d41d..55e54c6 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -4,7 +4,7 @@
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
 if (isDev) {
-  host = 'http://192.168.31.51:10000/'
+  host = 'http://192.168.31.151:10000/'
   // host = 'http://192.168.31.136:10000/'
 }