/* 关于我们页面专用样式 - 精简优化版 */
.about-page {
    margin-bottom: 40px;
}

.auto {
    margin: 0 auto;
    width: 1200px;
}

.about-head {
    position: relative;
    height: 350px;
    min-width: 1200px;
    overflow: hidden;
}

.border-bottom-1 {
    border-bottom: 1px solid #e6e6e6;
}

.ab-part-title {
    margin: 40px 0 30px;
    padding-left: 20px;
    height: 24px;
    border-left: 6px solid #d32f2f;
    line-height: 24px;
    font-size: 22px;
    text-align: left;
    color: #d32f2f;
    font-weight: 600;
}

/* Banner区 */
.about-banner {
    height: 350px;
    background: #FFF;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 400% 400% !important;
    border-radius: 8px;
    animation: subtleShine 4s ease-in-out infinite alternate;
}

.about-banner.about {
    background: linear-gradient(35deg, #ffffff 25%, #f8f8f8 50%, #f0f0f0 75%);
}

@keyframes subtleShine {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.header-info {
    padding: 20px;
    text-align: center;
    color: #111;
    box-sizing: border-box;
    max-width: 800px;
}

.header-info h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
}

.header-info p {
    line-height: 1.5;
    color: #333;
    font-size: 20px;
    margin: 0;
}

/* 公司简介部分 */
.part-company-introduce {
    padding-bottom: 40px;
}

.company-profile-content {
    line-height: 1.8;
    color: #444;
    font-size: 16px;
}

.company-profile-content p {
    margin-bottom: 20px;
    text-align: justify;
}

.company-profile-content strong {
    color: #d32f2f;
    font-weight: 600;
}

/* 核心优势部分 */
.part-advantages {
    padding: 40px 0;
    border-bottom: 1px solid #e6e6e6;
}

.advantages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
}

.advantage-card {
    width: calc(25% - 30px);
    margin: 15px;
    padding: 30px 25px;
    background-color: #f9f9f9;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.advantage-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background-color: rgba(211, 47, 47, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantage-icon span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-network {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}

.icon-team {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
}

.icon-security {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>');
}

.icon-value {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>');
}

.advantage-card h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

.advantage-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

/* 企业文化部分 */
.part-culture {
    padding: 40px 0;
    border-bottom: 1px solid #e6e6e6;
}

.culture-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px;
}

.culture-item {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 25px 20px;
    text-align: center;
    box-sizing: border-box;
}

.culture-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.culture-icon span {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-professional {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

.icon-integrity {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}

.icon-innovation {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM12 20c-3.31 0-6-2.69-6-6 0-1.53.3-3.04.86-4.43 1.01 1.01 2.41 1.63 3.97 1.63 2.66 0 4.75-1.83 5.28-4.43C17.34 8.97 18 10.93 18 13c0 3.31-2.69 6-6 6z"/></svg>');
}

.icon-service {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d32f2f"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z"/></svg>');
}

.culture-item h5 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

.culture-item p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

/* 行动号召部分 */
.part-cta {
    padding: 60px 0;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-top: 40px;
}

.cta-content h3 {
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

.cta-content p {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.btn {
    display: inline-block;
    padding: 14px 32px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn-primary {
    background-color: #d32f2f;
    color: #fff;
}

.btn-primary:hover {
    background-color: #b71c1c;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
}

.btn-secondary {
    background-color: transparent;
    color: #d32f2f;
    border: 2px solid #d32f2f;
}

.btn-secondary:hover {
    background-color: rgba(211, 47, 47, 0.1);
    transform: translateY(-2px);
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .auto {
        width: 100%;
        padding: 0 20px;
    }
    
    .about-head {
        min-width: 100%;
    }
    
    .advantages-container,
    .culture-container {
        margin: 0 -10px;
    }
    
    .advantage-card,
    .culture-item {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

@media screen and (max-width: 768px) {
    .about-head {
        height: 250px;
    }
    
    .about-banner {
        height: 250px;
    }
    
    .header-info h1 {
        font-size: 28px;
    }
    
    .header-info p {
        font-size: 16px;
    }
    
    .ab-part-title {
        font-size: 20px;
        margin: 30px 0 20px;
    }
    
    .advantages-container,
    .culture-container {
        margin: 0;
    }
    
    .advantage-card,
    .culture-item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    .advantage-card {
        padding: 20px;
    }
    
    .culture-item {
        padding: 15px 0;
    }
    
    .cta-content h3 {
        font-size: 24px;
    }
    
    .cta-content p {
        font-size: 16px;
    }
    
    .cta-buttons {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    
    .btn {
        width: 100%;
        max-width: 300px;
        padding: 12px 24px;
    }
}

@media screen and (max-width: 480px) {
    .about-head {
        height: 200px;
    }
    
    .about-banner {
        height: 200px;
    }
    
    .header-info {
        padding: 10px;
    }
    
    .header-info h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .header-info p {
        font-size: 14px;
    }
    
    .ab-part-title {
        font-size: 18px;
        margin: 25px 0 15px;
        padding-left: 15px;
    }
    
    .company-profile-content {
        font-size: 14px;
    }
    
    .advantage-card h4,
    .culture-item h5 {
        font-size: 16px;
    }
    
    .advantage-card p,
    .culture-item p {
        font-size: 13px;
    }
}

/* 清除浮动 */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}