.main{padding-top:50px;padding-bottom:80px;}

.case-list{}
.case-list ul{display:-webkit-flex;display:flex;margin:-19px -19px 0;padding:0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.case-list ul li{position:relative;width:calc(33.33% - 40px);margin:20px;overflow:hidden;cursor:pointer;background:#F0F0F0;}
.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 20px 55px;}
.case-list ul li .txt h5{font-size:18px;color:#000;font-family:var(--font-family2);transition:all 0.3s ease 0s;margin:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.case-list ul li .txt a{color:inherit;text-decoration:none;}
.case-list ul li .txt p{margin:10px 0 0;font-size:16px;color:#666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.case-list ul li .txt span{position:absolute;left:20px;bottom:20px;display:inline-block;font-size:16px;color:#666;}

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

.rtit{text-align:center;margin-bottom:40px;}
.rtit h1{font-size:50px;color:var(--text-color-active);line-height:1;font-family:var(--font-family1);margin:0;}
.rtit h1::after{content:"";width:40px;height:4px;background:var(--text-color-active);margin:15px auto 0;display:block;}

@media screen and (max-width:1441px) {
  .rtit h1{font-size:48px;}
}

@media screen and (max-width:1367px) {
  .rtit h1{font-size:44px;}
}

@media screen and (max-width:1281px){
  .rtit h1{font-size:40px;}
}

@media screen and (max-width:1171px){
  .rtit h1{font-size:36px;}
}

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

  .rtit h1{font-size:32px;}
}

@media screen and (max-width:768px) {
  .main{padding-top:25px;padding-bottom:30px;}

  .case-list ul{margin:-10px -10px 0;}
  .case-list ul li{margin:10px;width:calc(50% - 20px);}
  .case-list ul li .txt{padding:15px 12px 50px;}
  .case-list ul li .txt span{bottom:15px;left:12px;}

  .rtit{margin-bottom:25px;}
  .rtit h1{font-size:28px;}
}

@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 50px;}
  .case-list ul li .txt span{left:10px;}

  .rtit h1{font-size:26px;}
}

@media screen and (max-width:480px) {
  .rtit h1{font-size:24px;}
}