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

添加首页内容

Browse Source
master
赵桐华 5 years ago
parent e2fd2001f6
commit 3960e1a870
11 changed files with 354 additions and 57 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. 26
      .idea/workspace.xml
  2. 4
      css/bootstrap.min.css
  3. 261
      css/index.css
  4. BIN
      images/line.png
  5. BIN
      images/part_icon1.png
  6. BIN
      images/part_icon2.png
  7. BIN
      images/part_icon3.png
  8. BIN
      images/part_icon4.png
  9. BIN
      images/zweb03-tag1.png
  10. BIN
      images/zweb03-tag2.png
  11. 120
      index.html

26
.idea/workspace.xml
Unescape View File

@ -1,18 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<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 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$/css/bootstrap.min.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/bootstrap.min.css" 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/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$/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" />
</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 +94,8 @@
<workItem from="1576563295536" duration="8768000" /> <workItem from="1576563295536" duration="8768000" />
<workItem from="1576635420046" duration="19140000" /> <workItem from="1576635420046" duration="19140000" />
<workItem from="1576717839947" duration="14115000" /> <workItem from="1576717839947" duration="14115000" />
<workItem from="1576739116348" duration="2680000" /> <workItem from="1576739116348" duration="9951000" />
<workItem from="1576805766727" duration="11155000" />
</task> </task>
<task id="LOCAL-00001" summary="官网1.0"> <task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created> <created>1574907211978</created>
@ -187,7 +181,14 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1576576345189</updated> <updated>1576576345189</updated>
</task> </task>
<option name="localTasksCounter" value="13" /> <task id="LOCAL-00013" summary="更改在线体验样式，公司资讯里面添加一些动态效果">
<created>1576742421277</created>
<option name="number" value="00013" />
<option name="presentableId" value="LOCAL-00013" />
<option name="project" value="LOCAL" />
<updated>1576742421277</updated>
</task>
<option name="localTasksCounter" value="14" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@ -215,6 +216,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>

4
css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

261
css/index.css
Unescape View File

