.case-list{}
.case-list ul{display:-webkit-flex;display:flex;margin:-19px -19px 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.case-list ul li{width:33.333333%;padding:19px;overflow:hidden;cursor:pointer;}
.case-list ul li .pic{width:100%;display:block;position:relative;}
.case-list ul li .pic img{width:100%;}
.case-list ul li .txt{padding:20px 28px;background:#f0f0f038;}
.case-list ul li .txt h5{font-size:18px;color:#000;font-weight:600;transition:all 0.3s ease 0s;}
.case-list ul li .txt p{margin:10px 0 0;font-size:16px;color:#000;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.case-list ul li .txt span{margin:38px 0 0;display:inline-block;font-size:16px;color:#666;}

.case-list ul li:hover .txt{background:#e0e0e03d;}
.case-list ul li:hover .txt h5{color:var(--active-color);}


@media screen and (max-width:1441px) {

}

@media screen and (max-width:1367px) {

}

@media screen and (max-width:1281px){

}

@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){
  .case-list ul{margin:-15px -15px 0;}
  .case-list ul li{width:50%;padding:15px;}
  .case-list ul li .txt{padding:20px 15px;}
  .case-list ul li .txt span{margin:25px 0 0;}

}

@media screen and (max-width:768px) {

  .case-list ul{margin:-10px -10px 0;}
  .case-list ul li{padding:10px;}
  .case-list ul li .txt{padding:15px 12px;}
  .case-list ul li .txt span{margin:15px 0 0;}

}

@media screen and (max-width:600px) {
  .case-list ul{margin:-10px 0 0;}
  .case-list ul li{width:100%;padding:10px 0;}
  .case-list ul li .txt{padding:15px 10px;}

}

@media screen and (max-width:480px) {

}