.i4{background:#E8EBF3}.i4 .i4-content{padding:.3rem 0 .6rem 0}.i4 .i4-content .case-list{padding-top:.5rem;padding-bottom:.66rem}.i4 .i4-content .case-list li{width:3.85rem;height:2.9rem;overflow:hidden;float:left;margin-right:.22rem;margin-bottom:.22rem;position:relative}@media screen and (max-width:1024px){.i4 .i4-content .case-list li{width:48%;height:2.5rem}}.i4 .i4-content .case-list li .logo{position:absolute;top:.1rem;left:.1rem;width:.5rem;height:auto}.i4 .i4-content .case-list li .img{width:auto;height:100%}.i4 .i4-content .case-list li:nth-child(3n){margin-right:0}@media screen and (max-width:1024px){.i4 .i4-content .case-list li:nth-child(3n){margin-right:4%}}.i4 .i4-content .case-list li .list-text{position:absolute;left:-100%;top:-100%;width:0;height:0;background:rgba(48,35,117,0.6);text-align:center;overflow:hidden;transition:.8s;padding:0 .2rem}.i4 .i4-content .case-list li .list-text p{vertical-align:middle;color:#fff;font-size:.2rem;display:table-cell;transition:.8s}@media screen and (max-width:1024px){.i4 .i4-content .case-list li .list-text p{font-size:.28rem}}@media screen and (max-width:1024px){.i4 .i4-content .case-list li:nth-child(2n){margin-right:0}}.i4 .i4-content .case-list li:hover .list-text{display:table;left:0;top:0;width:100%;height:100%}