/* ===== solution page ===== */
.banner-sol{min-height:580px;display:flex;align-items:stretch}
.banner-sol .img-back{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.banner-sol .img-back::after{content:"";position:absolute;left:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.75) 65%,transparent 100%);pointer-events:none}
.banner-sol .img-back > img{width:100%;height:100%;object-fit:cover}
.banner-sol .content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:50px;padding-bottom:0;margin-top: 50px;}
.banner-sol .textbox{max-width:680px}
.banner-sol .h6{margin-bottom:0;text-transform:uppercase;font-size:18px;font-weight: 500;margin-bottom: 20px;}
.banner-sol .h6::before{content: "";width: 35px;height: 3px;background-color: var(--public-color-secondary);display: block;margin-bottom: 10px;}
.banner-sol .h6::after{display: none;}
.banner-sol h1{color: var(--c-accent-2);}
.banner-sol h1 strong{color:var(--public-color-secondary)}
.banner-sol .text{margin-top:20px;}
.banner-sol .stats{display:flex;align-items:stretch;gap:0;max-width:1160px;padding:22px 30px;background-color: #ffffff;box-shadow: 3px 4px 5px 0px rgba(6, 0, 1, 0.05);border: solid 1px #9ab1d4;border-radius:12px;}
.banner-sol .stats .item{flex:1;display:flex;align-items:center;gap:16px;padding:0 24px}
.banner-sol .stats .item:not(:last-child){border-right:1px solid #e8ecf2}
.banner-sol .stats .icon{flex:0 0 40px;width:40px}
.banner-sol .stats .icon img{display:block;width:100%;height:auto}
.banner-sol .stats .num{font-size:28px;line-height:1.2;font-weight:600;color:var(--c-accent-2)}
.banner-sol .stats .box p{margin:6px 0 0;font-size:14px;line-height:1.35;color:#666}


/* ===== 解决方案�?�?共有标题 .sol-head ===== */
.sol-head{display:flex;align-items:center;gap:16px;margin-bottom:50px}
.sol-head .num{flex:0 0 auto;font-size:60px;line-height:1;font-weight:500;color:#adc3e4}
.sol-head .line{flex:0 0 auto;width:3px;height:48px;background:var(--public-color-secondary)}
.sol-head .title{margin:0;font-weight:600;color:var(--c-accent-2)}
.sol-fabric > .container > .desc{margin:-20px 0 35px;padding-left:88px;font-size:16px;line-height:1.6;color:#666;max-width:900px}

/* ===== .sol-custom 定制设备与升级 ===== */
.sol-custom{padding:90px 0;background:#fff}
.sol-custom .content{display:flex;align-items:stretch;gap:55px}
.sol-custom .left{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}
.sol-custom .card{flex: 1;display:flex;align-items:center;padding:25px 30px;background:#f5f8fb;border-radius:12px}
.sol-custom .card-xl{display:flex;align-items:flex-start;gap:15px;}
.sol-custom .card .icon{flex:0 0 70px;width:70px}
.sol-custom .card .icon img{display:block;mix-blend-mode: multiply;}
.sol-custom .card .h4{margin-bottom:10px;font-size:24px;line-height:1.3;font-weight:600;color:var(--c-accent-2)}
.sol-custom .img{flex:0 0 52%;border-radius:12px;overflow:hidden}
.sol-custom .img img{display:block;width:100%;height:100%;object-fit:cover}

/* ===== .sol-fabric 定制全伺服设备制造 ===== */
.sol-fabric{padding:80px 0 90px;background:#f9fbfe}
.sol-fabric .title-32{margin-bottom:0px;}
.sol-fabric .content{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.sol-fabric .item{padding:30px 25px 35px;background:#fff;border-radius:12px;box-shadow: 3px 4px 5px 0px rgba(34, 57, 96, 0.05);;transition:box-shadow .25s ease,transform .25s ease}
.sol-fabric .item:hover{box-shadow:0 10px 28px rgba(8,27,95,.1);transform:translateY(-4px)}
.sol-fabric .item .top{display:flex;align-items:center;gap:25px;margin-bottom:22px}
.sol-fabric .item .icon{flex:0 0 65px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:#f8f9fe;border-radius:50%}
.sol-fabric .item .icon img{display:block;object-fit:contain;mix-blend-mode: multiply;}
.sol-fabric .item .tag{font-size:36px;line-height:1;font-weight:600;color:var(--c-accent-2)}
.sol-fabric .item .tag::after{content:"";display:block;width:36px;height:3px;margin-top:8px;background:var(--public-color-secondary)}
.sol-fabric .item .h4{margin-bottom:15px;font-size:24px;line-height:1.35;font-weight:600;color:var(--c-accent-2)}
.sol-fabric .item .cont{font-size: 18px;line-height: 1.4;}

/* ===== .sol-referral 原材料供应商推荐 ===== */
.sol-referral{padding:80px 0 100px;}
.sol-referral .content{display:flex;align-items:center;gap:45px}
.sol-referral .img{position:relative;flex:0 0 52%;margin-left: 10px;padding-top: 40px;padding-bottom: 40px;}
.sol-referral .img::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color: #f1f1f1;z-index: -1;border-radius: 12px;}
.sol-referral .img::before{content: "";width: 60px;height: 60px;border-left: 10px solid var(--public-color-secondary);border-bottom: 10px solid var(--public-color-secondary);position: absolute;left: -9px;bottom: 0;z-index: 1;display: block;}
.sol-referral .img img{display:block;width:100%;height:auto;object-fit:cover}
.sol-referral .box{flex:1;min-width:0}
.sol-referral .sol-head{margin-bottom:35px}
.sol-referral .title-32{line-height: 1;}
.sol-referral .list{display:flex;flex-direction:column;gap:28px}
.sol-referral .list .item{display:flex;align-items:flex-start;gap:18px}
.sol-referral .list .icon{flex:0 0 65px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:#f8f9fe;border-radius:50%}
.sol-referral .list .icon img{display:block;object-fit:contain;mix-blend-mode: multiply;}
.sol-referral .list .h4{margin-bottom:10px;font-size:20px;line-height:1.3;font-weight:600;color:var(--c-accent-2)}
.sol-referral .list .cont{font-size:16px;line-height:1.55}

/* ===== .sol-cta 底部询盘 ===== */
.sol-cta{padding:70px 0;background:#e3ebf9}
.sol-cta .content{display:flex;align-items:center;justify-content:space-between;gap:40px}
.sol-cta .left{flex:1;min-width:0;max-width:780px}
.sol-cta .line-40::after{margin-left:0;margin-bottom:18px}
.sol-cta .title-32{margin-bottom:20px}
.sol-cta .a-lb{flex:0 0 auto;border-radius:12px;padding:0 40px;min-height:55px;gap:14px;font-weight:500;background-color: var(--public-color-secondary);border:2px solid var(--public-color-secondary);}
.sol-cta .a-lb::before , .sol-cta .a-lb::after{background-color: var(--public-color-secondary);}
.sol-cta .a-lb:hover{background-color: var(--public-color);}
@media(max-width:768px){
    .solution-page .banner.banner-sol{min-height:0}
    .solution-page .banner.banner-sol .banner-text{position:relative;top:auto;left:auto;width:100%;height:auto;display:block;padding:72px 0 28px}
    .solution-page .banner-sol .img-back::after{width:100%}
    .solution-page .banner-sol .content{margin-top:0;gap:22px}
    .solution-page .banner-sol .textbox{max-width:none;padding-right:72px}
    .solution-page .banner-sol h1{font-size:26px;line-height:1.3}
    .solution-page .banner-sol .text{margin-top:12px;font-size:15px;line-height:1.6}
    .solution-page .banner-sol .stats{flex-direction:column;align-items:stretch;gap:0;max-width:none;padding:8px 16px}
    .solution-page .banner-sol .stats .item{padding:14px 0;border-right:none}
    .solution-page .banner-sol .stats .item:not(:last-child){border-bottom:1px solid #e8ecf2}
    .solution-page .banner-sol .stats .num{font-size:24px}
    .sol-custom,.sol-fabric,.sol-referral{padding:36px 0}
    .solution-page .sol-head{align-items:flex-start;gap:12px;margin-bottom:24px}
    .solution-page .sol-head .num{font-size:36px}
    .solution-page .sol-head .line{height:36px}
    .solution-page .sol-head .title,.solution-page .sol-head .d{flex:1;min-width:0}
    .solution-page .sol-head .title,.solution-page .sol-fabric .title-32,.solution-page .sol-referral .title-32{font-size:24px;line-height:1.3}
    .sol-custom .content,.sol-referral .content{flex-direction:column;align-items:stretch;gap:20px}
    .sol-custom .img,.sol-referral .img{flex:none;width:100%;margin-left:0;padding-top:16px;padding-bottom:16px}
    .sol-custom .img img{height:auto}
    .sol-custom .card{padding:18px 16px}
    .sol-custom .card .h4{font-size:18px}
    .sol-fabric .content{grid-template-columns:1fr;gap:14px}
    .sol-fabric .item{padding:22px 16px 20px}
    .sol-fabric .item .h4{font-size:20px}
    .sol-fabric .item .tag{font-size:28px}
    .sol-fabric > .container > .desc{padding-left:0}
    .sol-referral .img::before{left:0}
    .sol-referral .list .h4{font-size:18px}
    .solution-page .sol-custom .card .box,.solution-page .sol-fabric .item,.solution-page .sol-referral .box{padding-right:64px}
}

