.index-case{padding: 3% 0;}
.index-case .caselist{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-case .caselist .item{width: 24%;}
.index-case .caselist .text{padding: 10px;}
.index-case .caselist img{width: 100%;height: 100%;display: block;}
.index-case .caselist .title{font-size: var(--fontsize20);font-weight: bold;}
.index-case .caselist .des{font-size: var(--fontsize16);}
@media (max-width:1024px) {
.index-case .caselist .item{width:48%;}
}
@media (max-width:500px) {
.index-case .caselist .item{width:100%;}}
 .index-case .common-title{text-align:center}
.index-case .caselist .des{font-size:var(--fontsize14);color:#555;margin-top:10px;padding:10px}
.index-case .caselist .title{padding:10px;font-weight:normal;font-size:var(--fontsize18);display:-webkit-box;line-height:1.3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.index-case .caselist .item:hover{box-shadow:0px 5px 10px rgba(0,0,0,.3)}