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

官网1.0

Browse Source
master
赵桐华 5 years ago
commit 6d48c08c51
59 changed files with 2004 additions and 0 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. 12
      .idea/huiying.iml
  2. 6
      .idea/misc.xml
  3. 8
      .idea/modules.xml
  4. 85
      .idea/workspace.xml
  5. 140
      aboutUs.html
  6. 153
      css/aboutUs.css
  7. 6
      css/bootstrap.min.css
  8. 147
      css/common.css
  9. 32
      css/details.css
  10. 126
      css/experience.css
  11. 500
      css/index.css
  12. 99
      css/information.css
  13. 92
      details.html
  14. 112
      experience.html
  15. BIN
      images/1.jpg
  16. BIN
      images/aboutUs.jpg
  17. BIN
      images/banner1.jpg
  18. BIN
      images/banner2.jpg
  19. BIN
      images/banner3.jpg
  20. BIN
      images/baojiafangan.png
  21. BIN
      images/details-img.jpg
  22. BIN
      images/dianhua_icon.png
  23. BIN
      images/dingwei_icon.png
  24. BIN
      images/experience.jpg
  25. BIN
      images/fanganguihua.png
  26. BIN
      images/fudong.png
  27. BIN
      images/icon-test.png
  28. BIN
      images/index.jpg
  29. BIN
      images/index1.jpg
  30. BIN
      images/index2.jpg
  31. BIN
      images/index3.jpg
  32. BIN
      images/jurassic_phone.png
  33. BIN
      images/laptop.png
  34. BIN
      images/laptop1.png
  35. BIN
      images/laptop2.png
  36. BIN
      images/laptop3.png
  37. BIN
      images/laptop4.png
  38. BIN
      images/laptop5.png
  39. BIN
      images/laptop6.png
  40. BIN
      images/laptop7.png
  41. BIN
      images/logo4.png
  42. BIN
      images/logo5.png
  43. BIN
      images/neiqin.png
  44. BIN
      images/new-media.png
  45. BIN
      images/newsBanner.jpg
  46. BIN
      images/orange-logo.png
  47. BIN
      images/p.psd
  48. BIN
      images/picture.png
  49. BIN
      images/quanxianguanli.png
  50. BIN
      images/shujuku.png
  51. BIN
      images/sprite.png
  52. BIN
      images/thumbnail.jpg
  53. BIN
      images/youxiang.png
  54. BIN
      images/youxiang_icon.png
  55. 227
      index.html
  56. 116
      information.html
  57. 23
      js/index.js
  58. 2
      js/jquery-1.8.3.min.js
  59. 118
      map.html

12
.idea/huiying.iml
Unescape View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

6
.idea/misc.xml
Unescape View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>

8
.idea/modules.xml
Unescape View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/huiying.iml" filepath="$PROJECT_DIR$/.idea/huiying.iml" />
</modules>
</component>
</project>

85
.idea/workspace.xml
Unescape View File

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="JavaScript File" />
<option value="CSS File" />
<option value="HTML File" />
</list>
</option>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="ProjectId" id="1TJa7UwuOcERzhHHiadLycoUv0V" />
<component name="PropertiesComponent">
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/css" />
<property name="list.type.of.created.stylesheet" value="CSS" />
<property name="node.js.detected.package.eslint" value="true" />
<property name="node.js.detected.package.tslint" value="true" />
<property name="node.js.path.for.package.eslint" value="project" />
<property name="node.js.path.for.package.tslint" value="project" />
<property name="node.js.selected.package.eslint" value="(autodetect)" />
<property name="node.js.selected.package.tslint" value="(autodetect)" />
<property name="settings.editor.selected.configurable" value="configurable.group.editor" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="C:\Users\Administrator\Desktop\huiying\css" />
</key>
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="" />
<created>1573180487730</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1573180487730</updated>
<workItem from="1573180496726" duration="16858000" />
<workItem from="1573435107326" duration="32000" />
<workItem from="1573435435406" duration="1202000" />
<workItem from="1573439247442" duration="2643000" />
<workItem from="1573442329289" duration="1621000" />
<workItem from="1573444256837" duration="14080000" />
<workItem from="1573521044643" duration="26133000" />
<workItem from="1573606687551" duration="25350000" />
<workItem from="1573693245842" duration="21634000" />
<workItem from="1573780138044" duration="25395000" />
<workItem from="1573814474713" duration="138000" />
<workItem from="1574039614897" duration="3076000" />
<workItem from="1574818735019" duration="15573000" />
<workItem from="1574905325139" duration="1619000" />
</task>
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
</project>

