添加首页内容销售管理，生成报价信息，人事管理

.idea/workspace.xml

@@ -2,29 +2,15 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/details7.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/js/idangerous.swiper.min.js" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/details8.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/details9.html" afterDir="false" />
       <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/bootstrap.min.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/bootstrap.min.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/bootstrap.min.css" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/css/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.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$/images/bg4-img.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/bg4-img.png" 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$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/images/laptop3.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/laptop3.png" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/images/laptop4.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/laptop4.png" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/images/laptop5.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/images/laptop7.png" 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" />
@@ -36,8 +22,8 @@
     <option name="RECENT_TEMPLATES">
       <list>
         <option value="CSS File" />
-        <option value="JavaScript File" />
         <option value="HTML File" />
+        <option value="JavaScript File" />
       </list>
     </option>
   </component>
@@ -121,7 +107,9 @@
       <workItem from="1577063104211" duration="22937000" />
       <workItem from="1577149790764" duration="24875000" />
       <workItem from="1577236519544" duration="20957000" />
-      <workItem from="1577322899636" duration="18205000" />
+      <workItem from="1577322899636" duration="19155000" />
+      <workItem from="1577408581360" duration="23833000" />
+      <workItem from="1577668599546" duration="17678000" />
     </task>
     <task id="LOCAL-00001" summary="官网1.0">
       <created>1574907211978</created>
@@ -235,7 +223,21 @@
       <option name="project" value="LOCAL" />
       <updated>1577070078071</updated>
     </task>
-    <option name="localTasksCounter" value="17" />
+    <task id="LOCAL-00017" summary="添加首页内容呼叫中心，财务管理，数据库管理，销售管理">
+      <created>1577353848211</created>
+      <option name="number" value="00017" />
+      <option name="presentableId" value="LOCAL-00017" />
+      <option name="project" value="LOCAL" />
+      <updated>1577353848211</updated>
+    </task>
+    <task id="LOCAL-00018" summary="添加首页内容呼叫中心，财务管理，数据库管理，销售管理">
+      <created>1577353884788</created>
+      <option name="number" value="00018" />
+      <option name="presentableId" value="LOCAL-00018" />
+      <option name="project" value="LOCAL" />
+      <updated>1577353884788</updated>
+    </task>
+    <option name="localTasksCounter" value="19" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -265,6 +267,7 @@
     <MESSAGE value="更改手机号" />
     <MESSAGE value="更改在线体验样式，公司资讯里面添加一些动态效果" />
     <MESSAGE value="添加首页内容" />
-    <option name="LAST_COMMIT_MESSAGE" value="添加首页内容" />
+    <MESSAGE value="添加首页内容呼叫中心，财务管理，数据库管理，销售管理" />
+    <option name="LAST_COMMIT_MESSAGE" value="添加首页内容呼叫中心，财务管理，数据库管理，销售管理" />
   </component>
 </project>

aboutUs.html

@@ -56,27 +56,37 @@
             <div class="media media-move">
                 <div class="media-left media-middle">
                     <img src="images/icon-test_2.png" class="media-object us-img">
-                    <p class="join-us-title">平台运营</p>
+                    <p class="join-us-title">商务经理</p>
                 </div>
                 <div class="media-body" style="padding-left:40px;">
                     <p class="about-font">岗位资格</p>
-                    <p class="about-font">1. 具备3年以上互联网平台运营经验 ，熟悉用户、数据等方面的运营工作；</p>
+                    <p class="about-font">1.负责公司产品的销售及推广；</p>
-                    <p class="about-font">2. 熟悉企业服务行业，有独立完成产品/活动策划、执行、运营工作；</p>
+                    <p class="about-font">2.维护已有客户的联络，定期拜访了解项目进展及需求；</p>
-                    <p class="about-font">3. 有用户裂变增长及留存实际经验；</p>
+                    <p class="about-font">3.把握销售机会，与客户谈判促成合作，达成业绩目标；</p>
-                    <p class="about-font">4. 性格活泼、有创意、逻辑性强，有出色的沟通表达能力及团队协作能力。</p>
+                    <p class="about-font">4.快速学习产品知识，熟悉行业销售特点；</p>
+                    <p class="about-font">5.完成公司规定的销售目标及考核任务；</p>
+                    <p class="about-font">任职要求：</p>
+                    <p class="about-font">1.一年以上销售经验，车险行业优先；</p>
+                    <p class="about-font">2.具有较强语言沟通能力，表达力和亲和力。 具有较强责任心，踏实稳重者优先；</p>
+                    <p class="about-font">3.有招商经验以及车险行业优先</p>
                 </div>
             </div>
             <div class="media media-move">
                 <div class="media-left media-middle">
                     <img src="images/icon-test_1.png" class="media-object us-img">
