更改样式

master
赵桐华 5 years ago
parent d356cf7466
commit 12db41f840
  1. 42
      .idea/workspace.xml
  2. 11
      aboutUs.html
  3. 33
      css/aboutUs.css
  4. 9
      css/common.css
  5. 4
      css/details.css
  6. 67
      css/experience.css
  7. 2
      css/index.css
  8. 34
      css/information.css
  9. 34
      css/success.css
  10. 23
      details1.html
  11. 23
      details2.html
  12. 23
      details3.html
  13. 39
      details4.html
  14. 65
      details5.html
  15. 70
      details6.html
  16. 113
      experience.html
  17. BIN
      images/banner1-1.jpg
  18. BIN
      images/banner1-2.jpg
  19. BIN
      images/banner1.jpg
  20. BIN
      images/banner2.jpg
  21. BIN
      images/banner3.jpg
  22. BIN
      images/bg3.jpg
  23. BIN
      images/caiwu.png
  24. BIN
      images/details-img2.jpg
  25. BIN
      images/details-img4.jpg
  26. BIN
      images/details-img5.jpg
  27. BIN
      images/details-img6.jpg
  28. BIN
      images/dianhua_icon.png
  29. BIN
      images/dingwei_icon.png
  30. BIN
      images/dizhi_icon.png
  31. BIN
      images/icon-test_1.png
  32. BIN
      images/icon-test_2.png
  33. BIN
      images/renshi.png
  34. BIN
      images/success.jpg
  35. BIN
      images/thumbnail2.jpg
  36. BIN
      images/thumbnail4.jpg
  37. BIN
      images/thumbnail5.jpg
  38. BIN
      images/thumbnail6.jpg
  39. BIN
      images/youjiantou.png
  40. BIN
      images/youxiang_icon.png
  41. 34
      index.html
  42. 42
      information.html
  43. 1
      js/index.js
  44. 12
      map.html
  45. 66
      success.html

@ -2,24 +2,37 @@
<project version="4"> <project version="4">
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment=""> <list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/css/success.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/details5.html" afterDir="false" />
<change afterPath="$PROJECT_DIR$/details6.html" afterDir="false" />
<change afterPath="$PROJECT_DIR$/success.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" 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$/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/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/details.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/details.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$/details1.html" beforeDir="false" afterPath="$PROJECT_DIR$/details1.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$/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$/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$/details4.html" beforeDir="false" afterPath="$PROJECT_DIR$/details4.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/details-img.jpg" beforeDir="false" /> <change beforePath="$PROJECT_DIR$/images/banner1.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/details-img1.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/details-img1.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/banner2.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/banner3.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/details-img2.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/details-img2.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/details-img2.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/details-img2.jpg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/details-img3.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/details-img3.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/details-img4.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/details-img4.jpg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/thumbnail.jpg" beforeDir="false" /> <change beforePath="$PROJECT_DIR$/images/dianhua_icon.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/dianhua_icon.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/thumbnail1.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail1.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/dingwei_icon.png" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/thumbnail2.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail2.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/thumbnail2.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail2.jpg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/thumbnail3.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail3.jpg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/thumbnail4.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail4.jpg" afterDir="false" /> <change beforePath="$PROJECT_DIR$/images/thumbnail4.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/thumbnail4.jpg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/youxiang_icon.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/youxiang_icon.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="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$/information.html" beforeDir="false" afterPath="$PROJECT_DIR$/information.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/js/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/js/index.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/map.html" beforeDir="false" afterPath="$PROJECT_DIR$/map.html" afterDir="false" />
</list> </list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /> <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
@ -101,7 +114,10 @@
<workItem from="1575507552468" duration="2612000" /> <workItem from="1575507552468" duration="2612000" />
<workItem from="1575622716737" duration="1791000" /> <workItem from="1575622716737" duration="1791000" />
<workItem from="1575853693663" duration="24683000" /> <workItem from="1575853693663" duration="24683000" />
<workItem from="1575939987463" duration="8864000" /> <workItem from="1575939987463" duration="13308000" />
<workItem from="1576135224025" duration="7300000" />
<workItem from="1576199457018" duration="24188000" />
<workItem from="1576458615097" duration="21436000" />
</task> </task>
<task id="LOCAL-00001" summary="官网1.0"> <task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created> <created>1574907211978</created>
@ -166,7 +182,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1575885823251</updated> <updated>1575885823251</updated>
</task> </task>
<option name="localTasksCounter" value="10" /> <task id="LOCAL-00010" summary="更改资讯图片">
<created>1575949269786</created>
<option name="number" value="00010" />
<option name="presentableId" value="LOCAL-00010" />
<option name="project" value="LOCAL" />
<updated>1575949269786</updated>
</task>
<option name="localTasksCounter" value="11" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -191,6 +214,7 @@
<MESSAGE value="添加&#10;ico图标" /> <MESSAGE value="添加&#10;ico图标" />
<MESSAGE value="修改首页图片" /> <MESSAGE value="修改首页图片" />
<MESSAGE value="修改首页字体,以及添加详情页" /> <MESSAGE value="修改首页字体,以及添加详情页" />
<option name="LAST_COMMIT_MESSAGE" value="修改首页字体,以及添加详情页" /> <MESSAGE value="更改资讯图片" />
<option name="LAST_COMMIT_MESSAGE" value="更改资讯图片" />
</component> </component>
</project> </project>

