添加首页内容

master
赵桐华 5 years ago
parent e2fd2001f6
commit 3960e1a870
  1. 26
      .idea/workspace.xml
  2. 2
      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

@ -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>

File diff suppressed because one or more lines are too long

@ -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;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

@ -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>

Loading…
Cancel
Save