140
aboutUs.html
Unescape View File

@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>关于我们</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/aboutUs.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list on" toUrl="">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="about-banner ban"></div>
<div class="about-details">
<div class="inner">
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">关于我们</div>
<div class="steps-right fr"></div>
</div>
<div class="media" style="margin-bottom:50px;">
<div class="media-body">
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理，流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初，公司将车险行业相关系统作
为核心研发方向， 不断地吸收客户管理经验和需求，形成了车险销售工具
支撑平台</p>
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理，流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初，公司将车险行业相关系统作
为核心研发方向， 不断地吸收客户管理经验和需求，形成了车险销售工具
支撑平台</p>
</div>
<div class="media-right media-top">
<img src="images/thumbnail.jpg" class="media-object media-img">
</div>
</div>
<hr/>
</div>
</div>
<div class="join-us">
<div class="inner">
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">加入我们</div>
<div class="steps-right fr"></div>
</div>
<div class="media media-move">
<div class="media-left media-middle">
<img src="images/new-media.png" class="media-object us-img">
<p class="join-us-title">平台运营</p>
</div>
<div class="media-body" style="padding-left:40px;">
<p class="about-font">岗位资格</p>
<p class="about-font">1. 具备3年以上互联网平台运营经验 ，熟悉用户、数据等方面的运营工作；</p>
<p class="about-font">2. 熟悉企业服务行业，有独立完成产品/活动策划、执行、运营工作；</p>
<p class="about-font">3. 有用户裂变增长及留存实际经验；</p>
<p class="about-font">4. 性格活泼、有创意、逻辑性强，有出色的沟通表达能力及团队协作能力。</p>
</div>
</div>
<div class="media media-move">
<div class="media-left media-middle">
<img src="images/new-media.png" class="media-object us-img">
<p class="join-us-title">平台运营</p>
</div>
<div class="media-body" style="padding-left:40px;">
<p class="about-font">岗位资格</p>
<p class="about-font">1. 具备3年以上互联网平台运营经验 ，熟悉用户、数据等方面的运营工作；</p>
<p class="about-font">2. 熟悉企业服务行业，有独立完成产品/活动策划、执行、运营工作；</p>
<p class="about-font">3. 有用户裂变增长及留存实际经验；</p>
<p class="about-font">4. 性格活泼、有创意、逻辑性强，有出色的沟通表达能力及团队协作能力。</p>
</div>
</div>
<hr>
</div>
</div>
<div class="contact-us">
<div class="inner">
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">联系我们</div>
<div class="steps-right fr"></div>
</div>
<div class="inner">
<div class="contact-us-way">
<div class="the-way fl">
<img src="images/dingwei_icon.png" alt="" class="the-way-icon">
<p class="the-way-title">联系地址 </p>
<p class="the-way-content">北京市丰台区卢沟桥路西五里店59</p>
</div>
<div class="the-way fl">
<img src="images/dianhua_icon.png" alt="" class="the-way-icon">
<p class="the-way-title">联系电话 </p>
<p class="the-way-content">010-51669518</p>
</div>
<div class="the-way fr">
<img src="images/youxiang_icon.png" alt="" class="the-way-icon">
<p class="the-way-title">联系邮箱 </p>
<p class="the-way-content">847787950@qq.com</p>
</div>
</div>
<div>
<iframe src="map.html" width="100%" height="600px;" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号：京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址：北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机：010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱：847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</body>
</html>