@ -18,14 +18,15 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list on" toUrl="">关于我们</div> <div class="fr list on" toUrl="">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list" toUrl="information.html">公司资讯</div> <div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div class="about-banner ban"></div> <div class="about-banner "></div>
<div class="about-details"> <div class="about-details">
<div class="inner"> <div class="inner">
<div class="stepsWords clearfix"> <div class="stepsWords clearfix ban">
<div class="steps-left fl"></div> <div class="steps-left fl"></div>
<div class="steps-title">关于我们</div> <div class="steps-title">关于我们</div>
<div class="steps-right fr"></div> <div class="steps-right fr"></div>
@ -54,7 +55,7 @@
</div> </div>
<div class="media media-move"> <div class="media media-move">
<div class="media-left media-middle"> <div class="media-left media-middle">
<img src="images/new-media.png" class="media-object us-img"> <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>
<div class="media-body" style="padding-left:40px;"> <div class="media-body" style="padding-left:40px;">
@ -67,7 +68,7 @@
</div> </div>
<div class="media media-move"> <div class="media media-move">
<div class="media-left media-middle"> <div class="media-left media-middle">
<img src="images/new-media.png" class="media-object us-img"> <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>
<div class="media-body" style="padding-left:40px;"> <div class="media-body" style="padding-left:40px;">
@ -91,7 +92,7 @@
<div class="inner"> <div class="inner">
<div class="contact-us-way"> <div class="contact-us-way">
<div class="the-way fl"> <div class="the-way fl">
<img src="images/dingwei_icon.png" alt="" class="the-way-icon"> <img src="images/dizhi_icon.png" alt="" class="the-way-icon">
<p class="the-way-title">联系地址 </p> <p class="the-way-title">联系地址 </p>
<p class="the-way-content">北京市丰台区卢沟桥路西五里店59</p> <p class="the-way-content">北京市丰台区卢沟桥路西五里店59</p>
</div> </div>

