diff --git a/website/css/style.css b/website/css/style.css
index 736bf5c..ac6df65 100644
--- a/website/css/style.css
+++ b/website/css/style.css
@@ -238,6 +238,26 @@ p {
   -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }
+.merchant-list {
+  /* max-width: 210px;   */
+
+  border-radius: 10px;
+  text-align: center;
+}
+.merchant-list img {
+  width: 100%;
+  display: inline-block;
+  box-shadow: 0px 0px 40px -5px rgba(74, 84, 123, 0.15);
+}
+.merchant-img-container {
+  width: 117vw;
+  margin-left: -8vw;
+  margin-bottom: 31px;
+}
+.merchant-img-container .col-lg-2 {
+  flex: 0 0 14.285714%;
+  max-width: 14.285714%;
+}
 .pc-footer {
   height: 334px;
   background: #303955;
@@ -2332,8 +2352,9 @@ p {
   background: linear-gradient(to bottom, #fff, #f9faff);
 }
 
-.bg-wave::before, .bg-wave::after {
-  content: "";
+.bg-wave::before,
+.bg-wave::after {
+  content: '';
   position: absolute;
   left: 50%;
   min-width: 300vw;
@@ -2352,7 +2373,7 @@ p {
 
 .bg-wave::after {
   bottom: 0vh;
-  opacity: .5;
+  opacity: 0.5;
   border-radius: 47%;
   animation-duration: 12s;
 }
diff --git a/website/img/WechatIMG4031.png b/website/img/WechatIMG4031.png
new file mode 100644
index 0000000..fa43c7f
Binary files /dev/null and b/website/img/WechatIMG4031.png differ
diff --git a/website/img/WechatIMG4032.png b/website/img/WechatIMG4032.png
new file mode 100644
index 0000000..b314985
Binary files /dev/null and b/website/img/WechatIMG4032.png differ
diff --git a/website/index.html b/website/index.html
index d5a796f..6d24980 100644
--- a/website/index.html
+++ b/website/index.html
@@ -98,7 +98,7 @@
         <!--// .row //-->
         <div class="row align-items-center justify-content-center ">
           <div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.1s">
-            <div class="services-item item-shadow">
+            <div class="services-item item-shadow" style="box-shadow: none;">
               <div class="services-icon services-blue-icon services-img no-shadow">
                 <img src="./img/所见即所得.png" />
               </div>
@@ -112,7 +112,7 @@
           </div>
           <!--// .col //-->
           <div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.3s">
-            <div class="services-item item-shadow">
+            <div class="services-item item-shadow" style="box-shadow: none;">
               <div class="services-icon services-img no-shadow">
                 <img src="./img/代码可移植.png" />
               </div>
@@ -126,7 +126,7 @@
           </div>
           <!--// .col //-->
           <div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.3s">
-            <div class="services-item item-shadow">
+            <div class="services-item item-shadow" style="box-shadow: none;">
               <div class="services-icon services-img no-shadow">
                 <img src="./img/自动云同步.png" />
               </div>
@@ -310,8 +310,6 @@
               <p class="section-sub-title pc-section-sub-title text-center ">
                 自动适配多个客户端，无需重复配置相同页面，省时更省心
               </p>
-              <a href="http://h5.dooring.cn/h5_plus" target="_blank"
-                class="default-outline-btn wow fadeInUp  section-sub-btn gray-btn" data-wow-delay="0.4s">立即注册</a>
             </div>
           </div>
           <div class="big-adaptation-img-container">
@@ -361,6 +359,8 @@
     </section>
     <!--// About Section End //-->
     <!--// Features Section Start //-->
+
+
     <section id="features" class="features-section section-padding  pc-hidden" data-scroll-index="4">
       <div class="container">
         <div class="features-row">
@@ -443,13 +443,80 @@
 
     <!--// Contact Section Start //-->
 
+
+    <section class="services section-padding mobile-hidden" data-scroll-index="3">
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-lg-8">
+            <div class="section-heading">
+              <h2 class="section-title not-line">优秀案例精彩纷呈</h2>
+              <p class="section-sub-title pc-section-sub-title text-center ">
+                优秀案例，一键保存，多次复用，秒出精彩
+              </p>
+              <a href="http://h5.dooring.cn/h5_plus" target="_blank"
+                class="default-outline-btn wow fadeInUp  section-sub-btn gray-btn" data-wow-delay="0.4s">复用案例</a>
+            </div>
+          </div>
+          <div class="big-adaptation-img-container">
+            <img class="col-lg-3" src="./img/WechatIMG4031.png" />
+            <img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
+            <img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
+          </div>
+          <!--// .col //-->
+        </div>
+        <!--// .row //-->
+      </div>
+      <!--// .container //-->
+    </section>
+
+    <section class="services section-padding mobile-hidden" data-scroll-index="3">
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="row">
+          <div class="col-lg-12">
+            <div class="section-heading">
+              <h2 class="section-title not-line">选择Dooring编程更省心</h2>
+              <p class="section-sub-title pc-section-sub-title text-center ">
+                2000+用户选择使用 Dooring 让编程更高效
+              </p>
+
+            </div>
+          </div>
+          </div>
+          <!--// .col //-->
+        </div>
+        <!--// .row //-->
+      </div>
+      <div class=" bg-circle">
+        <div class="merchant-img-container row gx-5">
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+        </div>
+
+        <div class="big-adaptation-img-container row gx-5">
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+          <div class="col-lg-2 merchant-list"><img  src="./img/WechatIMG4032.png" /></div>
+        </div>
+      </div>
+      <!--// .container //-->
+    </section>
+
     <section class="contact-section section-padding" data-scroll-index="5">
       <div class="container">
         <div class="row justify-content-center">
           <div class="col-lg-8">
             <div class="section-heading">
               <h2 class="section-title">联系我们</h2>
-              <p class="section-sub-title">
+              <p class="section-sub-title text-center">
                 想了解更多？可以通过以下方式联系到作者
               </p>
             </div>
@@ -481,25 +548,6 @@
       </div>
       <!--// .container //-->
     </section>
-    <!--// Contact Section End //-->
-    <section class="contact-section section-padding pc-hidden" data-scroll-index="5">
-      <div class="container">
-        <div class="row justify-content-center">
-          <div class="col-lg-8">
-            <div class="section-heading">
-              <h2 class="section-title">问题反馈</h2>
-              <p class="section-sub-title">
-                如果在使用过程中有任何疑问或者需求，可以通过以下方式联系到作者
-              </p>
-              <div style="text-align:center;margin-top:20px;width:240px;display:inline-block"><img src="./img/code.png"
-                  alt="趣谈前端" style="width:180px"></div>
-            </div>
-          </div>
-          <!--// .col //-->
-        </div>
-      </div>
-      <!--// .container //-->
-    </section>
     <!--// Footer Section Start //-->
     <footer class="footer pc-hidden">
       <!--// .footer-top //-->