/* 关于我们页面 */
.about-tag{
    display:inline-block;
    font-size:12px;
    color:#999;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.about-section-title{
    font-size:28px;
    font-weight:600;
    color:#333;
    line-height:1.4;
    margin-bottom:24px;
}
.about-section-title em{font-style:normal;color:var(--fq-red);}

/* 1. 企业简介 */
.about-intro{padding:80px 0;background:#fff;}
.about-intro .intro-row{
    display:flex;
    align-items:flex-start;
    gap:50px;
}
.about-intro .intro-text{flex:1;}
.about-intro .intro-text p,
.about-intro .intro-content,
.about-intro .intro-content p{
    font-size:14px;
    color:var(--fq-gray);
    line-height:2.2;
    margin-bottom:16px;
}
.about-intro .intro-img{flex:0 0 44%;}
.about-intro .intro-img img{width:100%;border-radius:2px;display:block;}
.about-intro .intro-stats{
    display:flex;
    gap:16px;
    margin-top:36px;
}
.about-intro .intro-stat{
    flex:1;
    background:var(--fq-red);
    color:#fff;
    padding:24px 16px;
    text-align:center;
}
.about-intro .intro-stat .num{
    font-size:34px;
    font-weight:700;
    color:#fff;
    line-height:1;
}
.about-intro .intro-stat .label{
    font-size:18px;
    color:rgba(255,255,255,.75);
    margin-top:10px;
}

/* 2. 我们的愿景 */
.about-vision{
    position:relative;
    min-height:480px;
    overflow:hidden;
}
.about-vision .vision-slides,
.about-vision .vision-slide{height:100%;}
.about-vision .vision-slide{
    position:relative;
    min-height:480px;
    background:center/cover no-repeat;
}
.about-vision .vision-slide-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.2);
}
.about-vision .vision-card{
    position:absolute;
    left:10%;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    background:#fff;
    padding:40px 44px;
    max-width:420px;
    box-shadow:0 8px 32px rgba(0,0,0,.12);
}
.about-vision .vision-card h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:16px;
    color:#333;
}
.about-vision .vision-card p{
    font-size:14px;
    color:var(--fq-gray);
    line-height:2;
}
.about-vision .owl-nav .owl-prev,
.about-vision .owl-nav .owl-next{
    position:absolute;
    bottom:40px;
    top:auto;
    transform:none;
    width:40px;
    height:40px;
    line-height:40px;
    background:var(--fq-red)!important;
    border-radius:50%;
    opacity:1;
    margin:0;
}
.about-vision .owl-nav .owl-prev{left:10%;}
.about-vision .owl-nav .owl-next{left:calc(10% + 52px);}
.about-vision .owl-nav .owl-prev i,
.about-vision .owl-nav .owl-next i{
    font-size:18px;
    color:#fff;
    line-height:40px;
}
.about-vision .owl-dots{
    position:absolute;
    bottom:48px;
    left:calc(10% + 110px);
    width:auto;
    margin:0;
}
.about-vision .owl-dot span{
    width:8px;height:8px;
    background:rgba(255,255,255,.5)!important;
}
.about-vision .owl-dot.active span{background:#fff!important;}

/* 3. 三位一体生态 */
.about-eco{padding:80px 0;background:#fff;}
.about-eco .eco-row{
    display:flex;
    gap:40px;
    margin-top:48px;
}
.about-eco .eco-tabs{flex:0 0 280px;}
.about-eco .eco-tab{
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px 24px;
    background:#fff;
    border:1px solid #eee;
    margin-bottom:12px;
    cursor:pointer;
    transition:all .3s;
}
.about-eco .eco-tab:last-child{margin-bottom:0;}
.about-eco .eco-tab .num{
    font-size:20px;
    font-weight:700;
    color:#ccc;
    flex:0 0 32px;
}
.about-eco .eco-tab .name{font-size:16px;color:#333;font-weight:500;}
.about-eco .eco-tab.active{
    background:var(--fq-red);
    border-color:var(--fq-red);
}
.about-eco .eco-tab.active .num,
.about-eco .eco-tab.active .name{color:#fff;}
.about-eco .eco-content{flex:1;position:relative;}
.about-eco .eco-panel{display:none;}
.about-eco .eco-panel.active{display:block;}
.about-eco .eco-panel img{
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:2px;
    display:block;
}
.about-eco .eco-panel p{
    font-size:14px;
    color:var(--fq-gray);
    line-height:2;
    margin-top:20px;
}

/* 4. 职业培训学校 */
.about-school{padding:80px 0;background:var(--fq-light);}
.about-school .school-row{
    display:flex;
    align-items:center;
    gap:50px;
    margin-bottom:48px;
}
.about-school .school-text{flex:1;}
.about-school .school-text p{
    font-size:14px;
    color:var(--fq-gray);
    line-height:2.2;
    margin-bottom:14px;
}
.about-school .school-img{flex:0 0 44%;}
.about-school .school-img img{width:100%;border-radius:2px;display:block;}
.about-school .school-gallery{position:relative;padding:0 24px;}
.about-school .school-gallery .gallery-item{text-align:center;}
.about-school .school-gallery .gallery-item img{
    width:100%;
    height:140px;
    object-fit:cover;
    border-radius:2px;
    display:block;
}
.about-school .school-gallery .gallery-item span{
    display:block;
    font-size:13px;
    color:#333;
    margin-top:10px;
}
.about-school .owl-nav .owl-prev,
.about-school .owl-nav .owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    line-height:36px;
    background:var(--fq-red)!important;
    border-radius:50%;
    opacity:1;
    margin:0;
}
.about-school .owl-nav .owl-prev{left:-18px;}
.about-school .owl-nav .owl-next{right:-18px;}
.about-school .owl-nav .owl-prev i,
.about-school .owl-nav .owl-next i{
    font-size:16px;
    color:#fff;
    line-height:36px;
}

/* 5. 三支专业团队 */
.about-teams{padding:80px 0;background:#fff;}
.about-teams .teams-grid{
    display:flex;
    gap:20px;
    margin-top:48px;
}
.about-teams .team-card{
    flex:1;
    padding:36px 28px;
    border:1px solid #eee;
    position:relative;
    min-height:220px;
    transition:box-shadow .3s,transform .3s;
}
.about-teams .team-card:hover{
    box-shadow:0 8px 28px rgba(0,0,0,.08);
    transform:translateY(-4px);
}
.about-teams .team-card.featured{
    background:var(--fq-red);
    border-color:var(--fq-red);
    color:#fff;
}
.about-teams .team-card h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:16px;
    line-height:1.5;
}
.about-teams .team-card p{
    font-size:13px;
    line-height:2;
    color:var(--fq-gray);
}
.about-teams .team-card.featured p{color:rgba(255,255,255,.85);}
.about-teams .team-card .team-icon{
    position:absolute;
    bottom:24px;
    left:28px;
    font-size:28px;
    color:var(--fq-red);
    opacity:.3;
}
.about-teams .team-card.featured .team-icon{color:#fff;opacity:.4;}
.about-teams .team-card .team-arrow{
    position:absolute;
    bottom:24px;
    right:28px;
    width:32px;
    height:32px;
    border:1px solid #ddd;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:#999;
    transition:all .3s;
}
.about-teams .team-card.featured .team-arrow{
    border-color:rgba(255,255,255,.4);
    color:#fff;
}
.about-teams .team-card:hover .team-arrow{
    background:var(--fq-red);
    border-color:var(--fq-red);
    color:#fff;
}

/* 6. 资质荣誉 */
.about-honor{padding:80px 0;background:var(--fq-light);}
.about-honor .honor-grid{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:48px;
}
.about-honor .honor-item{
    flex:0 0 calc(25% - 15px);
    background:#fff;
    padding:20px;
    text-align:center;
    transition:box-shadow .3s;
}
.about-honor .honor-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);}
.about-honor .honor-item img{
    width:100%;
    height:160px;
    object-fit:contain;
    display:block;
    margin-bottom:14px;
}
.about-honor .honor-item h4{
    font-size:14px;
    font-weight:500;
    color:#333;
    margin-bottom:6px;
    line-height:1.5;
}
.about-honor .honor-item span{font-size:12px;color:#999;}
.about-honor .honor-item a.more{
    display:inline-block;
    font-size:12px;
    color:var(--fq-red);
    margin-top:8px;
}

/* 7. 合作单位 - 菱形 */
.about-partners{padding:80px 0;background:#fff;}
.about-partners .diamond-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px 24px;
    margin-top:48px;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.about-partners .diamond-item{
    width:100px;
    height:100px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about-partners .diamond-shape{
    width:72px;
    height:72px;
    background:#f5f5f5;
    transform:rotate(45deg);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .3s,box-shadow .3s;
}
.about-partners .diamond-item:hover .diamond-shape{
    background:#fff;
    box-shadow:0 4px 16px rgba(0,0,0,.1);
}
.about-partners .diamond-shape img{
    transform:rotate(-45deg);
    max-width:42px;
    max-height:42px;
    object-fit:contain;
}

/* 8. 事业合伙 */
.about-biz{padding:80px 0;background:var(--fq-light);}
.about-biz .biz-grid{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:48px;
}
.about-biz .biz-item{
    flex:0 0 calc(20% - 13px);
    background:#fff;
    padding:28px 16px;
    text-align:center;
    border:1px solid #eee;
    transition:box-shadow .3s;
}
.about-biz .biz-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);}
.about-biz .biz-item.featured{
    background:var(--fq-red);
    border-color:var(--fq-red);
}
.about-biz .biz-item img{
    max-width:80%;
    max-height:48px;
    object-fit:contain;
    display:block;
    margin:0 auto;
}
.about-biz .biz-item.featured img{filter:brightness(0) invert(1);}
.about-biz .biz-item span{
    display:block;
    font-size:12px;
    color:#999;
    margin-top:12px;
}
.about-biz .biz-item.featured span{color:rgba(255,255,255,.8);}
.about-biz .biz-item.gray img{filter:grayscale(100%);opacity:.6;}

/* ========== 平板适配 ========== */
@media(max-width:1000px){
    .about-intro .intro-row,
    .about-school .school-row,
    .about-eco .eco-row{flex-direction:column;gap:32px;}
    .about-intro .intro-img,
    .about-school .school-img,
    .about-eco .eco-tabs{flex:none;width:100%;}
    .about-eco .eco-tabs{display:flex;gap:8px;}
    .about-eco .eco-tab{flex:1;margin-bottom:0;padding:16px 12px;justify-content:center;}
    .about-eco .eco-tab .num{display:none;}
    .about-teams .teams-grid{flex-wrap:wrap;}
    .about-teams .team-card{flex:0 0 calc(50% - 10px);}
    .about-honor .honor-item{flex:0 0 calc(33.33% - 14px);}
    .about-biz .biz-item{flex:0 0 calc(25% - 12px);}
    .about-vision .vision-card{
        left:5%;right:5%;
        max-width:none;
        padding:32px 28px;
    }
    .about-vision .owl-nav .owl-prev{left:5%;}
    .about-vision .owl-nav .owl-next{left:calc(5% + 52px);}
    .about-vision .owl-dots{left:calc(5% + 110px);}
}

/* ========== 手机适配 ========== */
@media(max-width:768px){
    .about-intro,
    .about-eco,
    .about-school,
    .about-teams,
    .about-honor,
    .about-partners,
    .about-biz{padding:48px 0;}
    .about-section-title{font-size:22px;}
    .about-intro .intro-stats{flex-wrap:wrap;}
    .about-intro .intro-stat{flex:0 0 calc(50% - 8px);}
    .about-vision .vision-slide{min-height:400px;}
    .about-vision .vision-card{
        position:relative;
        left:auto;top:auto;right:auto;
        transform:none;
        margin:48px 16px 80px;
    }
    .about-vision .owl-nav .owl-prev,
    .about-vision .owl-nav .owl-next{bottom:24px;}
    .about-vision .owl-dots{bottom:32px;left:50%;transform:translateX(-50%);}
    .about-eco .eco-tabs{flex-direction:column;}
    .about-eco .eco-tab .num{display:block;}
    .about-eco .eco-panel img{height:240px;}
    .about-teams .team-card{flex:0 0 100%;}
    .about-honor .honor-item{flex:0 0 calc(50% - 10px);}
    .about-partners .diamond-item{width:80px;height:80px;}
    .about-partners .diamond-shape{width:56px;height:56px;}
    .about-biz .biz-item{flex:0 0 calc(33.33% - 11px);}
    .about-school .school-gallery .gallery-item img{height:120px;}
    .about-school .owl-nav .owl-prev{left:0;}
    .about-school .owl-nav .owl-next{right:0;}
}

@media(max-width:375px){
    .about-intro .intro-stat{flex:0 0 100%;}
    .about-honor .honor-item{flex:0 0 100%;}
    .about-biz .biz-item{flex:0 0 calc(50% - 8px);}
    .about-partners .diamond-grid{gap:4px 12px;}
}