diff --git a/package-lock.json b/package-lock.json
index 8e08926..a732ca9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3873,6 +3873,11 @@
         }
       }
     },
+    "comutils": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/comutils/-/comutils-1.1.19.tgz",
+      "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw=="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -14550,6 +14555,14 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz",
       "integrity": "sha512-FUlILrW3DGitS2h+Xaw8aRNvGTwtuaxrRkNSHWTizOfLUie7wuYwezeZ50iflRn8YPV5kxmU2LQuu3nM/b3Zsg=="
     },
+    "vue-seamless-scroll": {
+      "version": "1.1.23",
+      "resolved": "https://registry.npmjs.org/vue-seamless-scroll/-/vue-seamless-scroll-1.1.23.tgz",
+      "integrity": "sha512-HBjUub8WwsKJzbFCrwKPDrZn4e+SSbkKgwWtjKtfLwesiFGwSsVxP44/Z6d3kpXy94qIFOiflJH6l0/9pj7SGA==",
+      "requires": {
+        "comutils": "^1.1.9"
+      }
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
diff --git a/package.json b/package.json
index 839ecae..e82a000 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "vue-pdf": "^4.3.0",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.5.3",
+    "vue-seamless-scroll": "^1.1.23",
     "vuedraggable": "^2.24.3",
     "vuex": "^3.6.2",
     "wow.js": "^1.2.2"
diff --git a/src/assets/images/contact-info.png b/src/assets/images/contact-info.png
index 7a1bc23..df6861b 100644
Binary files a/src/assets/images/contact-info.png and b/src/assets/images/contact-info.png differ
diff --git a/src/assets/images/dev/entry1.png b/src/assets/images/dev/entry1.png
new file mode 100644
index 0000000..d280ee8
Binary files /dev/null and b/src/assets/images/dev/entry1.png differ
diff --git a/src/assets/images/dev/entry2.png b/src/assets/images/dev/entry2.png
new file mode 100644
index 0000000..8f08777
Binary files /dev/null and b/src/assets/images/dev/entry2.png differ
diff --git a/src/assets/images/dev/entry3.png b/src/assets/images/dev/entry3.png
new file mode 100644
index 0000000..900d148
Binary files /dev/null and b/src/assets/images/dev/entry3.png differ
diff --git a/src/assets/images/dev/entry4.png b/src/assets/images/dev/entry4.png
new file mode 100644
index 0000000..ad78d60
Binary files /dev/null and b/src/assets/images/dev/entry4.png differ
diff --git a/src/assets/images/occupationlab.png b/src/assets/images/occupationlab.png
new file mode 100644
index 0000000..1512bed
Binary files /dev/null and b/src/assets/images/occupationlab.png differ
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 454ff2f..d15df52 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -25,39 +25,6 @@
         <navbar ref="nav"
                 :isHome.sync="isHome"
                 :updateModelType="updateType"></navbar>
-        <div class="modelBox">
-          <div class="searchBox"><img class="search"
-                 :src="require('@/assets/images/search' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')"
-                 alt=""
-                 @click.stop="toggleSearch"></div>
-          <div class="languageBox">
-            <!-- <img :src="require('@/assets/images/cn' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')" alt="" @click.stop="toggleLang"> -->
-            <template v-if="Util.isEn(site)">
-              <img :src="require('@/assets/images/cn' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')"
-                   alt=""
-                   @click.stop="toggleLang">
-            </template>
-            <template v-else>
-              <img :src="require('@/assets/images/en' + (isHome && $store.getters.getModelType ? '-white' : '') + '.png')"
-                   alt=""
-                   @click.stop="toggleLang">
-            </template>
-          </div>
-          <div v-if="showSearch"
-               class="search-wrap"
-               @click.stop="stop">
-            <input ref="search"
-                   type="text"
-                   :placeholder="$t('column.titlePlaceholder')"
-                   v-model="title">
-            <img class="search-icon"
-                 src="@/assets/images/search.png"
-                 alt=""
-                 @click="handleSearch">
-            <i class="el-icon-close close-icon"
-               @click="showSearch = false"></i>
-          </div>
-        </div>
       </div>
 
     </template>
@@ -261,8 +228,8 @@ $height: 90px;
     position: absolute;
     right: 10px;
     top: 2rem;
-    font-size: 2.57rem;
-    color: #818181;
+    font-size: 2rem;
+    color: #c1c1c1;
 }
 .contentBox {
     width: 100%;
diff --git a/src/pages/aboutUs/index.vue b/src/pages/aboutUs/index.vue
index b54e452..c5fb299 100644
--- a/src/pages/aboutUs/index.vue
+++ b/src/pages/aboutUs/index.vue
@@ -15,7 +15,7 @@
               <p class="en">HUORAN TECH</p>
             </div>
             <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">公司致力于采用业界领先的信息化技术和过硬的软件研发能力服务于各大高校、金融机构等行业，利用我司技术优势将区块链、云计算、大数据、人工智能等行业前沿技术与金融、教育等行业进行深度融合，为客户提供功能先进、运行高效且便于使用的产业信息化综合解决方案。</p>
+               data-wow-delay="0.7s">深圳或然科技，教育数字化产业的推动者，为教育IT创业者赋能的首选合作伙伴。我们是一家拥有丰富IT互联网背景的科技企业，致力于为教育软件销售代理人提供专业而全面的产品供应链服务。</p>
           </div>
           <img class="bg"
                src="@/assets/images/about/about1.png"
@@ -34,13 +34,6 @@
         <h6 class="i-title wow fadeInDown">企业文化</h6>
         <p class="en">CORPORATE CULTURE</p>
         <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/about/about4.png"
-                 alt="">
-            <h6>使命</h6>
-            <p class="text">成为教育产业数字化的推动者</p>
-          </li>
           <li class="wow fadeInRight"
               data-wow-delay="0.8s">
             <img src="@/assets/images/about/about5.png"
@@ -48,6 +41,13 @@
             <h6>愿景</h6>
             <p class="text">成就百万教育产业数字化的创业者</p>
           </li>
+          <li class="wow fadeInDown"
+              data-wow-delay="0.5s">
+            <img src="@/assets/images/about/about4.png"
+                 alt="">
+            <h6>使命</h6>
+            <p class="text">成为教育产业数字化的推动者</p>
+          </li>
           <li class="wow fadeInUp"
               data-wow-delay="1.1s">
             <img src="@/assets/images/about/about6.png"
@@ -119,8 +119,8 @@
     <div class="adv"
          id="part2">
       <div class="inner">
-        <h6 class="i-title wow fadeInDown">为什么加入我们</h6>
-        <p class="en">WHY JOIN US</p>
+        <h6 class="i-title wow fadeInDown">为什么选择我们</h6>
+        <p class="en">WHY CHOOSE US</p>
         <p class="title-des wow fadeInDown">专业、全面、高效</p>
 
         <ul class="list">
@@ -142,218 +142,12 @@
               data-wow-delay="1.1s">
             <img src="@/assets/images/index/index5.png"
                  alt="">
-            <h6>联盟优势</h6>
+            <h6>生态优势</h6>
             <p class="text">我们拥有强大可靠的渠道、产品的生态联盟，可共享、调用生态内的多方资源，背靠联盟携手共创新奇迹。</p>
           </li>
         </ul>
       </div>
     </div>
-    <!-- 我们的服务 -->
-    <div class="service"
-         id="part3">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">我们的服务</h6>
-        <p class="en">OUR SERVICES</p>
-
-        <div class="service-pic">
-          <img src="@/assets/images/index/service.png"
-               alt="">
-          <div class="text">
-            <p class="s-title wow fadeInLeft">为院校信息化与数字化提供一站式综合解决方案</p>
-            <ul class="service-list wow fadeInRight">
-              <li>实现产业互联，数据互通</li>
-              <li>发展教育云和边缘计算，推动教育产业数字化</li>
-              <li>依托大数据，促进教育产业智能化升级</li>
-            </ul>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/service1.png"
-                 alt="">
-            <h6>数字互联</h6>
-            <p class="text">通过云技术更合理高效的安排院校所有资源，比如实验室的使用，场地的监控，人员管理等，多维度分析做出合理决策</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/service2.png"
-                 alt="">
-            <h6>产业云</h6>
-            <p class="text">普适性应用架构，用最小化代价提供产业合伙人的协作能力，持续的创新交付能力和永久可用的业务连续性</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/service3.png"
-                 alt="">
-            <h6>产业智能</h6>
-            <p class="text">将人工智能应用于产业升级，以实现产业效能的提升，可满足不同场景下的多样化需求</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!-- 我们的产品 -->
-    <div class="product">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">我们的产品</h6>
-        <p class="en">OUR PRODUCTS</p>
-        <div class="pics"
-             style="margin-top: 110px">
-          <div class="pro-bg1">
-            <img src="@/assets/images/index/pro-bg1-1.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/images/index/pro-bg1-2.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/images/index/pro-bg1-3.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <el-carousel class="carousel"
-                         ref="carousel"
-                         height="338px"
-                         autoplay
-                         :interval="5000"
-                         arrow="never">
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide1.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide2.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide3.png"
-                     alt="">
-              </el-carousel-item>
-            </el-carousel>
-            <div class="arrow a-left"
-                 @click="carouselSwitch('carousel', 0)"></div>
-            <div class="arrow a-right"
-                 @click="carouselSwitch('carousel', 1)"></div>
-          </div>
-          <div class="text">
-            <div class="title-intro">
-              <img class="t-logo"
-                   src="@/assets/images/index/occupationlab.png"
-                   alt="">
-              <p class="text-title">Occupation Lab</p>
-            </div>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。平台采用了大数据，云计算等技术，为学校搭建信息化平台提供了基础，可助力院校实现教学智能化升级。职站平台设计遵循着极简、高效的理念，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，智能统计和检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学成果。</p>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/pro-bg2.png"
-                 alt="">
-            <h6>大数据分析统计<br>教学效果有“据”可依</h6>
-            <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/pro-bg3.png"
-                 alt="">
-            <h6>云端部署<br>实验教学资源“云”共享</h6>
-            <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/pro-bg4.png"
-                 alt="">
-            <h6>功能全面<br>打造“智”能化教学全场景</h6>
-            <p class="text">平台包含了教、学、练、考的功能模块，操作方便快捷，可轻松实现数字化、智能化教学;同时，平台还新增有大赛、资讯等功能模块，将教学活动拓展到课堂外，可为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
-          </li>
-        </ul>
-
-        <div class="pics">
-          <div class="text">
-            <div class="title-intro">
-              <img class="t-logo"
-                   src="@/assets/images/index/dataforward.png"
-                   alt="">
-              <p class="text-title">数据前瞻</p>
-            </div>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">数据前瞻——财经数据库，涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为用户解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。平台的数据均来源于各大专业财经权威网站和数据官方发布平台，并经过专业的数据分类和整理，可让用户轻松便捷地搜索并批量下载到自己研究所需的数据，极大地减轻自己搜索整理数据的时间，提高研究效率, 从而高效的输出研究成果。</p>
-          </div>
-          <div class="pro-bg2">
-            <img src="@/assets/images/index/pro-bg1-1.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/images/index/pro-bg1-2.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/images/index/pro-bg1-4.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <el-carousel class="carousel"
-                         ref="carousel1"
-                         height="338px"
-                         autoplay
-                         :interval="5000"
-                         arrow="never">
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide4.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide5.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide6.png"
-                     alt="">
-              </el-carousel-item>
-            </el-carousel>
-            <div class="arrow a-left"
-                 @click="carouselSwitch('carousel1', 0)"></div>
-            <div class="arrow a-right"
-                 @click="carouselSwitch('carousel1', 1)"></div>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/pro-bg5.png"
-                 alt="">
-            <h6>综合全面的财经数据库</h6>
-            <p class="text">跨越多种主要资产类别，超40 年的历史数据和上千种宏观指标数据</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/pro-bg6.png"
-                 alt="">
-            <h6>权威、多样数据源</h6>
-            <p class="text">原始数据来源权威、可靠，用户可依据自己所需进行数据再加工，以获得更准确的结果</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/pro-bg7.png"
-                 alt="">
-            <h6>实时更新无限下载</h6>
-            <p class="text">数据库实时更新，会员用户可无限量下载平台各种数据表，随时获取最新数据</p>
-          </li>
-        </ul>
-      </div>
-    </div>
     <!-- 合作客户 -->
     <div class="client">
       <div class="inner">
@@ -495,8 +289,7 @@
 
 <script>
 import WOW from 'wow.js'
-import Setting from '@/setting'
-import util from '@/libs/util'
+import scroll from 'vue-seamless-scroll'
 export default {
   data () {
     return {
@@ -504,6 +297,9 @@ export default {
       clients: [1, 2, 3, 4, 5]
     }
   },
+  components: {
+    scroll
+  },
   mounted () {
     new WOW().init()
   },
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index 4956179..0c339ac 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -590,10 +590,10 @@ export default {
         }
         h6 {
             margin-bottom: 25px;
-            font-size: 36px;
+            font-size: 2.2rem;
         }
         .sub {
-            font-size: 24px;
+            font-size: 1.5rem;
         }
         .qrcode-wrap {
             display: inline-block;
@@ -848,7 +848,7 @@ export default {
             }
             img {
                 width: 100%;
-                height: 140px;
+                height: 155px;
                 transition: 0.3s;
             }
             .my-school {
@@ -936,8 +936,11 @@ export default {
 @media (max-width: 1200px) {
     .wrap {
         .carousel {
-            .texts {
-                left: 50px;
+            .text-wrap {
+                left: 40px;
+            }
+            .qrcode-wrap {
+                margin-right: 20px;
             }
         }
         .inner {
@@ -958,6 +961,22 @@ export default {
 }
 @media (max-width: 1000px) {
     .wrap {
+        .carousel {
+            .text-wrap {
+                top: 47%;
+                flex-direction: column;
+                align-items: flex-start;
+            }
+            .qrcode-wrap {
+                margin: 0 0 20px 0;
+            }
+            h6 {
+                font-size: 1.8rem;
+            }
+            .sub {
+                font-size: 1.3rem;
+            }
+        }
         .intro {
             flex-direction: column;
             justify-content: center;
@@ -988,6 +1007,32 @@ export default {
 }
 @media (max-width: 640px) {
     .wrap {
+        .carousel {
+            .text-wrap {
+                top: 47%;
+            }
+            .qrcode {
+                width: 80px;
+                height: 80px;
+            }
+            h6 {
+                font-size: 1.4rem;
+            }
+            .sub {
+                font-size: 1rem;
+            }
+        }
+        .type-wrap {
+            .tab {
+                flex-wrap: wrap;
+                li {
+                    margin-bottom: 20px;
+                }
+            }
+        }
+        .search {
+            margin-top: 0;
+        }
         .courses {
             li {
                 width: 100%;
diff --git a/src/pages/index/show/index.vue b/src/pages/index/show/index.vue
index 7716ea5..6ea7d18 100644
--- a/src/pages/index/show/index.vue
+++ b/src/pages/index/show/index.vue
@@ -3,7 +3,7 @@
     <el-card shadow="hover"
              class="m-b-20">
       <div class="flex-between">
-        <el-page-header @back="$router.push('/index')"
+        <el-page-header @back="$router.back()"
                         :content="form.mall.productName"></el-page-header>
       </div>
     </el-card>
@@ -108,8 +108,7 @@
                 <div class="section"
                      v-if="item.subsectionList.length">
                   <div v-for="(section, j) in item.subsectionList"
-                       :key="j"
-                       @click="toPreview(i, j)">
+                       :key="j">
                     <div class="sectionName"
                          :title="section.name"
                          :class="{active: curLink === `${item.name}${section.name}`}">
@@ -134,8 +133,6 @@
                              alt="">
                         {{ section.name }}
                       </div>
-                      <i v-if="!form.goodsRes.logoOfOurSchool"
-                         class="icon el-icon-lock"></i>
                     </div>
                   </div>
                 </div>
@@ -202,12 +199,13 @@
 
     <el-dialog title="温馨提示"
                :visible.sync="qrcodeVisible"
-               width="430px"
+               width="360px"
                center
                :close-on-click-modal="false">
       <div class="buy">
-        <p class="tips">请用微信扫描下方小程序二维码，进入职站商城加入会员吧！</p>
-        <img src="@/assets/images/product/qrcode.jpg"
+        <p class="tips">请用微信扫描下方小程序二维码<br>加入职站商城会员进行采购吧！</p>
+        <img width="70%"
+             src="@/assets/images/product/qrcode.jpg"
              alt="">
       </div>
     </el-dialog>
@@ -523,7 +521,7 @@ export default {
         display: flex;
         margin-top: 20px;
         .detail {
-            width: 835px;
+            width: calc(100% - 294px);
             padding: 20px 24px;
             background-color: #fff;
             border-radius: 10px;
@@ -560,7 +558,6 @@ export default {
             padding: 12px;
             font-size: 14px;
             color: #666;
-            cursor: pointer;
             border-radius: 8px;
             @include ellipsis;
             img {
@@ -581,7 +578,7 @@ export default {
         }
     }
     .products {
-        width: 295px;
+        width: 270px;
         margin-left: 24px;
         & > h6 {
             font-size: 14px;
diff --git a/src/pages/member/index.vue b/src/pages/member/index.vue
index 014fadf..21a2e1c 100644
--- a/src/pages/member/index.vue
+++ b/src/pages/member/index.vue
@@ -29,14 +29,15 @@
       </div>
     </div>
 
-    <el-dialog title="请扫码登录小程序"
+    <el-dialog title=""
                :visible.sync="qrcodeVisible"
-               width="350px"
+               width="500px"
                center
-               :close-on-click-modal="false">
+               :top="qrcodeTop"
+               custom-class="qrcode-dia">
       <div>
         <img width="100%"
-             src="https://www.occupationlab.com/images/mini-program.jpg"
+             src="@/assets/images/occupationlab.png"
              alt="">
       </div>
     </el-dialog>
@@ -46,16 +47,18 @@
 <script>
 import mixins from '@/mixins/page'
 import Setting from '@/setting'
-import Util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
   mixins: [mixins],
   data () {
     return {
       qrcodeVisible: false,
+      qrcodeTop: '100px'
     }
   },
   mounted () {
+    const height = (window.innerHeight - 758) / 2
+    this.qrcodeTop = (height > 0 ? height : 0) + 'px'
     new WOW().init()
   },
   methods: {
@@ -187,6 +190,15 @@ export default {
         }
     }
 }
+/deep/.qrcode-dia {
+    .el-dialog__header,
+    .el-dialog__body {
+        padding: 0;
+    }
+    .el-dialog__headerbtn .el-dialog__close {
+        color: #fff;
+    }
+}
 @media (max-width: 1200px) {
     .reg {
         .equity-wrap {
diff --git a/src/pages/supplier/index.vue b/src/pages/supplier/index.vue
index 057e41c..9691201 100644
--- a/src/pages/supplier/index.vue
+++ b/src/pages/supplier/index.vue
@@ -7,22 +7,49 @@
                  type="primary"
                  @click="openDev">登录供应商平台</el-button>
     </div>
-    <!-- 关于教育产业数字化开发者 -->
+    <!-- 关于教育产业数字化产品供应商 -->
     <div class="about">
       <div class="inner">
-        <div class="text">如果您是从事高职、本科市场相应数字化场景的软件、硬件研发、生产或代理的供应商；如果您正面临拓展渠道难、精准触达客户难、售前支持难、按时回款难等发展瓶颈；请加入职站商城，让您的产品走进全国院校。</div>
+        <div class="text">如果您是从事高职、本科市场相应数字化场景的软件、硬件研发、生产或代理的供应商；如果您正面临拓展渠道难、精准触达客户难、售前支持难、按时回款难等发展瓶颈；请加入职站商城，让您的产品轻松走进全国院校。</div>
 
         <div class="entry">
-          <!-- <div class="progress">
-						<img src="" alt="">
-					</div> -->
-          <el-steps :active="4"
+          <ul class="progress">
+            <li>
+              <span class="icon">
+                <img src="@/assets/images/dev/entry1.png"
+                     alt="">
+              </span>
+              <p class="pro-text">申请供应商平台账号</p>
+            </li>
+            <li>
+              <span class="icon">
+                <img src="@/assets/images/dev/entry2.png"
+                     alt="">
+              </span>
+              <p class="pro-text">提交云商店入驻申请</p>
+            </li>
+            <li>
+              <span class="icon">
+                <img src="@/assets/images/dev/entry3.png"
+                     alt="">
+              </span>
+              <p class="pro-text">完成业务沟通</p>
+            </li>
+            <li>
+              <span class="icon">
+                <img src="@/assets/images/dev/entry4.png"
+                     alt="">
+              </span>
+              <p class="pro-text">审核完成，加入云商店</p>
+            </li>
+          </ul>
+          <!-- <el-steps :active="4"
                     align-center>
             <el-step title="申请供应商平台账号"></el-step>
             <el-step title="提交云商店入驻申请"></el-step>
             <el-step title="完成业务沟通"></el-step>
             <el-step title="审核完成，加入云商店"></el-step>
-          </el-steps>
+          </el-steps> -->
 
           <el-button class="apply"
                      type="primary"
@@ -51,10 +78,10 @@
         </ul>
       </div>
     </div>
-    <!-- 开发者需要具备的条件 -->
+    <!-- 产品供应商需要具备的条件 -->
     <div class="con">
       <div class="inner">
-        <h6 class="i-title">开发者需要具备的条件</h6>
+        <h6 class="i-title">产品供应商需要具备的条件</h6>
         <ul class="list">
           <li>
             <img src="@/assets/images/dev/con1.png"
@@ -78,8 +105,8 @@
       </div>
     </div>
     <div class="profit">
-      <div class="item1">开发者受益</div>
-      <div class="item2">我们将与开发者共享教育产业数字化蓝海的巨大收益！</div>
+      <div class="item1">产品供应商受益</div>
+      <div class="item2">我们将与产品供应商共享教育产业数字化蓝海的巨大收益！</div>
     </div>
     <!-- 联系 -->
     <div class="contact">
@@ -156,6 +183,7 @@ export default {
         width: 1200px;
         padding: 67px 0;
         margin: 0 auto;
+        overflow: hidden;
     }
     .entry {
         margin-top: 30px;
@@ -163,13 +191,56 @@ export default {
         .apply {
             margin-top: 20px;
         }
-        // /deep/.el-step__head.is-finish {
-        //     color: #f00;
-        //     border-color: #f00;
-        // }
-        // /deep/.el-step__title.is-finish {
-        //     color: #f00;
-        // }
+    }
+    .progress {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        li {
+            position: relative;
+            margin-right: 100px;
+            &:before {
+                content: '';
+                z-index: 2;
+                position: absolute;
+                top: 61px;
+                left: 46%;
+                width: 8px;
+                height: 8px;
+                background-color: #fff;
+                border: 1px solid #ff5d5d;
+                border-radius: 50%;
+            }
+            &:after {
+                content: '';
+                position: absolute;
+                top: 64px;
+                left: -23px;
+                width: 300px;
+                height: 2px;
+                background-color: #e9e9e9;
+            }
+            &:last-child {
+                &:before {
+                    left: 48%;
+                }
+                &:after {
+                    width: 181px;
+                }
+            }
+        }
+        .icon {
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            padding: 10px;
+            background-color: #ff5d5d;
+            border-radius: 50%;
+        }
+        .pro-text {
+            margin-top: 30px;
+            font-size: 14px;
+        }
     }
     .about {
         position: relative;
@@ -186,7 +257,7 @@ export default {
             color: #0b1d30;
         }
         .text {
-            font-size: 14px;
+            font-size: 16px;
             line-height: 1.8;
             color: #0b1d30;
         }
@@ -298,6 +369,39 @@ export default {
 }
 @media (max-width: 1000px) {
     .wrap {
+        .progress {
+            flex-direction: column;
+            align-items: flex-start;
+            padding-left: 34%;
+            li {
+                margin: 0 0 100px 0;
+                &:before {
+                    top: 15px;
+                    left: 58px;
+                }
+                &:after {
+                    top: 14px;
+                    left: 61px;
+                    width: 2px !important;
+                    height: 158px;
+                }
+                &:last-child {
+                    &:before {
+                        left: 58px;
+                    }
+                    &:after {
+                        height: 0;
+                    }
+                }
+            }
+            .pro-text {
+                position: absolute;
+                top: 12px;
+                left: 74px;
+                margin-top: 0;
+                white-space: nowrap;
+            }
+        }
         .sup {
             .list {
                 flex-direction: column;
@@ -315,9 +419,12 @@ export default {
                 }
             }
         }
-        .profit {
-            .item2 {
-            }
+    }
+}
+@media (max-width: 600px) {
+    .wrap {
+        .progress {
+            padding-left: 0;
         }
     }
 }