.cases_list {
     background: #f5f9fc;
 }

 .img-v1 {
     background-image: url(../images/success_case_banner_lg.webp);
 }

 .success-case-list {
     padding-top: 40px;
 }

 .success-case-item {     
     padding: 20px;
     margin-bottom: 40px;
     background: #fff;
     -webkit-box-shadow: 0 4px 16px 0 rgba(8, 30, 80, .08);
     box-shadow: 0 4px 16px 0 rgba(8, 30, 80, .08);
     border-radius: 5px;
 }

 .success-case-item:hover {
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
 }

 .success-case-item:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
 }

 .success-case-item .case-img {
     margin: 0;
     overflow: hidden;
     aspect-ratio: 4 / 3;
 }

 .success-case-item img {
     margin: 0;
     transition: all .4s linear;
     -webkit-transition: all .4s linear;
     -moz-transition: all .4s linear;
 }

 .system-title {
     color: #333;
     font-weight: 500;
     font-size: 20px;
 }

 .success-case-item a p {
     color: #777;
     line-height: 24px;
 }

 .success-case-item>a>div {
     overflow: hidden;
     height: 120px;
 }

 @media(max-width:768px) {
     .system-title {
         font-size: 16px;
         padding: 0;
         line-height: 16px;
     }
 }