.case-wrapper .page-head{background:#e9f4ff}.case-wrapper .page-head .page-head-main .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.case-wrapper .page-head .page-head-main .content-left{margin:0 auto;text-align:center}.case-wrapper .page-head .page-head-main .content-left .title{font-size:45px}.case-wrapper .page-head .page-head-main .content-left .desc{font-family:SourceHanSansCN;font-weight:400;font-size:18px;color:rgba(26,31,38,.6);letter-spacing:4px;margin-top:8px}.case-wrapper .page-head .page-head-main .content-left .order-btns{justify-content:center}.case-wrapper .page-block--case{padding-top:80px}.case-wrapper .page-block--case .page-content-box{display:flex;flex-direction:column;align-items:center}.case-wrapper .page-block--case .case-list-wrap{width:972px;flex-shrink:0}.case-wrapper .page-block--case .case-list-wrap .tabs{display:flex;margin-bottom:16px}.case-wrapper .page-block--case .case-list-wrap .tabs .tab-item{padding:0 1rem;height:2rem;line-height:2rem;background:#f7f8fa;border-radius:6px;color:rgba(26,31,38,.6);margin-bottom:12px;margin-right:12px;font-weight:400;cursor:pointer}.case-wrapper .page-block--case .case-list-wrap .tabs .tab-item.active{background:#eff7ff}.case-wrapper .page-block--case .case-list-wrap .tabs .tab-item.active,.case-wrapper .page-block--case .case-list-wrap .tabs .tab-item:hover{color:#1890ff}.case-wrapper .page-block--case .case-list-wrap .tabs .tabs-left{flex-shrink:0}.case-wrapper .page-block--case .case-list-wrap .tabs .tabs-right{display:flex;flex-wrap:wrap;flex:1;overflow:hidden}.case-wrapper .page-block--case .case-list{display:flex;flex-wrap:wrap;width:100%;margin-right:-24px;margin-bottom:-24px}.case-wrapper .page-block--case .case-list .case-item{position:relative;margin-right:24px;margin-bottom:24px;width:300px;height:256px;cursor:pointer}.case-wrapper .page-block--case .case-list .case-item .case-item-main{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;border-radius:8px;border:1px solid hsla(210,7%,53%,.18);padding:28px 24px 0 24px}.case-wrapper .page-block--case .case-list .case-item .logo-box{display:flex;align-items:center;justify-content:center;height:50px}.case-wrapper .page-block--case .case-list .case-item .logo-box.overflow{overflow:hidden}.case-wrapper .page-block--case .case-list .case-item .logo{height:100%}.case-wrapper .page-block--case .case-list .case-item .item-title{margin-top:25px;font-family:SourceHanSansCN;font-weight:500;font-size:18px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.case-wrapper .page-block--case .case-list .case-item .item-desc{font-family:SourceHanSansCN;font-weight:400;font-size:14px;color:rgba(26,31,38,.6);margin-top:16px;width:103%}.case-wrapper .page-block--case .case-list .case-item .item-hover-box{position:absolute;top:0;left:0;width:100%;height:100%;background:#eff7ff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;transition:all .3s ease;opacity:0}.case-wrapper .page-block--case .case-list .case-item .item-hover-box .img{width:134px}.case-wrapper .page-block--case .case-list .case-item .item-hover-box .text{margin-top:8px;font-family:SourceHanSansCN;font-weight:400;font-size:12px;color:rgba(26,31,38,.6)}.case-wrapper .page-block--case .case-list .case-item .item-hover-box .order-btns{margin-top:16px}.case-wrapper .page-block--case .case-list .case-item .item-hover-box .order-btns .el-button{width:104px;height:32px;line-height:32px;font-size:14px;padding-top:0;padding-bottom:0}.case-wrapper .page-block--case .case-list .case-item:hover .item-hover-box{opacity:1}.case-wrapper .page-block--case .el-pagination{margin-top:30px;text-align:right}@media screen and (max-width:1280px){.case-wrapper .page-head .tabs .el-tabs{max-width:900px}}