|
|
|
@ -5,15 +5,13 @@ |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
|
|
|
<meta name="baidu-site-verification" content="LDrSbJw8S0" /> |
|
|
|
<meta name="baidu-site-verification" content="LDrSbJw8S0" /> |
|
|
|
<title>车险呼叫中心-车险电销系统-车险算价器-汇盈帮手</title> |
|
|
|
<title>车险呼叫中心-车险电销系统-车险算价器-汇盈帮手</title> |
|
|
|
|
|
|
|
<meta name=”description” content=”汇盈帮手专注车险呼叫中心,车险电销系统,车险管理系统,车险算价器等产品服务。专注研发贴合车险呼叫中心系统，可对接保险公司实时算费”> |
|
|
|
|
|
|
|
<meta name=”keyword” content=”车险呼叫中心，车险电销系统，车险算价器，汇盈帮手“> |
|
|
|
|
|
|
|
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> |
|
|
|
<link rel="stylesheet" href="css/index.css"/> |
|
|
|
<link rel="stylesheet" href="css/index.css"/> |
|
|
|
<link rel="stylesheet" href="css/common.css"> |
|
|
|
<link rel="stylesheet" href="css/common.css"> |
|
|
|
<link rel="stylesheet" href="http://www.etoppaas.com.cn/pandaInsure/css/animate.min_48b336b.css"/> |
|
|
|
<link rel="stylesheet" href="http://www.etoppaas.com.cn/pandaInsure/css/animate.min_48b336b.css"/> |
|
|
|
<link href="images/favicon.ico" rel="icon" type="image/x-icon" /> |
|
|
|
<link href="images/favicon.ico" rel="icon" type="image/x-icon" /> |
|
|
|
<script src="js/jquery-1.8.3.min.js"></script> |
|
|
|
|
|
|
|
<script src="js/index.js"></script> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|
|
|
|
|
|
|
<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> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<body> |
|
|
|
<div id="wrap"> |
|
|
|
<div id="wrap"> |
|
|
|
@ -32,7 +30,7 @@ |
|
|
|
<div id="pc" class="ban"> |
|
|
|
<div id="pc" class="ban"> |
|
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel"> |
|
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel"> |
|
|
|
<!-- 轮播（Carousel）指标 --> |
|
|
|
<!-- 轮播（Carousel）指标 --> |
|
|
|
<ol class="carousel-indicators"> |
|
|
|
<ol class="carousel-indicators carousel-radius"> |
|
|
|
<li data-target="#myCarousel" data-slide-to="0" class="banner-dot active"></li> |
|
|
|
<li data-target="#myCarousel" data-slide-to="0" class="banner-dot active"></li> |
|
|
|
<li data-target="#myCarousel" data-slide-to="1"></li> |
|
|
|
<li data-target="#myCarousel" data-slide-to="1"></li> |
|
|
|
</ol> |
|
|
|
</ol> |
|
|
|
@ -45,6 +43,14 @@ |
|
|
|
<img src="images/banner1-2.jpg" alt="First slide"> |
|
|
|
<img src="images/banner1-2.jpg" alt="First slide"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> |
|
|
|
|
|
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" ></span> |
|
|
|
|
|
|
|
<span class="sr-only">Previous</span> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> |
|
|
|
|
|
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true" ></span> |
|
|
|
|
|
|
|
<span class="sr-only">Next</span> |
|
|
|
|
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="part-bg"> |
|
|
|
<div class="part-bg"> |
|
|
|
@ -292,10 +298,14 @@ |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<!-- <div></div>--> |
|
|
|
<div class="wheel"> |
|
|
|
|
|
|
|
<img src="images/wheel1.png" alt="" class="img1"> |
|
|
|
|
|
|
|
<img src="images/wheel2.png" alt="" class="img2"> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">营销方案</span>制定</div> |
|
|
|
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">营销方案</span>制定</div> |
|
|
|
<!-- <div class="step1Line" style="width:220px;"></div>--> |
|
|
|
<!-- <div class="step1Line" style="width:220px;"></div>--> |
|
|
|
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300" >定制营销方案、以及对应的礼品业务在打电话的同时，可以选择对应方案，第一时间传达给客户。所选择的方案并同步生成在订单里</p> |
|
|
|
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300" >政策的自由和可修改性，只需团队长创建策略以配置<br/>对应的出单政策， |
|
|
|
|
|
|
|
坐席即可根据客户的保费条件<br/>自动选择出单折扣及相应的赠品信息。这不仅极大<br/>的方便了电销坐席的操作，还可以实现针对性销售<br/>策略，即对于不同的客户群体和不同的电销坐席可以配置<br/>相应的销售策略，通过汇盈帮手使坐席效率飞速提高。</p> |
|
|
|
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350"> |
|
|
|
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350"> |
|
|
|
<img src="images/laptop2.png" alt="" class="system-img lazy"> |
|
|
|
<img src="images/laptop2.png" alt="" class="system-img lazy"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -304,68 +314,178 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="step4" class="step"> |
|
|
|
<div id="step4" class="step"> |
|
|
|
<div class="step2Content"> |
|
|
|
<div class="step2Content"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="box fadeInUp animated" amstyle="fadeInUp" delaytime="300"> |
|
|
|
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据库管理</div> |
|
|
|
<div class="step2Words"><span class="font-size">权限</span>管理</div> |
|
|
|
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300" style="width: 165px;"></div> |
|
|
|
<p class="step2Detail">根据不同使用场景，汇盈帮手在权限管理中可构建组织架构和创建人员角色，即可更好的配置组织架构的权限管理；同时保持对产品政策的可修改和调整性。通过架设云服务器实现异地登陆异地呼叫功能 即可让老板实现对公司的轻松有效管理，又能有效避免同行竞争人员流失现象。</p> |
|
|
|
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">数据资料的更改和入库，并且分配给其他分组</p> |
|
|
|
</div> |
|
|
|
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350"> |
|
|
|
<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"> |
|
|
|
<img src="images/laptop3.png" alt="" class="system-img2 lazy"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bgLine bgLineLeft"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<img src="images/line3.png" width="380" height="75" alt="" class="lineImg1"> |
|
|
|
|
|
|
|
<img src="images/line3.png" width="380" height="75" alt="" class="lineImg2"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bgLine bgLineRight"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<img src="images/line3.png" width="380" height="75" alt="" class="lineImg1"> |
|
|
|
|
|
|
|
<img src="images/line3.png" width="380" height="75" alt="" class="lineImg2"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="step5" class="step"> |
|
|
|
<div id="step5" class="step"> |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="content_width"> |
|
|
|
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">权限管理</div> |
|
|
|
<div class="chonggou_l fl animated bounceInLeft"> |
|
|
|
<div class="step1Line"></div> |
|
|
|
<div class="title "> |
|
|
|
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">菜单名称的更改，角色权限的分配</p> |
|
|
|
<span class="font-size">呼叫</span>中心 |
|
|
|
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350"> |
|
|
|
</div> |
|
|
|
<img src="images/laptop4.png" alt="" class="system-img lazy"> |
|
|
|
<div class="content"> |
|
|
|
|
|
|
|
<p>• 汇盈帮手呼叫中心核心功能,电话接通率远远高于普通呼叫中心 </p> |
|
|
|
|
|
|
|
<p>• 语言通话:一键外呼,来电弹屏,自动显示客户信息,接通率远高于普通呼叫中心 显著提升保险代理公司成单率。 </p> |
|
|
|
|
|
|
|
<p>• 智能分配电话号码 ，自动切换 ，不易被标记和封号。 </p> |
|
|
|
|
|
|
|
<p>• 过程监控 多维度统计报表(坐席报表，通话报表，接通率报表等),全面了解坐席工作状态。</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/chonggou_z_bg.png" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="chonggou_r fl animated bounceInRight"> |
|
|
|
|
|
|
|
<img src="images/laptop4.png" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="step6" class="step"> |
|
|
|
<div id="step6" class="step"> |
|
|
|
<div class="step2Content"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="step6Words fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">财务</span>管理</div> |
|
|
|
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">报价信息</div> |
|
|
|
<div class="step6box fadeInUp animated" amstyle="fadeInUp" delaytime="300">业绩提成，工资计算更加方便，省去财务人员手动计算业绩提成。</div> |
|
|
|
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300"></div> |
|
|
|
<div id="myCarousel2" class="carousel slide step6-aaa" data-ride="carousel"> |
|
|
|
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">选择投保险种，保险公 |
|
|
|
<!-- 轮播（Carousel）指标 --> |
|
|
|
司即可对比获得报价；</p> |
|
|
|
<ol class="carousel-indicators"> |
|
|
|
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350"> |
|
|
|
<li data-target="#myCarousel2" data-slide-to="0" class="banner-dot active"></li> |
|
|
|
<img src="images/fudong.png" alt="" class="hook-left lazy"> |
|
|
|
<li data-target="#myCarousel2" data-slide-to="1"></li> |
|
|
|
<img src="images/fudong.png" alt="" class="hook-right lazy"> |
|
|
|
<li data-target="#myCarousel2" data-slide-to="2"></li> |
|
|
|
<img src="images/laptop5.png" alt="" class="system-img2 lazy"> |
|
|
|
</ol> |
|
|
|
|
|
|
|
<!-- 轮播（Carousel）项目 --> |
|
|
|
|
|
|
|
<div class="carousel-inner"> |
|
|
|
|
|
|
|
<div class="item active"> |
|
|
|
|
|
|
|
<img src="images/laptop5-1.png" alt="First slide" class="step6-img"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
|
|
|
|
<img src="images/laptop5-2.png" alt="First slide" class="step6-img"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
|
|
|
|
<img src="images/laptop5-3.png" alt="First slide" class="step6-img"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="step7" class="step"> |
|
|
|
<a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev"> |
|
|
|
|
|
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" ></span> |
|
|
|
|
|
|
|
<span class="sr-only">Previous</span> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
<a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next"> |
|
|
|
|
|
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true" ></span> |
|
|
|
|
|
|
|
<span class="sr-only">Next</span> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="step7" class="step plate7"> |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="step1Content"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="step7Words fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">数据库</span>管理</div> |
|
|
|
<div class="stepWords fadeInUp animated" amstyle="fadeInUp" delaytime="300">订单管理</div> |
|
|
|
<p class="step7Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">汇盈帮手呼叫中心利用CRM系统为数据进行细分，优质客户自动转入续保库 管理更加完善。</p> |
|
|
|
<div class="step1Line"></div> |
|
|
|
<div class="fazhan_c content_width"> |
|
|
|
<p class="step1Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">查看保单状态投保成 |
|
|
|
<div class="fazhan_l"> |
|
|
|
功或失败等；查看投保信息明细；</p> |
|
|
|
<div class="fazhan_lt"> |
|
|
|
<div class="step1BgContainer fadeInRight animated" amstyle="fadeInRight" delaytime="350"> |
|
|
|
<div class="jieduan"> |
|
|
|
<img src="images/laptop6.png" alt="" class="system-img lazy"> |
|
|
|
<div class="true">步骤一</div> |
|
|
|
|
|
|
|
<div>步骤二</div> |
|
|
|
|
|
|
|
<div>步骤三</div> |
|
|
|
|
|
|
|
<div>步骤四</div> |
|
|
|
|
|
|
|
<div>步骤五</div> |
|
|
|
|
|
|
|
<div>步骤六</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="fazhan_lb"> |
|
|
|
|
|
|
|
<div class="swiper-wrapper"> |
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="0"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>批量导入数据</p> |
|
|
|
|
|
|
|
<span>Import Data</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg1.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="1"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>数据自动分配</p> |
|
|
|
|
|
|
|
<span>automatic allocation</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg2.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="2"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>电销坐席跟进</p> |
|
|
|
|
|
|
|
<span>Telemarketing</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg3.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="3"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>内勤核保审核</p> |
|
|
|
|
|
|
|
<span>Review</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg4.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="4"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>财务统计报表</p> |
|
|
|
|
|
|
|
<span>Financial statistics</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg5.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="swiper-slide" data-index="5"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<p>优质数据回收</p> |
|
|
|
|
|
|
|
<span>Data recovery</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<img src="images/plate7-smallImg6.jpg" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="fazhan_r"> |
|
|
|
|
|
|
|
<div class="img fangan_img_dong"> |
|
|
|
|
|
|
|
<img class="true" src="images/laptop7-1.png" alt=""> |
|
|
|
|
|
|
|
<img src="images/laptop7-1.png" alt=""> |
|
|
|
|
|
|
|
<img src="images/laptop7-2.png" alt=""> |
|
|
|
|
|
|
|
<img src="images/laptop7-3.png" alt=""> |
|
|
|
|
|
|
|
<img src="images/laptop7-1.png" alt=""> |
|
|
|
|
|
|
|
<img src="images/laptop7-2.png" alt=""> |
|
|
|
|
|
|
|
<img class="zhanwei" src="images/laptop7-3.png" alt=""> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="text"> |
|
|
|
|
|
|
|
<p> |
|
|
|
|
|
|
|
<span class="true">多种管理分配总库数据，新保库；续保库；续保下发库；无效库分类明确，操作简单明确</span> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="jieduan_pag"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>3 |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="step8" class="step"> |
|
|
|
<div id="step8" class="step"> |
|
|
|
<div class="step2Content"> |
|
|
|
<div class="inner"> |
|
|
|
<div class="holderDiv"></div> |
|
|
|
<div class="step8Content"> |
|
|
|
<div class="step2Words fadeInUp animated" amstyle="fadeInUp" delaytime="300">内勤管理</div> |
|
|
|
<div class="step8Words fadeInUp animated" amstyle="fadeInUp" delaytime="300"><span class="font-size">销售</span>管理</div> |
|
|
|
<div class="step2Line fadeInUp animated" amstyle="fadeInUp" delaytime="300"></div> |
|
|
|
<p class="step8Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">集在线呼叫、投保、预约、保险算费、报价功能于一体 |
|
|
|
<p class="step2Detail fadeInUp animated" amstyle="fadeInUp" delaytime="300">对销售提交的订单进行审核并对接保险公司、并且订单自动同步到财务</p> |
|
|
|
通过电话呼叫功能和客户达成投<br/>保意向后，获取客户去年投保信息，选择今年投保险种，选择投保保险公司 即可为客户在线算费报价及投保下单。</p> |
|
|
|
<div class="step2BgContainer fadeInLeft animated" amstyle="fadeInLeft" delaytime="350"> |
|
|
|
<img src="images/laptop8.png" alt="" class="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> |
|
|
|
</div> |
|
|
|
@ -390,5 +510,39 @@ |
|
|
|
<div class="logo footer-logo"></div> |
|
|
|
<div class="logo footer-logo"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<script src="js/jquery-1.8.3.min.js"></script> |
|
|
|
|
|
|
|
<script src="js/index.js"></script> |
|
|
|
|
|
|
|
<script src="http://www.tedu.cn/jtxmt/pz/c/js/idangerous.swiper.min.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> |
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
~function line() { |
|
|
|
|
|
|
|
var n1=349; |
|
|
|
|
|
|
|
function lineFn() { |
|
|
|
|
|
|
|
n1--; |
|
|
|
|
|
|
|
$('.bgLineLeft>div').css('left',n1); |
|
|
|
|
|
|
|
$('.bgLineRight>div').css('right',n1); |
|
|
|
|
|
|
|
if(n1 < -380 ){ |
|
|
|
|
|
|
|
n1=0 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
setInterval(lineFn, 10); |
|
|
|
|
|
|
|
}(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var fazhan_mySwiper = new Swiper('.fazhan_lb',{ |
|
|
|
|
|
|
|
autoplay : 3000, |
|
|
|
|
|
|
|
loop : true, |
|
|
|
|
|
|
|
pagination : '.jieduan_pag', |
|
|
|
|
|
|
|
paginationClickable :true, |
|
|
|
|
|
|
|
calculateHeight : true, |
|
|
|
|
|
|
|
onSlideChangeStart: function(swiper){ |
|
|
|
|
|
|
|
var index=$(swiper.visibleSlides[0]).attr('data-index'); |
|
|
|
|
|
|
|
$('.fangan_img_dong img').removeClass('true').eq(index).addClass('true'); |
|
|
|
|
|
|
|
$('.jieduan div').removeClass('true').eq(index).addClass('true'); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
</body> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
</html> |
|
|
|
|
