/* TEST-20260730-001 */
/* =========================
   基础设置
========================= */


* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}


body {

    background:#f8f7f3;

    color:#17233d;

    font-family:
    "Microsoft YaHei",
    "PingFang SC",
    Arial,
    sans-serif;

}



html {

    scroll-behavior:smooth;

}


/* =========================
顶部标题
========================= */


.business-banner {


    min-height:380px;


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    text-align:center;



    padding-top:70px;



}




.business-banner h1 {


    font-size:52px;


    letter-spacing:5px;


    color:#10264d;


    margin-bottom:18px;



}



.business-banner p {


    font-size:20px;


    color:#303846;


}



.title-line {


    width:140px;


    height:2px;


    background:#c69736;


    margin:25px 0;



}



.business-banner h3 {


    font-size:20px;


    font-weight:500;


}






/* =========================
业务矩阵
========================= */



.business-matrix {


    padding:20px 0 80px;


}



.matrix-grid {


    width:900px;


    max-width:90%;


    margin:auto;


    display:grid;


    grid-template-columns:

    repeat(2,1fr);



    gap:25px;



}

.matrix-card{
    min-height:230px;
    height:auto;
    padding:28px 30px;
    box-sizing:border-box;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;

    background:#fff;
    border:1.5px solid #c69736;
    border-radius:20px;

    box-shadow:0 10px 25px rgba(16,38,77,.06);

    transition:.35s;
}

.card-icon {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.card-icon img {
    max-height: 50px;
    width: auto;
}

.matrix-card h3 {
    margin: 8px 0 14px;
    line-height: 1.25;
    text-align: center;
}

.matrix-card p {
    margin: 0;
    padding: 0 20px;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: break-word;
}

.matrix-card:hover {


    transform:

    translateY(-8px);

    box-shadow:

    0 18px 35px rgba(198,151,54,.25);

}

/* =========================
供应链能力
========================= */

.ability-section {

    padding:

    90px 0;

}

.ability-section h2 {

    text-align:center;

    color:#10264d;

    font-size:42px;

    letter-spacing:3px;

    margin-bottom:55px;

}

.ability-grid {


    width:1000px;


    max-width:90%;


    margin:auto;



    display:grid;


    grid-template-columns:

    repeat(3,1fr);



    gap:35px;



}

.ability-card {

    min-height:240px;

    background:white;

    border:1.5px solid #c69736;

    border-radius:28px;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    padding:40px 35px;

    transition:.35s;

}


.ability-card:hover {


    transform:

    translateY(-10px);


}

.ability-icon {

    width:85px;
    height:85px;

    margin-bottom:20px;

    display:flex;
    justify-content:center;
    align-items:center;

}

.ability-icon img{


width:75px;

height:75px;


object-fit:contain;


}

.ability-card h3 {

    width:100%;

    text-align:center;

    margin:0 0 15px;

    font-size:24px;

}

.ability-card p {

    width:100%;

    text-align:center;

    line-height:1.8;

    margin:0;

}
/* =========================
详细业务模块
========================= */


.business-detail {


    padding:

    100px 10%;



}



.business-detail h2 {


    text-align:center;


    font-size:42px;


    color:#10264d;



}



.subtitle {


    margin-top:15px;


    margin-bottom:50px;



    text-align:center;



    color:#666;


}



.detail-content {


    display:flex;


    align-items:flex-start;


    justify-content:center;


    gap:80px;



}



.detail-text {


    width:600px;

    min-height:220px;

    font-size:17px;


    line-height:2;


    color:#333;


}



.detail-image img {

    opacity:.9;

}


/* =========================
小卡片
========================= */


.small-cards {


    padding:

    80px 0;


}



.small-cards h2 {


    text-align:center;


    font-size:42px;


    color:#10264d;


    margin-bottom:45px;


}




.small-grid {


    width:900px;


    max-width:90%;


    margin:auto;


    display:grid;


    grid-template-columns:

    repeat(3,1fr);


    gap:30px;



}



.small-card {


    height:180px;

    background:white;


    border:1.5px solid #c69736;


    border-radius:18px;


    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;


    transition:.35s;


    box-shadow:

    0 10px 25px rgba(0,0,0,.06);

}



.small-card:hover {


    transform:translateY(-8px);


    box-shadow:

    0 18px 35px rgba(198,151,54,.22);

}



.small-icon {


    width:65px;

    height:65px;


    margin-bottom:18px;


    display:flex;

    align-items:center;

    justify-content:center;

}



.small-icon img {


    width:55px;

    height:55px;


    object-fit:contain;

}



.small-card h3 {


    margin:0;

    color:#10264d;


    font-size:22px;

    font-weight:500;

}

/* =========================
手机适配
========================= */

@media(max-width:800px){

    .detail-image-placeholder{
        display:none;
    }

    .business-banner h1{
        font-size:38px;
    }

    .matrix-grid{
        grid-template-columns:1fr;
    }

    .ability-grid{
        grid-template-columns:1fr;
    }

    .detail-content{
        flex-direction:column;
    }

    .detail-text{
        width:100%;
    }

    .detail-image img{
        width:100%;
        max-width:420px;
    }

    .small-grid{
        grid-template-columns:1fr;
    }
}