.desktop-industry{padding-bottom:100px}
.desktop-industry-wrap{display:flex;justify-content:center;align-items:center}
.desktop-industry-wrap .item{width:17.5%;height:310px;box-sizing:border-box;border:1px solid #e5e5e5;border-right:0;transition:width 0.3s linear;overflow:hidden}
.desktop-industry-wrap .item:last-child{border-right:1px solid #e5e5e5}
.desktop-industry-wrap .item .box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:30px}
.desktop-industry-wrap .item .box .name{font-size:20px;font-weight:bold;margin-bottom:30px}
.desktop-industry-wrap .item .box .more{color:#666;font-size:16px;display:flex;align-items:center}
.desktop-industry-wrap .item .box .more i{font-size:22px}
.desktop-industry-wrap .item .box .more i:before{content:'\e65b';font-family:'iconfont';line-height:1}
.desktop-industry-wrap .item .hoverbox{display:none;flex-direction:column;align-items:flex-start;justify-content:space-between;width:500px;height:100%;box-sizing:border-box;padding:24px 30px;position:relative}
.desktop-industry-wrap .item .hoverbox .head{display:flex;align-items:center}
.desktop-industry-wrap .item .hoverbox .head .icon{width:72px;height:72px;margin-right:15px}
.desktop-industry-wrap .item .hoverbox .head .name{font-size:20px;font-weight:bold}
.desktop-industry-wrap .item .hoverbox .cont{flex:1;color:#666;font-size:15px;margin:20px 0px}
.desktop-industry-wrap .item .hoverbox .link-btn{min-width:120px;height:40px;background:transparent;border:1px solid #0368d9;padding:0px 7px 0px 15px}
.desktop-industry-wrap .item .hoverbox .link-btn span{color:#00A9FF;font-size:14px}
.desktop-industry-wrap .item .hoverbox .link-btn:hover span{color:#ffffff}
.desktop-industry-wrap .item .hoverbox .link-btn i{width:26px;height:26px;color:#ffffff}
.desktop-industry-wrap .item .hoverbox .link-btn i:after{background:#00A9FF}
.desktop-industry-wrap .item .hoverbox .link-btn:hover i{color:#ffffff}
.desktop-industry-wrap .item.active{width:29.75%}
.desktop-industry-wrap .item.active .box{display:none}
.desktop-industry-wrap .item.active .hoverbox{display:flex}
.desktop-challenges{padding-bottom:100px}
.desktop-challenges-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.desktop-challenges-wrap .item{background:#fff;padding:35px 30px;border-radius:12px;text-align:center;border:1px solid #ececec;box-shadow:0 5px 20px rgba(0,0,0,0.04);transition:transform 0.3s}
.desktop-challenges-wrap .item:hover{transform:translateY(-5px);border-color:#00A9FF}
.desktop-challenges-wrap .item .icon{font-size:46px;margin-bottom:20px}
.desktop-challenges-wrap .item .name{font-size:24px;font-weight:bold;color:#333;margin-bottom:15px}
.desktop-challenges-wrap .item .desc{font-size:16px;color:#666;line-height:1.6}
.desktop-types{padding-bottom:100px}
.desktop-types-tabs{display:flex;justify-content:center;margin-bottom:40px;gap:20px}
.desktop-types-tabs .tab-item{margin:0px 30px;height:50px;color:#666;border-radius:25px;font-size:18px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center}
.desktop-types-tabs .tab-item .icon{width:30px;margin-right:8px;font-style:normal}
.desktop-types-content .type-block{position:-webkit-sticky;position:sticky;top:80px;display:flex;align-items:flex-end;justify-content:space-between;height:550px;background-color:#ffffff;background-image:url('https://szhl.cn/assets/web/images/desktop/desktop-types-content.jpg');background-repeat:no-repeat;background-position:center center;border:2px solid #ffffff;box-shadow:0 4px 16px rgba(56,123,255,.1);border-radius:24px}
.desktop-types-content .type-block .left{padding:60px;max-width:50%}
.desktop-types-content .type-block .left .left-title{display:flex;align-items:center;margin-bottom:20px}
.desktop-types-content .type-block .left .left-title .icon{margin-right:15px}
.desktop-types-content .type-block .left .left-title .name{color:#333;font-size:30px;font-weight:bold}
.desktop-types-content .type-block .left .desc{color:#666;font-size:15px}
.desktop-types-content .type-block .left .feature-list{display:flex;flex-wrap:wrap}
.desktop-types-content .type-block .left .feature-list .sub-item{width:calc(50% - 20px);padding:15px 30px;background:linear-gradient( 90deg,#FFFFFF 0%,rgba(255,255,255,0.6) 100%);border-radius:40px;margin-right:20px;margin-top:20px}
.desktop-types-content .type-block .left .feature-list .sub-item:nth-child(2n){margin-right:0px}
.desktop-types-content .type-block .left .feature-list .sub-item .sub-title{color:#00A9FF;font-size:18px;font-weight:bold}
.desktop-types-content .type-block .left .feature-list .sub-item .sub-desc{color:#28292e;font-size:15px;line-height:20px}
.desktop-types-content .type-block .right{width:50%;padding:0px 60px}
.desktop-benefits{padding-bottom:100px;background:linear-gradient( 180deg,#EBEEFF 0%,#FAFBFF 100%)}
.desktop-benefits-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.desktop-benefits-wrap .item{display:flex;align-items:flex-start;backdrop-filter:blur(10px);background:rgba(255,255,255,0.8);padding:30px;border-radius:10px;border:2px solid #ffffff;box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s}
.desktop-benefits-wrap .item:hover{transform:translateX(5px);box-shadow:0 6px 20px rgba(24,144,255,0.1)}
.desktop-benefits-wrap .item .icon{font-size:36px;margin-right:20px;color:#00A9FF;background:#e6f7ff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.desktop-benefits-wrap .item .name{font-size:18px;font-weight:bold;color:#333;margin-bottom:10px}
.desktop-benefits-wrap .item .desc{font-size:14px;color:#666;line-height:1.6}
.cases-carousel{position:relative;width:100%}
.case-wrapper{display:flex;align-items:center;justify-content:center;gap:30px}
.case-side-img{width:20%;opacity:0.5;transform:scale(0.9);transition:all 0.3s;background:#f0f2f5;border-radius:8px;min-height:250px;display:flex;align-items:center;justify-content:center}
.case-center{width:50%;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;z-index:2}
.case-main-img{background:#f8f9fa;display:flex;align-items:center;justify-content:center}
.case-info{padding:30px}
.case-title{font-size:24px;font-weight:bold;color:#333;margin-bottom:15px}
.case-desc{font-size:15px;color:#666;line-height:1.8}
.carousel-dots{display:flex;justify-content:center;gap:10px}
.carousel-dots .dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:background 0.3s}
.carousel-dots .dot.active{background:#7A5CFA;width:30px;border-radius:6px}

@media all and (max-width:1700px){
    .desktop-industry-wrap .item .hoverbox{width:416.5px}
}
@media all and (max-width:1600px){
    .desktop-industry-wrap .item{height:350px}
    .desktop-industry-wrap .item .hoverbox{width:375px}
    .desktop-types-content .type-block .left{padding:40px}
    .desktop-types-content .type-block .right{padding:0px 40px}
}
@media all and (max-width:1440px){
    .desktop-industry-wrap .item .hoverbox{width:348px}
    .desktop-types-content .type-block .left{padding:30px;position:relative;z-index:2}
    .desktop-types-content .type-block .right{padding:0px 30px}
}
@media all and (max-width:1360px){
    .desktop-industry-wrap .item .hoverbox{width:327.25px}
}
@media (max-width:1280px){
    .desktop-industry-wrap .item .box{padding:20px}
    .desktop-industry-wrap .item .hoverbox{width:285.5px;padding:20px}
    .desktop-industry-wrap .item .box .name{font-size:18px}
    .desktop-industry-wrap .item .hoverbox .cont{font-size:14px}
    .desktop-types-content .type-block{height:auto}
    .desktop-types-content .type-block .left{max-width:100%}
    .desktop-types-content .type-block .right{display:none}
}
@media all and (max-width:1100px){
    .desktop-industry{padding-bottom:35px}
    .desktop-challenges{padding-bottom:35px}
    .desktop-challenges-wrap{gap:20px}
    .desktop-types{padding-bottom:35px}
    .desktop-types-tabs{margin-bottom:20px}
    .desktop-types-tabs .tab-item{margin:0px 10px}
    .desktop-types-content .type-block{background-size:cover}
    .desktop-types-content .type-block .left .left-title .icon{width:40px;height:40px}
    .desktop-types-content .type-block .left .left-title .name{font-size:24px}
    .desktop-benefits{padding-bottom:35px}
    .desktop-benefits-wrap{gap:20px}
}
@media all and (max-width:768px){
    .desktop-industry-wrap{flex-direction:column}
    .desktop-industry-wrap .item,.desktop-industry-wrap .item.active{width:100%;height:auto;border-bottom:none;border-right:1px solid #e5e5e5}
    .desktop-industry-wrap .item:last-child{border-bottom:1px solid #e5e5e5}
    .desktop-industry-wrap .item .box{display:none}
    .desktop-industry-wrap .item .hoverbox{display:flex;width:100%}
    .desktop-industry-wrap .item .hoverbox .head .icon{width:50px;height:50px}
    .desktop-industry-wrap .item .hoverbox .head .name{font-size:18px}
    .desktop-challenges-wrap{grid-template-columns:repeat(1,1fr)}
    .desktop-challenges-wrap .item{padding:20px;display:flex}
    .desktop-challenges-wrap .item .icon{width:72px;height:72px;margin-bottom:0px;margin-right:20px}
    .desktop-challenges-wrap .item .cont{flex:1;text-align:left}
    .desktop-challenges-wrap .item .name{font-size:18px;margin-bottom:5px}
    .desktop-types-tabs{display:none}
    .desktop-types-content .type-block .left{padding:20px}
    .desktop-types-content .type-block .left .left-title .name{font-size:18px}
    .desktop-types-content .type-block .left .desc{font-size:14px}
    .desktop-types-content .type-block .left .feature-list .sub-item{width:100%;margin-right:0px;padding:10px 20px}
    .desktop-types-content .type-block .left .feature-list .sub-item .sub-title{font-size:16px}
    .desktop-types-content .type-block .left .feature-list .sub-item .sub-desc{font-size:14px}
    .desktop-benefits-wrap{grid-template-columns:repeat(1,1fr)}
    .desktop-benefits-wrap .item{padding:20px}
    .desktop-benefits-wrap .item .icon{width:45px;height:45px}
    .desktop-benefits-wrap .item .name{font-size:16px;margin-bottom:5px}
}