@charset "utf-8";

.lt_service{}
.lt_service h2{text-align:center;font-size:2.5em;margin-bottom:40px}
.lt_service h2 a{padding:10px 0;}
.lt_service ul{margin:0 auto;width:100%; display:flex; flex-wrap:wrap; gap: 10px;}
.lt_service li{width: 24.5%; overflow: hidden; position: relative; }
.lt_service li .lt_img{display:block;width:100%;}
.lt_service li .lt_img img{vertical-align:top;width:100%;height:auto; transition: all .3s;}
.lt_service li .lt_tit{font-size:1.5em;font-weight:bold;margin:0;display:block;line-height:1;color:#fff; text-shadow: 1px 1px 3px #000;}
.lt_service li .lt_detail{font-size:1.077em;color:#ddd;line-height:1.5em; display: none;}

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

.lt_service .card a{position: relative;}
.lt_service .card img{}

.lt_service .card .info{position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;; transition: all .3s; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; opacity: 0;}
.lt_service .card .info .txt{}
.lt_service .card .info h1{display:block;line-height:1;font-weight:700;color:#fff;font-size: 23px;}
.lt_service .card .info h4{display:block; color:#666;line-height:1;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; font-weight: normal;}

.lt_service .card:hover .info{opacity: 1;}

 @media (max-width: 969px){
    .lt_service{padding:0}
    .lt_service h2{font-size:1.8em;margin-bottom:20px}
    .lt_service li{width:48.5%;}
    .lt_service .card .info{opacity: 1 !important;}
    .lt_service .card .info h1{font-size: 17px;}
 }