-                    <p class="join-us-title">平台运营</p>
+                    <p class="join-us-title">招商经理</p>
                 </div>
                 <div class="media-body" style="padding-left:40px;">
                     <p class="about-font">岗位资格</p>
-                    <p class="about-font">1. 具备3年以上互联网平台运营经验 ，熟悉用户、数据等方面的运营工作；</p>
+                    <p class="about-font">1.熟练掌握了解公司的项目和招商计划，及时分析市场动态及客户要求；</p>
-                    <p class="about-font">2. 熟悉企业服务行业，有独立完成产品/活动策划、执行、运营工作；</p>
+                    <p class="about-font">2.独立规划业务工作内容，通过网络进行渠道开发和业务拓展；</p>
-                    <p class="about-font">3. 有用户裂变增长及留存实际经验；</p>
+                    <p class="about-font">3.参与重大招商的谈判与合同签订，协助财务部门完成客户合同的签约及收款；</p>
-                    <p class="about-font">4. 性格活泼、有创意、逻辑性强，有出色的沟通表达能力及团队协作能力。</p>
+                    <p class="about-font">4.根据市场营销计划，完成部门招商指标；</p>
+                    <p class="about-font">5.维护老客户的业务，定期与入驻客户进行沟通，建立良好的长期合作关系，挖掘客户的最大潜力；</p>
+                    <p class="about-font">任职要求：</p>
+                    <p class="about-font">1.大专及以上全日制学历；</p>
+                    <p class="about-font">2.具有较强语言沟通能力，表达力和亲和力。 具有较强责任心，踏实稳重者优先；</p>
+                    <p class="about-font">3.有招商经验以及车险行业优先</p>
                 </div>
             </div>
             <hr>

css/index.css

@@ -232,7 +232,7 @@
 #step2{
     width:100%;
     height:647px;
