diff --git a/public/ServiceProcessRes/designopinion wep.png b/public/ServiceProcessRes/designprocedure wep.png
similarity index 100%
rename from public/ServiceProcessRes/designopinion wep.png
rename to public/ServiceProcessRes/designprocedure wep.png
diff --git a/src/components/ServiceProcess.vue b/src/components/ServiceProcess.vue
index 0b703e9..82cd4a0 100644
--- a/src/components/ServiceProcess.vue
+++ b/src/components/ServiceProcess.vue
@@ -22,7 +22,6 @@ const { breakpoint } = useBootstrapBreakpoint();
         </span>
       </div>
       <div v-if="breakpoint==='xs'||breakpoint==='sm'"
-           src="/ServiceProcessRes/designopinion.png"
            style="margin-left: 32px;
                   margin-right: 32px;
                   margin-top: 20px;
@@ -32,7 +31,6 @@ const { breakpoint } = useBootstrapBreakpoint();
              width="100%" height="100%"/>
       </div>
       <div v-if="breakpoint==='md'||breakpoint==='lg'"
-           src="/ServiceProcessRes/designopinion.png"
            style="margin-left: 100px;
                   margin-right: 100px;
                   margin-top: 79px;
@@ -42,7 +40,6 @@ const { breakpoint } = useBootstrapBreakpoint();
              width="100%" height="100%"/>
       </div>
       <div v-if="breakpoint==='xl'||breakpoint==='xxl'"
-           src="/ServiceProcessRes/designopinion.png"
            style="margin-left: 295px;
                   margin-right: 295px;
                   margin-top: 79px;
@@ -64,6 +61,33 @@ const { breakpoint } = useBootstrapBreakpoint();
            class="normalcontentdiv">
         <span class="normalcontenttitle" style="color: white;">设计流程</span>
       </div>
+      <div v-if="breakpoint==='xs'||breakpoint==='sm'"
+           style="margin-left: 32px;
+                  margin-right: 32px;
+                  margin-top: 20px;
+                  margin-bottom: 41px;
+                  max-width:100%;height:auto;">
+        <img src="/ServiceProcessRes/designprocedurewep.png"
+             width="100%" height="100%"/>
+      </div>
+      <div v-if="breakpoint==='md'||breakpoint==='lg'"
+           style="margin-left: 100px;
+                  margin-right: 100px;
+                  margin-top: 79px;
+                  margin-bottom: 95px;
+                  max-width:100%;height:auto;">
+        <img src="/ServiceProcessRes/designprocedure.png"
+             width="100%" height="100%"/>
+      </div>
+      <div v-if="breakpoint==='xl'||breakpoint==='xxl'"
+           style="margin-left: 295px;
+                  margin-right: 295px;
+                  margin-top: 79px;
+                  margin-bottom: 95px;
+                  max-width:100%;height:auto;">
+        <img src="/ServiceProcessRes/designprocedure.png"
+             width="100%" height="100%"/>
+      </div>
     </div>
   </div>
 </template>