zhaotonghua
/
website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

更改在线体验样式，公司资讯里面添加一些动态效果

Browse Source
master
赵桐华 5 years ago
parent e7fc3d273d
commit e2fd2001f6
12 changed files with 496 additions and 406 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 32
      .idea/workspace.xml
  2. 2
      aboutUs.html
  3. 20
      css/aboutUs.css
  4. 36
      css/common.css
  5. 70
      css/experience.css
  6. 556
      css/index.css
  7. 19
      css/information.css
  8. 2
      css/success.css
  9. 61
      experience.html
  10. BIN
      images/apply.jpg
  11. 56
      index.html
  12. 48
      information.html

32
.idea/workspace.xml
Unescape View File

@ -4,18 +4,15 @@
<list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/aboutUs.html" beforeDir="false" afterPath="$PROJECT_DIR$/aboutUs.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details1.html" beforeDir="false" afterPath="$PROJECT_DIR$/details1.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details2.html" beforeDir="false" afterPath="$PROJECT_DIR$/details2.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details3.html" beforeDir="false" afterPath="$PROJECT_DIR$/details3.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details4.html" beforeDir="false" afterPath="$PROJECT_DIR$/details4.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details5.html" beforeDir="false" afterPath="$PROJECT_DIR$/details5.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details6.html" beforeDir="false" afterPath="$PROJECT_DIR$/details6.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/aboutUs.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/aboutUs.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/experience.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/experience.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/information.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/information.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/success.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/success.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/bg3.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/information.html" beforeDir="false" afterPath="$PROJECT_DIR$/information.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/map.html" beforeDir="false" afterPath="$PROJECT_DIR$/map.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/success.html" beforeDir="false" afterPath="$PROJECT_DIR$/success.html" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
@ -101,7 +98,10 @@
<workItem from="1576135224025" duration="7300000" />
<workItem from="1576199457018" duration="24188000" />
<workItem from="1576458615097" duration="22488000" />
<workItem from="1576563295536" duration="8059000" />
<workItem from="1576563295536" duration="8768000" />
<workItem from="1576635420046" duration="19140000" />
<workItem from="1576717839947" duration="14115000" />
<workItem from="1576739116348" duration="2680000" />
</task>
<task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created>
@ -180,7 +180,14 @@
<option name="project" value="LOCAL" />
<updated>1576490070788</updated>
</task>
<option name="localTasksCounter" value="12" />
<task id="LOCAL-00012" summary="更改手机号">
<created>1576576345189</created>
<option name="number" value="00012" />
<option name="presentableId" value="LOCAL-00012" />
<option name="project" value="LOCAL" />
<updated>1576576345189</updated>
</task>
<option name="localTasksCounter" value="13" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -207,6 +214,7 @@
<MESSAGE value="修改首页字体,以及添加详情页" />
<MESSAGE value="更改资讯图片" />
<MESSAGE value="更改样式" />
<option name="LAST_COMMIT_MESSAGE" value="更改样式" />
<MESSAGE value="更改手机号" />
<option name="LAST_COMMIT_MESSAGE" value="更改手机号" />
</component>
</project>

2
aboutUs.html
Unescape View File

@ -94,7 +94,7 @@
<div class="the-way fl">
<img src="images/dizhi_icon.png" alt="" class="the-way-icon">
<p class="the-way-title">联系地址 </p>
<p class="the-way-content">北京市丰台区卢沟桥路西五里店59</p>
<p class="the-way-content" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">北京市丰台区卢沟桥路西五里店59</p>
</div>
<div class="the-way fl">
<img src="images/dianhua_icon.png" alt="" class="the-way-icon">

20
css/aboutUs.css
Unescape View File

