.service-title{max-width:1150px;margin:auto}.service-list{overflow:hidden;width:20%;float:left;transition:.5s}.service-list .service-detail{padding:15px 0 0;width:100%;border-radius:0;transition:.5s}.service-list img{max-height:50px}.service-list .content{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:42px;transition:.5s}.service-list a{color:#243746;float:left;width:100%;background:#ffffffe6;border:1.15617px solid rgba(66,187,201,.5);box-shadow:0 0 23.1234px #0000000d;-webkit-backdrop-filter:blur(28.9043px);backdrop-filter:blur(28.9043px);border-radius:15px;padding:10px;height:240px;overflow:hidden}.service-list:hover .service-detail{bottom:0}.service-list:hover img{filter:brightness(0) invert(1)}.service-list .title{font-size:18px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:54px}.service-list a:hover .service-detail,.service-list a:hover .service-detail .content{color:#fff}.service-list a:hover .service-detail img{filter:brightness(0) invert(1)}.service-list a:hover:before{background:#243746;content:"";position:absolute;left:0;right:0;top:0;bottom:0}@media (max-width: 1365px){.service-list{width:25%}}@media (max-width: 991px){.service-list{width:33.333%}}@media (max-width: 767px){.service-list{width:50%}.service-list .service-detail{padding-right:10px}.service-title h2{font-size:21px}}@media (max-width: 375px){.service-list{width:100%}}