@ -1,34 +1,233 @@
.ban{ .ban{
margin-top:80px; margin-top:80px;
} }
.ban .banner-top{ .part-bg{
margin-top:200px; position: relative;
font-size:70px; width:100%;
color: #f2f2f2; height:100px;
margin-left:192px; background-color: #f7f7f7;
} }
.ban-top-title{ .cj_part {
margin-top:50px; position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
top: -70px;
height: 120px;
background: #fff;
z-index: 98;
-moz-box-shadow: 0 2px 3px #cfcfcf;
-webkit-box-shadow: 0 2px 3px #cfcfcf;
-ms-box-shadow: 0 2px 3px #cfcfcf;
box-shadow: 0 2px 3px #cfcfcf;
display: flex;
}
.cj_part .cj_part_li {
float: left;
width: 254px;
position: relative;
overflow: hidden;
}
.cj_part_li img{
width:50px;
margin:35px 15px 35px 22px;
vertical-align: middle;
}
.cj_part_li .info{
vertical-align: middle;
}
.cj_part_li .info h2 {
margin-top: 40px;
font-size: 18px; font-size: 18px;
color: #f2f2f2; line-height: 18px;
width:700px; color: #333;
margin-left:194px; font-weight: normal;
} }
.ban .experience { .cj_part_li .info p {
width: 193px; margin-top: 8px;
height: 56px; line-height: 14px;
line-height: 56px; color: #999;
}
.cj_part_li .link {
top: 120px;
width: 250px;
height: 100%;
position: absolute;
background: #49a1dc;
background: rgba(73,161,220,0.9);
transition: 0.4s;
}
.cj_part_li:hover .link{
top:0;
}
.cj_part_li .link p {
margin: 39px 64px;
font-size: 16px;
width: 120px;
height: 42px;
line-height: 42px;
text-align: center; text-align: center;
font-size: 22px; color: #ffffff;
background: #ee8333; border: 1px solid #ffffff;
color: #FFF; border-radius: 8px;
border-radius: 2px; }
cursor: pointer; .step1{
margin-top:50px;
margin-left:194px; }
.step1-title{
padding:50px 0 30px;
text-align:center;
}
.step1-title h1{
font-size:36px;
line-height:36px;
color:#878787;
} }
.experience:hover{ .step1-title h1 span{
background: #EE7920; color:#bf095f;
}
.step1-title p{
margin-top:10px;
font-size:16px;
line-height:28px;
color:#878787;
}
.zweb03{
padding-bottom:50px;
}
.zweb03 .line{
margin:0 auto;
width:824px;
height:290px;
position:relative;
background:url("../images/line.png") no-repeat center center;
}
.zweb03 .line .num{
top:131px;
width:28px;
height:28px;
z-index:2;
position:absolute;
background:#bf095f;
border-radius:50%;
}
.zweb03 .line .num.n1{
left:-13px;
}
.zweb03 .line .num.n2{
left:253px;
}
.zweb03 .line .num.n3{
left:520px;
}
.zweb03 .line .num.n4{
right:-14px;
}
.zweb03 .line .num p{
text-align:center;
font-size:18px;
color:#ffffff;
line-height:28px;
}
.zweb03 .line .num .box{
left:-41px;
top:-130px;
width:126px;
height:290px;
position:absolute;
}
.zweb03 .line .num.n1 .box h1,
.zweb03 .line .num.n3 .box h1{
margin-left:-46px;
margin-top:78px;
font-size:18px;
width:200px;
line-height:22px;
color:#545454;
text-align:center;
}
.zweb03 .line .num.n1 .tag,
.zweb03 .line .num.n3 .tag{
bottom:0;
width:126px;
height:139px;
z-index:-1;
position:absolute;
background:url("../images/zweb03-tag1.png") no-repeat center;
}
.zweb03 .line .num.n1 .tag h2,
.zweb03 .line .num.n3 .tag h2{
margin-top:56px;
width:108px;
font-size:24px;
line-height:26px;
color:#ffffff;
text-align:center;
}
.zweb03 .line .num.n2 .box h1,
.zweb03 .line .num.n4 .box h1{
margin-left:-46px;
margin-top:170px;
font-size:18px;
width:200px;
line-height:22px;
color:#545454;
text-align:center;
}
.zweb03 .line .num.n2 .tag,
.zweb03 .line .num.n4 .tag{
top:0;
width:126px;
height:139px;
z-index:-1;
position:absolute;
background:url("../images/zweb03-tag2.png") no-repeat center;
}
.zweb03 .line .num.n2 .tag h2,
.zweb03 .line .num.n4 .tag h2{
margin-top:28px;
width:108px;
font-size:24px;
line-height:26px;
color:#ffffff;
text-align:center;
}
.zweb03 .line:hover .num.n1{
animation:move1 2s linear infinite;
}
.zweb03 .line:hover .num.n2{
animation:move2 2s linear infinite;
}
.zweb03 .line:hover .num.n3{
animation:move3 2s linear infinite;
}
.zweb03 .line:hover .num.n4{
animation:move4 2s linear infinite;
}
@keyframes move1{
0%{left:-13px;}
50%{left:13px;}
100%{left:-13px;}
}
@keyframes move2{
0%{left:253px;}
50%{left:233px;}
100%{left:253px;}
}
@keyframes move3{
0%{left:500px;}
50%{left:520px;}
100%{left:500px;}
}
@keyframes move4{
0%{right:-14px;}
50%{right:6px;}
100%{right:-14px;}
}
#step1{
width:100%;
height:647px;
background: url("");
} }
#steps{ #steps{
padding-top: 60px; padding-top: 60px;
@ -99,7 +298,7 @@ dl {
opacity: 0; opacity: 0;
margin-top: 20px; margin-top: 20px;
} }
#step1 { #step3 {
position: relative; position: relative;
padding-bottom: 150px; padding-bottom: 150px;
background: url('../images/index1.jpg') no-repeat center/cover; background: url('../images/index1.jpg') no-repeat center/cover;
@ -153,7 +352,7 @@ dl {
height: 200px; height: 200px;
} }
#step2 { #step4 {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
} }
@ -207,23 +406,23 @@ dl {
top:0; top:0;
right:10%; right:10%;
} }
#step3 { #step5 {
position: relative; position: relative;
padding-bottom: 150px; padding-bottom: 150px;
background: url('../images/index2-1.jpg') no-repeat center/cover; background: url('../images/index2-1.jpg') no-repeat center/cover;
box-sizing: border-box; box-sizing: border-box;
} }
#step4 { #step6 {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
} }
#step5 { #step7 {
position: relative; position: relative;
padding-bottom: 150px; padding-bottom: 150px;
background: url('../images/index3-1.jpg') no-repeat center/cover; background: url('../images/index3-1.jpg') no-repeat center/cover;
box-sizing: border-box; box-sizing: border-box;
} }
#step6 { #step8 {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
} }

BIN
images/line.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/part_icon1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/part_icon2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/part_icon3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/part_icon4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
images/zweb03-tag1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
images/zweb03-tag2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