@ -61,6 +61,9 @@
.the-way .the-way-content{
font-size: 15px;
margin-top:10px;
}
.the-way .the-way-content:nth-of-type(1){
}
.media-move{
margin-bottom:50px;
@ -72,15 +75,7 @@
.us-img{
width:124px
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
/*.about-banner{*/
/* height:330px;*/
/*}*/
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
/*.about-banner{*/
/* height:310px;*/
/*}*/
.stepsWords{
margin:50px auto;
}
@ -128,10 +123,11 @@
/* height:250px;*/
/*}*/
.stepsWords{
margin:40px auto;
margin:40px 300px;
}
.media-move{
margin-left:124px;
width: 681px;
}
.the-way .the-way-icon{
width:60px;
@ -151,4 +147,10 @@
.us-img{
width:100px
}
/*.the-way{*/
/* width: 206px;*/
/*}*/
.contact-us-way{
width:640px;
}
}

36
css/common.css
Unescape View File

@ -5,6 +5,7 @@ body{
height: 100%;
overflow-x: hidden;
}
.fl{
float:left;
}
@ -26,7 +27,6 @@ a{
max-width: 1200px;
width:80%;
margin: 0 auto;
overflow: hidden;
}
.inner1{
max-width: 910px;
@ -148,3 +148,37 @@ a{
float:right;
margin-top: -60px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.phone{
margin-left:2%;
}
.footer-img {
margin-right: 0;
}
.footer-img1 {
margin-right: 0;
}
}
@media screen and (min-width: 0) and (max-width: 1025px) {
.header{
width:1025px;
}
.header .list {
margin-left: 0;
font-size: 15px;
}
.phone{
margin-left:2%;
}
.footer-img {
margin-right: 0;
}
.footer-img1 {
margin-right: 0;
}
#footerBlock {
width: 1025px;
font-size: 13px;
}
}

70
css/experience.css
Unescape View File

@ -1,43 +1,40 @@
.bg{
width:100%;
height:1000px;
background:url("../images/experience.jpg") no-repeat 0 0/cover;
height:837px;
/*background:url("../images/2.jpg") no-repeat 0 0/cover;*/
position:relative;
top:80px;
text-align: center;
}
.holderDiv {
height: 50px;
.experience-bg{
background: url('../images/apply.jpg') center/cover;
height: 250px;
text-align: center;
color: white;
}
.application{
position:relative;
width:900px;
height:500px;
width:780px;
background-color: #fff;
box-shadow: #666 0px 0px 10px;
margin:100px auto;
margin:0 auto;
margin-top:-60px;
z-index: 3;
padding: 24px;
border-radius: 15px;
box-shadow: 0 1px 16px #aaaaaa, 0 0 1px #eee, 0 0 1px #eee;
}
.application-left{
position: absolute;
top:30%;
top:10%;
left:2%;
width:40%;
}
.application-right{
width:60%;
padding:50px 40px;
}
.application-right-title{
font-size:25px;
text-align: left;
font-weight: bold;
}
.application-right-form{
width:100%;
margin-top:50px;
}
.form-horizontal{
margin-top:80px;
margin-top:30px;
}
.control-label{
font-size:20px;
@ -58,8 +55,8 @@
.jump{
width:108px;
font-size:18px;
margin-top:23px;
margin-left:334px;
margin-top:15px;
margin-left:270px;
font-family: 'sans-serif';
cursor: pointer;
display: inline-block;
@ -71,27 +68,34 @@
display: inline-block;
vertical-align: middle;
}
.small-prompt{
margin-top: 35px;
margin-left: -278px;
/*font-size:15px;*/
color: #747474;;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.holderDiv{
height:152px;
}
.application{
width:810px;
height:477px;
width:780px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.holderDiv{
height:126px;
@media screen and (min-width: 770px) and (max-width: 1024px) {
.application{
width:780px;
}
.orange-logo{
width:290px;
}
}
@media screen and (min-width: 0) and (max-width: 770px) {
.application{
width:810px;
height:470px;
width:780px;
}
.orange-logo{
width:290px;
}
.form-horizontal{
margin-top:45px;
.btn{
margin-left:69px;
}
}

556
css/index.css
Unescape View File

@ -64,11 +64,15 @@
.stepsShow {
display: flex;
justify-content: space-between;
margin-top: 62px;
padding: 26px 0;
}
.stepsShow li {
width: 384px;
text-align: center;
padding-top:30px;
}
.stepsShow li:hover{
box-shadow: 0 1px 16px #bcbcbc, 0 0 1px #eee, 0 0 1px #eee;
}
.stepsShow li a{
display: inline-block;
@ -224,278 +228,278 @@ dl {
box-sizing: border-box;
}
@media screen and (max-width: 1920px) and (min-width: 1681px) {
.steps {
/*height: auto;*/
padding-bottom: 80px;
}
.holderDiv {
height: 200px;
}
.stepWords ，.step2Words {
margin-top: 50px;
}
.system-img{
width:890px;
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
.step{
height:675px;
}
.ban{
height:670px;
}
#steps {
padding-top: 46px;
}
#steps{
height:700px;
}
.system-img{
width:660px;
}
.stepWords{
font-size:32px;
}
.step1Line{
margin-top: 30px;
}
.step1Detail{
font-size: 15px;
margin-top:65px;
}
.step2Words{
font-size:32px;
}
.step2Line{
margin-top: 30px;
}
.step2Detail{
font-size: 15px;
margin-top:65px;
}
.system-img2{
width:635px;
margin-top: 20.5%;
}
.hook-left{
width:42px;
}
.hook-right{
width:42px;
}
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
.step{
height:630px;
}
.ban{
height:610px;
}
.ban .banner-top{
margin-top:150px;
font-size:55px;
}
.ban-top-title{
font-size: 18px;
}
#steps {
padding-top: 35px;
}
.stepsShow{
margin-top: 45px;
}
.detailicon img{
width:75px;
}
.detail .detailTitle{
font-size:18px;
}
.stepWords{
font-size:30px;
}
.step1Line{
margin-top: 30px;
}
.step1Detail{
font-size: 15px;
margin-top:50px;
}
.step2Words{
font-size:30px;
}
.step2Line{
margin-top: 30px;
}
.step2Detail{
font-size: 15px;
margin-top:50px;
}
.system-img{
width:640px;
}
.system-img2{
width:620px;
margin-top: 20.5%;
}
.hook-left{
width:41px;
}
.hook-right{
width:41px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.step{
height:600px;
}
.ban{
height:610px;
}
#steps {
padding-top: 35px;
}
.ban .banner-top{
margin-top: 180px;
font-size:48px;
}
.ban-top-title{
margin-top: 28px;
font-size:16px;
width:520px;
}
.ban .experience{
width:160px;
height:52px;
font-size:18px;
margin-top: 30px;
}
.stepsShow{
margin-top: 45px;
}
.detailicon img{
width:70px;
}
.detail .detailTitle{
font-size:18px;
}
.stepWords{
font-size:30px;
}
.step1Line{
margin-top: 30px;
}
.step1Detail{
width:326px;
font-size: 14px;
margin-top:50px;
padding:10px;
background-color:rgba(204,204,204,0.3);
border-radius: 6px;
}
.step2Words{
font-size:30px;
}
.step2Line{
margin-top: 30px;
}
.step2Detail{
font-size: 14px;
margin-top:50px;
}
.system-img{
width:555px;
}
.system-img2{
width:550px;
margin-top: 20.5%;
}
.hook-left{
width:37px;
}
.hook-right{
width:37px;
}
.holderDiv{
width:170px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.step{
height:560px;
}
.ban{
height:610px;
}
#steps {
padding-top: 35px;
}
.ban .banner-top{
margin-top: 148px;
font-size:44px;
}
.ban-top-title{
font-size:15px;
margin-top:30px;
width:430px;
}
.ban .experience{
width:150px;
height:52px;
font-size:16px;
margin-top: 30px;
}
.stepsShow{
margin-top: 45px;
}
.detailicon img{
width:60px;
}
.detail .detailTitle{
font-size:17px;
}
.step1Content{
margin-bottom: 49px;
}
.stepWords{
font-size:30px;
}
.step1Line{
margin-top: 30px;
}
.step1Detail{
width:290px;
font-size: 12px;
margin-top:30px;
}
.step2Words{
font-size:30px;
}
.step2Line{
margin-top: 25px;
}
.step2Detail{
font-size: 14px;
margin-top:40px;
}
.system-img{
width:545px;
}
.system-img2{
width:540px;
margin-top: 20%;
}
.hook-left{
width:35px;
}
.hook-right{
width:35px;
}
.holderDiv{
width:160px;
}
.footer{
width:1005px;
}
}
/*@media screen and (max-width: 1920px) and (min-width: 1681px) {*/
/* .steps {*/
/* !*height: auto;*!*/
/* padding-bottom: 80px;*/
/* }*/
/* .holderDiv {*/
/* height: 200px;*/
/* }*/
/* .stepWords ，.step2Words {*/
/* margin-top: 50px;*/
/* }*/
/* .system-img{*/
/* width:890px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1367px) and (max-width: 1440px) {*/
/* .step{*/
/* height:675px;*/
/* }*/
/* .ban{*/
/* height:670px;*/
/* }*/
/* #steps {*/
/* padding-top: 46px;*/
/* }*/
/* #steps{*/
/* height:700px;*/
/* }*/
/* .system-img{*/
/* width:660px;*/
/* }*/
/* .stepWords{*/
/* font-size:32px;*/
/* }*/
/* .step1Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step1Detail{*/
/* font-size: 15px;*/
/* margin-top:65px;*/
/* }*/
/* .step2Words{*/
/* font-size:32px;*/
/* }*/
/* .step2Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step2Detail{*/
/* font-size: 15px;*/
/* margin-top:65px;*/
/* }*/
/* .system-img2{*/
/* width:635px;*/
/* margin-top: 20.5%;*/
/* }*/
/* .hook-left{*/
/* width:42px;*/
/* }*/
/* .hook-right{*/
/* width:42px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1281px) and (max-width: 1366px) {*/
/* .step{*/
/* height:630px;*/
/* }*/
/* .ban{*/
/* height:610px;*/
/* }*/
/* .ban .banner-top{*/
/* margin-top:150px;*/
/* font-size:55px;*/
/* }*/
/* .ban-top-title{*/
/* font-size: 18px;*/
/* }*/
/* #steps {*/
/* padding-top: 35px;*/
/* }*/
/* .stepsShow{*/
/* margin-top: 45px;*/
/* }*/
/* .detailicon img{*/
/* width:75px;*/
/* }*/
/* .detail .detailTitle{*/
/* font-size:18px;*/
/* }*/
/* .stepWords{*/
/* font-size:30px;*/
/* }*/
/* .step1Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step1Detail{*/
/* font-size: 15px;*/
/* margin-top:50px;*/
/* }*/
/* .step2Words{*/
/* font-size:30px;*/
/* }*/
/* .step2Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step2Detail{*/
/* font-size: 15px;*/
/* margin-top:50px;*/
/* }*/
/* .system-img{*/
/* width:640px;*/
/* }*/
/* .system-img2{*/
/* width:620px;*/
/* margin-top: 20.5%;*/
/* }*/
/* .hook-left{*/
/* width:41px;*/
/* }*/
/* .hook-right{*/
/* width:41px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1025px) and (max-width: 1280px) {*/
/* .step{*/
/* height:600px;*/
/* }*/
/* .ban{*/
/* height:610px;*/
/* }*/
/* #steps {*/
/* padding-top: 35px;*/
/* }*/
/* .ban .banner-top{*/
/* margin-top: 180px;*/
/* font-size:48px;*/
/* }*/
/* .ban-top-title{*/
/* margin-top: 28px;*/
/* font-size:16px;*/
/* width:520px;*/
/* }*/
/* .ban .experience{*/
/* width:160px;*/
/* height:52px;*/
/* font-size:18px;*/
/* margin-top: 30px;*/
/* }*/
/* .stepsShow{*/
/* margin-top: 45px;*/
/* }*/
/* .detailicon img{*/
/* width:70px;*/
/* }*/
/* .detail .detailTitle{*/
/* font-size:18px;*/
/* }*/
/* .stepWords{*/
/* font-size:30px;*/
/* }*/
/* .step1Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step1Detail{*/
/* width:326px;*/
/* font-size: 14px;*/
/* margin-top:50px;*/
/* padding:10px;*/
/* background-color:rgba(204,204,204,0.3);*/
/* border-radius: 6px;*/
/* }*/
/* .step2Words{*/
/* font-size:30px;*/
/* }*/
/* .step2Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step2Detail{*/
/* font-size: 14px;*/
/* margin-top:50px;*/
/* }*/
/* .system-img{*/
/* width:555px;*/
/* }*/
/* .system-img2{*/
/* width:550px;*/
/* margin-top: 20.5%;*/
/* }*/
/* .hook-left{*/
/* width:37px;*/
/* }*/
/* .hook-right{*/
/* width:37px;*/
/* }*/
/* .holderDiv{*/
/* width:170px;*/
/* }*/
/*}*/
/*@media screen and (min-width: 0) and (max-width: 1024px) {*/
/* .step{*/
/* height:560px;*/
/* }*/
/* .ban{*/
/* height:610px;*/
/* }*/
/* #steps {*/
/* padding-top: 35px;*/
/* }*/
/* .ban .banner-top{*/
/* margin-top: 148px;*/
/* font-size:44px;*/
/* }*/
/* .ban-top-title{*/
/* font-size:15px;*/
/* margin-top:30px;*/
/* width:430px;*/
/* }*/
/* .ban .experience{*/
/* width:150px;*/
/* height:52px;*/
/* font-size:16px;*/
/* margin-top: 30px;*/
/* }*/
/* .stepsShow{*/
/* margin-top: 45px;*/
/* }*/
/* .detailicon img{*/
/* width:60px;*/
/* }*/
/* .detail .detailTitle{*/
/* font-size:17px;*/
/* }*/
/* .step1Content{*/
/* margin-bottom: 49px;*/
/* }*/
/* .stepWords{*/
/* font-size:30px;*/
/* }*/
/* .step1Line{*/
/* margin-top: 30px;*/
/* }*/
/* .step1Detail{*/
/* width:290px;*/
/* font-size: 12px;*/
/* margin-top:30px;*/
/* }*/
/* .step2Words{*/
/* font-size:30px;*/
/* }*/
/* .step2Line{*/
/* margin-top: 25px;*/
/* }*/
/* .step2Detail{*/
/* font-size: 14px;*/
/* margin-top:40px;*/
/* }*/
/* .system-img{*/
/* width:545px;*/
/* }*/
/* .system-img2{*/
/* width:540px;*/
/* margin-top: 20%;*/
/* }*/
/* .hook-left{*/
/* width:35px;*/
/* }*/
/* .hook-right{*/
/* width:35px;*/
/* }*/
/* .holderDiv{*/
/* width:160px;*/
/* }*/
/* .footer{*/
/* width:1005px;*/
/* }*/
/*}*/

19
css/information.css
Unescape View File

@ -9,7 +9,7 @@
.stepsWords{
text-align: center;
position: relative;
margin:80px auto 40px;
margin:120px auto 40px;
width:210px;
font-size:32px;
}
@ -35,7 +35,7 @@
background-color: #ccc;
}
.news-thumbnail{
margin-top:64px;
margin-top:50px;
}
.caption{
background-color: #f5f5f5;
@ -49,6 +49,9 @@
.news-time{
margin-top:30px;
}
.thumbnail img:hover{
transform:scale(1.05);
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
/*.news-banner{*/
/* height:330px;*/
@ -60,6 +63,10 @@
/*}*/
.news-title{
font-size: 22px;
width:370px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;
@ -71,6 +78,10 @@
/*}*/
.news-title{
font-size: 22px;
width:310px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;
@ -85,6 +96,10 @@
/*}*/
.news-title{
font-size: 20px;
width:240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;

2
css/success.css
Unescape View File

@ -1,5 +1,5 @@
.success-details{
margin-bottom: 289px;
height:700px;
}
.stepsWords{
text-align: center;

61
experience.html
Unescape View File

@ -16,7 +16,7 @@
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="inner flex-container">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
@ -27,39 +27,40 @@
</div>
</div>
<div class="bg">
<div class="inner">
<div class="holderDiv"></div>
<div class="application clearfix ban">
<div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo">
</div>
<div class="application-right fr">
<div class="application-right-title">在线体验</div>
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-xs-3 col-sm-2 control-label" style="text-align: left">名字</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="firstname" placeholder="请输入名字" style="height:50px;">
</div>
<div class="experience-bg">
<p style="font-size:28px;padding-top: 70px;">优秀的客户体验从现在开始</p>
</div>
<div class="application clearfix ban">
<div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo">
</div>
<div class="application-right fr">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-xs-3 col-sm-2 control-label" style="text-align: left">用户</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="firstname" placeholder="请输入用户名" style="height:50px;">
</div>
<div class="form-group" style="margin-top:30px;">
<label for="phone" class="col-xs-3 col-sm-2 control-label" style="text-align: left">电话</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
</div>
</div>
<div class="form-group" style="margin-top:20px;">
<label for="phone" class="col-xs-3 col-sm-2 control-label" style="text-align: left">电话</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
</div>
<div class="form-group">
<div class="col-xs-9 col-sm-offset-2 col-sm-9">
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
</div>
</div>
<div class="form-group" style="margin-top:-20px;">
<div class="col-xs-9 col-sm-offset-2 col-sm-9">
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
</div>
<a href="http://demo.huiybs.cn/common/login" class="jump" target="_blank" style="color:#000;text-decoration: none;">
<span style="display: inline-block;vertical-align: middle;">跳转系统</span>
<div class="right-arrow"></div>
</a>
</form>
</div>
</div>
<a href="http://demo.huiybs.cn/common/login" class="jump" target="_blank" style="color:#000;text-decoration: none;">
<span style="display: inline-block;vertical-align: middle;">跳转系统</span>
<div class="right-arrow"></div>
</a>
<div class="small-prompt">或电话与我们取得联络 <span style="font-size:16px;color:#292929;">(010)8329 8300</span></div>
</form>
</div>
</div>
</div>

BIN
images/apply.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

56
index.html
Unescape View File

@ -60,7 +60,7 @@
</div>
<ul class="stepsShow">
<li>
<a href="#step1">
<a href="#step1" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon1">
<img class="lazy" src="images/fanganguihua.png" alt=""/>
@ -74,7 +74,21 @@
</a>
</li>
<li>
<a href="#step2">
<a href="#step3" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon3">
<img class="lazy" src="images/quanxianguanli.png" alt=""/>
</dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd>
<dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理：构建组织机构和创建人员角<br/>
色，即可更好的配置组织机构的权限管<br/>
理；同时保持对产品政策的可修改和调
整性；</dd>
</dl>
</a>
</li>
<li>
<a href="#step2" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon2" >
<img class="lazy" src="images/shujuku.png" alt=""/>
@ -88,23 +102,20 @@
</a>
</li>
<li>
<a href="#step3">
<dl class="detail">
<dt class="detailicon detailicon3">
<img class="lazy" src="images/quanxianguanli.png" alt=""/>
</dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理</dd>
<dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">权限管理：构建组织机构和创建人员角<br/>
色，即可更好的配置组织机构的权限管<br/>
理；同时保持对产品政策的可修改和调
整性；</dd>
</dl>
<a href="#step1" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon1">
<img class="lazy" src="images/caiwu.png" alt=""/>
</dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">财务管理</dd>
<dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">销售订单同步到财务人员，助力财务统计<br/>提成，保险公司回单自动匹对，返现等功能<br/>的灵活设置，补点的灵活设置</dd>
</dl>
</a>
</li>
</ul>
<ul class="stepsShow">
<li>
<a href="#step4">
<a href="#step4" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon5">
<img class="lazy" src="images/baojiafangan.png" alt=""/>
@ -116,7 +127,7 @@
</a>
</li>
<li>
<a href="#step5">
<a href="#step5" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon3">
<img class="lazy" src="images/icon-test.png" alt=""/>
@ -128,7 +139,7 @@
</a>
</li>
<li>
<a href="#step6">
<a href="#step6" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon4">
<img class="lazy" src="images/neiqin.png" alt=""/>
@ -139,6 +150,17 @@
</dl>
</a>
</li>
<li>
<a href="#step1" style="text-decoration: none;">
<dl class="detail">
<dt class="detailicon detailicon1">
<img class="lazy" src="images/renshi.png" alt=""/>
</dt>
<dd class="detailTitle fadeInUp animated" amstyle="fadeInUp" delaytime="400">人事管理</dd>
<dd class="detailDescription fadeInUp animated" amstyle="fadeInUp" delaytime="400">岗位管理/编辑。基本工资的录<br/>入，员工管理权限分配</dd>
</dl>
</a>
</li>
</ul>
</div>
</div>
@ -207,7 +229,7 @@
<img src="images/laptop6.png" alt="" class="system-img lazy">
</div>
</div>
</div>
</div>3
</div>
<div id="step6" class="step">
<div class="step2Content">

48
information.html
Unescape View File

@ -36,21 +36,21 @@
<div class="row">
<div class="col-xs-6 col-sm-6">
<a href="details1.html" style="display: inline-block;width:100%;">
<div class="thumbnail">
<img src="images/thumbnail1.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail1.jpg" alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">汇盈帮手呼叫中心发展历程及下一步功能</h3>
<h3 class="news-title" title="汇盈帮手呼叫中心发展历程及下一步功能">汇盈帮手呼叫中心发展历程及下一步功能</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details2.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail2.jpg" alt="通用的占位符缩略图" style="width:100%;">
<a href="details2.html" style="display: inline-block;width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail2.jpg" alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">汇盈帮手硬件功能介绍</h3>
<h3 class="news-title" title="汇盈帮手硬件功能介绍">汇盈帮手硬件功能介绍</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
@ -59,22 +59,22 @@
</div>
<div class="row" style="margin-top:30px;">
<div class="col-xs-6 col-sm-6">
<a href="details3.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail3.jpg" alt="通用的占位符缩略图" style="width:100%;">
<a href="details3.html" style="display: inline-block;width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail3.jpg" alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">方案系统优势</h3>
<h3 class="news-title" title="方案系统优势">方案系统优势</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details4.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail4.jpg" alt="通用的占位符缩略图" style="width:150%;">
<a href="details4.html" style="display: inline-block;width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail4.jpg" alt="通用的占位符缩略图" style="width:150%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">电话车险呼叫中心建设经验</h3>
<h3 class="news-title" title="电话车险呼叫中心建设经验">电话车险呼叫中心建设经验</h3>
<span class="fr news-time">2019-12-16</span>
</div>
</div>
@ -82,23 +82,23 @@
</div>
</div>
<div class="row" style="margin-top:30px;">
<div class="col-xs-6 col-sm-6">
<a href="details5.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail5.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="col-xs-6 col-sm-6" >
<a href="details5.html" style="display: inline-block;width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail5.jpg" alt="通用的占位符缩略图" style="width:100%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">坐席基本流程</h3>
<h3 class="news-title" title="坐席基本流程">坐席基本流程</h3>
<span class="fr news-time">2019-12-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details6.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail6.jpg" alt="通用的占位符缩略图" style="width:150%;">
<a href="details6.html" style="display: inline-block;width:100%;">
<div class="thumbnail" style="margin-bottom: 0;">
<img src="images/thumbnail6.jpg" alt="通用的占位符缩略图" style="width:150%;transition: all 0.1s;">
<div class="caption clearfix">
<h3 class="news-title">坐席行为管理</h3>
<h3 class="news-title" title="坐席行为管理">坐席行为管理</h3>
<span class="fr news-time">2019-12-16</span>
</div>
</div>

Write Preview
Loading…
Cancel
Save