<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 :class="{'select_span':selectXdc==1}">蓄电池监测管理</span>
|
<span :class="{'select_span':selectXdc==2}">蓄电池容量测试</span>
|
<span :class="{'select_span':selectXdc==3}" class="readonly">蓄电池充放电</span>
|
<span :class="{'select_span':selectXdc==4}" class="readonly">蓄电池均衡活化</span>
|
<span :class="{'select_span':selectXdc==5}" class="readonly">蓄电池其他养护</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>FBS-9600蓄电池组在线监测及远程自动运维解决方案 FBS-9600蓄电池组在线监控及远程自动运维解决方案主要为变电站配电室、通信局站、网络机房、IDC数据机房、UPS机房、蓄电池组机房等业务场景下的蓄电组监控提供模块化的产品及定制化的解决方案，实现通信备用电源中蓄电池组的全在线无人值守智能化监控、远程自动维护等功能</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 {
|
selectXdc:1,
|
}
|
},
|
mounted() {
|
|
},
|
methods: {
|
|
},
|
}
|
</script>
|
<style lang="less" scoped>
|
.icon-banner {
|
width: 100%;
|
height: 100%;
|
}
|
.select_span{
|
color:#0c3e8c;
|
}
|
.banner_box{
|
/deep/.el-carousel__container{
|
height: 402px;
|
}
|
}
|
.select_list_box{
|
display: flex;
|
justify-content: space-between;
|
padding:20px 150px;
|
.select_list{
|
width:20%;
|
.select_img{
|
width: 293px;
|
height:174px;
|
border: 8px solid #0c3e8c;
|
border-radius:0 60px;
|
overflow: hidden;
|
img{
|
width:100%;
|
height:100%;
|
}
|
}
|
h2{
|
font-size: 28px;
|
text-align: center;
|
color:#30c3ce;
|
}
|
p{
|
font-size: 21px;
|
color:#717071;
|
}
|
}
|
}
|
.product_box{
|
padding:0 50px;
|
background:#0c3e8c;
|
.white_color{
|
color:#fff !important;
|
}
|
.price_title{
|
display:flex;
|
justify-content:space-between;
|
padding:5px 80px;
|
background:#30c3ce;
|
border-radius:100px;
|
color:#FFFFFF;
|
margin-bottom:40px;
|
span{
|
cursor: pointer;
|
}
|
.readonly{
|
color: #1f989b;
|
}
|
}
|
.product_list_box{
|
display:flex;
|
justify-content:space-between;
|
padding:0 30px;
|
padding-left: 75px;
|
.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{
|
font-size: 40px;
|
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: 20px;
|
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>
|
