802 lines
18 KiB
Vue
802 lines
18 KiB
Vue
<template>
|
||
<div class="about-us-page">
|
||
<ihead></ihead>
|
||
|
||
<!-- 页面横幅 -->
|
||
<div class="page-banner">
|
||
<div class="banner-content">
|
||
<div class="container">
|
||
<h1 class="banner-title">关于丙维科技</h1>
|
||
<p class="banner-subtitle">技术驱动未来，服务创造价值</p>
|
||
<div class="banner-stats">
|
||
<div class="stat-item">
|
||
<div class="stat-number">2018</div>
|
||
<div class="stat-label">成立年份</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-number">600万</div>
|
||
<div class="stat-label">注册资本</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-number">AI</div>
|
||
<div class="stat-label">核心业务</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 公司概况 -->
|
||
<div class="company-overview">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">公司概况</h2>
|
||
<p class="section-subtitle">专注于AI交付内容，为客户提供高质量的数字化解决方案</p>
|
||
</div>
|
||
|
||
<div class="overview-content">
|
||
<div class="overview-text">
|
||
<p>上海丙维数字科技有限公司成立于2018年10月22日，总部位于上海市宝山区高逸路112-118号3幢6422室，注册资本600万元人民币。</p>
|
||
<p>公司致力于计算机软硬件、网络科技、信息科技领域的技术开发、技术咨询、技术转让和技术服务，以及计算机软件开发和计算机信息系统集成。</p>
|
||
<p>自2022年起，公司成功转型专注于AI交付内容，围绕客户需求提供智能应用解决方案，服务于多家知名大型企业，赢得了广泛的行业认可。</p>
|
||
</div>
|
||
<div class="overview-image">
|
||
<div class="image-placeholder">
|
||
<span class="placeholder-icon">🏢</span>
|
||
<p>公司总部</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心优势 -->
|
||
<div class="core-advantages">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">核心优势</h2>
|
||
<p class="section-subtitle">我们拥有顶尖的技术团队和丰富的行业经验</p>
|
||
</div>
|
||
|
||
<div class="advantages-grid">
|
||
<div class="advantage-card" v-for="advantage in advantages" :key="advantage.title">
|
||
<div class="advantage-icon">{{advantage.icon}}</div>
|
||
<h3>{{advantage.title}}</h3>
|
||
<p>{{advantage.description}}</p>
|
||
<ul class="advantage-features">
|
||
<li v-for="feature in advantage.features" :key="feature">{{feature}}</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 发展历程 -->
|
||
<div class="development-timeline">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">发展历程</h2>
|
||
<p class="section-subtitle">从创立到AI转型的成长之路</p>
|
||
</div>
|
||
|
||
<div class="timeline">
|
||
<div class="timeline-item" v-for="(milestone, index) in milestones" :key="index">
|
||
<div class="timeline-marker"></div>
|
||
<div class="timeline-content">
|
||
<div class="timeline-date">{{milestone.year}}</div>
|
||
<h3>{{milestone.title}}</h3>
|
||
<p>{{milestone.description}}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 业务领域 -->
|
||
<div class="business-areas">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">业务领域</h2>
|
||
<p class="section-subtitle">三大核心业务，全方位满足客户数字化需求</p>
|
||
</div>
|
||
|
||
<div class="areas-grid">
|
||
<div class="area-card" v-for="area in businessAreas" :key="area.name">
|
||
<div class="area-header">
|
||
<div class="area-icon">{{area.icon}}</div>
|
||
<h3>{{area.name}}</h3>
|
||
</div>
|
||
<p class="area-description">{{area.description}}</p>
|
||
<div class="area-services">
|
||
<h4>服务内容</h4>
|
||
<ul>
|
||
<li v-for="service in area.services" :key="service">{{service}}</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 企业愿景 -->
|
||
<div class="company-vision">
|
||
<div class="container">
|
||
<div class="vision-content">
|
||
<div class="vision-text">
|
||
<h2>企业愿景</h2>
|
||
<h3>技术驱动未来，服务创造价值</h3>
|
||
<p>以客户需求为导向，将持续创新作为企业发展的基石，深入理解客户在数字化转型过程中的挑战与机遇。</p>
|
||
<p>追求技术与服务的完美结合，通过不断的技术探索和应用优化，为客户提供技术领先且高度契合业务需求的解决方案。</p>
|
||
<p>致力于运用前沿技术，为客户提供卓越的数字化解决方案，助力客户在激烈的市场竞争中实现业务突破和持续增长。</p>
|
||
</div>
|
||
<div class="vision-image">
|
||
<div class="image-placeholder">
|
||
<span class="placeholder-icon">🚀</span>
|
||
<p>未来愿景</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 联系我们 -->
|
||
<div class="contact-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">联系我们</h2>
|
||
<p class="section-subtitle">期待与您携手，共同开启智能数字化的新篇章</p>
|
||
</div>
|
||
|
||
<div class="contact-grid">
|
||
<div class="contact-card">
|
||
<div class="contact-icon">📍</div>
|
||
<h4>注册地址</h4>
|
||
<p>上海市宝山区高逸路112-118号3幢6422室</p>
|
||
</div>
|
||
<div class="contact-card">
|
||
<div class="contact-icon">📞</div>
|
||
<h4>联系电话</h4>
|
||
<p>13817819452</p>
|
||
</div>
|
||
<div class="contact-card">
|
||
<div class="contact-icon">✉️</div>
|
||
<h4>电子邮箱</h4>
|
||
<p>bimwe@bimwe.com</p>
|
||
</div>
|
||
<div class="contact-card">
|
||
<div class="contact-icon">🌐</div>
|
||
<h4>官方网站</h4>
|
||
<p>www.bimwe.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<ifooter></ifooter>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'AboutUs',
|
||
data() {
|
||
return {
|
||
advantages: [
|
||
{
|
||
icon: '👥',
|
||
title: '顶尖技术团队',
|
||
description: '由阿里、字节、腾讯等顶尖互联网公司资深开发人员组成，技术积累深厚，项目经验丰富。',
|
||
features: [
|
||
'纯技术团队，专注于计算机软硬件、网络科技及信息科技领域',
|
||
'技术积累深厚，项目经验丰富',
|
||
'来自顶尖互联网公司的技术精英'
|
||
]
|
||
},
|
||
{
|
||
icon: '🤖',
|
||
title: 'AI领域战略转型',
|
||
description: '2022年成功转型，将业务重心聚焦于AI交付领域，围绕客户需求提供定制化智能应用解决方案。',
|
||
features: [
|
||
'成功转型AI交付领域',
|
||
'定制化智能应用解决方案',
|
||
'数据分析、智能推荐、自动化流程等高效解决方案'
|
||
]
|
||
},
|
||
{
|
||
icon: '🏆',
|
||
title: '客户广泛认可',
|
||
description: '为金融、制造、零售等多个行业的国内外知名企业提供服务，在行业内树立了可靠、专业的品牌形象。',
|
||
features: [
|
||
'服务多个行业知名企业',
|
||
'金融、制造、零售等行业经验',
|
||
'可靠的品牌形象和专业的服务'
|
||
]
|
||
}
|
||
],
|
||
milestones: [
|
||
{
|
||
year: '2018年10月',
|
||
title: '公司成立',
|
||
description: '开始在计算机软硬件、网络科技、信息科技等领域提供技术服务'
|
||
},
|
||
{
|
||
year: '2022年',
|
||
title: 'AI战略转型',
|
||
description: '成功转型，将业务重心聚焦于AI交付领域，围绕客户需求提供智能应用解决方案'
|
||
},
|
||
{
|
||
year: '现今',
|
||
title: '行业领先',
|
||
description: '已为多家国内外知名大型企业提供服务，业务范围覆盖多个行业，赢得了广泛的行业认可'
|
||
}
|
||
],
|
||
businessAreas: [
|
||
{
|
||
icon: '💻',
|
||
name: '技术开发与服务',
|
||
description: '从事计算机软硬件、网络科技、信息科技领域的技术开发、咨询、转让和服务，致力于推动行业技术进步。',
|
||
services: [
|
||
'系统优化与性能提升',
|
||
'网络架构设计',
|
||
'信息安全解决方案',
|
||
'技术咨询与培训'
|
||
]
|
||
},
|
||
{
|
||
icon: '🧠',
|
||
name: 'AI智能应用',
|
||
description: '专注于人工智能技术，为客户提供定制化的智能解决方案，涵盖数据分析、智能推荐、自动化流程等多个领域。',
|
||
services: [
|
||
'数据分析与挖掘',
|
||
'智能推荐系统',
|
||
'自动化流程',
|
||
'机器学习模型'
|
||
]
|
||
},
|
||
{
|
||
icon: '🔧',
|
||
name: '系统集成与软件开发',
|
||
description: '提供高效的计算机信息系统集成服务，以及创新的软件开发，助力企业数字化转型。',
|
||
services: [
|
||
'系统集成服务',
|
||
'定制化软件开发',
|
||
'数字化转型',
|
||
'技术架构设计'
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 页面基础样式 */
|
||
.about-us-page {
|
||
padding-top: 80px;
|
||
}
|
||
|
||
.container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
/* 页面横幅 */
|
||
.page-banner {
|
||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||
color: white;
|
||
padding: 80px 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.banner-title {
|
||
font-size: 3.5rem;
|
||
font-weight: 700;
|
||
margin-bottom: 1rem;
|
||
animation: fadeInUp 1s ease-out;
|
||
}
|
||
|
||
.banner-subtitle {
|
||
font-size: 1.5rem;
|
||
font-weight: 300;
|
||
margin-bottom: 3rem;
|
||
opacity: 0.9;
|
||
animation: fadeInUp 1s ease-out 0.3s both;
|
||
}
|
||
|
||
.banner-stats {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 60px;
|
||
margin-top: 3rem;
|
||
}
|
||
|
||
.stat-item {
|
||
text-align: center;
|
||
animation: fadeInUp 1s ease-out 0.6s both;
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
color: #3498db;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.stat-label {
|
||
font-size: 1rem;
|
||
opacity: 0.8;
|
||
}
|
||
|
||
/* 通用区域样式 */
|
||
.section-header {
|
||
text-align: center;
|
||
margin-bottom: 60px;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
color: #2c3e50;
|
||
margin-bottom: 1rem;
|
||
position: relative;
|
||
}
|
||
|
||
.section-title::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -10px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 80px;
|
||
height: 4px;
|
||
background: linear-gradient(90deg, #3498db, #9b59b6);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.section-subtitle {
|
||
font-size: 1.2rem;
|
||
color: #6c757d;
|
||
max-width: 600px;
|
||
margin: 0 auto;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* 公司概况 */
|
||
.company-overview {
|
||
padding: 80px 0;
|
||
background: #f8f9fa;
|
||
}
|
||
|
||
.overview-content {
|
||
display: grid;
|
||
grid-template-columns: 2fr 1fr;
|
||
gap: 60px;
|
||
align-items: center;
|
||
}
|
||
|
||
.overview-text p {
|
||
font-size: 1.1rem;
|
||
line-height: 1.8;
|
||
color: #495057;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.overview-image {
|
||
text-align: center;
|
||
}
|
||
|
||
.image-placeholder {
|
||
background: white;
|
||
padding: 60px 40px;
|
||
border-radius: 15px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.placeholder-icon {
|
||
font-size: 4rem;
|
||
display: block;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.image-placeholder p {
|
||
color: #6c757d;
|
||
font-size: 1.1rem;
|
||
margin: 0;
|
||
}
|
||
|
||
/* 核心优势 */
|
||
.core-advantages {
|
||
padding: 80px 0;
|
||
background: white;
|
||
}
|
||
|
||
.advantages-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
||
gap: 40px;
|
||
}
|
||
|
||
.advantage-card {
|
||
background: white;
|
||
padding: 40px 30px;
|
||
border-radius: 15px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
border: 1px solid #e9ecef;
|
||
}
|
||
|
||
.advantage-card:hover {
|
||
transform: translateY(-10px);
|
||
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
|
||
}
|
||
|
||
.advantage-icon {
|
||
font-size: 3rem;
|
||
margin-bottom: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
.advantage-card h3 {
|
||
font-size: 1.8rem;
|
||
font-weight: 600;
|
||
color: #2c3e50;
|
||
margin-bottom: 15px;
|
||
text-align: center;
|
||
}
|
||
|
||
.advantage-card p {
|
||
color: #6c757d;
|
||
line-height: 1.6;
|
||
margin-bottom: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
.advantage-features {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
|
||
.advantage-features li {
|
||
color: #495057;
|
||
padding: 8px 0;
|
||
border-bottom: 1px solid #e9ecef;
|
||
position: relative;
|
||
padding-left: 25px;
|
||
}
|
||
|
||
.advantage-features li::before {
|
||
content: '✓';
|
||
position: absolute;
|
||
left: 0;
|
||
color: #28a745;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* 发展历程 */
|
||
.development-timeline {
|
||
padding: 80px 0;
|
||
background: #f8f9fa;
|
||
}
|
||
|
||
.timeline {
|
||
position: relative;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background: #3498db;
|
||
transform: translateX(-50%);
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
margin-bottom: 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.timeline-item:nth-child(odd) {
|
||
flex-direction: row;
|
||
}
|
||
|
||
.timeline-item:nth-child(even) {
|
||
flex-direction: row-reverse;
|
||
}
|
||
|
||
.timeline-marker {
|
||
position: absolute;
|
||
left: 50%;
|
||
width: 20px;
|
||
height: 20px;
|
||
background: #3498db;
|
||
border: 4px solid white;
|
||
border-radius: 50%;
|
||
transform: translateX(-50%);
|
||
z-index: 2;
|
||
}
|
||
|
||
.timeline-content {
|
||
width: 45%;
|
||
padding: 30px;
|
||
background: white;
|
||
border-radius: 15px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-item:nth-child(odd) .timeline-content {
|
||
margin-right: 55%;
|
||
}
|
||
|
||
.timeline-item:nth-child(even) .timeline-content {
|
||
margin-left: 55%;
|
||
}
|
||
|
||
.timeline-date {
|
||
color: #3498db;
|
||
font-weight: 600;
|
||
font-size: 1.1rem;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.timeline-content h3 {
|
||
font-size: 1.5rem;
|
||
font-weight: 600;
|
||
color: #2c3e50;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.timeline-content p {
|
||
color: #6c757d;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* 业务领域 */
|
||
.business-areas {
|
||
padding: 80px 0;
|
||
background: white;
|
||
}
|
||
|
||
.areas-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
||
gap: 40px;
|
||
}
|
||
|
||
.area-card {
|
||
background: white;
|
||
padding: 40px 30px;
|
||
border-radius: 15px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
border: 1px solid #e9ecef;
|
||
}
|
||
|
||
.area-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
|
||
}
|
||
|
||
.area-header {
|
||
text-align: center;
|
||
margin-bottom: 25px;
|
||
}
|
||
|
||
.area-icon {
|
||
font-size: 3rem;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.area-header h3 {
|
||
font-size: 1.8rem;
|
||
font-weight: 600;
|
||
color: #2c3e50;
|
||
margin: 0;
|
||
}
|
||
|
||
.area-description {
|
||
color: #6c757d;
|
||
line-height: 1.6;
|
||
margin-bottom: 25px;
|
||
text-align: center;
|
||
}
|
||
|
||
.area-services h4 {
|
||
font-size: 1.3rem;
|
||
font-weight: 600;
|
||
color: #2c3e50;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.area-services ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
|
||
.area-services li {
|
||
color: #495057;
|
||
padding: 8px 0;
|
||
border-bottom: 1px solid #e9ecef;
|
||
position: relative;
|
||
padding-left: 25px;
|
||
}
|
||
|
||
.area-services li::before {
|
||
content: '→';
|
||
position: absolute;
|
||
left: 0;
|
||
color: #3498db;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* 企业愿景 */
|
||
.company-vision {
|
||
padding: 80px 0;
|
||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||
color: white;
|
||
}
|
||
|
||
.vision-content {
|
||
display: grid;
|
||
grid-template-columns: 2fr 1fr;
|
||
gap: 60px;
|
||
align-items: center;
|
||
}
|
||
|
||
.vision-text h2 {
|
||
font-size: 2rem;
|
||
font-weight: 600;
|
||
margin-bottom: 1rem;
|
||
color: #ecf0f1;
|
||
}
|
||
|
||
.vision-text h3 {
|
||
font-size: 1.8rem;
|
||
font-weight: 700;
|
||
margin-bottom: 2rem;
|
||
color: #3498db;
|
||
}
|
||
|
||
.vision-text p {
|
||
font-size: 1.1rem;
|
||
line-height: 1.8;
|
||
margin-bottom: 1.5rem;
|
||
color: #bdc3c7;
|
||
}
|
||
|
||
.vision-image .image-placeholder {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.vision-image .placeholder-icon {
|
||
color: #3498db;
|
||
}
|
||
|
||
.vision-image .image-placeholder p {
|
||
color: #ecf0f1;
|
||
}
|
||
|
||
/* 联系我们 */
|
||
.contact-section {
|
||
padding: 80px 0;
|
||
background: #f8f9fa;
|
||
}
|
||
|
||
.contact-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
gap: 30px;
|
||
}
|
||
|
||
.contact-card {
|
||
background: white;
|
||
padding: 30px;
|
||
border-radius: 15px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
text-align: center;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.contact-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.contact-icon {
|
||
font-size: 2.5rem;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.contact-card h4 {
|
||
font-size: 1.3rem;
|
||
font-weight: 600;
|
||
color: #2c3e50;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.contact-card p {
|
||
color: #6c757d;
|
||
margin: 0;
|
||
}
|
||
|
||
/* 动画效果 */
|
||
@keyframes fadeInUp {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(30px);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
|
||
/* 响应式设计 */
|
||
@media (max-width: 768px) {
|
||
.banner-title {
|
||
font-size: 2.5rem;
|
||
}
|
||
|
||
.banner-subtitle {
|
||
font-size: 1.2rem;
|
||
}
|
||
|
||
.banner-stats {
|
||
flex-direction: column;
|
||
gap: 30px;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2rem;
|
||
}
|
||
|
||
.overview-content,
|
||
.vision-content {
|
||
grid-template-columns: 1fr;
|
||
gap: 40px;
|
||
}
|
||
|
||
.timeline::before {
|
||
left: 20px;
|
||
}
|
||
|
||
.timeline-item {
|
||
flex-direction: row !important;
|
||
}
|
||
|
||
.timeline-marker {
|
||
left: 20px;
|
||
}
|
||
|
||
.timeline-content {
|
||
width: calc(100% - 60px);
|
||
margin-left: 60px !important;
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
.advantages-grid,
|
||
.areas-grid,
|
||
.contact-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.company-overview,
|
||
.core-advantages,
|
||
.development-timeline,
|
||
.business-areas,
|
||
.company-vision,
|
||
.contact-section {
|
||
padding: 60px 0;
|
||
}
|
||
}
|
||
</style>
|