diff --git a/src/views/Index/components/ContactUs/index.vue b/src/views/Index/components/ContactUs/index.vue
index 009c3e6..b606b1f 100644
--- a/src/views/Index/components/ContactUs/index.vue
+++ b/src/views/Index/components/ContactUs/index.vue
@@ -2,7 +2,45 @@
   <div class="wrap">
     <div class="contractus_container" id="contractus_container">
       <div class="empty"></div>
-      <div class="content">12222222223</div>
+      <div class="content">
+        <div class="circle"></div>
+        <div class="hand"></div>
+        <div class="contact_title_container">
+          <div class="yingwen_text">
+            <span>联系我们</span>
+            <img :src="Line" alt="" class="line" />
+          </div>
+          <img :src="Contact" alt="" class="yingwen" />
+        </div>
+        <div class="main_content">
+          <p class="big_title">
+            为产品添彩，为企业赋能<br />
+            打造高逼格/强落地/有卖点的好产品
+          </p>
+          <div class="phone_line_1">
+            <div class="item mr">
+              <img :src="Phone" alt="" class="icon" />
+              <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
+            </div>
+            <div class="item">
+              <img :src="Phone" alt="" class="icon" />
+              <p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
+            </div>
+          </div>
+          <div class="phone_line_2">
+            <div class="item mr">
+              <img :src="Email" alt="" class="icon" />
+              <p class="phone">info@iflytop.com</p>
+            </div>
+            <div class="item">
+              <img :src="Address" alt="" class="icon" />
+              <p class="phone">
+                北京市昌平区回龙观街道博纳集团3号楼一层 &nbsp;&nbsp;产品梦工厂
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bottom_text_container">
         <div>
           <img :src="Logo" alt="" class="img" />
@@ -42,7 +80,7 @@
           </p>
           <p>
             专业的团队，加上技术的沉淀，以及自有工厂的加持我们的目标只有一个：做产品，找产品梦工厂就对
-            了帮您节省投资 。
+            了帮您节省投资。
           </p>
         </div>
       </div>
@@ -52,6 +90,11 @@
 
 <script setup>
 import Logo from '@/assets/img/contract/dilogo.png'
+import Phone from '@/assets/img/contract/dianhua.png'
+import Address from '@/assets/img/contract/dizhi.png'
+import Email from '@/assets/img/contract/youxiang.png'
+import Contact from '@/assets/img/contract/yingwen.png'
+import Line from '@/assets/img/contract/biaotifuhao.png'
 </script>
 
 <style lang="scss" scoped>
@@ -71,6 +114,114 @@ import Logo from '@/assets/img/contract/dilogo.png'
     }
     .content {
       flex: 1;
+      position: relative;
+      overflow: hidden;
+      .contact_title_container {
+        position: absolute;
+        left: 152px;
+        top: 67px;
+        width: 337px;
+        height: 157px;
+        box-sizing: border-box;
+        .yingwen_text {
+          font-size: 36px;
+          font-family: 'SourceHanSans';
+          margin-bottom: 59px;
+          font-weight: bold;
+          color: #000000;
+          position: relative;
+          .line {
+            position: absolute;
+            left: 0;
+            width: 40px;
+            height: 4px;
+            top: -15px;
+          }
+        }
+        .yingwen {
+          width: 337px;
+          height: 46px;
+        }
+      }
+      .main_content {
+        position: absolute;
+        right: 132px;
+        bottom: 60px;
+        width: 834px;
+        height: 459px;
+        .big_title {
+          font-size: 48px;
+          font-family: 'Alibaba PuHuiTi';
+          line-height: 62px;
+          font-weight: bold;
+          color: #000000;
+          margin-bottom: 67px;
+        }
+        .phone_line_1 {
+          display: flex;
+          align-items: center;
+          margin-bottom: 35px;
+          .mr {
+            margin-right: 55px;
+          }
+          .item {
+            display: flex;
+            align-items: center;
+            font-size: 18px;
+            font-family: 'SourceHanSans';
+            font-weight: 400;
+            color: #646a73;
+            .icon {
+              width: 34px;
+              height: 34px;
+            }
+            .phone {
+              margin-left: 18px;
+            }
+          }
+        }
+        .phone_line_2 {
+          display: flex;
+          align-items: center;
+          margin-bottom: 35px;
+          .mr {
+            margin-right: 92px;
+          }
+          .item {
+            display: flex;
+            align-items: center;
+            font-size: 18px;
+            font-family: 'SourceHanSans';
+            font-weight: 400;
+            color: #646a73;
+            .icon {
+              width: 34px;
+              height: 34px;
+            }
+            .phone {
+              margin-left: 18px;
+            }
+          }
+        }
+      }
+      .circle {
+        position: absolute;
+        bottom: -224px;
+        background: url(../../../../assets/img/contract/yuanback.png) no-repeat;
+        background-size: 100% 100%;
+        left: 0;
+        width: 751px;
+        height: 578px;
+      }
+      .hand {
+        position: absolute;
+        bottom: -55px;
+        background: url(../../../../assets/img/contract/shouji.png) no-repeat;
+        background-size: 100% 100%;
+        left: 166px;
+        width: 401px;
+        height: 496px;
+      }
     }
     .bottom_text_container {
       height: 224px;