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

.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:#F0F0F0;}
.case-list ul li .txt h5{font-size:18px;color:#000;font-family:var(--font-family2);transition:all 0.3s ease 0s;}
.case-list ul li .txt p{margin:10px 0 0;font-size:16px;color:#666;line-height:24px;}
.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:#E0E0E0;}
.case-list ul li:hover .txt h5{color:var(--active-color);}

.rtit{text-align:center;margin-bottom:40px;}
.rtit h1{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);}
.rtit h1::after{content:"";width:40px;height:4px;background:var(--active-color);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:50%;padding:15px;}
  .case-list ul li .txt{padding:20px 15px;}
  .case-list ul li .txt span{margin:25px 0 0;}

  .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{padding:10px;}
  .case-list ul li .txt{padding:15px 12px;}
  .case-list ul li .txt span{margin:15px 0 0;}

  .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;}

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

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