.home-page.data-v-1cf27b2a { width: 100vw; height: 100vh; background-color: #F8FAFC; display: flex; flex-direction: column; } .main-scroll.data-v-1cf27b2a { flex: 1; height: 0; } /* 英雄轮播区 */ .hero-section.data-v-1cf27b2a { position: relative; width: 100%; height: 500rpx; overflow: hidden; } .hero-swiper.data-v-1cf27b2a { height: 100%; } .hero-card.data-v-1cf27b2a { position: relative; width: 100%; height: 100%; } .hero-img.data-v-1cf27b2a { width: 100%; height: 100%; } .hero-overlay.data-v-1cf27b2a { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5)); } .hero-text-content.data-v-1cf27b2a { position: absolute; left: 40rpx; bottom: 80rpx; color: #fff; z-index: 2; } .hero-tag.data-v-1cf27b2a { font-size: 20rpx; background: rgba(193,0,28,0.8); padding: 4rpx 16rpx; border-radius: 4rpx; margin-bottom: 12rpx; display: inline-block; } .hero-main-title.data-v-1cf27b2a { font-size: 44rpx; font-weight: bold; display: block; margin-bottom: 8rpx; } .hero-sub-title.data-v-1cf27b2a { font-size: 24rpx; opacity: 0.8; letter-spacing: 1rpx; } .hero-indicators.data-v-1cf27b2a { position: absolute; bottom: 40rpx; right: 40rpx; display: flex; gap: 8rpx; } .indicator-pill.data-v-1cf27b2a { width: 12rpx; height: 6rpx; background: rgba(255,255,255,0.3); border-radius: 4rpx; transition: 0.3s; } .indicator-pill.active.data-v-1cf27b2a { width: 32rpx; background: #fff; } /* 咨询卡片 */ .contact-card.data-v-1cf27b2a { margin: -40rpx 40rpx 40rpx; position: relative; z-index: 10; background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 24rpx; padding: 32rpx 40rpx; display: flex; align-items: center; justify-content: space-between; border: 1rpx solid #fff; box-shadow: 0 12rpx 40rpx rgba(0,0,0,0.06); } .contact-info.data-v-1cf27b2a { display: flex; align-items: center; } .contact-icon-box.data-v-1cf27b2a { width: 88rpx; height: 88rpx; background: #FFF1F2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 24rpx; } .contact-icon-box image.data-v-1cf27b2a { width: 44rpx; height: 44rpx; } .main-txt.data-v-1cf27b2a { font-size: 30rpx; font-weight: bold; color: #1a1a1a; display: block; margin-bottom: 4rpx; } .sub-txt.data-v-1cf27b2a { font-size: 22rpx; color: #7a7a7a; } .call-btn-circle.data-v-1cf27b2a { width: 72rpx; height: 72rpx; background: #C1001C; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6rpx 12rpx rgba(193,0,28,0.3); } .call-btn-circle image.data-v-1cf27b2a { width: 32rpx; height: 32rpx; } /* 魔方布局 */ .cube-section.data-v-1cf27b2a { padding: 20rpx 40rpx; } .section-header.data-v-1cf27b2a { margin-bottom: 30rpx; } .title-with-line.data-v-1cf27b2a { display: flex; align-items: baseline; gap: 16rpx; } .title-with-line .zh.data-v-1cf27b2a { font-size: 36rpx; font-weight: 800; color: #1a1a1a; } .title-with-line .en.data-v-1cf27b2a { font-size: 20rpx; color: #999; font-family: 'Georgia'; letter-spacing: 2rpx; } .cube-container.data-v-1cf27b2a { width: 100%; } .cube-grid.data-v-1cf27b2a { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20rpx; } .cube-card.data-v-1cf27b2a { position: relative; height: 320rpx; border-radius: 20rpx; overflow: hidden; background: #eee; transition: 0.3s; } .cube-bg.data-v-1cf27b2a { width: 100%; height: 100%; } .cube-mask.data-v-1cf27b2a { position: absolute; inset: 0; background: rgba(0,0,0,0.3); } .cube-content.data-v-1cf27b2a { position: absolute; left: 30rpx; top: 30rpx; z-index: 2; } .cube-title.data-v-1cf27b2a { font-size: 32rpx; font-weight: bold; color: #fff; margin-bottom: 12rpx; display: block; } .cube-line.data-v-1cf27b2a { width: 40rpx; height: 4rpx; background: #C1001C; margin-bottom: 12rpx; } .cube-desc.data-v-1cf27b2a { font-size: 20rpx; color: rgba(255,255,255,0.8); max-width: 240rpx; line-height: 1.4; display: block; } .cube-arrow.data-v-1cf27b2a { position: absolute; right: 30rpx; bottom: 30rpx; color: #fff; font-size: 30rpx; opacity: 0.6; } /* 企业实力 */ .brand-strength.data-v-1cf27b2a { padding: 40rpx; margin-bottom: 40rpx; } .strength-card.data-v-1cf27b2a { background: #1a1a1a; border-radius: 32rpx; padding: 48rpx 40rpx; color: #fff; box-shadow: 0 20rpx 60rpx rgba(0,0,0,0.15); } .s-header.data-v-1cf27b2a { margin-bottom: 50rpx; } .s-title.data-v-1cf27b2a { font-size: 34rpx; font-weight: bold; display: block; margin-bottom: 8rpx; color: #fff; letter-spacing: 4rpx; } .s-subtitle.data-v-1cf27b2a { font-size: 18rpx; color: #666; font-family: 'Arial'; text-transform: uppercase; } .s-stats.data-v-1cf27b2a { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40rpx; } .stat-box.data-v-1cf27b2a { text-align: center; flex: 1; } .stat-box .num.data-v-1cf27b2a { font-size: 44rpx; font-weight: 800; color: #FFD700; display: block; margin-bottom: 4rpx; } .stat-box .unit.data-v-1cf27b2a { font-size: 20rpx; margin-left: 4rpx; font-weight: normal; } .stat-box .label.data-v-1cf27b2a { font-size: 22rpx; color: #ababab; } .stat-divider.data-v-1cf27b2a { width: 1rpx; height: 50rpx; background: rgba(255,255,255,0.1); } .s-footer.data-v-1cf27b2a { border-top: 1rpx solid rgba(255,255,255,0.05); padding-top: 30rpx; text-align: center; } .s-footer text.data-v-1cf27b2a { font-size: 18rpx; color: #555; letter-spacing: 6rpx; } .safe-bottom-gap.data-v-1cf27b2a { height: 140rpx; }