-    background: url("../images/bg1.jpg") no-repeat center/cover;
+    background: url("../images/bg5.jpg") no-repeat center/cover;
 }
 .part-title2{
     padding-top:80px;
@@ -341,15 +341,15 @@
 .stepsShow {
     display: flex;
     justify-content: space-between;
-    padding: 26px 0;
+    padding: 30px 0 0 0;
 }
 .stepsShow li {
     width: 384px;
     text-align: center;
-    padding-top:30px;
+    padding:30px 15px 15px 15px;
 }
 .stepsShow li:hover{
-    box-shadow: 0 1px 16px #bcbcbc, 0 0 1px #eee, 0 0 1px #eee;
+    box-shadow: 0 1px 16px #cbcbcb, 0 0 1px #eee, 0 0 1px #eee;
 }
 .stepsShow li a{
     display: inline-block;
@@ -383,23 +383,13 @@ dl {
     background: url('../images/bg2.jpg') no-repeat center/cover;
     box-sizing: border-box;
 }
-.step1BgContainer {
-    position: absolute;
-    right: 60px;
-    top: 15%;
-    margin: auto;
-    display: flex;
-    align-items: center;
-    opacity: 0;
-}
 .system-img{
-    width:890px;
+    width:880px;
 }
 .step1Content {
     max-width: 1200px;
     width: 80%;
     margin: 0 auto;
-    text-align: right;
     padding-bottom: 90px;
 }
 .step1Content .wheel{
@@ -428,29 +418,31 @@ dl {
     top:73px;
 }
 .stepWords {
-    text-align: left;
     font-size: 36px;
     color: #fff;
-    opacity: 0;
-    margin-left: 100px;
 }
 .step1Detail {
-    margin-top:20px;
+    margin-top:25px;
-    text-align: left;
     font-size: 18px;
-    line-height: 36px;
     color: #fff;
-    opacity: 0;
+    width: 400px;
-    margin-bottom: 80px;
-    padding:10px;
-    border-radius: 6px;
-    margin-left: 100px;
 }
 .step1Detail:hover{
     color: #eea14a;
 }
-.holderDiv {
+.step3_l{
-    height: 260px;
+    display: block;
+    position: relative;
+    margin-top: 245px;
+    margin-left: 65px;
+}
+.step3_r{
+    width: 800px;
+    height: 595px;
+    display: block;
+    position: relative;
+    margin-top: 100px;
+    margin-left:20px;
 }
 .font-size{
     font-size: 48px;
@@ -464,8 +456,6 @@ dl {
 .step2Content {
     width: 30%;
     max-width: 1200px;
-    margin: 0 auto;
-    margin-left: 54%;
 }
 .step2Words {
     font-size: 36px;
@@ -480,26 +470,27 @@ dl {
 .step2Detail:hover{
     color:#eea14a;
 }
-.step2BgContainer {
-    position: absolute;
-    left: 16%;
-    top: 10%;
-    margin: auto;
-    display: flex;
-    align-items: center;
-    opacity: 0;
-    z-index: 2;
-}
 .system-img2{
     width:810px;
     margin-top:11.5%;
 }
-.step2Content .box{
+.step4_l{
-    position:absolute;
+    display: block;
-    top:225px;
+    position: relative;
+    margin-top: 218px;
+    z-index:1;
     background-color: #fff;
     border:2px solid #ee8333;
-    padding:46px;
+    margin-left:-70px;
+    padding:24px;
+    border-radius: 0 20px 20px 0;
+}
+.step4_r{
+    width: 800px;
+    height: 595px;
+    display: block;
+    position: relative;
+    margin-top: 60px;
     z-index:2;
 }
 .bgLine{
@@ -620,13 +611,29 @@ dl {
     margin-top:30px;
 }
 .step6-aaa{
+    float:left;
+    width:75%;
     height:510px;
-    margin-top:40px;
+    margin-top:20px;
 }
 .step6-img{
     margin:0 auto;
     width:860px;
 }
+.step6-right{
+    float:right;
+    width:23%;
+    height:300px;
+    background-color: #f5f5f5;
+    border-radius:0 0 50% 50%;
+    padding:24px;
+    color:#75716d;
+    font-size: 16px;
+    text-align: center;
+}
+.step6-right:hover{
+    color:#eea14a;
+}
 /*第七部分*/
 #step7 {
     position: relative;
@@ -839,8 +846,8 @@ dl {
 }
 .step8Content{
     text-align: center;
-    padding-top:50px;
     font-size: 36px;
+    margin-top:30px;
 }
 .step8Detail{
     font-size: 20px;
@@ -853,279 +860,49 @@ dl {
     width:1000px;
     margin-top:30px;
 }
+/*第九部分*/
+#step9 {
+    position: relative;
+    padding-bottom: 150px;
+    background: url('../images/bg1.jpg') no-repeat center/cover;
+    box-sizing: border-box;
+    height:900px;
+}
+.step9-img{
+    width:83%;
+    height:634px;
+    margin:0 auto;
+    background: url("../images/bg4-img.png") no-repeat center/cover;
+}
+.step9-img img{
+    width:100%;
+    margin-top:120px;
+}
+@media screen and (max-width: 1920px) and (min-width: 1681px) {
 
-/*@media screen and (max-width: 1920px) and (min-width: 1681px) {*/
+}
-/*    .steps {*/
+@media screen and (max-width: 1680px) and (min-width: 1441px) {
-/*        !*height: auto;*!*/
+    .step9-img {
-/*        padding-bottom: 80px;*/
+        width: 86%;
-/*    }*/
+    }
-/*    .holderDiv {*/
+}
-/*        height: 200px;*/
+@media screen and (min-width: 1367px) and (max-width: 1440px) {
-/*    }*/
+    .step9-img {
-/*    .stepWords ，.step2Words {*/
+        width: 98%;
-/*        margin-top: 50px;*/
+    }
-/*    }*/
+}
-/*    .system-img{*/
+@media screen and (min-width: 1281px) and (max-width: 1366px) {
-/*        width:890px;*/
+    .step9-img {
-/*    }*/
+        width: 98%;
-/*}*/
+    }
-/*@media screen and (min-width: 1367px) and (max-width: 1440px) {*/
+}
-/*    .step{*/
+@media screen and (min-width: 1025px) and (max-width: 1280px) {
-/*        height:675px;*/
+    .step9-img {
-/*    }*/
+        width: 100%;
-/*    .ban{*/
+    }
-/*        height:670px;*/
+}
-/*    }*/
+@media screen and (min-width: 0) and (max-width: 1024px) {
-/*    #steps {*/
+    .step9-img {
-/*        padding-top: 46px;*/
+        width: 115%;
-/*    }*/
+    }
-/*    #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;*/
-/*    }*/
-/*}*/

index.html

@@ -197,8 +197,7 @@
                             </dt>
                             <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">营销方案制定</dd>
                             <dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">政策的自由和可修改性，下级出单只<br/>需
-                                给团队长创建完策略以后配置对应的出
+                                给团队长创建完策略以后配置对应的出单政策，<br/>下级即可根据自己的配置条件
-                                单政策，<br/>下级即可根据自己的配置条件
                                 出单</dd>
                         </dl>
                         </a>
@@ -296,41 +295,53 @@
         </div>
         <div id="step3" class="step">
             <div class="step1Content">
-                <div class="inner">
-                    <div class="holderDiv"></div>
                     <div class="wheel">
                         <img src="images/wheel1.png" alt="" class="img1">
                         <img src="images/wheel2.png" alt="" class="img2">
                     </div>
-                    <div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">营销方案</span>制定</div>
+                    <div class="content_width">
-<!--                    <div class="step1Line" style="width:220px;"></div>-->
+                        <div class="step3_l fl">
-                    <p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300" >政策的自由和可修改性，只需团队长创建策略以配置<br/>对应的出单政策，
+                            <div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">
-                        坐席即可根据客户的保费条件<br/>自动选择出单折扣及相应的赠品信息。这不仅极大<br/>的方便了电销坐席的操作，还可以实现针对性销售<br/>策略，即对于不同的客户群体和不同的电销坐席可以配置<br/>相应的销售策略，通过汇盈帮手使坐席效率飞速提高。</p>
+                                <span class="font-size">营销方案</span>制定
-                    <div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350">
+                            </div>
-                        <img src="images/laptop2.png" alt="" class="system-img lazy">
+                            <div class="content  fadeInUp animated" amstyle="fadeInUp" delaytime="300">
+                                <p class="step1Detail">政策的自由和可修改性，只需团队长创建策略以配置对应的出单政策，
+                                    坐席即可根据客户的保费条件自动选择出单折扣及相应的赠品信息。这不仅极大的方便了电销坐席的操作，还可以实现针对性销售策略，即对于不同的客户群体和不同的电销坐席可以配置相应的销售策略，通过汇盈帮手使坐席效率飞速提高。</p>
+                            </div>
+                        </div>
+                        <div class="step3_r fl animated bounceInRight">
+                            <img src="images/laptop2.png" alt="" class="system-img">
+                        </div>
                     </div>
-                </div>
             </div>
         </div>
         <div id="step4" class="step">
-            <div class="step2Content">
+            <div class="step1Content">
-                <div class="box fadeInUp animated" amstyle="fadeInUp" delaytime="300">
+                <div class="inner">
-                    <div class="step2Words"><span class="font-size">权限</span>管理</div>
+                    <div class="content_width">
-                    <p class="step2Detail">根据不同使用场景，汇盈帮手在权限管理中可构建组织架构和创建人员角色，即可更好的配置组织架构的权限管理；同时保持对产品政策的可修改和调整性。通过架设云服务器实现异地登陆异地呼叫功能 即可让老板实现对公司的轻松有效管理，又能有效避免同行竞争人员流失现象。</p>
+                        <div class="step4_r fl animated bounceInRight">
-                </div>
+                            <img src="images/laptop3.png" alt="" class="system-img2">
-                <div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
+                        </div>
-                    <img src="images/laptop3.png" alt="" class="system-img2 lazy">
+                        <div class="step4_l fl animated bounceInLeft">
-                </div>
+                            <div class="step2Words ">
-                <div class="bgLine bgLineLeft">
+                                <span class="font-size">呼叫</span>中心
-                    <div>
+                            </div>
-                        <img src="images/line3.png" width="380" height="75" alt="" class="lineImg1">
+                            <div class="content">
-                        <img src="images/line3.png" width="380" height="75" alt="" class="lineImg2">
+                                <p class="step2Detail">根据不同使用场景，汇盈帮手在权限管理中可构建组织架构和创建人员角色，即可更好的配置组织架构的权限管理；同时保持对产品政策的可修改和调整性。通过架设云服务器实现异地登陆异地呼叫功能 即可让老板实现对公司的轻松有效管理，又能有效避免同行竞争人员流失现象。</p>
-                    </div>
+                            </div>
-                </div>
+                        </div>
-                <div class="bgLine bgLineRight">
+                        <div class="bgLine bgLineLeft">
-                    <div>
+                            <div>
-                        <img src="images/line3.png" width="380" height="75" alt="" class="lineImg1">
+                                <img src="images/line3.png" width="380" height="75" alt="" class="lineImg1">
-                        <img src="images/line3.png" width="380" height="75" alt="" class="lineImg2">
+                                <img src="images/line3.png" width="380" height="75" alt="" class="lineImg2">
+                            </div>
+                        </div>
+                        <div class="bgLine bgLineRight">
+                            <div>
+                                <img src="images/line3.png" width="380" height="75" alt="" class="lineImg1">
+                                <img src="images/line3.png" width="380" height="75" alt="" class="lineImg2">
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -361,7 +372,7 @@
         <div id="step6" class="step">
             <div class="inner">
                 <div class="step6Words fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">财务</span>管理</div>
-                <div class="step6box fadeInUp animated" amstyle="fadeInUp" delaytime="300">业绩提成，工资计算更加方便，省去财务人员手动计算业绩提成。</div>
+                <div class="step6box fadeInUp animated" amstyle="fadeInUp" delaytime="300">业绩提成，工资计算更加方便，省去财务人员手动计算业绩提成。<br/></div>
                 <div id="myCarousel2" class="carousel slide step6-aaa" data-ride="carousel">
                     <!-- 轮播（Carousel）指标 -->
                     <ol class="carousel-indicators">
@@ -390,6 +401,7 @@
                         <span class="sr-only">Next</span>
                     </a>
                 </div>
+                <div class="step6-right">在财务管理中心，汇盈帮手提供完善的处理方案，销售订单同步到财务人员，助力财务统计提成，保险公司回单自动配对，返现管理设置灵活，补点匹配 自动生成台账 支持于保险公司对账。系统有背靠背对账功能，双方保单信息或费用信息不<br/>同，自动显示，重点突<br/>出，方便人工确认。</div>
             </div>
         </div>
         <div id="step7" class="step plate7">
@@ -489,6 +501,22 @@
                 </div>
             </div>
         </div>
+        <div id="step9" class="step">
+            <div class="step1Content">
+                <div class="inner">
+                    <div class="step7Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">生成<span class="font-size">报价信息</span></div>
+                    <p class="step7Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">在呼叫销售页面可直接选择投保险种，获取报价信息；</p>
+                    <div class="step9-img fadeInLeft animated" amstyle="fadeInLeft" delaytime="350"><img src="images/laptop7-1.png" alt=""></div>
+                </div>
+            </div>
+        </div>
+        <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>
+                <img src="images/renshi1.png" alt="" class="fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
+            </div>
+        </div>
     </div>
 </div>
 <!--main over-->
@@ -512,7 +540,7 @@
 </div>
 <script src="js/jquery-1.8.3.min.js"></script>
 <script src="js/index.js"></script>
-<script src="http://www.tedu.cn/jtxmt/pz/c/js/idangerous.swiper.min.js"></script>
+<script src="js/idangerous.swiper.min.js"></script>
 <script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script>

map.html

@@ -16,7 +16,7 @@
 
 <body>
 <!--百度地图容器-->
-<div style="width:957px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
+<div style="width:1222px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
 </body>
 <script type="text/javascript">
     //创建和初始化地图函数：