153
css/aboutUs.css
Unescape View File

@ -0,0 +1,153 @@
.about-banner{
width:100%;
height:460px;
background: url("../images/aboutUs.jpg") no-repeat center/cover;
margin-top:80px;
}
.stepsWords{
text-align: center;
position: relative;
margin:60px auto;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.about-font{
font-size:16px;
line-height: 30px;
}
.join-us-title{
font-size: 20px;
text-align: center;
margin-top:20px;
}
.the-way{
width:32%;
/*height:300px;*/
background-color: #f5f5f5;
text-align: center;
padding:20px;
box-sizing: border-box;
margin-bottom:20px;
}
.the-way:nth-of-type(2){
margin-left:17px;
}
.the-way .the-way-icon{
width:90px;
margin:0 auto;
}
.the-way .the-way-title{
color:#cc3333;
font-size: 23px;
margin-top:10px;
}
.the-way .the-way-content{
font-size: 17px;
margin-top:10px;
}
.media-move{
margin-bottom:50px;
margin-left:280px;
}
.media-img{
width:446px
}
.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;
}
.media-move{
margin-left:195px;
}
.the-way .the-way-icon{
width:82px;
}
.the-way .the-way-title{
font-size: 22px;
}
.the-way .the-way-content{
font-size: 16px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.about-banner{
height:250px;
}
.stepsWords{
margin:50px auto;
}
.media-move{
margin-left:124px;
}
.the-way .the-way-icon{
width:70px;
}
.the-way .the-way-title{
font-size: 20px;
}
.the-way .the-way-content{
font-size: 15px;
}
.media-img{
width:375px
}
.about-font{
font-size: 14px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.about-banner{
height:250px;
}
.stepsWords{
margin:40px auto;
}
.media-move{
margin-left:124px;
}
.the-way .the-way-icon{
width:60px;
}
.the-way .the-way-title{
font-size: 18px;
}
.the-way .the-way-content{
font-size: 13px;
}
.media-img{
width:350px
}
.about-font{
font-size: 12px;
}
.us-img{
width:100px
}
}

6
css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

147
css/common.css
Unescape View File

@ -0,0 +1,147 @@
*{
margin:0;padding:0;
}
.fl{
float:left;
}
.fr{
float:right;
}
.clearfix::after{
content:'';
display:block;
clear:both;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
}
.inner{
max-width: 1200px;
width:80%;
margin: 0 auto;
overflow: hidden;
}
.inner1{
max-width: 910px;
width:50%;
margin: 0 auto;
overflow: hidden;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInRight {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInRight;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.header{
width: 100%;
height: 80px;
line-height: 80px;
background: rgba(0,0,0,1);
position: fixed;
top:0;
z-index: 10;
font-size: 14px;
transition: all 1s;
color:#fff;
}
.logo{
width:89px;
height:60px;
background: url("../images/logo5.png") no-repeat 0 0/cover;
}
.header .bannerLogo{
margin-top: 10px;
}
.header .logo-choose{
width:89px;
height:60px;
background: url("../images/logo4.png") no-repeat 0 0/cover;
}
.header .list {
display: inline-block;
height: 36px;
width: 86px;
line-height: 36px;
text-align: center;
border-radius: 2px;
margin-top: 22px;
margin-left: 12px;
cursor: pointer;
font-weight: 600;
}
.list:hover{
background-color: #ee8333;
color:#fff;
}
.on{
background-color: #ee8333;
color:#fff;
}
.header .logoName{
font-size:28px;
}
.bannerChange {
background: rgba(255,255,255,1);
box-shadow: 0 3px 2px #ececec;
color:#000;
}
#footerBlock {
width: 100%;
min-height: 100px;
background: #262932;
color: #fff;
font-size: 15px;
position: relative;
}
.footerContent {
max-width: 1200px;
width: 80%;
margin: 0 auto;
min-height: 100px;
}
.record{
padding-top:25px;
box-sizing: border-box;
}
.record1{
margin-top: 10px;
}
.phone{
margin-left:10%;
}
.footer-img{
width:25px;
margin-top: -2px;
margin-right: 10px;
vertical-align: middle;
}
.footer-img1{
width:20px;
margin-top: -2px;
margin-right: 10px;
vertical-align: middle;
}
.footer-logo{
float:right;
margin-top: -60px;
}

32
css/details.css
Unescape View File

@ -0,0 +1,32 @@
.stepsWords{
text-align: center;
position: relative;
margin:80px auto 40px;
width:210px;
font-size:32px;
}
.detail-size{
font-size:16px;
line-height: 30px;
}
.carousel{
margin-top: 80px;
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
.stepsWords{
margin-top:50px;
font-size:30px;
}
.detail-size{
font-size:15px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.stepsWords{
margin-top:30px;
font-size:28px;
}
.detail-size{
font-size:14px;
}
}

126
css/experience.css
Unescape View File

@ -0,0 +1,126 @@
.bg{
width:100%;
height:1000px;
background:url("../images/experience.jpg") no-repeat 0 0/cover;
position:relative;
top:80px;
text-align: center;
}
/*.online-title{*/
/* font-size:50px;*/
/* margin-top: 100px;*/
/*}*/
/*.online-content{*/
/* font-size:20px;*/
/* margin-top:30px;*/
/*}*/
.holderDiv {
height: 100px;
}
.stepsWords{
text-align: center;
position: relative;
margin:0 auto;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.application{
position:relative;
width:900px;
height:500px;
background-color: #fff;
box-shadow: #666 0px 0px 10px;
margin:100px auto;
}
.application-left{
position: absolute;
top:30%;
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:60px;
}
.control-label{
font-size:20px;
font-weight: normal;
margin-top:5px;
}
.form-group{
margin-top:20px;
}
.verification-code{
width:100px;
height:50px;
background-color: #f0ad4e;
color:#fff;
border-radius: 0 6px 6px 0;
position:absolute;
top:0;
right:15px;
text-align: center;
font-size:17px;
line-height: 50px;
}
.btn{
width:100%;
height:50px;
margin-left:-60px;
margin-top:30px;
}
.orange-logo{
width:300px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.holderDiv{
height:152px;
}
.application{
width:810px;
height:477px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.holderDiv{
height:126px;
}
.application{
width:810px;
height:470px;
}
.orange-logo{
width:290px;
}
.form-horizontal{
margin-top:45px;
}
}

500
css/index.css
Unescape View File

@ -0,0 +1,500 @@
.ban{
height: 747px;
background: url('../images/index.jpg') no-repeat left top/cover;
margin-top:80px;
}
.ban .banner-top{
margin-top:200px;
font-size:40px;
color: #f2f2f2;
}
.ban-top-title{
margin-top:50px;
font-size: 20px;
color: #f2f2f2;
width:700px;
}
.ban .experience {
width: 193px;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 22px;
background: #ee8333;
color: #FFF;
border-radius: 2px;
cursor: pointer;
margin-top:30px;
}
.experience:hover{
background: #EE7920;
}
#steps{
padding-top: 60px;
padding-bottom: 60px;
box-sizing: border-box;
}
.step{
height:780px;
}
.stepsWords{
text-align: center;
position: relative;
margin:0 auto;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.stepsShow {
display: flex;
justify-content: space-between;
margin-top: 62px;
}
.stepsShow li {
width: 384px;
text-align: center;
}
.stepsShow li a{
display: inline-block;
color:#000;
}
dl {
display: block;
}
.detail .detailTitle {
font-size: 20px;
margin-top:20px;
opacity: 0;
}
.detailicon img {
position: relative;
cursor: pointer;
width:90px;
}
.detailDescription {
width: 100%;
font-size: 12px;
line-height: 20px;
color: #999;
opacity: 0;
margin-top: 20px;
}
#step1 {
position: relative;
padding-bottom: 150px;
background: url('../images/index1.jpg') no-repeat center/cover;
box-sizing: border-box;
}
.step1BgContainer {
position: absolute;
right: 0;
top: 15%;
margin: auto;
display: flex;
align-items: center;
opacity: 0;
}
.system-img{
width:890px;
}
.step1Content {
max-width: 1200px;
width: 80%;
margin: 0 auto;
text-align: right;
padding-bottom: 90px;
}
.stepWords {
text-align: left;
font-size: 36px;
color: #fff;
opacity: 0;
}
.step1Line {
height: 3px;
background: #fff;
width: 130px;
margin-top: 40px;
}
.step1Detail {
margin-top:80px;
text-align: left;
font-size: 18px;
line-height: 36px;
color: #fff;
width: 380px;
opacity: 0;
margin-bottom: 80px;
padding:10px;
background-color:rgba(204,204,204,0.3);
border-radius: 6px;
}
.holderDiv {
height: 200px;
}
#step2 {
position: relative;
box-sizing: border-box;
}
.step2Content {
width: 30%;
max-width: 1200px;
margin: 0 auto;
margin-left: 60%;
}
.step2Line {
height: 3px;
background: #000;
width: 130px;
opacity: 0;
margin-top: 40px;
}
.step2Words {
font-size: 36px;
color: #000;
opacity: 0;
}
.step2Detail {
margin-top:80px;
font-size: 16px;
line-height: 36px;
color: #000;
margin-bottom: 80px;
width: 400px;
opacity: 0;
}
.step2BgContainer {
position: absolute;
left: 5%;
top: 10%;
margin: auto;
display: flex;
align-items: center;
opacity: 0;
}
.system-img2{
width:780px;
margin-top:18.5%;
}
.hook-left{
position:absolute;
top:0;
left:10%;
}
.hook-right{
position:absolute;
top:0;
right:10%;
}
#step3 {
position: relative;
padding-bottom: 150px;
background: url('../images/index2.jpg') no-repeat center/cover;
box-sizing: border-box;
}
#step4 {
position: relative;
box-sizing: border-box;
}
#step5 {
position: relative;
padding-bottom: 150px;
background: url('../images/index3.jpg') no-repeat center/cover;
box-sizing: border-box;
}
#step6 {
position: relative;
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:36px;
}
.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:28px;
}
.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:24px;
}
.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;
}
}

