div.list-8{background:url(../images/bgs.png) bottom center no-repeat;background-size:100% auto}div.list-8 .typical-case{padding-top:.63rem}div.list-8 .typical-case ul.list{padding-top:.7rem}div.list-8 .typical-case ul.list li{width:3.62rem;height:2.71rem;padding:.2rem;float:left;margin-right:.57rem;background:url(../images/10.png) center center no-repeat;background-size:100% 100%;position:relative;margin-bottom:.6rem;transition:.8s}@media screen and (max-width:1024px){div.list-8 .typical-case ul.list li{width:48%;margin-right:4%;height:2.6rem}}div.list-8 .typical-case ul.list li .list-img{width:100%;height:2.3rem;overflow:hidden;position:relative}@media screen and (max-width:1024px){div.list-8 .typical-case ul.list li .list-img{height:2.2rem}}div.list-8 .typical-case ul.list li .list-img img{width:94%;margin-left:3%;height:auto;transition:.8s;display:inline-block;vertical-align:middle;position:absolute;top:50%;transform:translateY(-50%)}div.list-8 .typical-case ul.list li span{width:100%;position:absolute;bottom:0;left:0;height:.46rem;line-height:.46rem;background:rgba(48,35,117,0.6);text-align:center;color:#fff;transition:.8s;opacity:0}div.list-8 .typical-case ul.list li:nth-child(3n){margin-right:0}@media screen and (max-width:1024px){div.list-8 .typical-case ul.list li:nth-child(3n){margin-right:4%}}@media screen and (max-width:1024px){div.list-8 .typical-case ul.list li:nth-child(2n){margin-right:0}}div.list-8 .typical-case ul.list li:hover{transform:scale(1.1)}div.list-8 .typical-case ul.list li:hover span{opacity:1}