diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 981e1c2..fbcc073 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,18 +4,15 @@
     <list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/aboutUs.html" beforeDir="false" afterPath="$PROJECT_DIR$/aboutUs.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details1.html" beforeDir="false" afterPath="$PROJECT_DIR$/details1.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details2.html" beforeDir="false" afterPath="$PROJECT_DIR$/details2.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details3.html" beforeDir="false" afterPath="$PROJECT_DIR$/details3.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details4.html" beforeDir="false" afterPath="$PROJECT_DIR$/details4.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details5.html" beforeDir="false" afterPath="$PROJECT_DIR$/details5.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/details6.html" beforeDir="false" afterPath="$PROJECT_DIR$/details6.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/aboutUs.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/aboutUs.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/experience.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/experience.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/information.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/information.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/success.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/success.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/images/bg3.jpg" beforeDir="false" />
       <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/information.html" beforeDir="false" afterPath="$PROJECT_DIR$/information.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/map.html" beforeDir="false" afterPath="$PROJECT_DIR$/map.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/success.html" beforeDir="false" afterPath="$PROJECT_DIR$/success.html" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -101,7 +98,10 @@
       <workItem from="1576135224025" duration="7300000" />
       <workItem from="1576199457018" duration="24188000" />
       <workItem from="1576458615097" duration="22488000" />
-      <workItem from="1576563295536" duration="8059000" />
+      <workItem from="1576563295536" duration="8768000" />
+      <workItem from="1576635420046" duration="19140000" />
+      <workItem from="1576717839947" duration="14115000" />
+      <workItem from="1576739116348" duration="2680000" />
     </task>
     <task id="LOCAL-00001" summary="官网1.0">
       <created>1574907211978</created>
@@ -180,7 +180,14 @@
       <option name="project" value="LOCAL" />
       <updated>1576490070788</updated>
     </task>
-    <option name="localTasksCounter" value="12" />
+    <task id="LOCAL-00012" summary="更改手机号">
+      <created>1576576345189</created>
+      <option name="number" value="00012" />
+      <option name="presentableId" value="LOCAL-00012" />
+      <option name="project" value="LOCAL" />
+      <updated>1576576345189</updated>
+    </task>
+    <option name="localTasksCounter" value="13" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -207,6 +214,7 @@
     <MESSAGE value="修改首页字体,以及添加详情页" />
     <MESSAGE value="更改资讯图片" />
     <MESSAGE value="更改样式" />
-    <option name="LAST_COMMIT_MESSAGE" value="更改样式" />
+    <MESSAGE value="更改手机号" />
+    <option name="LAST_COMMIT_MESSAGE" value="更改手机号" />
   </component>
 </project>
\ No newline at end of file
diff --git a/aboutUs.html b/aboutUs.html
index 330dfb4..e4430b7 100644
--- a/aboutUs.html
+++ b/aboutUs.html
@@ -94,7 +94,7 @@
                     <div class="the-way fl">
                         <img src="images/dizhi_icon.png" alt="" class="the-way-icon">
                         <p class="the-way-title">联系地址 </p>
-                        <p class="the-way-content">北京市丰台区卢沟桥路西五里店59</p>
+                        <p class="the-way-content" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">北京市丰台区卢沟桥路西五里店59</p>
                     </div>
                     <div class="the-way fl">
                         <img src="images/dianhua_icon.png" alt="" class="the-way-icon">
