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. 68
      css/experience.css
  6. 556
      css/index.css
  7. 19
      css/information.css
  8. 2
      css/success.css
  9. 19
      experience.html
  10. BIN
      images/apply.jpg
  11. 50
      index.html
  12. 46
      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=""> <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$/.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$/details1.html" beforeDir="false" afterPath="$PROJECT_DIR$/details1.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/css/aboutUs.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/aboutUs.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details2.html" beforeDir="false" afterPath="$PROJECT_DIR$/details2.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/css/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details3.html" beforeDir="false" afterPath="$PROJECT_DIR$/details3.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/css/experience.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/experience.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details4.html" beforeDir="false" afterPath="$PROJECT_DIR$/details4.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details5.html" beforeDir="false" afterPath="$PROJECT_DIR$/details5.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/css/information.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/information.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details6.html" beforeDir="false" afterPath="$PROJECT_DIR$/details6.html" 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$/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$/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$/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> </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 +98,10 @@
<workItem from="1576135224025" duration="7300000" /> <workItem from="1576135224025" duration="7300000" />
<workItem from="1576199457018" duration="24188000" /> <workItem from="1576199457018" duration="24188000" />
<workItem from="1576458615097" duration="22488000" /> <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>
<task id="LOCAL-00001" summary="官网1.0"> <task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created> <created>1574907211978</created>
@ -180,7 +180,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1576490070788</updated> <updated>1576490070788</updated>
</task> </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 /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -207,6 +214,7 @@
<MESSAGE value="修改首页字体,以及添加详情页" /> <MESSAGE value="修改首页字体,以及添加详情页" />
<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>

2
aboutUs.html
Unescape View File

@ -94,7 +94,7 @@
<div class="the-way fl"> <div class="the-way fl">
<img src="images/dizhi_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" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">北京市丰台区卢沟桥路西五里店59</p>
</div> </div>
<div class="the-way fl"> <div class="the-way fl">
<img src="images/dianhua_icon.png" alt="" class="the-way-icon"> <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{ .the-way .the-way-content{
font-size: 15px; font-size: 15px;
margin-top:10px; margin-top:10px;
}
.the-way .the-way-content:nth-of-type(1){
} }
.media-move{ .media-move{
margin-bottom:50px; margin-bottom:50px;
@ -72,15 +75,7 @@
.us-img{ .us-img{
width:124px 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) { @media screen and (min-width: 1281px) and (max-width: 1366px) {
/*.about-banner{*/
/* height:310px;*/
/*}*/
.stepsWords{ .stepsWords{
margin:50px auto; margin:50px auto;
} }
@ -128,10 +123,11 @@
/* height:250px;*/ /* height:250px;*/
/*}*/ /*}*/
.stepsWords{ .stepsWords{
margin:40px auto; margin:40px 300px;
} }
.media-move{ .media-move{
margin-left:124px; margin-left:124px;
width: 681px;
} }
.the-way .the-way-icon{ .the-way .the-way-icon{
width:60px; width:60px;
@ -151,4 +147,10 @@
.us-img{ .us-img{
width:100px 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%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
} }
.fl{ .fl{
float:left; float:left;
} }
@ -26,7 +27,6 @@ a{
max-width: 1200px; max-width: 1200px;
width:80%; width:80%;
margin: 0 auto; margin: 0 auto;
overflow: hidden;
} }
.inner1{ .inner1{
max-width: 910px; max-width: 910px;
@ -148,3 +148,37 @@ a{
float:right; float:right;
margin-top: -60px; 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;
}
}

68
css/experience.css
Unescape View File

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

556
css/index.css
Unescape View File

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

19
css/information.css
Unescape View File

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

2
css/success.css
Unescape View File

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

19
experience.html
Unescape View File

@ -16,7 +16,7 @@
<body> <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 flex-container">
<div class="fl bannerLogo logo"></div> <div class="fl bannerLogo logo"></div>
<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>
@ -27,28 +27,28 @@
</div> </div>
</div> </div>
<div class="bg"> <div class="bg">
<div class="inner"> <div class="experience-bg">
<div class="holderDiv"></div> <p style="font-size:28px;padding-top: 70px;">优秀的客户体验从现在开始</p>
</div>
<div class="application clearfix ban"> <div class="application clearfix ban">
<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">
</div> </div>
<div class="application-right fr"> <div class="application-right fr">
<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-2 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" style="margin-top:30px;"> <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> <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"> <div class="form-group" style="margin-top:-20px;">
<div class="col-xs-9 col-sm-offset-2 col-sm-9"> <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 class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
</div> </div>
@ -57,9 +57,10 @@
<span style="display: inline-block;vertical-align: middle;">跳转系统</span> <span style="display: inline-block;vertical-align: middle;">跳转系统</span>
<div class="right-arrow"></div> <div class="right-arrow"></div>
</a> </a>
<div class="small-prompt">或电话与我们取得联络 <span style="font-size:16px;color:#292929;">(010)8329 8300</span></div>
</form> </form>
</div> </div>
</div>
</div> </div>
</div> </div>

BIN
images/apply.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

50
index.html
Unescape View File

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

46
information.html
Unescape View File

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

Write Preview
Loading…
Cancel
Save