commit
6d48c08c51
@ -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> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||||
|
<project version="4"> |
||||||
|
<component name="JavaScriptSettings"> |
||||||
|
<option name="languageLevel" value="ES6" /> |
||||||
|
</component> |
||||||
|
</project> |
||||||
@ -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> |
||||||
@ -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> |
||||||
@ -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"> 黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人 |
||||||
|
员,也有从事企业管理，流程再造的需求分析师我们致力于新一代IP通信产 |
||||||
|
品和CRM客户资源管理系统研发。自2014年初，公司将车险行业相关系统作 |
||||||
|
为核心研发方向， 不断地吸收客户管理经验和需求，形成了车险销售工具 |
||||||
|
支撑平台</p> |
||||||
|
<p class="about-font"> 黑斑马成立于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> |
||||||
@ -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 |
||||||
|
} |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -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; |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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; |
||||||
|
} |
||||||
|
} |
||||||
@ -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"> 做人就要沉下心来，踏踏实实地去努力。别人说你几句，听着。骂你几句，忍着。没有人会跟父母似得惯 |
||||||
|
着你。低下头勤勤恳恳去做事才是正道，心高气傲只会使你废在半路上。你很年轻，还没有资本指点江山。一 |
||||||
|
己是人，众人是天；谋事在人，成事在天，你必须不断充实自己。你只有足够强大，才不会被别人践踏。有的 |
||||||
|
人，小小年纪，就竣工一颗完整坚实之心。有的人，须发皆白，还在心的地基挖土打桩。有的人，半途而废不 |
||||||
|
了了之，把半成品的心扔在荒野。有的人，成百里半九十，丢下了不曾结尾的工程。有时候，没有下一次，没 |
||||||
|
有机会重来，没有暂停继续。有时候，错过了现在，就永远永远的没机会了。快乐的人，不为失去的愤愤不平，只为还 |
||||||
|
拥有的感激不已。过一种你想要的生活，做一个许多年后值得回忆的人。非常沉默，非常骄傲，从不依靠，从 |
||||||
|
不寻找。如果有来生，有没有人爱，我也要努力做一个可爱的人。不埋怨谁，不嘲笑谁，也不羡慕谁。阳光下 |
||||||
|
灿烂，风雨中奔跑。做自己的梦，走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠，拿 |
||||||
|
体贴换伤害。冲动的话语，也许已经伤透了他的心。钉下一颗钉子容易，但是拔起它却不容易，甚至拔不掉 |
||||||
|
如果你已经说了过激的话，那么请道歉，用你的温柔去尽量弥补，只是是否有用就无法确定了，但是你至少做了</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> |
||||||
@ -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"> |
||||||
|
× |
||||||
|
</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> |
||||||
|
After Width: | Height: | Size: 9.7 MiB |
|
After Width: | Height: | Size: 271 KiB |
|
After Width: | Height: | Size: 689 KiB |
|
After Width: | Height: | Size: 298 KiB |
|
After Width: | Height: | Size: 402 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 2.7 MiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 674 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 335 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 771 KiB |
|
After Width: | Height: | Size: 921 KiB |
|
After Width: | Height: | Size: 868 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 837 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 919 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 351 KiB |
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 14 MiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
@ -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> |
||||||
@ -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> |
||||||
@ -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"); |
||||||
|
|
||||||
|
}); |
||||||
|
}); |
||||||
File diff suppressed because one or more lines are too long
@ -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> |
||||||
Loading…
Reference in new issue