/* ===== 1 重置 ===== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:"PingFang SC","Microsoft YaHei",Helvetica,Arial;
    background:#f7f8fa;
    color:#444;
}

/* ===== 2 大容器 ===== */
.wrap-s.max{
    max-width:1400px;
    margin:0 auto;
    /* padding:60px 20px; */
}

/* ===== 3 主标题 ===== */
.solution-label{
    text-align:center;
    margin-bottom:50px;
}
.solution-label .tit.reg{
    font-size:32px;
    font-weight:700;
    color:#003366;          /* 深蓝 */
    position:relative;
    display:inline-block;
}
.solution-label .tit.reg::after{   /* 底部短横线 */
    content:"";
    display:block;
    width:40px;
    height:3px;
    background:#e60012;      /* 品牌红 */
    margin:10px auto 0;
}

/* ===== 4 每一项 ===== */
.items .item{
    display:flex;
    align-items:center;
    margin-bottom:50px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.06);
}
.items .item:nth-child(even){
    flex-direction:row-reverse;   /* 偶数项右图左文 */
}

/* ===== 5 图片块 ===== */
.img-box{
    flex:0 0 50%;
    font-size:0;        /* 去掉 img 底部空隙 */
}
.img-box img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
}

/* ===== 6 文字块 ===== */
.txt-box{
    flex:0 0 50%;
    padding:50px 60px;
}
.txt-box .cell .tit{
    font-size:24px;
    font-weight:700;
    color:#003366;
    margin-bottom:18px;
}
.txt-box .cell p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    margin-bottom:25px;
}
.txt-box .cell a{
    display:inline-block;
    padding:8px 24px;
    font-size:14px;
    color:#fff;
    background:#e60012;
    border-radius:20px;
    text-decoration:none;
    transition:background .25s;
}
.txt-box .cell a:hover{
    background:#c40010;
}

/* ===== 7 响应式：≤768 px 上图下文 ===== */
@media(max-width:768px){
    .items .item,
    .items .item:nth-child(even){
        flex-direction:column;
    }
    .img-box,
    .txt-box{
        flex:1 1 100%;
    }
    .txt-box{
        padding:30px 20px;
    }


    /* @media (max-width: 768px) {
    .img-box img{
        width: 300px !important;
        height: 200px !important;
        object-fit: cover;
    }
} */
}