diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue
index 5f05bbe..e1013a2 100644
--- a/src/components/Aboutus.vue
+++ b/src/components/Aboutus.vue
@@ -32,16 +32,46 @@ const { breakpoint } = useBootstrapBreakpoint();
         <span class="normalcontenttitle" style="background-color: white;">设计瞬间</span>
       </div>
       <div v-if="breakpoint==='xs'||breakpoint==='sm'" id="sjsjimgwep">
-        <img src="/AboutusRes/pcp1wep.png"/>
-        <img src="/AboutusRes/pcp2wep.png"style="margin-top: 5px;"/>
-        <img src="/AboutusRes/pcp3wep.png"style="margin-top: 5px;"/>
-        <img src="/AboutusRes/pcp4wep.png"style="margin-top: 5px;"/>
-        <img src="/AboutusRes/pcp5wep.png"style="margin-top: 5px;"/>
-        <img src="/AboutusRes/pcp6wep.png"style="margin-top: 5px;"/>
-        <img src="/AboutusRes/pcp7wep.png"style="margin-top: 5px;"/>
+        <img src="/AboutusRes/pcp1wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp2wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp3wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp4wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp5wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp6wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
+        <img src="/AboutusRes/pcp7wep.png"style="margin-top: 5px;width: 100%;object-fit: contain;"/>
       </div>
       <div v-else id="sjsjimg">
-
+        <div class="imgrow" style="width: 100%; height: auto;">
+          <div class="imageitem" style="width: 62.571428571428571428571428571429%;">
+            <img src="/AboutusRes/pcp1.png"/>
+          </div>
+          <div class="imageitem" style="width:1.428571428571428571428571428571%;"></div>
+          <div class="imageitem" style="width: 36%;background-color: black;">
+            <img src="/AboutusRes/pcp2.png"/>
+          </div>
+        </div>
+        <div  class="imgrow" style="width: 100%; height: auto; margin-top: 20px;">
+          <div class="imageitem" style="width: 32.142857142857142857142857142857%">
+            <img class="sjsjpic" src="/AboutusRes/pcp3.png"/>
+          </div>
+          <div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
+          <div class="imageitem" style="width: 32.142857142857142857142857142857%">
+            <img src="/AboutusRes/pcp4.png"/>
+          </div>
+          <div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
+          <div class="imageitem" style="width: 32.857142857142857142857142857143%">
+            <img src="/AboutusRes/pcp5.png"/>
+          </div>
+        </div>
+        <div  class="imgrow" style="width: 100%; height: auto; margin-top: 20px;">
+          <div class="imageitem" style="width: 50%;">
+            <img src="/AboutusRes/pcp6.png"/>
+          </div>
+          <div class="imageitem" style="width: 1.428571428571428571428571428571%;"></div>
+          <div class="imageitem" style="width: 48.571428571428571428571428571429%;">
+            <img src="/AboutusRes/pcp7.png"/>
+          </div>
+        </div>
       </div>
       <div class="normalcontentdiv" id="jrwmblk">
         <span class="normalcontenttitle" style="background-color: white;">加入我们</span>
@@ -128,12 +158,13 @@ export default {
 }
 
 #sjsjimg{
-  @include media-breakpoint-between(xs, md) {
-    margin-left: 0px;
-    margin-right: 0px;
+  margin-top: 56px;
+  height: auto;
+  @include media-breakpoint-between(md,xxl){
+    margin-left: 100px;
+    margin-right: 100px;
   }
-
-  @include media-breakpoint-up(md) {
+  @include media-breakpoint-up(xxl) {
     margin-left: 256px;
     margin-right: 256px;
   }
@@ -144,8 +175,15 @@ export default {
   margin-top: 32px;
 }
 
-#sjsjimgwep img{
-  width: 100%;
-  height: auto;
+.imgrow{
+  display: flex;
+  flex-direction: row;
+}
+
+.imageitem{
+  position: relative;
+  img{
+    width: 100%;
+  }
 }
 </style>