body {background-color: rgb(248, 248, 248); }

.case-content{width: 1210px; height: 1440px; margin: 0 auto;  position: relative; display: block; text-align: left; margin-top: 45px; margin-bottom: 80px;}
.case-content a{width: 100%; height: 100%; display: inline-block; position: absolute;  margin-left: -35px;}
.case-content li {width: 270px; height: 325px; float: left; margin-left: 25px; margin-top: 35px; position: relative; display: inline-block; background-color: white; text-align: center;}
.case-content img {width: 220px; height: 130px; margin-top: 25px;}

.case-title{font-size:19px; color:rgba(34,34,34,1); line-height:25px; margin-top: 25px; margin-left: 20px; max-width: 244px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-subtitle{font-size:14px;  color:rgba(85,85,85,1); line-height:28px; max-width: 248px; margin-top: 14px; margin-left: 22px;}

.line{width: 100; height: 1px; margin-top: 24px; background-color: #eee;}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .case-content {
    width: 100%;
    height: auto;
    margin: 20px auto 60px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .case-content li {
    width: 48%;
    height: auto;
    margin-left: 0;
    margin-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
  }
  
  .case-content li:nth-child(odd) {
    margin-right: 4%;
  }
  
  .case-content a {
    margin-left: 0;
  }
  
  .case-content img {
    width: 90%;
    height: auto;
    max-height: 100px;
    object-fit: cover;
    margin-top: 15px;
  }
  
  .case-title {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    margin-left: 12px;
    margin-right: 12px;
    max-width: calc(100% - 24px);
  }
  
  .case-subtitle {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    max-width: calc(100% - 24px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .line {
    margin-top: 15px;
  }
}