diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 90a031c..725bc83 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,14 +3,8 @@
   <component name="ChangeListManager">
     <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$/css/aboutUs.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/aboutUs.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/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$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.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" />
@@ -110,7 +104,10 @@
       <workItem from="1577322899636" duration="19155000" />
       <workItem from="1577408581360" duration="23833000" />
       <workItem from="1577668599546" duration="22898000" />
-      <workItem from="1577755494736" duration="19823000" />
+      <workItem from="1577755494736" duration="22761000" />
+      <workItem from="1577840389379" duration="2317000" />
+      <workItem from="1577871790090" duration="1120000" />
+      <workItem from="1577927767310" duration="3850000" />
     </task>
     <task id="LOCAL-00001" summary="官网1.0">
       <created>1574907211978</created>
@@ -245,7 +242,14 @@
       <option name="project" value="LOCAL" />
       <updated>1577695163693</updated>
     </task>
-    <option name="localTasksCounter" value="20" />
+    <task id="LOCAL-00020" summary="页面添加动态效果">
+      <created>1577784548795</created>
+      <option name="number" value="00020" />
+      <option name="presentableId" value="LOCAL-00020" />
+      <option name="project" value="LOCAL" />
+      <updated>1577784548795</updated>
+    </task>
+    <option name="localTasksCounter" value="21" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -277,6 +281,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/css/index.css b/css/index.css
index 86c8c32..2aefb58 100644
--- a/css/index.css
+++ b/css/index.css
@@ -448,7 +448,7 @@ dl {
     font-size: 48px;
     color:#ee8333;
 }
-/*第4部分*/
+/*第4部分权限管理*/
 #step4 {
     position: relative;
     box-sizing: border-box;
@@ -521,7 +521,7 @@ dl {
     right: 0;
     z-index: -1;
 }
-/*第五部分*/
+/*第五部分呼叫中心*/
 #step5 {
     position: relative;
     padding-bottom: 150px;
@@ -589,7 +589,7 @@ dl {
     left: 0;
     top:0;
 }
-/*第六部分*/
+/*第六部分财务管理*/
 #step6 {
     position: relative;
     box-sizing: border-box;
@@ -634,7 +634,7 @@ dl {
 .step6-right:hover{
     color:#eea14a;
 }
-/*第七部分*/
+/*第七部分数据库管理*/
 #step7 {
     position: relative;
     padding-bottom: 150px;
@@ -657,7 +657,6 @@ dl {
 }
 .step7BgContainer{
     width:1200px;
-    /*height:714px;*/
     background: url("../images/bg4-img.png") no-repeat;
     margin-left:78px;
 }
@@ -839,7 +838,7 @@ dl {
 .swiper-slide img{
     width:309px;
 }
-/*第八部分*/
+/*第八部分销售管理*/
 #step8 {
     position: relative;
     box-sizing: border-box;
@@ -860,7 +859,7 @@ dl {
     width:1000px;
     margin-top:30px;
 }
-/*第九部分*/
+/*第九部分生成报价*/
 #step9 {
     position: relative;
     padding-bottom: 150px;
diff --git a/index.html b/index.html
index b177b21..98479a7 100644
--- a/index.html
+++ b/index.html
@@ -182,7 +182,7 @@
             </div>
         </div>
         <div id="steps" class="step">
-            <div class="inner">
+            <div class="inner" style="width:1000px;">
                 <div class="stepsWords clearfix">
                     <div class="steps-left fl"></div>
                     <div class="steps-title">产品特点</div>
@@ -190,103 +190,93 @@
                 </div>
                 <ul class="stepsShow">
                     <li>
-                        <a href="#step1" style="text-decoration: none;">
+                        <a href="#step3" style="text-decoration: none;">
                         <dl class="detail">
                             <dt class="detailicon detailicon1">
                                 <img class="lazy" src="images/fanganguihua.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>
+                            <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">快速制定保费返点和相应的礼品礼券赠送方案</dd>
                         </dl>
                         </a>
                     </li>
                     <li>
-                        <a href="#step3" style="text-decoration: none;">
+                        <a href="#step4" 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>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">可设置不同岗位查看菜单内容</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=""/>
-                            </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="#step5" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon3">
+                                    <img class="lazy" src="images/icon-test.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">呼叫中心</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">提供电话号段解决方案，接通率远高于普通号段</dd>
+                            </dl>
                         </a>
                     </li>
                     <li>
-                        <a href="#step1" style="text-decoration: none;">
+                        <a href="#step6" 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>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">和保险公司对账和员工提成计算</dd>
                             </dl>
                         </a>
                     </li>
                 </ul>
                 <ul class="stepsShow">
                     <li>
-                        <a href="#step4" style="text-decoration: none;">
-                        <dl class="detail">
-                            <dt class="detailicon detailicon5">
-                                <img class="lazy" src="images/baojiafangan.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 href="#step7" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon2" >
+                                    <img class="lazy" src="images/shujuku.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">数据库管理</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">车险CRM专业化管理</dd>
+                            </dl>
                         </a>
                     </li>
                     <li>
-                        <a href="#step5" style="text-decoration: none;">
-                        <dl class="detail">
-                            <dt class="detailicon detailicon3">
-                                <img class="lazy" src="images/icon-test.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 href="#step8" style="text-decoration: none;">
+                            <dl class="detail">
+                                <dt class="detailicon detailicon4">
+                                    <img class="lazy" src="images/neiqin.png"  alt=""/>
+                                </dt>
+                                <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">销售管理</dd>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">集在线呼叫、投保、预约、保险算费、报价功能于一体
+                                    生成报价信息:与平台对接，精准算价。</dd>
+                            </dl>
                         </a>
                     </li>
                     <li>
-                        <a href="#step6" style="text-decoration: none;">
+                        <a href="#step9" style="text-decoration: none;">
                         <dl class="detail">
-                            <dt class="detailicon detailicon4">
-                                <img class="lazy" src="images/neiqin.png"  alt=""/>
+                            <dt class="detailicon detailicon5">
+                                <img class="lazy" src="images/baojiafangan.png"  alt=""/>
                             </dt>
-                            <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">内勤管理</dd>
-                            <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">内勤管理：灵活分批结算，历史对账数<br/>
-                                据可导出到本地管理对账数据</dd>
+                            <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">报价信息</dd>
+                            <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">与主流保险公司平台对接，精准算价。</dd>
                         </dl>
                         </a>
                     </li>
                     <li>
-                        <a href="#step1" style="text-decoration: none;">
+                        <a href="#step10" 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>
+                                <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">各岗位权限分配完善，工作效率迅速提升</dd>
                             </dl>
                         </a>
                     </li>
@@ -513,7 +503,7 @@
         <div id="step10" class="step">
             <div class="step8Content">
                 <div class="step8Words fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">人事</span>管理</div>
-                <p class="step8Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
+                <p class="step8Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">可根据中心人员架构，定制人员管理系统，岗位清晰，录入基本工资，计算员工薪资</p>
                 <img src="images/renshi1.png" alt="" class="fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
             </div>
         </div>