@ -1,6 +1,6 @@
.about-banner{ .about-banner{
width:100%; width:100%;
height:460px; height:350px;
background: url("../images/aboutUs.jpg") no-repeat center/cover; background: url("../images/aboutUs.jpg") no-repeat center/cover;
margin-top:80px; margin-top:80px;
} }
@ -44,21 +44,22 @@
padding:20px; padding:20px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom:20px; margin-bottom:20px;
font-family: 'sans-serif';
} }
.the-way:nth-of-type(2){ .the-way:nth-of-type(2){
margin-left:17px; margin-left:17px;
} }
.the-way .the-way-icon{ .the-way .the-way-icon{
width:90px; width:45px;
margin:0 auto; margin:0 auto;
} }
.the-way .the-way-title{ .the-way .the-way-title{
color:#cc3333; color:#cc3333;
font-size: 23px; font-size: 20px;
margin-top:10px; margin-top:10px;
} }
.the-way .the-way-content{ .the-way .the-way-content{
font-size: 17px; font-size: 15px;
margin-top:10px; margin-top:10px;
} }
.media-move{ .media-move{
@ -72,14 +73,14 @@
width:124px width:124px
} }
@media screen and (min-width: 1367px) and (max-width: 1440px) { @media screen and (min-width: 1367px) and (max-width: 1440px) {
.about-banner{ /*.about-banner{*/
height:330px; /* height:330px;*/
} /*}*/
} }
@media screen and (min-width: 1281px) and (max-width: 1366px) { @media screen and (min-width: 1281px) and (max-width: 1366px) {
.about-banner{ /*.about-banner{*/
height:310px; /* height:310px;*/
} /*}*/
.stepsWords{ .stepsWords{
margin:50px auto; margin:50px auto;
} }
@ -97,9 +98,9 @@
} }
} }
@media screen and (min-width: 1025px) and (max-width: 1280px) { @media screen and (min-width: 1025px) and (max-width: 1280px) {
.about-banner{ /*.about-banner{*/
height:250px; /* height:250px;*/
} /*}*/
.stepsWords{ .stepsWords{
margin:50px auto; margin:50px auto;
} }
@ -123,9 +124,9 @@
} }
} }
@media screen and (min-width: 0) and (max-width: 1024px) { @media screen and (min-width: 0) and (max-width: 1024px) {
.about-banner{ /*.about-banner{*/
height:250px; /* height:250px;*/
} /*}*/
.stepsWords{ .stepsWords{
margin:40px auto; margin:40px auto;
} }

@ -83,7 +83,7 @@ a{
} }
.header .list { .header .list {
display: inline-block; display: inline-block;
height: 36px; height: 40px;
width: 86px; width: 86px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
@ -92,14 +92,13 @@ a{
margin-left: 12px; margin-left: 12px;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
font-size:16px;
} }
.list:hover{ .list:hover{
background-color: #ee8333; border-bottom:2px solid #ee8333;
color:#fff;
} }
.on{ .on{
background-color: #ee8333; border-bottom:2px solid #ee8333;
color:#fff;
} }
.header .logoName{ .header .logoName{
font-size:28px; font-size:28px;

@ -9,8 +9,8 @@
line-height: 30px; line-height: 30px;
text-indent: 40px; text-indent: 40px;
} }
.carousel{ .title-top{
margin-top: 80px; margin-top: 160px;
} }
@media screen and (min-width: 1025px) and (max-width: 1366px) { @media screen and (min-width: 1025px) and (max-width: 1366px) {
.stepsWords{ .stepsWords{

@ -6,39 +6,8 @@
top:80px; top:80px;
text-align: center; text-align: center;
} }
/*.online-title{*/
/* font-size:50px;*/
/* margin-top: 100px;*/
/*}*/
/*.online-content{*/
/* font-size:20px;*/
/* margin-top:30px;*/
/*}*/
.holderDiv { .holderDiv {
height: 100px; height: 50px;
}
.stepsWords{
text-align: center;
position: relative;
margin:0 auto;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
} }
.application{ .application{
position:relative; position:relative;
@ -68,7 +37,7 @@
margin-top:50px; margin-top:50px;
} }
.form-horizontal{ .form-horizontal{
margin-top:60px; margin-top:80px;
} }
.control-label{ .control-label{
font-size:20px; font-size:20px;
@ -78,28 +47,30 @@
.form-group{ .form-group{
margin-top:20px; margin-top:20px;
} }
.verification-code{
width:100px;
height:50px;
background-color: #f0ad4e;
color:#fff;
border-radius: 0 6px 6px 0;
position:absolute;
top:0;
right:15px;
text-align: center;
font-size:17px;
line-height: 50px;
}
.btn{ .btn{
width:100%; width:100%;
height:50px; height:50px;
margin-left:-60px; margin-top:20px;
margin-top:30px;
} }
.orange-logo{ .orange-logo{
width:300px; width:300px;
} }
.jump{
width:108px;
font-size:18px;
margin-top:23px;
margin-left:334px;
font-family: 'sans-serif';
cursor: pointer;
display: inline-block;
}
.right-arrow{
width:30px;
height:13px;
background:url("../images/youjiantou.png") no-repeat center/cover;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) { @media screen and (min-width: 1025px) and (max-width: 1280px) {
.holderDiv{ .holderDiv{
height:152px; height:152px;

@ -1,6 +1,4 @@
.ban{ .ban{
height: 747px;
background: url('../images/index.jpg') no-repeat left top/cover;
margin-top:80px; margin-top:80px;
} }
.ban .banner-top{ .ban .banner-top{

@ -1,11 +1,11 @@
.main{ .main{
margin-top:80px; margin-top:80px;
} }
.news-banner{ /*.news-banner{*/
width:100%; /* width:100%;*/
height: 460px; /* height: 460px;*/
background: url('../images/newsBanner.jpg') no-repeat left top/cover; /* background: url('../images/newsBanner.jpg') no-repeat left top/cover;*/
} /*}*/
.stepsWords{ .stepsWords{
text-align: center; text-align: center;
position: relative; position: relative;
@ -50,14 +50,14 @@
margin-top:30px; margin-top:30px;
} }
@media screen and (min-width: 1367px) and (max-width: 1440px) { @media screen and (min-width: 1367px) and (max-width: 1440px) {
.news-banner{ /*.news-banner{*/
height:330px; /* height:330px;*/
} /*}*/
} }
@media screen and (min-width: 1281px) and (max-width: 1366px) { @media screen and (min-width: 1281px) and (max-width: 1366px) {
.news-banner{ /*.news-banner{*/
height:310px; /* height:310px;*/
} /*}*/
.news-title{ .news-title{
font-size: 22px; font-size: 22px;
} }
@ -66,9 +66,9 @@
} }
} }
@media screen and (min-width: 1025px) and (max-width: 1280px) { @media screen and (min-width: 1025px) and (max-width: 1280px) {
.news-banner{ /*.news-banner{*/
height:270px; /* height:270px;*/
} /*}*/
.news-title{ .news-title{
font-size: 22px; font-size: 22px;
} }
@ -80,9 +80,9 @@
} }
} }
@media screen and (min-width: 0) and (max-width: 1024px) { @media screen and (min-width: 0) and (max-width: 1024px) {
.news-banner{ /*.news-banner{*/
height:260px; /* height:260px;*/
} /*}*/
.news-title{ .news-title{
font-size: 20px; font-size: 20px;
} }

@ -0,0 +1,34 @@
.success-details{
margin-bottom: 289px;
}
.stepsWords{
text-align: center;
position: relative;
margin:80px auto 40px;
width:210px;
font-size:32px;
margin-top: 160px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.about-font{
font-size:16px;
line-height: 30px;
}
.media-img{
width:446px
}

@ -20,31 +20,12 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div> <div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel"> <div class="stepsWords title-top ban">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">汇盈帮手呼叫中心发展历程及下一步功能</div> <div class="steps-title">汇盈帮手呼叫中心发展历程及下一步功能</div>
</div> </div>
<div class="inner"> <div class="inner">

@ -20,31 +20,12 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div> <div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel"> <div class="stepsWords title-top ban">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">汇盈帮手硬件功能介绍</div> <div class="steps-title">汇盈帮手硬件功能介绍</div>
</div> </div>
<div class="inner"> <div class="inner">

@ -20,31 +20,12 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div> <div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel"> <div class="stepsWords ban title-top">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">方案系统优势</div> <div class="steps-title">方案系统优势</div>
</div> </div>
<div class="inner"> <div class="inner">

@ -20,36 +20,27 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div> <div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel"> <div class="stepsWords ban title-top">
<!-- 轮播(Carousel)指标 --> <div class="steps-title">电话车险呼叫中心建设经验</div>
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">诚合(北京)汽车服务有限公司部署合作</div>
</div> </div>
<div class="inner"> <div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诚合汽车属于汽车服务有限公司,主要从事汽车销售,汽车保险,车辆年检,车辆维修等汽车相关一系列服务。现公司顺应汽车市场大发展的趋势,争做北京最具影响力的汽车综合服务商,公司现有电话销售与直销2大块。</p> <p class="detail-size">“将计算机、通信等现代化技术与电话车险业务结合起来”是车险行业发展的目标,其中离不开呼叫中心和CRM管理系统的变革。各个保险公司特别是代理公司对呼叫中心与业务平台的集成化要求也越来越高。
<p class="detail-size">公司决定大力发展电销车险业务,为客户提供更优质全面的服务。经过公司电销团队考察甄选,最终采用了汇盈帮手的电销车险呼叫中心系统。公司原采用传统方式拨打电话及管理团队,依托优质的资源销售业绩较好。随着北京车险市场竞争加剧,公司选用了汇盈百顺的电销车险呼叫中心,并根据自己公司规模及资源情况作了定制开发。系统上线后名单客户资料利用率高,坐席拨打效率提升,相信在三个月后,系统作用逐渐明显,业绩再上一台阶。</p> 目前许多车险代理商使用的是通用型呼叫中心系统,甚至没有使用,仍采用的是传统话机+手工记录方式。工欲善其事,必先利其器,没有好的系统支撑,在竞争激烈的保险行业肯定会稍逊一筹。我们在于客户沟通的过程发现,没有采用呼叫中心的客户要么不了解呼叫中心好处,要么担心成本及投入产出比</p>
<p class="detail-size">传统的呼叫中心突出了通信功能,如ACD排队、弹屏、录音、通话详单等等,只能满足保险公司初级需求。要真正提升保险呼叫中心的运营能力必须是建立在客户关系管理CRM系统上。</p>
<p class="detail-size">目前仍有小部分保险代理的电销业务工具停留在全手工阶段,用excel发放名单,坐席用普通电话拨打,跟踪记录在自己的小本本上。这样的方式效率低下,坐席疲劳,更谈不上科学管理。大部分保险机构建立了通用型呼叫中心系统,解决了拨打效率,和客户资料管理的基本需求。但通用型呼叫中心并未跟保险业务挂钩,流程中仍需要大量人工介入。</p>
<p class="detail-size">采用传统呼叫中心系统存在如下问题:</p>
<p class="detail-size">1.在任务分配阶段,管理者工作量大,而且客户资料容易外泄;</p>
<p class="detail-size">2.跟踪记录,拨打流程不符合保险业务;</p>
<p class="detail-size">3.缺乏算价系统支持,即使业务熟悉的销售人员也不能在电话中快且准确地为用户报价;</p>
<p class="detail-size">4.不具备工作流,核心保单数据无法流转;</p>
<p class="detail-size">5.各部门间无法共享数据;</p>
<p class="detail-size">6.管理人员无法快捷清晰地对坐席有效工作量和绩效进行统计。</p>
  <p class="detail-size">汇盈百顺科技在承建几家电销车险呼叫中心的过程中,充分与客户管理沟通,我们认为保险呼叫中心系统的主体是CRM系统,通讯提供支撑服务。我们保险呼叫中心系统优势体现在几个方面-营销,数据,管理,统计,通话。</p>
<img src="images/details-img4.jpg" alt="" style="width:100%;margin:20px 0;"> <img src="images/details-img4.jpg" alt="" style="width:100%;margin:20px 0;">
</div> </div>
<!--main over--> <!--main over-->

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.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>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="stepsWords ban title-top">
<div class="steps-title">坐席基本流程</div>
</div>
<div class="inner">
<p class="detail-size" style="font-size:20px;font-weight: 600;">坐席基本流程</p>
<p class="detail-size">1、坐席打开电销业务界面,弹出需要拨打的客户详情</p>
<p class="detail-size">2、点击呼叫,通时打开算价器,以便快速报价</p>
<p class="detail-size">3、通话结束,添加跟踪记录或预约时间。成交的则提交到内勤核单</p>
<p class="detail-size">4、用系统自带的短信模板发送保费信息</p>
<p class="detail-size">5、翻页处理另一客户。</p>
<p class="detail-size" style="font-size:20px;font-weight: 600;">系统支撑的呼叫方式弊病:</p>
<p class="detail-size">1、坐席需要在excel文档去查找目标客户,浪费时间</p>
<p class="detail-size">2、容易漏掉预约客户</p>
<p class="detail-size">3、不能看到各时间段的客户数量,无法合理安排呼叫任务</p>
<img src="images/details-img5.jpg" alt="" style="width:100%;margin:20px 0;">
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">电话:15811367527</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.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>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="stepsWords ban title-top">
<div class="steps-title">坐席行为管理</div>
</div>
<div class="inner">
<p class="detail-size"> 呼叫中心团队中的坐席是公司宝贵财富,也是管理目标。电销经理如何才能管理好坐席,培养好坐席呢?当团队规模较小时,经理或组长能将坐席工作情况全收眼底,做到较好的现场管理,即使这样也不能形成直观的分析数据。团队规模较大时,经理们就无暇了解具体情况。在车险团队中不适用结果管理,更适应过程管理。</p>
<p class="detail-size">误区:</p>
<p class="detail-size">1、 我们只管坐席的业绩。</p>
<p class="detail-size">这种结果管理只使用于自觉性高的坐席。对于那些自觉性较差而有潜力的坐席,每月算总账时要么是公司炒掉坐席,要么是坐席离职。这样浪费了双方的精力和财力。
所以,以每周或三天划分时间段去分析坐席行为及不足,并给与帮助是好方法。</p>
<p class="detail-size">2、 有考核通时啊</p>
<p class="detail-size">通时是最基础,最粗糙的考核条件。而且你不能保障某些坐席为达指标挂通时行为。</p>
<p class="detail-size">3、 有考核拨打名单量啊</p>
<p class="detail-size">公司通常会规定每天的拨打名单量,但你知道坐席每天处理了多少新名单和预约客户吗?
如果坐席将名单很草率的划为失败,是不是浪费名单呢?我们应该对这样的行为进行监控。</p>
<p class="detail-size">有效的管理办法是:</p>
<p class="detail-size">1、 建立日检视表,分析坐席每天完成的首拨,预约,及剩余数量。</p>
<p class="detail-size">2、 分析坐席名下客户的状态情况,多少成功、失败、报价等。</p>
<p class="detail-size">3、 通时考核上,分析1分钟,三分钟通话以上的通话个数。对特长通话抽查。</p>
<p class="detail-size">结合以上各种报表数据,坐席的工作状态清晰呈现,经理可以有的放矢的进行管理。我们有更多的报表为管理者提供数据,在此不一一列举。</p>
<img src="images/details-img6.jpg" alt="" style="width:100%;margin:20px 0;">
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">电话:15811367527</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -21,6 +21,7 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list on" toUrl="">在线体验</div> <div class="fr list on" toUrl="">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list" toUrl="information.html">公司资讯</div> <div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
@ -28,69 +29,35 @@
<div class="bg"> <div class="bg">
<div class="inner"> <div class="inner">
<div class="holderDiv"></div> <div class="holderDiv"></div>
<div class="stepsWords clearfix"> <div class="application clearfix ban">
<div class="steps-left fl"></div>
<div class="steps-title">在线体验</div>
<div class="steps-right fr"></div>
</div>
<div class="application clearfix">
<div class="application-left fl"> <div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo"> <img src="images/orange-logo.png" alt="" class="orange-logo">
<a href="http://demo.huiybs.cn/common/login" style="font-size:15px;color:red;display: inline-block;margin-top:80px;" target="_blank">跳转系统</a>
</div> </div>
<div class="application-right fr"> <div class="application-right fr">
<div class="application-right-title">在线体验</div> <div class="application-right-title">在线体验</div>
<form class="form-horizontal" role="form"> <form class="form-horizontal" role="form">
<div class="form-group"> <div class="form-group">
<label for="firstname" class="col-xs-3 col-sm-3 control-label" style="text-align: left">名字</label> <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"> <div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="firstname" placeholder="请输入名字" style="height:50px;"> <input type="text" class="form-control" id="firstname" placeholder="请输入名字" style="height:50px;">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group" style="margin-top:30px;">
<label for="phone" class="col-xs-3 col-sm-3 control-label" style="text-align: left">电话</label> <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"> <div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;"> <input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
</div> </div>
</div> </div>
<div class="form-group" style="position: relative">
<label for="code" class="col-xs-3 col-sm-3 control-label" style="text-align: left">验证码</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="code" placeholder="请输入验证码" style="height:50px;">
<div class="verification-code">验证码</div>
</div>
</div>
<div class="form-group"> <div class="form-group">
<div class="col-xs-10 col-sm-offset-2 col-sm-10"> <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;" data-toggle="modal" data-target="#myModal">登录</div>-->
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div> <div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
<!-- 模态框(Modal) -->
<!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">-->
<!-- <div class="modal-dialog">-->
<!-- <div class="modal-content" style="width:300px;margin:100px auto;">-->
<!-- <div class="modal-header">-->
<!-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">-->
<!-- &times;-->
<!-- </button>-->
<!-- <h4 class="modal-title" id="myModalLabel">-->
<!-- 汇盈帮手车险业务系统账号密码-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="modal-body">-->
<!-- <div>账号:<span class="account">暂无</span></div>-->
<!-- <div>密码:<span class="password">暂无</span></div>-->
<!-- </div>-->
<!-- <div class="modal-footer">-->
<!-- <button type="button" class="btn btn-default" style="width:48%;" data-dismiss="modal">关闭</button>-->
<!-- <button type="button" class="btn btn-primary" style="width:48%;" data-dismiss="modal">确定</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
</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> </form>
</div> </div>
</div> </div>
</div> </div>
@ -120,54 +87,17 @@
<script> <script>
$(function () { $(function () {
var baseUrl = 'http://demo.huiybs.cn/api/'; var baseUrl = 'http://demo.huiybs.cn/api/';
$(".verification-code").click(function () {
var phone=$('#phone').val();//手机号码的值
var mobileReg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/; //手机号正则
var phoneflag = mobileReg.test(phone);
var _this=$(this);
if(!phoneflag){
alert('手机号码格式不正确!');
}else{
$.ajax({
url:baseUrl+'sms-verify-code',
type: 'post',
dataType: 'json',
data: {
mobile:phone
},
success:function(data) {
console.log(data);
_this.attr("disabled", "disabled");
_this.css({background:"#f1ca94"});//设置不可点颜色
var val = parseInt(_this.html());
var time = 60;
_this.html(time + " S");
time--;
var timer = setInterval(function() {
val = time + " S";
_this.html(val);
if (time > 0) {
time--;
} else {
//原始颜色
_this.html("验证码").removeAttr("disabled").css({background:"#f0ad4e"});
clearInterval(timer);
}
}, 1000);
}
})
}
});
$(".login").click(function () { $(".login").click(function () {
var name=$('#firstname').val(); var name=$('#firstname').val();
var phone=$('#phone').val(); var phone=$('#phone').val();
var code=$("#code").val(); var mobileReg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/; //手机号正则
var phoneflag = mobileReg.test(phone);
if(name===''){ if(name===''){
alert('请填写名字'); alert('请填写名字');
}else if(phone===''){ }else if(phone===''){
alert('请填写电话号'); alert('请填写电话号');
}else if(code===''){ }else if(phone!=='' && !phoneflag){
alert('请填写验证码'); alert('手机号码格式不正确!');
}else{ }else{
$.ajax({ $.ajax({
url: baseUrl + 'register', url: baseUrl + 'register',
@ -175,17 +105,14 @@
dataType: 'json', dataType: 'json',
data: { data: {
name: name, name: name,
mobile: phone, mobile: phone
code:code
}, },
success: function (data) { success: function (data) {
console.log(data); if(data.code===0) {
if(data.code===0){ alert(data.msg);
console.log(data.data.username); }
console.log(data.data.password); if(data.code===-1) {
alert("\n汇盈帮手车险业务系统\n\n账号:"+data.data.username+"\n密码:"+data.data.password); alert('操作频繁,请稍后再试');
}else if(data.code===-1){
alert('请填入正确内容');
} }
} }
}); });

Binary file not shown.

After

Width:  |  Height:  |  Size: 264 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 514 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 577 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 264 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 688 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 545 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 559 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 587 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 700 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 735 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 649 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

@ -10,8 +10,11 @@
<link href="images/favicon.ico" rel="icon" type="image/x-icon" /> <link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script> <script src="js/index.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<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>
</head> </head>
<body style="font-family:'黑体'"> <body>
<div id="wrap"> <div id="wrap">
<div id="banner" class="header clearfix"> <div id="banner" class="header clearfix">
<div class="inner"> <div class="inner">
@ -19,18 +22,35 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list" toUrl="information.html">公司资讯</div> <div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list on" toUrl="">产品介绍</div> <div class="fr list on" toUrl="">产品介绍</div>
</div> </div>
</div> </div>
<div id="main" style="min-width: 1080px;"> <div id="main" style="min-width: 1080px;">
<div id="pc" class="ban"> <div id="pc" class="ban">
<div class="inner"> <div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">汇盈帮手让保险销售更简单</div> <!-- 轮播(Carousel)指标 -->
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">一套车险电话销售全生命周期管理系统</div> <ol class="carousel-indicators">
<div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div> <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1-1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner1-2.jpg" alt="First slide">
</div>
</div> </div>
</div> </div>
<!-- <div class="inner">-->
<!-- <div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300" style="font-family: '黑体'">汇盈帮手让保险销售更简单</div>-->
<!-- <div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">一套车险电话销售全生命周期管理系统</div>-->
<!-- <div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div>-->
<!-- </div>-->
</div>
<div id="steps" class="step"> <div id="steps" class="step">
<div class="inner"> <div class="inner">
<div class="stepsWords clearfix"> <div class="stepsWords clearfix">
@ -56,7 +76,7 @@
<li> <li>
<a href="#step2"> <a href="#step2">
<dl class="detail"> <dl class="detail">
<dt class="detailicon detailicon1" > <dt class="detailicon detailicon2" >
<img class="lazy" src="images/shujuku.png" alt=""/> <img class="lazy" src="images/shujuku.png" alt=""/>
</dt> </dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">数据库管理</dd> <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">数据库管理</dd>
@ -70,7 +90,7 @@
<li> <li>
<a href="#step3"> <a href="#step3">
<dl class="detail"> <dl class="detail">
<dt class="detailicon detailicon2"> <dt class="detailicon detailicon3">
<img class="lazy" src="images/quanxianguanli.png" alt=""/> <img class="lazy" src="images/quanxianguanli.png" alt=""/>
</dt> </dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd> <dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd>

@ -18,14 +18,15 @@
<div class="fl logoName">汇盈帮手</div> <div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div> <div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div> <div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="success.html">成功案例</div>
<div class="fr list on" toUrl="">公司资讯</div> <div class="fr list on" toUrl="">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div> <div class="fr list" toUrl="index.html">产品介绍</div>
</div> </div>
</div> </div>
<div class="main" style="min-width: 1080px;"> <div class="main" style="min-width: 1080px;">
<div class="news-banner ban"></div> <!-- <div class="news-banner "></div>-->
<div class="inner"> <div class="inner">
<div class="stepsWords clearfix"> <div class="stepsWords clearfix ban">
<div class="steps-left fl"></div> <div class="steps-left fl"></div>
<div class="steps-title">汇盈资讯</div> <div class="steps-title">汇盈资讯</div>
<div class="steps-right fr"></div> <div class="steps-right fr"></div>
@ -73,23 +74,38 @@
<div class="thumbnail"> <div class="thumbnail">
<img src="images/thumbnail4.jpg" alt="通用的占位符缩略图" style="width:150%;"> <img src="images/thumbnail4.jpg" alt="通用的占位符缩略图" style="width:150%;">
<div class="caption clearfix"> <div class="caption clearfix">
<h3 class="news-title">诚合(北京)汽车服务有限公司部署合作</h3> <h3 class="news-title">电话车险呼叫中心建设经验</h3>
<span class="fr news-time">2019-11-12</span> <span class="fr news-time">2019-12-16</span>
</div>
</div>
</a>
</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="caption clearfix">
<h3 class="news-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%;">
<div class="caption clearfix">
<h3 class="news-title">坐席行为管理</h3>
<span class="fr news-time">2019-12-16</span>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<ul class="pagination pagination-lg fr">
<li ><a href="">上一个</a></li>
<li class="active"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">下一个</a></li>
</ul>
</div> </div>
</div> </div>

@ -15,6 +15,7 @@ $(document).ready(function(){
$(this).addClass("on").siblings().removeClass("on"); $(this).addClass("on").siblings().removeClass("on");
$(this).attr("toUrl") && (location.href = $(this).attr("toUrl")); $(this).attr("toUrl") && (location.href = $(this).attr("toUrl"));
}); });
//导航栏颜色随着高度(.ban)进行改变
$(window).scroll(function () { $(window).scroll(function () {
var a = $(document).scrollTop(), t = $(".ban").height(); var a = $(document).scrollTop(), t = $(".ban").height();
a > t - 40 ? $(".header").addClass("bannerChange") && $(".logo").addClass("logo-choose") : $(".header").removeClass("bannerChange")&& $(".logo").removeClass("logo-choose"); a > t - 40 ? $(".header").addClass("bannerChange") && $(".logo").addClass("logo-choose") : $(".header").removeClass("bannerChange")&& $(".logo").removeClass("logo-choose");

@ -16,7 +16,7 @@
<body> <body>
<!--百度地图容器--> <!--百度地图容器-->
<div style="width:1920px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> <div style="width:957px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
//创建和初始化地图函数: //创建和初始化地图函数:
@ -30,8 +30,8 @@
//创建地图函数: //创建地图函数:
function createMap(){ function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(116.256282,39.863119);//定义一个中心点坐标 var point = new BMap.Point(116.256224,39.862932);//定义一个中心点坐标
map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中 map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局 window.map = map;//将map变量存储在全局
} }
@ -46,10 +46,10 @@
//地图控件添加函数: //地图控件添加函数:
function addMapControl(){ function addMapControl(){
//向地图中添加缩放控件 //向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_ZOOM});
map.addControl(ctrl_nav); map.addControl(ctrl_nav);
//向地图中添加缩略图控件 //向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
map.addControl(ctrl_ove); map.addControl(ctrl_ove);
//向地图中添加比例尺控件 //向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
@ -57,7 +57,7 @@
} }
//标注点数组 //标注点数组
var markerArr = [{title:"我的标记",content:"斑马养车",point:"116.256093|39.863154",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} var markerArr = [{title:"斑马养车",content:"地址:丰台区卢沟桥路西五里店59号<br/>电话:15811367527",point:"116.256138|39.862981",isOpen:1,icon:{w:23,h:25,l:0,t:21,x:9,lb:12}}
]; ];
//创建marker //创建marker
function addMarker(){ function addMarker(){

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>成功案例</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="css/success.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="">成功案例</div>
<div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="success-details">
<div class="inner">
<div class="stepsWords clearfix ban">
<div class="steps-left fl"></div>
<div class="steps-title">成功案例</div>
<div class="steps-right fr"></div>
</div>
<div class="media" style="margin-bottom:50px; ">
<div class="media-body">
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诚合汽车属于汽车服务有限公司,主要从事汽车销售,汽车保险,车辆年检,车辆维修等汽车相关一系列服务。现公司顺应汽车市场大发展的趋势,争做北京最具影响力的汽车综合服务商,公司现有电话销售与直销2大块。
<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司决定大力发展电销车险业务,为客户提供更优质全面的服务。经过公司电销团队考察甄选,最终采用了汇盈帮手的电销车险呼叫中心系统。公司原采用传统方式拨打电话及管理团队,依托优质的资源销售业绩较好。随着北京车险市场竞争加剧,公司选用了汇盈百顺的电销车险呼叫中心,并根据自己公司规模及资源情况作了定制开发。系统上线后名单客户资料利用率高,坐席拨打效率提升,相信在三个月后,系统作用逐渐明显,业绩再上一台阶。</p>
</div>
<div class="media-right media-top">
<img src="images/success.jpg" class="media-object media-img">
</div>
</div>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">电话:15811367527</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save