diff --git a/css/aboutUs.css b/css/aboutUs.css
index a72c46e..1d1db79 100644
--- a/css/aboutUs.css
+++ b/css/aboutUs.css
@@ -61,6 +61,9 @@
 .the-way .the-way-content{
     font-size: 15px;
     margin-top:10px;
+}
+.the-way .the-way-content:nth-of-type(1){
+
 }
 .media-move{
     margin-bottom:50px;
@@ -72,15 +75,7 @@
 .us-img{
     width:124px
 }
-@media screen and (min-width: 1367px) and (max-width: 1440px) {
-    /*.about-banner{*/
-    /*    height:330px;*/
-    /*}*/
-}
 @media screen and (min-width: 1281px) and (max-width: 1366px) {
-    /*.about-banner{*/
-    /*    height:310px;*/
-    /*}*/
     .stepsWords{
         margin:50px auto;
     }
@@ -128,10 +123,11 @@
     /*    height:250px;*/
     /*}*/
     .stepsWords{
-        margin:40px auto;
+        margin:40px 300px;
     }
     .media-move{
         margin-left:124px;
+        width: 681px;
     }
     .the-way .the-way-icon{
         width:60px;
@@ -151,4 +147,10 @@
     .us-img{
         width:100px
     }
+    /*.the-way{*/
+    /*    width: 206px;*/
+    /*}*/
+    .contact-us-way{
+        width:640px;
+    }
 }
diff --git a/css/common.css b/css/common.css
index d5ea4c8..2ebb6e7 100644
--- a/css/common.css
+++ b/css/common.css
@@ -5,6 +5,7 @@ body{
     height: 100%;
     overflow-x: hidden;
 }
+
 .fl{
     float:left;
 }
@@ -26,7 +27,6 @@ a{
     max-width: 1200px;
     width:80%;
     margin: 0 auto;
-    overflow: hidden;
 }
 .inner1{
     max-width: 910px;
@@ -148,3 +148,37 @@ a{
     float:right;
     margin-top: -60px;
 }
+@media screen and (min-width: 1025px) and (max-width: 1280px) {
+    .phone{
+        margin-left:2%;
+    }
+    .footer-img {
+         margin-right: 0;
+     }
+    .footer-img1 {
+        margin-right: 0;
+    }
+
+}
+@media screen and (min-width: 0) and (max-width: 1025px) {
+    .header{
+        width:1025px;
+    }
+    .header .list {
+         margin-left: 0;
+        font-size: 15px;
+    }
+    .phone{
+        margin-left:2%;
+    }
+    .footer-img {
+        margin-right: 0;
+    }
+    .footer-img1 {
+        margin-right: 0;
+    }
+    #footerBlock {
+        width: 1025px;
+        font-size: 13px;
+    }
+}
diff --git a/css/experience.css b/css/experience.css
index 945c44a..fe38edf 100644
--- a/css/experience.css
+++ b/css/experience.css
@@ -1,43 +1,40 @@
 .bg{
     width:100%;
-    height:1000px;
-    background:url("../images/experience.jpg") no-repeat 0 0/cover;
+    height:837px;
+    /*background:url("../images/2.jpg") no-repeat 0 0/cover;*/
     position:relative;
     top:80px;
     text-align: center;
 }
-.holderDiv {
-    height: 50px;
+.experience-bg{
+    background: url('../images/apply.jpg') center/cover;
+    height: 250px;
+    text-align: center;
+    color: white;
 }
 .application{
     position:relative;
-    width:900px;
-    height:500px;
+    width:780px;
     background-color: #fff;
-    box-shadow: #666 0px 0px 10px;
-    margin:100px auto;
+    margin:0 auto;
+    margin-top:-60px;
+    z-index: 3;
+    padding: 24px;
+    border-radius: 15px;
+    box-shadow: 0 1px 16px #aaaaaa, 0 0 1px #eee, 0 0 1px #eee;
 }
 .application-left{
     position: absolute;
-    top:30%;
+    top:10%;
     left:2%;
     width:40%;
 }
 .application-right{
     width:60%;
-    padding:50px 40px;
-}
-.application-right-title{
-    font-size:25px;
-    text-align: left;
-    font-weight: bold;
 }
 .application-right-form{
     width:100%;
-    margin-top:50px;
-}
-.form-horizontal{
-    margin-top:80px;
+    margin-top:30px;
 }
 .control-label{
     font-size:20px;
@@ -58,8 +55,8 @@
 .jump{
     width:108px;
     font-size:18px;
-    margin-top:23px;
-    margin-left:334px;
+    margin-top:15px;
+    margin-left:270px;
     font-family: 'sans-serif';
     cursor: pointer;
     display: inline-block;
@@ -71,27 +68,34 @@
     display: inline-block;
     vertical-align: middle;
 }
+.small-prompt{
+    margin-top: 35px;
+    margin-left: -278px;
+    /*font-size:15px;*/
+    color: #747474;;
+}
+
 @media screen and (min-width: 1025px) and (max-width: 1280px) {
-    .holderDiv{
-        height:152px;
-    }
     .application{
-        width:810px;
-        height:477px;
+        width:780px;
     }
 }
-@media screen and (min-width: 0) and (max-width: 1024px) {
-    .holderDiv{
-        height:126px;
+@media screen and (min-width: 770px) and (max-width: 1024px) {
+    .application{
+        width:780px;
     }
+    .orange-logo{
+        width:290px;
+    }
+}
+@media screen and (min-width: 0) and (max-width: 770px) {
     .application{
-        width:810px;
-        height:470px;
+        width:780px;
     }
     .orange-logo{
         width:290px;
     }
-    .form-horizontal{
-        margin-top:45px;
+    .btn{
+        margin-left:69px;
     }
 }
diff --git a/css/index.css b/css/index.css
index 556ec63..3a52a6e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -64,11 +64,15 @@
 .stepsShow {
     display: flex;
     justify-content: space-between;
-    margin-top: 62px;
+    padding: 26px 0;
 }
 .stepsShow li {
     width: 384px;
     text-align: center;
+    padding-top:30px;
+}
+.stepsShow li:hover{
+    box-shadow: 0 1px 16px #bcbcbc, 0 0 1px #eee, 0 0 1px #eee;
 }
 .stepsShow li a{
     display: inline-block;
@@ -224,278 +228,278 @@ dl {
     box-sizing: border-box;
 }
 
-@media screen and (max-width: 1920px) and (min-width: 1681px) {
-    .steps {
-        /*height: auto;*/
-        padding-bottom: 80px;
-    }
-    .holderDiv {
-        height: 200px;
-    }
-    .stepWords ，.step2Words {
-        margin-top: 50px;
-    }
-    .system-img{
-        width:890px;
-    }
-}
-@media screen and (min-width: 1367px) and (max-width: 1440px) {
-    .step{
-        height:675px;
-    }
-    .ban{
-        height:670px;
-    }
-    #steps {
-        padding-top: 46px;
-    }
-    #steps{
-        height:700px;
-    }
-    .system-img{
-        width:660px;
-    }
-    .stepWords{
-        font-size:32px;
-    }
-    .step1Line{
-        margin-top: 30px;
-    }
-    .step1Detail{
-        font-size: 15px;
-        margin-top:65px;
-    }
-    .step2Words{
-        font-size:32px;
-    }
-    .step2Line{
-        margin-top: 30px;
-    }
-    .step2Detail{
-        font-size: 15px;
-        margin-top:65px;
-    }
-    .system-img2{
-        width:635px;
-        margin-top: 20.5%;
-    }
-    .hook-left{
-        width:42px;
-    }
-    .hook-right{
-        width:42px;
-    }
-}
-@media screen and (min-width: 1281px) and (max-width: 1366px) {
-    .step{
-        height:630px;
-    }
-    .ban{
-        height:610px;
-    }
-    .ban .banner-top{
-        margin-top:150px;
-        font-size:55px;
-    }
-    .ban-top-title{
-        font-size: 18px;
-    }
-    #steps {
-        padding-top: 35px;
-    }
-    .stepsShow{
-        margin-top: 45px;
-    }
-    .detailicon img{
-        width:75px;
-    }
-    .detail .detailTitle{
-        font-size:18px;
-    }
-    .stepWords{
-        font-size:30px;
-    }
-    .step1Line{
-        margin-top: 30px;
-    }
-    .step1Detail{
-        font-size: 15px;
-        margin-top:50px;
-    }
-    .step2Words{
-        font-size:30px;
-    }
-    .step2Line{
-        margin-top: 30px;
-    }
-    .step2Detail{
-        font-size: 15px;
-        margin-top:50px;
-    }
-    .system-img{
-        width:640px;
-    }
-    .system-img2{
-        width:620px;
-        margin-top: 20.5%;
-    }
-    .hook-left{
-        width:41px;
-    }
-    .hook-right{
-        width:41px;
-    }
-}
-@media screen and (min-width: 1025px) and (max-width: 1280px) {
-    .step{
-        height:600px;
-    }
-    .ban{
-        height:610px;
-    }
-    #steps {
-        padding-top: 35px;
-    }
-    .ban .banner-top{
-        margin-top: 180px;
-        font-size:48px;
-    }
-    .ban-top-title{
-        margin-top: 28px;
-        font-size:16px;
-        width:520px;
-    }
-    .ban .experience{
-        width:160px;
-        height:52px;
-        font-size:18px;
-        margin-top: 30px;
-    }
-    .stepsShow{
-        margin-top: 45px;
-    }
-    .detailicon img{
-        width:70px;
-    }
-    .detail .detailTitle{
-        font-size:18px;
-    }
-    .stepWords{
-        font-size:30px;
-    }
-    .step1Line{
-        margin-top: 30px;
-    }
-    .step1Detail{
-        width:326px;
-        font-size: 14px;
-        margin-top:50px;
-        padding:10px;
-        background-color:rgba(204,204,204,0.3);
-        border-radius: 6px;
-    }
-    .step2Words{
-        font-size:30px;
-    }
-    .step2Line{
-        margin-top: 30px;
-    }
-    .step2Detail{
-        font-size: 14px;
-        margin-top:50px;
-    }
-    .system-img{
-        width:555px;
-    }
-    .system-img2{
-        width:550px;
-        margin-top: 20.5%;
-    }
-    .hook-left{
-        width:37px;
-    }
-    .hook-right{
-        width:37px;
-    }
-    .holderDiv{
-        width:170px;
-    }
-}
-@media screen and (min-width: 0) and (max-width: 1024px) {
-    .step{
-        height:560px;
-    }
-    .ban{
-        height:610px;
-    }
-    #steps {
-        padding-top: 35px;
-    }
-    .ban .banner-top{
-        margin-top: 148px;
-        font-size:44px;
-    }
-    .ban-top-title{
-        font-size:15px;
-        margin-top:30px;
-        width:430px;
-    }
-    .ban .experience{
-        width:150px;
-        height:52px;
-        font-size:16px;
-        margin-top: 30px;
-    }
-    .stepsShow{
-        margin-top: 45px;
-    }
-    .detailicon img{
-        width:60px;
-    }
-    .detail .detailTitle{
-        font-size:17px;
-    }
-    .step1Content{
-        margin-bottom: 49px;
-    }
-    .stepWords{
-        font-size:30px;
-    }
-    .step1Line{
-        margin-top: 30px;
-    }
-    .step1Detail{
-        width:290px;
-        font-size: 12px;
-        margin-top:30px;
-    }
-    .step2Words{
-        font-size:30px;
-    }
-    .step2Line{
-        margin-top: 25px;
-    }
-    .step2Detail{
-        font-size: 14px;
-        margin-top:40px;
-    }
-    .system-img{
-        width:545px;
-    }
-    .system-img2{
-        width:540px;
-        margin-top: 20%;
-    }
-    .hook-left{
-        width:35px;
-    }
-    .hook-right{
-        width:35px;
-    }
-    .holderDiv{
-        width:160px;
-    }
-    .footer{
-        width:1005px;
-    }
-}
+/*@media screen and (max-width: 1920px) and (min-width: 1681px) {*/
+/*    .steps {*/
+/*        !*height: auto;*!*/
+/*        padding-bottom: 80px;*/
+/*    }*/
+/*    .holderDiv {*/
+/*        height: 200px;*/
+/*    }*/
+/*    .stepWords ，.step2Words {*/
+/*        margin-top: 50px;*/
+/*    }*/
+/*    .system-img{*/
+/*        width:890px;*/
+/*    }*/
+/*}*/
+/*@media screen and (min-width: 1367px) and (max-width: 1440px) {*/
+/*    .step{*/
+/*        height:675px;*/
+/*    }*/
+/*    .ban{*/
+/*        height:670px;*/
+/*    }*/
+/*    #steps {*/
+/*        padding-top: 46px;*/
+/*    }*/
+/*    #steps{*/
+/*        height:700px;*/
+/*    }*/
+/*    .system-img{*/
+/*        width:660px;*/
+/*    }*/
+/*    .stepWords{*/
+/*        font-size:32px;*/
+/*    }*/
+/*    .step1Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step1Detail{*/
+/*        font-size: 15px;*/
+/*        margin-top:65px;*/
+/*    }*/
+/*    .step2Words{*/
+/*        font-size:32px;*/
+/*    }*/
+/*    .step2Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step2Detail{*/
+/*        font-size: 15px;*/
+/*        margin-top:65px;*/
+/*    }*/
+/*    .system-img2{*/
+/*        width:635px;*/
+/*        margin-top: 20.5%;*/
+/*    }*/
+/*    .hook-left{*/
+/*        width:42px;*/
+/*    }*/
+/*    .hook-right{*/
+/*        width:42px;*/
+/*    }*/
+/*}*/
+/*@media screen and (min-width: 1281px) and (max-width: 1366px) {*/
+/*    .step{*/
+/*        height:630px;*/
+/*    }*/
+/*    .ban{*/
+/*        height:610px;*/
+/*    }*/
+/*    .ban .banner-top{*/
+/*        margin-top:150px;*/
+/*        font-size:55px;*/
+/*    }*/
+/*    .ban-top-title{*/
+/*        font-size: 18px;*/
+/*    }*/
+/*    #steps {*/
+/*        padding-top: 35px;*/
+/*    }*/
+/*    .stepsShow{*/
+/*        margin-top: 45px;*/
+/*    }*/
+/*    .detailicon img{*/
+/*        width:75px;*/
+/*    }*/
+/*    .detail .detailTitle{*/
+/*        font-size:18px;*/
+/*    }*/
+/*    .stepWords{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step1Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step1Detail{*/
+/*        font-size: 15px;*/
+/*        margin-top:50px;*/
+/*    }*/
+/*    .step2Words{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step2Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step2Detail{*/
+/*        font-size: 15px;*/
+/*        margin-top:50px;*/
+/*    }*/
+/*    .system-img{*/
+/*        width:640px;*/
+/*    }*/
+/*    .system-img2{*/
+/*        width:620px;*/
+/*        margin-top: 20.5%;*/
+/*    }*/
+/*    .hook-left{*/
+/*        width:41px;*/
+/*    }*/
+/*    .hook-right{*/
+/*        width:41px;*/
+/*    }*/
+/*}*/
+/*@media screen and (min-width: 1025px) and (max-width: 1280px) {*/
+/*    .step{*/
+/*        height:600px;*/
+/*    }*/
+/*    .ban{*/
+/*        height:610px;*/
+/*    }*/
+/*    #steps {*/
+/*        padding-top: 35px;*/
+/*    }*/
+/*    .ban .banner-top{*/
+/*        margin-top: 180px;*/
+/*        font-size:48px;*/
+/*    }*/
+/*    .ban-top-title{*/
+/*        margin-top: 28px;*/
+/*        font-size:16px;*/
+/*        width:520px;*/
+/*    }*/
+/*    .ban .experience{*/
+/*        width:160px;*/
+/*        height:52px;*/
+/*        font-size:18px;*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .stepsShow{*/
+/*        margin-top: 45px;*/
+/*    }*/
+/*    .detailicon img{*/
+/*        width:70px;*/
+/*    }*/
+/*    .detail .detailTitle{*/
+/*        font-size:18px;*/
+/*    }*/
+/*    .stepWords{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step1Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step1Detail{*/
+/*        width:326px;*/
+/*        font-size: 14px;*/
+/*        margin-top:50px;*/
+/*        padding:10px;*/
+/*        background-color:rgba(204,204,204,0.3);*/
+/*        border-radius: 6px;*/
+/*    }*/
+/*    .step2Words{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step2Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step2Detail{*/
+/*        font-size: 14px;*/
+/*        margin-top:50px;*/
+/*    }*/
+/*    .system-img{*/
+/*        width:555px;*/
+/*    }*/
+/*    .system-img2{*/
+/*        width:550px;*/
+/*        margin-top: 20.5%;*/
+/*    }*/
+/*    .hook-left{*/
+/*        width:37px;*/
+/*    }*/
+/*    .hook-right{*/
+/*        width:37px;*/
+/*    }*/
+/*    .holderDiv{*/
+/*        width:170px;*/
+/*    }*/
+/*}*/
+/*@media screen and (min-width: 0) and (max-width: 1024px) {*/
+/*    .step{*/
+/*        height:560px;*/
+/*    }*/
+/*    .ban{*/
+/*        height:610px;*/
+/*    }*/
+/*    #steps {*/
+/*        padding-top: 35px;*/
+/*    }*/
+/*    .ban .banner-top{*/
+/*        margin-top: 148px;*/
+/*        font-size:44px;*/
+/*    }*/
+/*    .ban-top-title{*/
+/*        font-size:15px;*/
+/*        margin-top:30px;*/
+/*        width:430px;*/
+/*    }*/
+/*    .ban .experience{*/
+/*        width:150px;*/
+/*        height:52px;*/
+/*        font-size:16px;*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .stepsShow{*/
+/*        margin-top: 45px;*/
+/*    }*/
+/*    .detailicon img{*/
+/*        width:60px;*/
+/*    }*/
+/*    .detail .detailTitle{*/
+/*        font-size:17px;*/
+/*    }*/
+/*    .step1Content{*/
+/*        margin-bottom: 49px;*/
+/*    }*/
+/*    .stepWords{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step1Line{*/
+/*        margin-top: 30px;*/
+/*    }*/
+/*    .step1Detail{*/
+/*        width:290px;*/
+/*        font-size: 12px;*/
+/*        margin-top:30px;*/
+/*    }*/
+/*    .step2Words{*/
+/*        font-size:30px;*/
+/*    }*/
+/*    .step2Line{*/
+/*        margin-top: 25px;*/
+/*    }*/
+/*    .step2Detail{*/
+/*        font-size: 14px;*/
+/*        margin-top:40px;*/
+/*    }*/
+/*    .system-img{*/
+/*        width:545px;*/
+/*    }*/
+/*    .system-img2{*/
+/*        width:540px;*/
+/*        margin-top: 20%;*/
+/*    }*/
+/*    .hook-left{*/
+/*        width:35px;*/
+/*    }*/
+/*    .hook-right{*/
+/*        width:35px;*/
+/*    }*/
+/*    .holderDiv{*/
+/*        width:160px;*/
+/*    }*/
+/*    .footer{*/
+/*        width:1005px;*/
+/*    }*/
+/*}*/
diff --git a/css/information.css b/css/information.css
index 49d0a46..a16c52a 100644
--- a/css/information.css
+++ b/css/information.css
@@ -9,7 +9,7 @@
 .stepsWords{
     text-align: center;
     position: relative;
-    margin:80px auto 40px;
+    margin:120px auto 40px;
     width:210px;
     font-size:32px;
 }
@@ -35,7 +35,7 @@
     background-color: #ccc;
 }
 .news-thumbnail{
-    margin-top:64px;
+    margin-top:50px;
 }
 .caption{
     background-color: #f5f5f5;
@@ -49,6 +49,9 @@
 .news-time{
     margin-top:30px;
 }
+.thumbnail img:hover{
+    transform:scale(1.05);
+}
 @media screen and (min-width: 1367px) and (max-width: 1440px) {
     /*.news-banner{*/
     /*    height:330px;*/
@@ -60,6 +63,10 @@
         /*}*/
         .news-title{
             font-size: 22px;
+            width:370px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
         .news-time{
             margin-top: 26px;
@@ -71,6 +78,10 @@
     /*}*/
     .news-title{
         font-size: 22px;
+        width:310px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     .news-time{
         margin-top: 26px;
@@ -85,6 +96,10 @@
     /*}*/
     .news-title{
         font-size: 20px;
+        width:240px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     .news-time{
         margin-top: 26px;
diff --git a/css/success.css b/css/success.css
index a03cc53..740c99e 100644
--- a/css/success.css
+++ b/css/success.css
@@ -1,5 +1,5 @@
 .success-details{
-    margin-bottom: 289px;
+    height:700px;
 }
 .stepsWords{
     text-align: center;
diff --git a/experience.html b/experience.html
index ce0a794..e4a9803 100644
--- a/experience.html
+++ b/experience.html
@@ -16,7 +16,7 @@
 <body>
 <div id="wrap">
     <div id="banner" class="header clearfix">
-        <div class="inner">
+        <div class="inner flex-container">
             <div class="fl bannerLogo logo"></div>
             <div class="fl logoName">汇盈帮手</div>
             <div class="fr list" toUrl="aboutUs.html">关于我们</div>
@@ -27,39 +27,40 @@
         </div>
     </div>
     <div class="bg">
-        <div class="inner">
-            <div class="holderDiv"></div>
-            <div class="application clearfix ban">
-                <div class="application-left fl">
-                    <img src="images/orange-logo.png" alt="" class="orange-logo">
-                </div>
-                <div class="application-right fr">
-                    <div class="application-right-title">在线体验</div>
-                    <form class="form-horizontal" role="form">
-                        <div class="form-group">
-                            <label for="firstname" class="col-xs-3 col-sm-2 control-label" style="text-align: left">名字</label>
-                            <div class="col-xs-9 col-sm-9">
-                                <input type="text" class="form-control" id="firstname" placeholder="请输入名字" style="height:50px;">
-                            </div>
+        <div class="experience-bg">
+            <p style="font-size:28px;padding-top: 70px;">优秀的客户体验从现在开始</p>
+        </div>
+        <div class="application clearfix ban">
+            <div class="application-left fl">
+                <img src="images/orange-logo.png" alt="" class="orange-logo">
+            </div>
+            <div class="application-right fr">
+                <form class="form-horizontal" role="form">
+                    <div class="form-group">
+                        <label for="firstname" class="col-xs-3 col-sm-2 control-label" style="text-align: left">用户</label>
+                        <div class="col-xs-9 col-sm-9">
+                            <input type="text" class="form-control" id="firstname" placeholder="请输入用户名" style="height:50px;">
                         </div>
-                        <div class="form-group" style="margin-top:30px;">
-                            <label for="phone" class="col-xs-3 col-sm-2 control-label" style="text-align: left">电话</label>
-                            <div class="col-xs-9 col-sm-9">
-                                <input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
-                            </div>
+                    </div>
+                    <div class="form-group" style="margin-top:20px;">
+                        <label for="phone" class="col-xs-3 col-sm-2 control-label" style="text-align: left">电话</label>
+                        <div class="col-xs-9 col-sm-9">
+                            <input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
                         </div>
-                        <div class="form-group">
-                            <div class="col-xs-9 col-sm-offset-2 col-sm-9">
-                                <div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
-                            </div>
+                    </div>
+                    <div class="form-group" style="margin-top:-20px;">
+                        <div class="col-xs-9 col-sm-offset-2 col-sm-9">
+                            <div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
                         </div>
-                        <a href="http://demo.huiybs.cn/common/login" class="jump" target="_blank" style="color:#000;text-decoration: none;">
-                            <span style="display: inline-block;vertical-align: middle;">跳转系统</span>
-                            <div class="right-arrow"></div>
-                        </a>
-                    </form>
-                </div>
+                    </div>
+                    <a href="http://demo.huiybs.cn/common/login" class="jump" target="_blank" style="color:#000;text-decoration: none;">
+                        <span style="display: inline-block;vertical-align: middle;">跳转系统</span>
+                        <div class="right-arrow"></div>
+                    </a>
+                    <div class="small-prompt">或电话与我们取得联络 <span style="font-size:16px;color:#292929;">(010)8329 8300</span></div>
+                </form>
             </div>
+
         </div>
     </div>
 
diff --git a/images/apply.jpg b/images/apply.jpg
new file mode 100644
index 0000000..c26adfc
Binary files /dev/null and b/images/apply.jpg differ
diff --git a/index.html b/index.html
index 37ae4b9..de25f6d 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,7 @@
                 </div>
                 <ul class="stepsShow">
                     <li>
-                        <a href="#step1">
+                        <a href="#step1" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon1">
                                 <img class="lazy" src="images/fanganguihua.png"  alt=""/>
@@ -74,7 +74,21 @@
                         </a>
                     </li>
                     <li>
-                        <a href="#step2">
+                        <a href="#step3" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon3">
+                                    <img class="lazy" src="images/quanxianguanli.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理：构建组织机构和创建人员角<br/>
+                                    色，即可更好的配置组织机构的权限管<br/>
+                                    理；同时保持对产品政策的可修改和调
+                                    整性；</dd>
+                            </dl>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#step2" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon2" >
                                 <img class="lazy" src="images/shujuku.png"  alt=""/>
@@ -88,23 +102,20 @@
                         </a>
                     </li>
                     <li>
-                        <a href="#step3">
-                        <dl class="detail">
-                            <dt class="detailicon detailicon3">
-                                <img class="lazy" src="images/quanxianguanli.png"  alt=""/>
-                            </dt>
-                            <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd>
-                            <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理：构建组织机构和创建人员角<br/>
-                                色，即可更好的配置组织机构的权限管<br/>
-                                理；同时保持对产品政策的可修改和调
-                                整性；</dd>
-                        </dl>
+                        <a href="#step1" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon1">
+                                    <img class="lazy" src="images/caiwu.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">财务管理</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">销售订单同步到财务人员，助力财务统计<br/>提成，保险公司回单自动匹对，返现等功能<br/>的灵活设置，补点的灵活设置</dd>
+                            </dl>
                         </a>
                     </li>
                 </ul>
                 <ul class="stepsShow">
                     <li>
-                        <a href="#step4">
+                        <a href="#step4" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon5">
                                 <img class="lazy" src="images/baojiafangan.png"  alt=""/>
@@ -116,7 +127,7 @@
                         </a>
                     </li>
                     <li>
-                        <a href="#step5">
+                        <a href="#step5" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon3">
                                 <img class="lazy" src="images/icon-test.png"  alt=""/>
@@ -128,7 +139,7 @@
                         </a>
                     </li>
                     <li>
-                        <a href="#step6">
+                        <a href="#step6" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon4">
                                 <img class="lazy" src="images/neiqin.png"  alt=""/>
@@ -139,6 +150,17 @@
                         </dl>
                         </a>
                     </li>
+                    <li>
+                        <a href="#step1" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon1">
+                                    <img class="lazy" src="images/renshi.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">人事管理</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">岗位管理/编辑。基本工资的录<br/>入，员工管理权限分配</dd>
+                            </dl>
+                        </a>
+                    </li>
                 </ul>
             </div>
         </div>
@@ -207,7 +229,7 @@
                         <img src="images/laptop6.png" alt="" class="system-img lazy">
                     </div>
                 </div>
-            </div>
+            </div>3
         </div>
         <div id="step6" class="step">
             <div class="step2Content">
diff --git a/information.html b/information.html
index bdc7e03..b2daf3a 100644
--- a/information.html
+++ b/information.html
@@ -36,21 +36,21 @@
                 <div class="row">
                     <div class="col-xs-6 col-sm-6">
                         <a href="details1.html" style="display: inline-block;width:100%;">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail1.jpg"  alt="通用的占位符缩略图" style="width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail1.jpg"  alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">汇盈帮手呼叫中心发展历程及下一步功能</h3>
+                                    <h3 class="news-title" title="汇盈帮手呼叫中心发展历程及下一步功能">汇盈帮手呼叫中心发展历程及下一步功能</h3>
                                     <span class="fr news-time">2019-11-12</span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-6 col-sm-6">
-                        <a href="details2.html" style="display: inline-block">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail2.jpg"  alt="通用的占位符缩略图" style="width:100%;">
+                        <a href="details2.html" style="display: inline-block;width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail2.jpg"  alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">汇盈帮手硬件功能介绍</h3>
+                                    <h3 class="news-title" title="汇盈帮手硬件功能介绍">汇盈帮手硬件功能介绍</h3>
                                     <span class="fr news-time">2019-11-12</span>
                                 </div>
                             </div>
@@ -59,22 +59,22 @@
                 </div>
                 <div class="row" style="margin-top:30px;">
                     <div class="col-xs-6 col-sm-6">
-                        <a href="details3.html" style="display: inline-block">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail3.jpg"  alt="通用的占位符缩略图" style="width:100%;">
+                        <a href="details3.html" style="display: inline-block;width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail3.jpg"  alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">方案系统优势</h3>
+                                    <h3 class="news-title" title="方案系统优势">方案系统优势</h3>
                                     <span class="fr news-time">2019-11-12</span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-6 col-sm-6">
-                        <a href="details4.html" style="display: inline-block">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail4.jpg"  alt="通用的占位符缩略图" style="width:150%;">
+                        <a href="details4.html" style="display: inline-block;width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail4.jpg"  alt="通用的占位符缩略图" style="width:150%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">电话车险呼叫中心建设经验</h3>
+                                    <h3 class="news-title" title="电话车险呼叫中心建设经验">电话车险呼叫中心建设经验</h3>
                                     <span class="fr news-time">2019-12-16</span>
                                 </div>
                             </div>
@@ -82,23 +82,23 @@
                     </div>
                 </div>
                 <div class="row" style="margin-top:30px;">
-                    <div class="col-xs-6 col-sm-6">
-                        <a href="details5.html" style="display: inline-block">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail5.jpg"  alt="通用的占位符缩略图" style="width:100%;">
+                    <div class="col-xs-6 col-sm-6" >
+                        <a href="details5.html" style="display: inline-block;width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail5.jpg"  alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">坐席基本流程</h3>
+                                    <h3 class="news-title" title="坐席基本流程">坐席基本流程</h3>
                                     <span class="fr news-time">2019-12-12</span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-6 col-sm-6">
-                        <a href="details6.html" style="display: inline-block">
-                            <div class="thumbnail">
-                                <img src="images/thumbnail6.jpg"  alt="通用的占位符缩略图" style="width:150%;">
+                        <a href="details6.html" style="display: inline-block;width:100%;">
+                            <div class="thumbnail" style="margin-bottom: 0;">
+                                <img src="images/thumbnail6.jpg"  alt="通用的占位符缩略图" style="width:150%;transition: all 0.1s;">
                                 <div class="caption clearfix">
-                                    <h3 class="news-title">坐席行为管理</h3>
+                                    <h3 class="news-title" title="坐席行为管理">坐席行为管理</h3>
                                     <span class="fr news-time">2019-12-16</span>
                                 </div>
                             </div>