120
index.html
Unescape View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="baidu-site-verification" content="LDrSbJw8S0" />
<title>首页</title> <title>首页</title>
<link rel="stylesheet" href="css/index.css"/> <link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/common.css">
@ -32,7 +33,7 @@
<div id="myCarousel" class="carousel slide" data-ride="carousel"> <div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- 轮播（Carousel）指标 --> <!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="0" class="banner-dot active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="1"></li>
</ol> </ol>
<!-- 轮播（Carousel）项目 --> <!-- 轮播（Carousel）项目 -->
@ -45,11 +46,106 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="inner">--> </div>
<!-- <div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300" style="font-family: '黑体'">汇盈帮手让保险销售更简单</div>--> <div class="part-bg">
<!-- <div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">一套车险电话销售全生命周期管理系统</div>--> <div class="cj_part">
<!-- <div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div>--> <!-- <ul>-->
<!-- </div>--> <div class="cj_part_li">
<img src="images/part_icon1.png" alt="" class="fl">
<div class="info fl">
<h2>电话解决方案</h2>
<p>接通率提高50%以上</p>
</div>
<div class="link">
<a href="experience.html" style="display: inline-block;text-decoration: none;"><p>在线体验</p></a>
</div>
</div>
<div class="cj_part_li">
<img src="images/part_icon2.png" alt="" class="fl">
<div class="info fl">
<h2>免费测试体验版 </h2>
<p>一对一辅导使用系统 </p>
</div>
<div class="link">
<a href="experience.html" style="display: inline-block;text-decoration: none;"><p>在线体验</p></a>
</div>
</div>
<div class="cj_part_li">
<img src="images/part_icon3.png" alt="" class="fl">
<div class="info fl">
<h2>成熟车险团队</h2>
<p>帮助业务效率飞速提升</p>
</div>
<div class="link">
<a href="experience.html" style="display: inline-block;text-decoration: none;"><p>在线体验</p></a>
</div>
</div>
<div class="cj_part_li">
<img src="images/part_icon4.png" alt="" class="fl">
<div class="info fl">
<h2>15年车险经验</h2>
<p> 实战老师在线辅导</p>
</div>
<div class="link">
<a href="experience.html" style="display: inline-block;text-decoration: none;"><p>在线体验</p></a>
</div>
</div>
<!-- </ul>-->
</div>
</div>
<div id="step1">
<div class="inner">
<div class="step1-title">
<h1>15年车险行业的<span>系列流程</span></h1>
<p>新时代 、新期待</p>
</div>
<div class="zweb03">
<div class="line">
<div class="num n1">
<p>1</p>
<div class="box">
<h1>线下电销业<br/>务实战</h1>
<div class="tag">
<h2>配套<br/>教学</h2>
</div>
</div>
</div>
<div class="num n2">
<p>2</p>
<div class="box">
<h1>一对一现场<br/>培训软件使用</h1>
<div class="tag">
<h2>软件<br/>学习</h2>
</div>
</div>
</div>
<div class="num n3">
<p>3</p>
<div class="box">
<h1>金牌团队长辅助<br/>
提升业绩</h1>
<div class="tag">
<h2>实战<br/>演练</h2>
</div>
</div>
</div>
<div class="num n4">
<p>4</p>
<div class="box">
<h1>建立合作群为客户<br/>
真正解决问题</h1>
<div class="tag">
<h2>售后<br/>
辅导</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="step2">
<div class="inner"></div>
</div> </div>
<div id="steps" class="step"> <div id="steps" class="step">
<div class="inner"> <div class="inner">
@ -164,7 +260,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<div id="step1" class="step"> <div id="step3" class="step">
<div class="step1Content"> <div class="step1Content">
<div class="inner"> <div class="inner">
<div class="holderDiv"></div> <div class="holderDiv"></div>
@ -177,7 +273,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="step2" class="step"> <div id="step4" class="step">
<div class="step2Content"> <div class="step2Content">
<div class="holderDiv"></div> <div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据库管理</div> <div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据库管理</div>
@ -190,7 +286,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="step3" class="step"> <div id="step5" class="step">
<div class="step1Content"> <div class="step1Content">
<div class="inner"> <div class="inner">
<div class="holderDiv"></div> <div class="holderDiv"></div>
@ -203,7 +299,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="step4" class="step"> <div id="step6" class="step">
<div class="step2Content"> <div class="step2Content">
<div class="holderDiv"></div> <div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">报价信息</div> <div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">报价信息</div>
@ -217,7 +313,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="step5" class="step"> <div id="step7" class="step">
<div class="step1Content"> <div class="step1Content">
<div class="inner"> <div class="inner">
<div class="holderDiv"></div> <div class="holderDiv"></div>
@ -231,7 +327,7 @@
</div> </div>
</div>3 </div>3
</div> </div>
<div id="step6" class="step"> <div id="step8" class="step">
<div class="step2Content"> <div class="step2Content">
<div class="holderDiv"></div> <div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">内勤管理</div> <div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">内勤管理</div>

Write Preview
Loading…
Cancel
Save