.case .case-main{box-sizing: border-box;padding: 20px 12.5% 60px 12.5%;}
.case .case-main .case-list{margin-top: 60px;display: flex;align-items: center;flex-wrap: wrap;}
.case .case-main .case-item{width: 23.9%;margin:0 1.2% 20px 0;border: 1px solid #E2E2E2;}
.case .case-main .case-item:nth-child(4n){margin-right: 0;}
.case .case-main .case-name{height: 57px;line-height: 57px;font-size: 18px;font-weight: 400;color: #333333;text-align: center;letter-spacing: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    box-sizing: border-box;padding: 0 10px}
.case .case-main .pagination{display: flex;align-items:center;justify-content: center;margin-top: 30px;}
.case .case-main .pagination li a,
.case .case-main .pagination li span{display: block; width: 33px;height: 33px;background: #F4F4F5;border-radius: 5px; line-height: 30px;text-align:center;color: #333333;margin: 0 5px;}
.case .case-main .pagination .active span{background:#409EFF !important;color:#FFFFFF !important;}

.case-details .cdetails-main{box-sizing: border-box;padding: 20px 12.5% 95px 12.5%;}
.case-details .cdetails-main .det-name{text-align: center;font-size: 28px;font-weight: bold;color: #333333;margin: 50px 0 40px 0;letter-spacing: 2px;}
.case-details .cdetails-main .det-content img{max-width: 100%;}
.case .case-main .case-item .case-img{overflow: hidden;height:249px;}
.case img{transition: all 0.8s;width:100%;height: 100%;object-fit: cover;}