<template>
|
<div>
|
<el-carousel :interval="5000" arrow="always" class="banner_box">
|
<el-carousel-item>
|
<img src="@/assets/img/banner1.jpg" alt="banner" class="icon-banner">
|
</el-carousel-item>
|
<el-carousel-item>
|
<img src="@/assets/img/banner2.jpg" alt="banner" class="icon-banner">
|
</el-carousel-item>
|
<el-carousel-item>
|
<img src="@/assets/img/banner3.jpg" alt="banner" class="icon-banner">
|
</el-carousel-item>
|
</el-carousel>
|
<div class="select_box">
|
<div class="title_box">
|
<p>选择我们的理由</p>
|
<div class="en_box">
|
<span class="line_box"></span>
|
<span class="title_lan"> Reasons for choosing us </span>
|
<span class="line_box"></span>
|
</div>
|
</div>
|
<div class="select_list_box">
|
<div class="select_list">
|
<div class="select_img">
|
<img src="@/assets/img/zzyf.jpg"/>
|
</div>
|
<h2>自主研发</h2>
|
<p>自主研发、自有工厂、自动生产，大宗采购，突出规模和成本优势。</p>
|
</div>
|
<div class="select_list">
|
<div class="select_img">
|
<img src="@/assets/img/txjq.jpg"/>
|
</div>
|
<h2>体系健全</h2>
|
<p>ISO9001质量管理体系进行全流程质量管控，研发生产体系健全、规范。</p>
|
</div>
|
<div class="select_list">
|
<div class="select_img">
|
<img src="@/assets/img/zytd.jpg"/>
|
</div>
|
<h2>专业团队</h2>
|
<p>总部＋工厂＋办事处三级保障服务团队，覆盖售前、售中、售后全服务流程。</p>
|
</div>
|
<div class="select_list">
|
<div class="select_img">
|
<img src="@/assets/img/cxgx.jpg"/>
|
</div>
|
<h2>持续更新</h2>
|
<p>配套的软件系统免费为客户提供更新升级服务。</p>
|
</div>
|
</div>
|
</div>
|
|
<div class="product_box">
|
<div class="title_box">
|
<p class="white_color">产品中心</p>
|
<div class="en_box">
|
<span class="line_box"></span>
|
<span class="title_lan white_color"> Product center </span>
|
<span class="line_box"></span>
|
</div>
|
</div>
|
<div class="price_title">
|
<span>蓄电池监测管理</span>
|
<span>蓄电池容量测试</span>
|
<span>蓄电池充放电</span>
|
<span>蓄电池均衡活化</span>
|
<span>蓄电池其他养护</span>
|
</div>
|
<div class="product_list_box">
|
<div class="product_list">
|
<img src="@/assets/img/fgcd.png"/>
|
<h2>FGCD系列</h2>
|
<p>充放电一体机</p>
|
<div class="del_box">
|
<span>了解详情</span>
|
</div>
|
</div>
|
<div class="product_list">
|
<img src="@/assets/img/fcd.png"/>
|
<h2>FCD系列</h2>
|
<p>蓄电池冲击性综合测试仪</p>
|
<div class="del_box">
|
<span>了解详情</span>
|
</div>
|
</div>
|
<div class="product_list">
|
<img src="@/assets/img/fbr.png"/>
|
<h2>FBR-6000NT系列</h2>
|
<p>蓄电池内阻测试仪</p>
|
<div class="del_box">
|
<span>了解详情</span>
|
</div>
|
</div>
|
<div class="product_list">
|
<img src="@/assets/img/fbi.png"/>
|
<h2>FBI-CT系列</h2>
|
<p>蓄电池充放电安全节能维护系统</p>
|
<div class="del_box">
|
<span>了解详情</span>
|
</div>
|
</div>
|
<div class="product_list list_right">
|
<img src="@/assets/img/right.png"/>
|
</div>
|
</div>
|
|
|
</div>
|
|
<div class="solve_box">
|
<div class="title_box">
|
<p>解决方案</p>
|
<div class="en_box">
|
<span class="line_box"></span>
|
<span class="title_lan"> The solution </span>
|
<span class="line_box"></span>
|
</div>
|
</div>
|
|
<div class="solve_p">
|
<div class="solve_p_top1">
|
<h2>BTS分布式蓄电池远程智能监测运维管理解决方案</h2>
|
<p>BTS分布式蓄电池组远程智能运维系统对于电池运维管理人员准确实时掌握电池组容量及各指标参数，准确预判电池组的续航能力为停电调度做出正确依据，实现了使蓄电池组从定期人工检测向实时自动在线养护工作方式的转变，使运维人员更专注于对蓄电池运行状态的掌控，实现了更加实时的蓄电池主动管理，对电源系统安全稳定运行起到了保障作用。</p>
|
</div>
|
<div class="solve_p_top2">
|
<h2></h2>
|
<div class="top2_bg">
|
<h2><i class="el-icon-caret-left"></i>蓄电池智能监测管理</h2>
|
<div class="bg_list">
|
<span>①在线监测</span>
|
<span>③智能维护</span>
|
<span>⑤数据统计</span>
|
<span>②远程管理</span>
|
<span>④异常告警</span>
|
<span>⑥报表分析</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="solve_list_box">
|
<div class="solve_list">
|
<div class="solve_img">
|
<img src="@/assets/img/znh.png" alt="">
|
</div>
|
<div class="solve_title">
|
<p class="list_title">INTELLIGENTIZE</p>
|
<h2>智能化</h2>
|
<h2>—</h2>
|
<p class="list_p">采用蓄电池维护领域全新维护技术，轻松实现全面、到位的自动维护。</p>
|
</div>
|
</div>
|
<div class="solve_list">
|
<div class="solve_img">
|
<img src="@/assets/img/xjx.png" alt="">
|
</div>
|
<div class="solve_title">
|
<p class="list_title">CORE VALUE</p>
|
<h2>先进性</h2>
|
<h2>—</h2>
|
<p class="list_p">采用一拖一监控方式实现蓄电池在线全面的性能参数监控。 </p>
|
</div>
|
</div>
|
<div class="solve_list">
|
<div class="solve_img">
|
<img src="@/assets/img/jzh.png" alt="">
|
</div>
|
<div class="solve_title">
|
<p class="list_title"> CENTRALIZATION </p>
|
<h2>集中化</h2>
|
<h2>—</h2>
|
<p class="list_p">可实现对所辖区所有监控中心的电池组进行集中管理。</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="customer_box">
|
<div class="title_box">
|
<p>客户案例</p>
|
<div class="en_box">
|
<span class="line_box"></span>
|
<span class="title_lan"> Customer case </span>
|
<span class="line_box"></span>
|
</div>
|
</div>
|
<div>
|
<p>客户群体遍布各个行业，如：电力、通信、铁路、油田、军工、金融等各行业，项目实施案例覆盖全国多个省份。 </p>
|
<div class="customer_img">
|
<img src="@/assets/img/customer.png" alt="">
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
data(){
|
return {
|
|
}
|
},
|
mounted() {
|
|
},
|
methods: {
|
|
},
|
}
|
</script>
|
<style lang="less" scoped>
|
.icon-banner {
|
width: 100%;
|
height: 100%;
|
}
|
|
.banner_box{
|
/deep/.el-carousel__container{
|
height: 402px;
|
}
|
}
|
.select_list_box{
|
display: flex;
|
justify-content: space-between;
|
padding:20px;
|
.select_list{
|
width:20%;
|
|
.select_img{
|
height:200px;
|
border: 14px solid #0c3e8c;
|
border-radius:0 60px;
|
overflow: hidden;
|
img{
|
width:100%;
|
height:100%;
|
}
|
}
|
h2{
|
text-align: center;
|
color:#30c3ce;
|
}
|
p{
|
font-size: 16px;
|
color:#717071;
|
}
|
}
|
}
|
.product_box{
|
padding:0 50px;
|
background:#0c3e8c;
|
.white_color{
|
color:#fff !important;
|
}
|
.price_title{
|
display:flex;
|
justify-content:space-between;
|
padding:5px 40px;
|
background:#30c3ce;
|
border-radius:100px;
|
color:#FFFFFF;
|
margin-bottom:40px;
|
}
|
.product_list_box{
|
display:flex;
|
justify-content:space-between;
|
padding:0 30px;
|
.list_right{
|
display: flex;
|
justify-content:center;
|
align-content:center; //主轴居中对齐
|
align-items:center;//交叉轴的中点对齐
|
margin-top:-80px;
|
}
|
.product_list{
|
padding-bottom:50px ;
|
h2,p{
|
color: #fff;
|
text-align: center;
|
}
|
p{
|
font-size: 20px;
|
}
|
.del_box{
|
|
|
text-align: center;
|
|
span{
|
font-size: 14px;
|
padding:5px 30px;
|
color: #fff;
|
background: #30c3ce;
|
border-radius: 15px;
|
}
|
}
|
img{
|
// width:100%;
|
// height:100%;
|
}
|
}
|
|
}
|
}
|
.title_box{
|
padding:20px 0 ;
|
p{
|
text-align: center;
|
color: #231815;
|
}
|
.en_box{
|
text-align: center;
|
font-size: 12px;
|
.line_box{
|
display: inline-block;
|
width:10%;
|
color: #9e9e9f;
|
height:2px;
|
background-color: #9e9e9f;
|
}
|
.title_lan{
|
font-size: 14px;
|
color: #9e9e9f;
|
}
|
}
|
}
|
.solve_box{
|
padding:0 70px;
|
.solve_p{
|
display: flex;
|
justify-content: space-between;
|
.solve_p_top1{
|
width: 40%;
|
h2{
|
font-size: 28px;
|
color:#0c3e8c;
|
margin-bottom:10px;
|
}
|
p{
|
font-size: 16px;
|
color:#717071;
|
}
|
}
|
.solve_p_top2{
|
width: 73%;
|
padding: 0 20px;
|
h2{
|
height: 25%;
|
}
|
.top2_bg{
|
width: 100%;
|
height: 75%;
|
background: url("../../assets/img/0809.jpg") center center no-repeat;
|
background-size: 100%;
|
padding:20px 30px;
|
h2{
|
color:#30c3ce;
|
padding-left: 35px;
|
|
}
|
.bg_list{
|
width:47%;
|
padding: 15px 0 35px 25px ;
|
margin-left: 10px;;
|
// display: flex;
|
// justify-content: left;
|
span{
|
display: inline-block;
|
width: 100px;
|
color:#fff;
|
font-size: 16px;
|
margin:0 20px;
|
}
|
}
|
}
|
}
|
}
|
.solve_list_box{
|
display: flex;
|
justify-content:space-between;
|
padding: 0 20px 0 0;
|
.solve_list{
|
padding: 10px 30px;
|
border: 1px solid #004c93;
|
margin: 20px 0;
|
width:26%;
|
display: flex;
|
justify-content:space-between;
|
.solve_title{
|
color:#0c3e8c;
|
margin-left: 10px;
|
}
|
.list_title,.list_p{
|
font-size: 14px;
|
}
|
.list_p{
|
color:#717071;
|
}
|
|
}
|
}
|
}
|
.customer_box{
|
background:#0c3e8c;
|
.title_box .en_box .title_lan,p{
|
color:#ffffff;
|
}
|
p{
|
text-align: center;
|
// margin: 30px 0;
|
}
|
.title_box .en_box .line_box{
|
background:#ffffff;
|
}
|
.customer_img{
|
width:60%;
|
margin: 0 auto;
|
padding: 50px;
|
}
|
}
|
</style>
|
