428 lines
12 KiB
Vue
428 lines
12 KiB
Vue
<template>
|
||
<div>
|
||
<div class="page_ban">
|
||
<div class="img compbg"></div>
|
||
<div class="content">
|
||
<div class="page_nav">
|
||
<div class="name">
|
||
<a style="padding: 0;" href="">走进飞阳</a> <a href="javascript:;">公司简介</a>
|
||
</div>
|
||
<div class="list" style="bottom:-15px">
|
||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
<el-tab-pane label="公司简介" name="first"></el-tab-pane>
|
||
<el-tab-pane label="公司荣誉" name="second"></el-tab-pane>
|
||
<el-tab-pane label="组织架构" name="third"></el-tab-pane>
|
||
<el-tab-pane label="企业文化" name="fourth"></el-tab-pane>
|
||
</el-tabs>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="width: 80%;margin: auto;">
|
||
<div style="height: 50px;"></div>
|
||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">飞阳建设</div>
|
||
<div style="color:rgba(60,115,164);font-size:40px">致力于为每位客户提供一流服务</div>
|
||
<div style="height: 40px;"></div>
|
||
<div style="color: rgba(0,0,0,.6);line-height: 30px;">
|
||
飞阳建设工程有限公司创立于1963年，为福建省建筑业龙头企业。具有房屋建筑工程、市政公用工程施工总承包一级，钢结构工程、建筑装修装饰工程、环保工程、地基
|
||
基础工程、消防设施工程专业承包一级等资质。公司通过IS09001 质量、ISO14001 环境、OHSMS18001 职业健康安全管理体系认证。
|
||
<div style="height: 20px;"></div>
|
||
公司长期致力于新工艺、新科技的革新换代，并将新技术推广应用于施工现场。近年相继承建国家及省重点工程平潭社会福利院、莆田市体育公园飞碟靶场扩建工程、环
|
||
东海域滨海旅游浪漫线景观市政配套等项目并圆满交付使用。公司承建的“莆田皇冠制罐有限公司建设主生产厂房”、“ 鹭燕医药莆田仓储物流中心”、“福州新店西安
|
||
置房工程”、“高林学校” 等多个项目荣获福建省优质工程“闽江杯”荣誉称号。并获得了保利地产、建发地产、百威英博(ABInbev) 、美国皇冠制罐、佳通轮胎、南
|
||
平铝业、福清核电、湄洲湾核电、鹭燕医药等众多国内外客户的赞誉和认可。
|
||
<div style="height: 70px;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="about2">
|
||
<div class="content">
|
||
<div class="bg">
|
||
<div class="float wow fadeInUp animated">
|
||
</div>
|
||
<div class="introduce">
|
||
<h3 class="wow fadeInUp animated"
|
||
style="animation-delay: 0.1s; visibility: visible; animation-name: fadeInUp;">
|
||
<span>信</span><span style="margin-left:44px">责任</span><span
|
||
style="margin-left:44px">和谐</span><span style="margin-left:44px">效益</span></h3>
|
||
<p class="wow fadeInUp animated"
|
||
style="animation-delay: 0.5s; visibility: visible; animation-name: fadeInUp;">
|
||
公司秉承“诚信、责任、和谐、效益”的核心价值观
|
||
</p>
|
||
<p class="wow fadeInUp animated"
|
||
style="animation-delay: 0.5s; visibility: visible; animation-name: fadeInUp;">
|
||
连年被授予国家“守合同重信用企业”、莆田市“纳税大户”、<br>"诚信企业先
|
||
进单位”、“建筑业骨干企业”、 “综合实力十强” <br>等光荣称号。
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="width: 80%;margin: auto;">
|
||
<div style="height: 50px;"></div>
|
||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">人才队伍</div>
|
||
<div style="color:rgba(60,115,164);font-size:40px">广纳贤才形成一支高素质的专业管理团队
|
||
</div>
|
||
<div style="height: 40px;"></div>
|
||
<div style="color: rgba(0,0,0,.6);line-height: 18px;">
|
||
<p>拥有职工3000余人,其中高级职称工程技术人员35人、国家一级注册建造师42人。</p>
|
||
<p>主编或参编了“福建省建筑工程常见质量问题控制规程”、“抗浮 锚杆ODEX施工工法”等十余项省级标准规范;
|
||
</p>
|
||
<p>在省级岗位职业技能竞赛中多次获得集体一、二、 三 等奖等优异成绩;
|
||
</p>
|
||
<p>公司承办了莆田市首个省级建筑施工现场质量、安全文明施工标准化及扬尘专项整治观摩会;
|
||
</p>
|
||
<p>充分展示了飞阳建设在全省建筑行业的技术实力与话语权。
|
||
</p>
|
||
<div style="height: 40px;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
<div style="width: 80%;margin: auto;">
|
||
|
||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">创新发展</div>
|
||
<div style="color:rgba(60,115,164);font-size:40px">致力于数据化、智能化创新发展
|
||
</div>
|
||
<div style="height: 40px;"></div>
|
||
<div style="color: rgba(0,0,0,.6);line-height: 18px;">
|
||
<p>为腰应时代变革，公司致力于数据化、智能化创新发展，
|
||
</p>
|
||
<p>积极探索建筑产业现代化发展趋势。
|
||
|
||
</p>
|
||
<p>知识型、管理型、创新型的团队将为公司持续发展注入无限动力。
|
||
|
||
</p>
|
||
|
||
<div style="height: 70px;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="about_4">
|
||
<div class="content">
|
||
<div class="introduce">
|
||
<h3 class="wow fadeInUp animated" style="animation-delay: 0.2s; visibility: visible; animation-name: fadeInUp;">LEADING THE LOCAL INDUSTRY
|
||
</h3>
|
||
<h5 class="wow fadeInUp animated" style="animation-delay: 0.4s; visibility: visible; animation-name: fadeInUp;">本地行业之首
|
||
出
|
||
10余个国
|
||
</h5>
|
||
<p class="wow fadeInUp animated" style="animation-delay: 0.5s; visibility: visible; animation-name: fadeInUp;">自有两个具有设计、生产、安装能力的钢结构装配式基地，制造年产能超过5万吨
|
||
位居本地行业之首,<br>产品出口美非亚等10余个国家
|
||
</p>
|
||
|
||
<h6 class="wow fadeInUp" style="animation-delay: 0.6s; animation-name: none;">荣获多个优质工程的荣誉称号
|
||
</h6>
|
||
<p class="wow fadeInUp animated" style="animation-delay: 0.5s; visibility: visible; animation-name: fadeInUp;">获得了保利地产、建发地产、百威英博(ABInbev) 、美国皇冠制罐、佳通轮胎、南
|
||
平铝业、福清核电、<br>湄洲湾核电、鹭燕医药等众多国内外客户的赞誉和认可。
|
||
</p>
|
||
|
||
|
||
</div>
|
||
<div class="bl_map">
|
||
<img src="@/assets/images/map.png">
|
||
|
||
<div class="scope s3">
|
||
<p class="no_margin">中国内地</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
activeName: 'first'
|
||
};
|
||
},
|
||
methods: {
|
||
handleClick(tab, event) {
|
||
console.log(tab, event);
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.compbg {
|
||
background-image: url('../assets/images/banner.png');
|
||
}
|
||
|
||
.page_ban {
|
||
height: 404px;
|
||
position: relative;
|
||
text-align: center;
|
||
z-index: 101;
|
||
}
|
||
|
||
.page_ban .img {
|
||
width: 100%;
|
||
height: 100%;
|
||
|
||
background-size: cover;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.page_ban .content {
|
||
position: relative;
|
||
height: 100%;
|
||
}
|
||
|
||
.content {
|
||
width: 80%;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.page_nav {
|
||
width: 100%;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
}
|
||
|
||
div,
|
||
li {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.page_nav .name {
|
||
float: left;
|
||
}
|
||
|
||
.page_nav .list {
|
||
position: relative;
|
||
float: right;
|
||
margin-right: -35px;
|
||
}
|
||
|
||
.page_nav a {
|
||
float: left;
|
||
line-height: 76px;
|
||
position: relative;
|
||
font-size: 14.5px;
|
||
|
||
color: white;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.page_nav .name a {
|
||
padding-left: 30px;
|
||
/* background: url() no-repeat left 30px; */
|
||
}
|
||
|
||
.page_nav .list {
|
||
position: relative;
|
||
float: right;
|
||
margin-right: -35px;
|
||
}
|
||
|
||
.page_nav .list a {
|
||
color: #e7dfd2;
|
||
color: rgba(231, 223, 210, .7);
|
||
margin-right: 35px;
|
||
}
|
||
|
||
.page_nav a {
|
||
float: left;
|
||
line-height: 76px;
|
||
position: relative;
|
||
font-size: 14.5px;
|
||
|
||
color: rgba(255, 255, 255, 0.8);
|
||
font-weight: bold;
|
||
}
|
||
|
||
.page_nav .inner_bor {
|
||
height: 4px;
|
||
background: #f23c39;
|
||
position: absolute;
|
||
bottom: -4px;
|
||
left: 0;
|
||
display: block;
|
||
}
|
||
|
||
::v-deep .el-tabs__item {
|
||
|
||
color: rgba(255, 255, 255, 0.8);
|
||
border: none;
|
||
}
|
||
|
||
::v-deep .el-tabs__nav-wrap::after {
|
||
background-color: transparent;
|
||
}
|
||
|
||
.bg {
|
||
background-image: url(' ../assets/images/公司简介背景.png');
|
||
background-size: cover;
|
||
}
|
||
|
||
.about2 .bg {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 540px;
|
||
|
||
background-size: cover;
|
||
padding-top: 155px;
|
||
background-size: 100% 100%;
|
||
border-radius: 14px;
|
||
-webkit-border-radius: 14px;
|
||
-moz-border-radius: 14px;
|
||
-ms-border-radius: 14px;
|
||
-o-border-radius: 14px;
|
||
}
|
||
|
||
.about2 .float {
|
||
width: 335px;
|
||
height: 286px;
|
||
background: no-repeat center;
|
||
background-size: cover;
|
||
position: absolute;
|
||
top: 43px;
|
||
left: 76px;
|
||
background-image: url('../assets/images/com-logo.png');
|
||
}
|
||
|
||
.about2 .introduce {
|
||
width: 60.5%;
|
||
float: right;
|
||
}
|
||
|
||
.about2 h3 {
|
||
font-size: 36px;
|
||
color: #fff;
|
||
line-height: 1;
|
||
/* letter-spacing: 44px; */
|
||
font-weight: lighter;
|
||
margin-bottom: 22px;
|
||
}
|
||
|
||
.about2 p {
|
||
font-size: 15px;
|
||
color: #262a3b;
|
||
color: rgba(38, 42, 59, .7);
|
||
line-height: 26px;
|
||
}
|
||
.about_4 {
|
||
min-height: 660px;
|
||
background: url('../assets/images/bg.png') no-repeat center;
|
||
background-size: cover;
|
||
}
|
||
.about_4 .content {
|
||
padding: 138px 0 0;
|
||
position: relative;
|
||
height: 100%;
|
||
}
|
||
.content {
|
||
width: 80%;
|
||
margin: 0 auto;
|
||
}
|
||
.about_4 h3 {
|
||
font-family: 'Rajdhani';
|
||
font-size: 48px;
|
||
color: #ffffff;
|
||
color: rgba(255, 255, 255, .5);
|
||
line-height: 1;
|
||
}
|
||
.about_4 h5 {
|
||
font-size: 30px;
|
||
color: #00b4b7;
|
||
line-height: 1;
|
||
margin: 8px 0 10px;
|
||
}
|
||
.about_4 p {
|
||
font-size: 15px;
|
||
color: #ffffff;
|
||
color: rgba(255, 255, 255, .44);
|
||
line-height: 30px;
|
||
}
|
||
.about_4 h6 {
|
||
font-size: 48px;
|
||
color: #00b4b7;
|
||
line-height: 1;
|
||
font-weight: lighter;
|
||
margin: 52px 0 12px;
|
||
}
|
||
.about_4 ul {
|
||
padding-left: 18px;
|
||
list-style: inherit;
|
||
}
|
||
.about_4 li {
|
||
list-style: inherit;
|
||
color: #ffffff;
|
||
}
|
||
.about_4 .bl_map {
|
||
position: absolute;
|
||
top: 87px;
|
||
right: -110px;
|
||
}
|
||
.bl_map {
|
||
position: relative;
|
||
width: 951px;
|
||
}
|
||
.bl_map .scope.s3 {
|
||
width: 166px;
|
||
height: 166px;
|
||
left: 62%;
|
||
top: 21%;
|
||
}
|
||
.bl_map .scope {
|
||
position: absolute;
|
||
z-index: 9;
|
||
}
|
||
|
||
.bl_map .scope.s3:before {
|
||
animation: h_map 2s .6s linear alternate infinite;
|
||
-webkit-animation: h_map 2s .6s linear alternate infinite;
|
||
}
|
||
.bl_map .scope:before {
|
||
content: '';
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: #d1486c;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
border-radius: 50%;
|
||
-webkit-border-radius: 50%;
|
||
-moz-border-radius: 50%;
|
||
-ms-border-radius: 50%;
|
||
-o-border-radius: 50%;
|
||
opacity: .5;
|
||
filter: alpha(opacity = 50);
|
||
-webkit-filter: alpha(opacity = 50);
|
||
animation: h_map 2s linear alternate infinite;
|
||
-webkit-animation: h_map 2s linear alternate infinite;
|
||
}
|
||
@keyframes h_map {
|
||
0% {
|
||
|
||
transform: scale(.6);
|
||
}
|
||
100% {
|
||
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
.bl_map .scope.s3 p {
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.bl_map .scope p {
|
||
font-size: 14.5px;
|
||
color: #c2cff3;
|
||
white-space: nowrap;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
margin-top: -12px;
|
||
}
|
||
</style> |