|
|
@@ -47,6 +47,32 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 企业资质 -->
|
|
|
+ <div class="l-container">
|
|
|
+ <div class="qualification-section">
|
|
|
+ <div class="section-header text-center wow fadeInUp">
|
|
|
+
|
|
|
+ <h2 class="section-title">企业资质</h2>
|
|
|
+ <p class="section-subtitle">Our Qualifications</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="qualification-grid">
|
|
|
+ <div class="qualification-card wow zoomIn" style="animation-delay: 0s">
|
|
|
+ <div class="qualification-image">
|
|
|
+ <img src="@/assets/img/w1.png" alt="通用航空经营许可证">
|
|
|
+ </div>
|
|
|
+ <h4>通用航空经营许可证</h4>
|
|
|
+ </div>
|
|
|
+ <div class="qualification-card wow zoomIn" style="animation-delay: 0.2s">
|
|
|
+ <div class="qualification-image">
|
|
|
+ <img src="@/assets/img/w2.jpg" alt="低空经济会员单位">
|
|
|
+ </div>
|
|
|
+ <h4>低空经济会员单位</h4>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<!-- 核心业务 -->
|
|
|
<div class="l-container">
|
|
|
<div class="business-section">
|
|
|
@@ -477,6 +503,70 @@ export default {
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
+/* ===== 企业资质区域 ===== */
|
|
|
+.qualification-section {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-grid {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
|
+ gap: 40px;
|
|
|
+ max-width: 800px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-card {
|
|
|
+ background: var(--card-bg);
|
|
|
+ border-radius: var(--radius-lg);
|
|
|
+ padding: 24px;
|
|
|
+ box-shadow: var(--shadow-md);
|
|
|
+ transition: var(--transition-bounce);
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.05);
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-card:hover {
|
|
|
+ transform: translateY(-5px);
|
|
|
+ box-shadow: var(--shadow-lg);
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-image {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ min-height: 300px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ background: #f8f9fa;
|
|
|
+ border-radius: var(--radius-md);
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-image img {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+ object-fit: contain;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: var(--transition-base);
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-card:hover .qualification-image img {
|
|
|
+ transform: scale(1.05);
|
|
|
+}
|
|
|
+
|
|
|
+.qualification-card h4 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: var(--text-primary);
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
/* ===== 核心业务区域 ===== */
|
|
|
.business-section {
|
|
|
width: 100%;
|
|
|
@@ -720,6 +810,15 @@ export default {
|
|
|
.history-grid {
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
}
|
|
|
+
|
|
|
+ .qualification-grid {
|
|
|
+ grid-template-columns: 1fr;
|
|
|
+ gap: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qualification-image {
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
@@ -797,5 +896,14 @@ export default {
|
|
|
.partners-section {
|
|
|
padding: 40px 16px;
|
|
|
}
|
|
|
+
|
|
|
+ .qualification-grid {
|
|
|
+ grid-template-columns: 1fr;
|
|
|
+ gap: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qualification-image {
|
|
|
+ height: 250px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
