.case .caseBox{padding-bottom:60px}.case .caseBox .breadcrumb{padding-bottom:30px}.case .caseBox .type{margin-bottom:13px}.case .caseBox .type .typeItem{align-items:flex-start}.case .caseBox .type .typeItem h2{margin-right:21px;line-height:32px;font-size:18px;font-weight:400;color:#000;white-space:nowrap}.case .caseBox .type .typeItem ul{flex-wrap:wrap}.case .caseBox .type .typeItem ul li.active a{color:#fff;background:#2a82e4}.case .caseBox .type .typeItem ul li a{display:block;height:32px;margin:0 20px 20px 0;padding:0 10px;line-height:32px;text-align:center;border-radius:2px;background:#fff;border:1px solid #e5e5e5}.case .caseBox .type .typeItem ul li a:hover{color:#fff;background:#2a82e4}.case .caseBox .caseList ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case .caseBox .caseList ul li a{display:block;width:285px;height:277px;background:#f9f9f9}.case .caseBox .caseList ul li a img{display:block;width:285px;height:168px}.case .caseBox .caseList ul li a .caseListInfo{position:relative;height:109px;padding:16px 16px 0}.case .caseBox .caseList ul li a .caseListInfo h3{width:100%;padding-bottom:6px;font-size:16px;font-weight:400;line-height:18px;border-bottom:1px solid #e5e5e5}.case .caseBox .caseList ul li a .caseListInfo p{width:100%;margin:8px 0;font-size:14px;line-height:16px;color:#818498}.case .caseBox .caseList ul li a .caseListInfo .typeTitle{font-size:12px;line-height:14px;color:#2177ce}.case .caseBox .caseList ul li a .caseListInfo img{position:absolute;bottom:5px;right:16px;width:36px;height:36px}