99
css/information.css
Unescape View File

@ -0,0 +1,99 @@
.main{
margin-top:80px;
}
.news-banner{
width:100%;
height: 460px;
background: url('../images/newsBanner.jpg') no-repeat left top/cover;
}
.stepsWords{
text-align: center;
position: relative;
margin:80px auto 40px;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.line{
width:100%;
height:1px;
background-color: #ccc;
}
.news-thumbnail{
margin-top:64px;
}
.caption{
background-color: #f5f5f5;
}
.pagination>.active>a{
background-color: coral;
}
.news-title{
display: inline-block;
}
.news-time{
margin-top:30px;
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
.news-banner{
height:330px;
}
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
.news-banner{
height:310px;
}
.news-title{
font-size: 22px;
}
.news-time{
margin-top: 26px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.news-banner{
height:270px;
}
.news-title{
font-size: 22px;
}
.news-time{
margin-top: 26px;
}
.stepsWords{
margin-top:60px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.news-banner{
height:260px;
}
.news-title{
font-size: 20px;
}
.news-time{
margin-top: 26px;
font-size: 13px;
}
.stepsWords{
margin-top:50px;
}
.news-thumbnail{
margin-top:35px;
}
}

92
details.html
Unescape View File

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">资讯标题</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;做人就要沉下心来，踏踏实实地去努力。别人说你几句，听着。骂你几句，忍着。没有人会跟父母似得惯
着你。低下头勤勤恳恳去做事才是正道，心高气傲只会使你废在半路上。你很年轻，还没有资本指点江山。一
己是人，众人是天；谋事在人，成事在天，你必须不断充实自己。你只有足够强大，才不会被别人践踏。有的
人，小小年纪，就竣工一颗完整坚实之心。有的人，须发皆白，还在心的地基挖土打桩。有的人，半途而废不
了了之，把半成品的心扔在荒野。有的人，成百里半九十，丢下了不曾结尾的工程。有时候，没有下一次，没
有机会重来，没有暂停继续。有时候，错过了现在，就永远永远的没机会了。快乐的人，不为失去的愤愤不平，只为还
拥有的感激不已。过一种你想要的生活，做一个许多年后值得回忆的人。非常沉默，非常骄傲，从不依靠，从
不寻找。如果有来生，有没有人爱，我也要努力做一个可爱的人。不埋怨谁，不嘲笑谁，也不羡慕谁。阳光下
灿烂，风雨中奔跑。做自己的梦，走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠，拿
体贴换伤害。冲动的话语，也许已经伤透了他的心。钉下一颗钉子容易，但是拔起它却不容易，甚至拔不掉
如果你已经说了过激的话，那么请道歉，用你的温柔去尽量弥补，只是是否有用就无法确定了，但是你至少做了</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size">我们年轻时，都有许许多多梦想——想被男神欣赏，想换个新款手机，想让父母为你得意。只是，人总有惰性，常常不自觉地就犯了懒、贪了玩、畏了难。而就在我们千方百计逃避辛苦、躲开难关的同时，命运残忍地，一扇扇关上了那些梦想的门。
活出自己想要的样子，从来就不是件轻松的事。玩游戏玩不出真本事，撒娇卖萌也换不来好事业。要出人头地，就不可能每天睡到自然醒；要证明自己，就不可以整日整夜玩游戏。
人要幸福，还真就得撸起袖子加油干。
你最终变成什么样的人，很大程度上取决于你在辛苦和困境里，是选择迎风奔跑，还是转身逃跑。
也许，在酣睡中被闹铃叫醒，在冬夜里头晕眼花地啃英语书，在奔波一天后人困马乏地做工作方案……才是幸福人生的必经之路。那些真正对自己的人生满意的人，一定一定，都这样全力付出过。
努力这个词太平庸，但努力将使你的人生不平庸。
所以，亲爱的，从现在起告诉自己：要奔跑，不要逃跑。这样，到某天你站上高点，回头看时，会欣慰地发现：那一年，踌躇满志、紧咬牙关，在不平坦也不平静的路上奋力奔跑的自己，最美。</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号：京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址：北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机：010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱：847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

112
experience.html
Unescape View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线体验</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/experience.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list on" toUrl="">在线体验</div>
<div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="bg">
<div class="inner">
<div class="holderDiv"></div>
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">在线体验</div>
<div class="steps-right fr"></div>
</div>
<div class="application clearfix">
<div class="application-left fl">
<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-3 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>
<div class="form-group">
<label for="phone" class="col-xs-3 col-sm-3 control-label" style="text-align: left">电话</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="phone" placeholder="请输入电话号" style="height:50px;">
</div>
</div>
<div class="form-group" style="position: relative">
<label for="code" class="col-xs-3 col-sm-3 control-label" style="text-align: left">验证码</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="code" placeholder="请输入验证码" style="height:50px;">
<div class="verification-code">验证码</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-10 col-sm-offset-2 col-sm-10">
<div class="btn btn-warning" style="font-size:20px;line-height: 32px;" data-toggle="modal" data-target="#myModal">登录</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" style="width:300px;margin:100px auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
确定登录
</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" style="width:48%;" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" style="width:48%;" data-dismiss="modal">确定</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号：京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址：北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机：010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱：847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

BIN
images/1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 MiB

BIN
images/aboutUs.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

BIN
images/banner1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 689 KiB

BIN
images/banner2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

BIN
images/banner3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 402 KiB

BIN
images/baojiafangan.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/details-img.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
images/dianhua_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
images/dingwei_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
images/experience.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 674 KiB

BIN
images/fanganguihua.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/fudong.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
images/icon-test.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
images/index.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
images/index1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
images/index2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
images/index3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 335 KiB

BIN
images/jurassic_phone.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
images/laptop.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 771 KiB

BIN
images/laptop1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 921 KiB

BIN
images/laptop2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 868 KiB

BIN
images/laptop3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 KiB

BIN
images/laptop4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 837 KiB

BIN
images/laptop5.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

BIN
images/laptop6.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 919 KiB

BIN
images/laptop7.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
images/logo4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
images/logo5.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
images/neiqin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
images/new-media.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
images/newsBanner.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
images/orange-logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
images/p.psd
View File

Binary file not shown.

BIN
images/picture.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
images/quanxianguanli.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/shujuku.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/sprite.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/thumbnail.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 MiB

BIN
images/youxiang.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
images/youxiang_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

227
index.html
Unescape View File

@ -0,0 +1,227 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>首页</title>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="http://www.etoppaas.com.cn/pandaInsure/css/animate.min_48b336b.css"/>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list on" toUrl="">产品介绍</div>
</div>
</div>
<div id="main" style="min-width: 1080px;">
<div id="pc" class="ban">
<div class="inner">
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">【汇盈帮手】软件是北京汇盈百顺科技有限公司旗下专<br/>门为车险电话销售，量身打造的一款SAAS系统</div>
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">其中主要由CRM（即客户信息管理）和ERP（财务模块）和数据管理模块、营销策略定制，四大核心功能组成。
<br/>在进行车险销售之前，可以结合公司情况定制时下活动主题和对应的营销方案，助力业务人员下单</div>
<div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div>
</div>
</div>
<div id="steps" class="step">
<div class="inner">
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">产品特点</div>
<div class="steps-right fr"></div>
</div>
<ul class="stepsShow">
<li>
<a href="#step1">
<dl class="detail">
<dt class="detailicon detailicon1">
<img class="lazy" src="images/fanganguihua.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">
<dl class="detail">
<dt class="detailicon detailicon1" >
<img class="lazy" src="images/shujuku.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="#step3">
<dl class="detail">
<dt class="detailicon detailicon2">
<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>
</ul>
<ul class="stepsShow">
<li>
<a href="#step4">
<dl class="detail">
<dt class="detailicon detailicon5">
<img class="lazy" src="images/baojiafangan.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>
<li>
<a href="#step5">
<dl class="detail">
<dt class="detailicon detailicon3">
<img class="lazy" src="images/icon-test.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>
<li>
<a href="#step6">
<dl class="detail">
<dt class="detailicon detailicon4">
<img class="lazy" src="images/neiqin.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>
<div id="step1" class="step">
<div class="step1Content">
<div class="inner">
<div class="holderDiv"></div>
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">营销方案制定</div>
<div class="step1Line" style="width:220px;"></div>
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300" >定制营销方案、以及对应的礼品业务在打电话的同时，可以选择对应方案，第一时间传达给客户。所选择的方案并同步生成在订单里</p>
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350">
<img src="images/laptop2.png" alt="" class="system-img lazy">
</div>
</div>
</div>
</div>
<div id="step2" class="step">
<div class="step2Content">
<div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据库管理</div>
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300" style="width: 165px;"></div>
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据资料的更改和入库，并且分配给其他分组</p>
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
<img src="images/fudong.png" alt="" class="hook-left lazy">
<img src="images/fudong.png" alt="" class="hook-right lazy">
<img src="images/laptop3.png" alt="" class="system-img2 lazy">
</div>
</div>
</div>
<div id="step3" class="step">
<div class="step1Content">
<div class="inner">
<div class="holderDiv"></div>
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">权限管理</div>
<div class="step1Line"></div>
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">菜单名称的更改，角色权限的分配</p>
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350">
<img src="images/laptop4.png" alt="" class="system-img lazy">
</div>
</div>
</div>
</div>
<div id="step4" class="step">
<div class="step2Content">
<div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">报价信息</div>
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300"></div>
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">选择投保险种，保险公
司即可对比获得报价；</p>
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
<img src="images/fudong.png" alt="" class="hook-left lazy">
<img src="images/fudong.png" alt="" class="hook-right lazy">
<img src="images/laptop5.png" alt="" class="system-img2 lazy">
</div>
</div>
</div>
<div id="step5" class="step">
<div class="step1Content">
<div class="inner">
<div class="holderDiv"></div>
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">订单管理</div>
<div class="step1Line"></div>
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">查看保单状态投保成
功或失败等；查看投保信息明细；</p>
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350">
<img src="images/laptop6.png" alt="" class="system-img lazy">
</div>
</div>
</div>
</div>
<div id="step6" class="step">
<div class="step2Content">
<div class="holderDiv"></div>
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">内勤管理</div>
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300"></div>
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">对销售提交的订单进行审核并对接保险公司、并且订单自动同步到财务</p>
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350">
<img src="images/fudong.png" alt="" class="hook-left lazy">
<img src="images/fudong.png" alt="" class="hook-right lazy">
<img src="images/laptop7.png" alt="" class="system-img2 lazy">
</div>
</div>
</div>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号：京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址：北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机：010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱：847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</body>
</html>

116
information.html
Unescape View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>公司资讯</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/information.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="main" style="min-width: 1080px;">
<div class="news-banner ban"></div>
<div class="inner">
<div class="stepsWords clearfix">
<div class="steps-left fl"></div>
<div class="steps-title">汇盈资讯</div>
<div class="steps-right fr"></div>
</div>
<div class="line"></div>
<div class="news-thumbnail">
<div class="row">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-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="details.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
</div>
<div class="row" style="margin-top:30px;">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-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="details.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
</div>
</div>
<ul class="pagination pagination-lg fr">
<li ><a href="">上一个</a></li>
<li class="active"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">下一个</a></li>
</ul>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号：京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址：北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机：010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱：847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

23
js/index.js
Unescape View File

@ -0,0 +1,23 @@
function animationShow(a, t, n) {
a.hasClass("animated") && !a.hasClass(t) && setTimeout(function (a) {
return function () {
a.addClass(t)
}
}(a), n || 400)
}
$(document).ready(function(){
$(".detailicon").hover(function(){
$(this).find('img').animate({top:'-25px'});
},function () {
$(this).find('img').animate({top:'0'});
});
$(".list").click(function () {
$(this).addClass("on").siblings().removeClass("on");
$(this).attr("toUrl") && (location.href = $(this).attr("toUrl"));
});
$(window).scroll(function () {
var a = $(document).scrollTop(), t = $(".ban").height();
a > t - 40 ? $(".header").addClass("bannerChange") && $(".logo").addClass("logo-choose") : $(".header").removeClass("bannerChange")&& $(".logo").removeClass("logo-choose");
});
});

2
js/jquery-1.8.3.min.js vendored
View File

File diff suppressed because one or more lines are too long

118
map.html
Unescape View File

@ -0,0 +1,118 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>
<!--引用百度地图API-->
<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<!--百度地图容器-->
<div style="width:1920px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
//创建和初始化地图函数：
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMarker();//向地图中添加marker
}
//创建地图函数：
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(116.256282,39.863119);//定义一个中心点坐标
map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
}
//地图事件设置函数：
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}
//地图控件添加函数：
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
//标注点数组
var markerArr = [{title:"我的标记",content:"斑马养车",point:"116.256093|39.863154",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//创建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();//创建和初始化地图
</script>
</html>
Write Preview
Loading…
Cancel
Save