@charset "utf-8";

.lt_service2{padding:50px 0;padding: 0;}
.lt_service2 h2{text-align:center;font-size:2.5em;margin-bottom:40px}
.lt_service2 h2 a{padding:10px 0;}
.lt_service2 ul{max-width:1200px;padding: 0; display: flex; flex-wrap: wrap; margin: 0 auto;}
.lt_service2 li{cursor: pointer; box-sizing: border-box; width: 23.5%; margin-right: 2%;}
.lt_service2 li:nth-child(4n){margin-right: 0;}

.lt_service2 li .lt_img{display:block;width:100%; position: relative;}
.lt_service2 li .lt_img::before{width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5);}
.lt_service2 li .lt_img img{vertical-align:top;width:100%;height:auto}
.lt_service2 li .lt_tit{font-size:1.2em;font-weight:bold;margin:10px 0;display:block;line-height:1.5em;}
.lt_service2 li .lt_detail{font-size:1.077em;color:#ddd;line-height:1.5em}

.lt_service2 .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

.lt_service2 .card{background: white;position: relative;height:100%;}
.lt_service2 .info{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%;}
.lt_service2 .info h4{font-size: 15px; color: #fff; text-align: center; margin-bottom: 10px;}
.lt_service2 .info h3{font-size: 18px; line-height: 1.3;  color: #fff; text-align: center;}

 @media (max-width: 969px){
    .lt_service2{}
    .lt_service2 h2{font-size:24px;margin-bottom:20px}
    .lt_service2 ul{justify-content: space-between;}
    .lt_service2 li{width:48%; margin-right: 0; margin-top: 4%;}
    .lt_service2 li .lt_tit {margin: 0;}
    .lt_service2 .card .info{}
    .lt_service2 .info h4{font-size: 12px;}
    .lt_service2 .info h3{font-size: 13px;}
 }