2 Star 0 Fork 0

刘晨曦 / 帮车官网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 21.53 KB
一键复制 编辑 原始数据 按行查看 历史
wenbo 提交于 2020-09-18 16:36 . 完善官网
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>帮车智慧车检-帮车智慧检测站_汽车检测站管理系统_智慧检测站系统_汽车检测站收银系统_易年检小程序</title>
<meta name="keyword" content="汽车检测站系统,汽车检测站收银系统,检测系统,收银系统,年检预约系统,年审预约系统,智慧检测站">
<meta name="description" content="致力于将机动车检测站智能化, 接入移动互联网连接客户,为车主提供及时、优质的服务,提升客户满意度,平台渠道接入增加业务流量,助力业绩持续增长!">
<link rel="shortcut icon" href="src/image/favicon.ico" />
<link rel="stylesheet" type="text/css" href="src/css/index.css" />
<link rel="stylesheet" type="text/css" href="src/css/public.css" />
<link rel="stylesheet" type="text/css" href="src/css/daohang.css" />
<link rel="stylesheet" type="text/css" href="src/css/input.css" />
<!-- 轮播插件 -->
<link rel="stylesheet" type="text/css" href="src/css/swiper.min.css" />
<!-- 动画 -->
<link rel="stylesheet" type="text/css" href="src/css/libs/animate.css" />
<script src="src/js/jquery1.42.min.js"></script>
<script src="src/js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript">
function change_div(id){
if (id == 'ynj' )
{
document.getElementById("crm").style.display = 'none' ;
document.getElementById("ynj").style.display = 'block' ;
document.getElementById("ynj").src="src/image/icon-phone.png" ;
document.getElementById("zs").style.display = 'none' ;
}
else if(id == 'crm')
{
document.getElementById("ynj").style.display = 'none' ;
document.getElementById("ynj").src="#" ;
document.getElementById("crm").style.display = 'block' ;
document.getElementById("zs").style.display = 'none' ;
}
else if(id == 'zs')
{
document.getElementById("ynj").style.display = 'none' ;
document.getElementById("ynj").src="#" ;
document.getElementById("crm").style.display = 'none' ;
document.getElementById("zs").style.display = 'block' ;
}
}
</script>
<script>
/* 点击锚点滑动 */
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:jq(this.hash).offset().top},1000);
});
</script>
<style>
#crm {
display:none;
}
#zs {
display:none;
}
#com_headtop>li{
font-size:21px;margin-left: 3rem;border: 1px solid #FFFFFF;padding:0.88rem 4.19rem;color: #FFFFFF;
}
#com_headtop>li:hover{
font-size:21px;margin-left: 3rem;border: 1px solid #4CA6FF;padding:0.88rem 4.19rem;color: #4CA6FF;background-color: #FFFFFF;
}
.tab ul li {
display: none;
}
.tab li:hover ul li {
display: block;
}
.tab .d{
background-color: #4CA6FF;
}
.d>li{
display:inline-block;
/*垂直对齐方式*/
vertical-align:top;
width:100px;
height:30px;
line-height:30px;
color:#4CA6FF;
text-align:center;
font-size:16px;
}
</style>
</head>
<body style="background-color: #FFFFFF;">
<!-- 导航栏 -->
<header class="header">
<div class="header_left">
<img src="../help-car-official-website/src/image/logo2.png">
<div style="font-size: 0.88rem;position: absolute;margin-left: 11rem;margin-top: -1.4rem;font-weight: 300;letter-spacing: 3px;">智慧检测站解决方案</div>
</div>
<div class="header_right">
<ul>
<a href="../help-car-official-website/index.html"><li>首页</li>
</a>
<div style="width: 1rem;
height: 0.25rem;
background: #4CA6FF;
opacity: 1;
border-radius: 1rem;
position: absolute;
margin-left: 4.5rem;
margin-top: 1.5rem;
"></div>
<li class="show_list" style="height: 4rem;">
<span>产品介绍</span>
<ul class="move_list">
<li><a style="font-size: 1rem;" href="./pages/crm_download.html">智慧检测系统</a></li>
<li><a style="font-size: 1rem;" href="./pages/about.html">预约小程序</a></li>
<li><a style="font-size: 1rem;" href="./pages/enable.html">站点助手</a></li>
</ul>
</li>
<a href="../help-car-official-website/pages/submit.html"><li>解决方案</li></a>
<a href="../help-car-official-website/software_download.html"><li>下载中心</li></a>
<a href="#daili"><li>诚招代理</li></a>
</ul>
</div>
</header>
<!-- 轮播 -->
<!-- <video src="/src/image/mp4-banner.mp4" /> -->
<div class="banner">
<div class="row visual" style="padding-top: 2rem;width: 1058px;">
<div class="col-7">
<h1>易年检PC端系统</h1>
<p style="font-size: 1rem;font-weight: 300;">新一代智慧检测站运营管理系统,链接站点、车主的互联网SAAS平台</p>
<a style="margin-top: 2.51rem;" href="../help-car-official-website/software_download.html">下载体验版</a>
</div>
<div class="col-5">
<img
style="float: right;width: 30rem;"
src="../help-car-official-website/src/image/index_banner_pic_1.png"
alt="crm展示1"
/>
</div>
</div>
</div>
<!-- 菜单 -->
<div class="row visual" style="width: 1085px;margin-top:3.75rem ;">
<div class="col-7">
<h1 style="font-size: 2.25rem;">为何汽车检测站都选择帮车网络</h1>
<p style="font-size: 1rem;font-weight: 300;margin-top: 0.5rem;">订单管理混乱?客户流失严重?人力成本高?收费乱象不止?</p>
</div>
<div style="margin-top:3rem ">
<img style="width: 100%;margin-top: 1rem;" src="src/image/index_plate_1_pic2x.png" />
</div>
<div style="font-size: 1.5rem;color: #333333;margin-top: 3rem;text-align: center;font-weight: 300;">帮车网络给您的不仅是软件,更是先进的检测站运营理念和解决方案。</div>
<div style="font-size: 1.5rem;color: #333333;text-align: center;margin-top: 1.5rem;font-weight: 300;">把互联网与车检服务结合,打造智慧车检生态链,提高车主粘性,增加业绩利润</div>
</div>
<!-- 产品简介 -->
<div class="chanpin">
<div class="visual" style="margin-top: 4rem;width: 1058px;">
<div class="visual" style="position: absolute;height: 50rem;">
<div class="col-7" style="margin-top: 3.81rem;margin-bottom: 1rem;">
<h1 style="font-size: 2.25rem;">产品简介</h1>
<p style="font-size: 1rem;font-weight: 300;margin-top: 0.5rem;">产品覆盖车检产业链,高效受理业务,提高用户粘性</p>
</div>
<header id='com_header' style="margin-top: 2rem;height: 4.75rem;width: 100%;" class="visual">
<ul id='com_headtop' class="clearfix main">
<li tabindex="1" onmouseover="change_div('crm')">易年检车检电脑端</li>
<li tabindex="1" onmouseover="change_div('ynj')">站点年检预约小程序</li>
<li tabindex="1" onmouseover="change_div('zs')">站点助手小程序</li>
</ul>
</header>
<div id="ynj" class="visual" style="width: 1058px;">
<div style="position: absolute;width: 41.38rem;height: 29.88rem;background: #FFFFFF;box-shadow: 0rem 1rem 1rem rgba(0, 0, 0, 0.16);opacity: 0.9;margin-top: 3rem;margin-left: 20rem;">
<div style="font-size: 1.5rem;margin-top:3.75rem;color: #333333;margin-left: 5.32rem;font-weight: bold;">易年检</div>
<div style="font-size: 1.13rem;width: 33.75rem; margin: 2.75rem 5.32rem;color: #333333;font-weight: 300;">车主微信扫码即可进入检测站专属小程序,拍照识别行驶证代替手动输入填单,
快捷办理预约年检服务。</div>
<img style="margin-left: 5.02rem;width: 7.5rem;" src="src/image/applets_banner_QRcode.png"/>
<div style="font-size: 1.13rem;color:#333333;margin-left: 6.52rem;font-weight: 300;">扫码体验</div>
</div>
<img src="src/image/icon-phone.png" />
</div>
<div id="crm" class="visual" style="width: 1058px;">
<div style="position: absolute;width: 38.38rem;height: 29.88rem;background: #FFFFFF;box-shadow: 0rem 1rem 1rem rgba(0, 0, 0, 0.16);opacity: 0.9;margin-top: 3rem;margin-left: 23rem;">
<div style="font-size: 1.5rem;margin-top:3.75rem;color: #333333;margin-left: 5.32rem;font-weight: bold;">易年检PC端系统</div>
<div style="font-size: 1.13rem;width: 29.75rem; margin: 2.75rem 5.32rem;color: #333333;font-weight: 300;">快速订单受理、大堂叫号、客户管理、数据统计、营销活动进度大屏
等功能一应俱全。
快捷办理预约年检服务。</div>
<a style="position: absolute;margin-top: 3.75rem;margin-left: 5.32rem;font-size: 1rem;border: 1px solid#4CA6FF;color: #2290FF; padding: 0.88rem 2.69rem;font-weight: bold;" href="../help-car-official-website/software_download.html" >下载体验版</a>
</div>
<img style="margin-top: 9rem;margin-left:-1rem;" src="src/image/index_plate_2_iphone_1.png" />
</div>
<div id="zs" class="visual" style="width: 1058px;">
<div style="position: absolute;width: 41.38rem;height: 29.88rem;background: #FFFFFF;box-shadow: 0rem 1rem 1rem rgba(0, 0, 0, 0.16);opacity: 0.9;margin-top: 3rem;margin-left: 20rem;">
<div style="font-size: 1.5rem;margin-top:3.75rem;color: #333333;margin-left: 5.32rem;font-weight: bold;">站点助手小程序</div>
<div style="font-size: 1.13rem;width: 33.75rem; margin: 2.75rem 5.32rem;color: #333333;font-weight: 300;">四大功能助你随时了解站点情况,掌控经营数据,实现移动端管理站
点事务。
快捷办理预约年检服务。</div>
<img style="margin-left: 5.02rem;width: 7.5rem;" src="src/image/index_plate_2_iphone_3_QRcode.png"/>
<div style="font-size: 1.13rem;color:#333333;margin-left: 6.52rem;margin-top: 1.38rem;font-weight: 300;">扫码预约</div>
</div>
<img style="margin-top: -2rem;margin-left:-4rem;" src="src/image/index_plate_2_iphone_3.png" />
</div>
</div>
</div>
</div>
<!-- 服务范围 -->
<div class="fuwu">
<div class="visual" style="font-weight: 300;width: 1058px;">
<div style="font-size: 2.25rem;font-weight: bold; padding-top: 3.75rem;color: #333333;">服务范围广,合作站点多</div>
<div style="font-size: 1rem; color: #333333;font-weight: 300;margin-top: 0.5rem;">帮车网络布局多个地理区域,贴近客户的本地化服务</div>
<div style="margin-top: 3.75rem;">
<div class="col-4" style="text-align: center;">
<div style="font-size: 1.13rem;color: #999999;">合作站点数量</div>
<div style="font-size: 2.25rem;font-weight: 300;color: #333333;">500+</div>
</div>
<div class="col-4"style="text-align: center;">
<div style="font-size: 1.13rem;color: #999999;">服务城市</div>
<div style="font-size: 2.25rem;font-weight: 300;color: #333333;">16+</div>
</div>
<div class="col-4"style="text-align: center;">
<div style="font-size: 1.13rem;color: #999999;">服务车主</div>
<div style="font-size: 2.25rem;font-weight: 300;color: #333333;">100万+</div>
</div>
</div>
<div style="margin-top: 15.25rem;text-align: center;">
<div class="col-3">
<img style="width: 14.69rem;" src="./src/image/icon-antong.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 东莞安通检测站</div>
</div>
<div class="col-3">
<img style="width: 14.69rem;" src="./src/image/icon-anbao.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 三亚安保检测站</div>
</div>
<div class="col-3">
<img style="width: 14.69rem;" src="./src/image/icon-yingtong.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 惠州盈通检测站</div>
</div>
<div class="col-3">
<img style="width: 14.69rem;" src="./src/image/icon-huancheng.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 东莞环城检测站</div>
</div>
<div class="col-3" style="margin-top: 2.44rem;">
<img style="width: 14.69rem;" src="./src/image/icon-jingsheng.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 广州景盛检测站</div>
</div>
<div class="col-3" style="margin-top: 2.44rem;">
<img style="width: 14.69rem;" src="./src/image/icon-yuntong.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 东莞运通检测站</div>
</div>
<div class="col-3" style="margin-top: 2.44rem;">
<img style="width: 14.69rem;" src="./src/image/icon-baozheng.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 保定元正检测站</div>
</div>
<div class="col-3" style="margin-top: 2.44rem;">
<img style="width: 14.69rem;" src="./src/image/icon-yidao.png"/>
<div style="font-size: 1.13rem;color: #333333;"> 佛山一道通检测站</div>
</div>
</div>
</div>
</div>
<!-- 用户福利 -->
<div class="fuli">
<div class="visual" style="width: 1058px;">
<div style="position:absolute;font-size:1.5rem;color:#252A3B;margin-top: 1.63rem;font-weight: bold;">新用户福利</div>
<div style="position:absolute;font-size:0.88rem;color:#252A3B;margin-top: 4.07rem;">免费体验专业版30天,享受便捷受理功能</div>
<div style="margin-top:2rem;width: 120px;position:absolute;margin-top: 6.76rem;
background: #FFFFFF;
opacity: 1;
border-radius: 20px;
">
<a href="../help-car-official-website/software_download.html">
<span style="color: #4CA6FF;margin-left: 2rem;line-height: 2rem;font-size: 14px;" >免费试用</span>
</a>
</div>
<div style="position:absolute;font-size:1.5rem;color:#252A3B;margin-left: 22.63rem;margin-top: 1.63rem;font-weight: bold;width: 20rem;">售前咨询:400-881-3189</div>
<div style="position:absolute;font-size:0.88rem;color:#252A3B;margin-left: 22.63rem;margin-top: 4.07rem;width: 19rem;">1v1按需求定制个性化方案,全程360°上云服务</div>
</div>
</div>
<div class="visual" style="height: 56.25rem;background: #FFFFFF;" id="daili">
<div style="font-size: 2.25rem;font-weight: bold;color: #333333;text-align: center;margin-top: 2rem;">携手我们共创未来</div>
<div style="font-size: 1rem;color: #333333;text-align: center;font-weight: 300;">诚招全国代理</div>
<div style="font-size: 1.13rem;margin-top: 2.56rem;width: 61.21rem;margin-left: 7rem;line-height: 2.5rem;font-weight: 300;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;代理合作是我们发展的核心力量,帮车网络有限公司由原先的“0”到现在城市覆盖率高达99%。帮车渠道用自身的热情,真诚,为代理商全方位支持提供产品、物料、资源、培训等各</div>
<div style="font-size: 1.13rem;width: 61.21rem;margin-left: 7rem;line-height: 2.5rem;font-weight: 300;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“一群人,一件事,一起拼, 一起赢”是帮车的渠道精神,帮车渠道致力于寻找一群志同道合的创业伙伴,以合伙人的形式去扶持代理商共同成长,协助代理商快速成长为当地最具影响力的移动互联网公</div>
<div class="search bar6">
<form>
<input type="text" placeholder="请输入所在省份、城市">
<button disabled="disabled" ></button>
</form>
</div>
<div class="search bar7">
<form>
<input type="text" placeholder="请输入联系人姓名">
<button disabled="disabled" ></button>
</form>
</div>
<div class="search bar8">
<form>
<input type="text" placeholder="请输入联系人号码">
<button disabled="disabled"></button>
</form>
</div>
<div class="search bar9">
<form>
<input type="text" placeholder="请输入需求/建议">
<button disabled="disabled"></button>
</form>
</div>
<div style="text-align: center;width: 36.25rem;line-height: 3.63rem;background: #4CA6FF;border-radius: 1rem;outline: none;font-size: 1rem; color: #FFFFFF;margin-top: 2rem;margin-left: 21.5rem;">提交</div>
</div>
<!-- 底部 -->
<div class="footer" style="width: 100%;">
<div class="visual row">
<div class="col-4" style="padding-top: 3.69rem;width: 30%;">
<img class="ewm" src="src/image/icon-publicNum.png" />
<p style="font-size: 1.5rem;">咨询热线</p>
<p style="font-size: 1.75rem;">400-881-3189</p>
<p style="font-size: 0.88rem;margin-top: 2rem;">总公司地址:佛山市南海区天安数码城一期B座16楼</p>
<p style="font-size: 0.88rem;">分公司地址:东莞市南城区高盛科技园A座605</p>
<p style="font-size: 0.88rem;">河北地区代理热线: 13331315553 / 13373431000</p>
</div>
<div class="col-8" style="width: 70%;">
<div class="imaBox row">
<div class="col-2" style="width: 20%;">
<p class="ewm-p" style="font-size: 1rem;">产品中心</p>
<p>易年检车检客户端</p>
<p>易年检小程序</p>
<p>易年检助手小程序</p>
</div>
<div class="col-2" style="width: 16%;">
<p class="ewm-p" style="font-size: 1rem;">解决方案</p>
<p>业务流程</p>
</div>
<div class="col-2" style="width: 16%;">
<p class="ewm-p" style="font-size: 1rem;">客户案例</p>
<p>服务案例</p>
</div>
<div class="col-2" style="width: 16%;">
<p class="ewm-p" style="font-size: 1rem;">诚招代理</p>
<p>渠道代理</p>
</div>
<div class="col-2" style="width: 16%;">
<p class="ewm-p" style="font-size: 1rem;">资讯中心</p>
<p>行业资讯</p>
<p>版本信息</p>
<p>政务信息</p>
</div>
<div class="col-2" style="width: 16%;">
<p class="ewm-p" style="font-size: 1rem;">关于我们</p>
<p>联系我们</p>
</div>
</div>
</div>
<div class="col-12 footerText">
<span
>粤ICP备14009281号 版权所有 © 2020 广东帮车网络有限公司</span
>
</div>
</div>
</div>
<!--右侧导航栏-->
<div class="toolbars">
<ul>
<li class="jdvip">
<img id="black" style="width: 1.82rem;height: 1.82rem;margin: 0.5rem 1rem;" src="./src/image/icon-weixin.png"/>
<img id="white" style="width: 1.82rem;height: 1.82rem;margin: 0.5rem 1rem;" src="./src/image/index_popup_wechat.png"/>
<div style="position:absolute;margin-left: 0.8rem;margin-top: -0.2rem;font-size: 0.88rem;"> 微信</div>
<div id="white" class="flex" style="width: 11.25rem;height: 11.25rem;margin-right: 1.32rem;"><img class="ewm" src="src/image/icon-publicNum.png" /></div>
</li>
<li class="cart">
<img id="black" style="width: 1.82rem;height: 1.82rem;margin: 0.5rem 1rem;" src="./src/image/icon-kefu.png"/>
<img id="white" style="width: 1.82rem;height: 1.82rem;margin: 0.5rem 1rem;" src="./src/image/index_popup_service_white.png"/>
<div style="position:absolute;margin-left: 1.1rem;margin-top: -0.2rem;font-size: 0.88rem;">咨询</div>
<div id="white" class="flex" style="width: 11.25rem;height: 11.25rem;margin-right: 1.32rem;"><img class="ewm" src="src/image/WechatIMG21.jpeg" /></div>
</li>
<li style="opacity:0;width: 3.75rem;height: 3.75rem;"></li>
<li class="toolbars-footer">
<img id="black" style="width: 1.82rem;height: 0.82rem;margin: 1.5rem 1rem;" src="./src/image/index_popup_top.png"/>
<img id="white" style="width: 1.82rem;height: 0.82rem;margin: 1.5rem 1rem;" src="./src/image/index_popup_top_white.png"/>
<a class="flex" href="#">顶部</a>
</li>
</ul>
</div>
</body>
<script src="src/js/swiper.min.js"></script>
<script src="src/js/wow.min.js"></script>
<script>
new WOW(
).init();
var mySwiper = new Swiper('.swiper-container', {
loop: true,
autoplay: {
delay: 3000, //1秒切换一次
},
});
</script>
</html>
1
https://gitee.com/l-c-x/help-car-official-website.git
git@gitee.com:l-c-x/help-car-official-website.git
l-c-x
help-car-official-website
帮车官网
master

搜索帮助