.i2{padding:.6rem 0 1.14rem 0;background:url(../images/bg2.png) center center no-repeat;background-size:cover}.i2 .i2-container .case-list{overflow:hidden;margin-top:.5rem}.i2 .i2-container .case-list li{width:3.6rem;float:left;margin-right:.6rem;margin-bottom:.3rem}@media screen and (max-width:1024px){.i2 .i2-container .case-list li{width:100%}}.i2 .i2-container .case-list li:nth-child(3n){margin-right:0}.i2 .i2-container .case-list li .case-img{width:100%;height:2.7rem;overflow:hidden;position:relative}@media screen and (max-width:1024px){.i2 .i2-container .case-list li .case-img{height:auto}}.i2 .i2-container .case-list li .case-img img{width:100%;height:auto;position:absolute;left:0;top:0}.i2 .i2-container .case-list li .case-img div{position:absolute;opacity:0;width:100%;height:100%;background:url(../images/bj1.png) center center no-repeat;background-size:cover;top:0;left:0;transition:1s}.i2 .i2-container .case-list li .case-img div span{display:block;width:2.8rem;margin:.3rem auto 0 auto;color:#fff;font-size:.2rem;line-height:.36rem}.i2 .i2-container .case-list li .case-info{width:100%;padding:.2rem .4rem;background:#fff}.i2 .i2-container .case-list li .case-info p{font-size:.14rem;color:#777;margin-bottom:.1rem}@media screen and (max-width:1024px){.i2 .i2-container .case-list li .case-info p{font-size:.3rem}}.i2 .i2-container .case-list li .case-info h3{font-size:.24rem;color:#333;margin-bottom:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.i2 .i2-container .case-list li .case-info h3{font-size:.32rem}}.i2 .i2-container .case-list li .case-info div{font-size:.14rem;color:#333;margin-bottom:.28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.i2 .i2-container .case-list li .case-info div{font-size:.28rem}}.i2 .i2-container .case-list li .case-info a{display:inline-block;height:.44rem;line-height:.44rem;padding:0 .3rem;border:1px solid #EE7700;border-radius:.22rem;color:#777;font-size:.14rem;width:1.54rem;background:url(../images/right.png) 85% center no-repeat;background-size:.14rem auto}@media screen and (max-width:1024px){.i2 .i2-container .case-list li .case-info a{width:40%;height:.7rem;line-height:.7rem;font-size:.3rem;border-radius:.35rem;background-size:.2rem auto}}.i2 .i2-container .case-list li .case-info a:hover{background-image:url(../images/right1.png);background-color:#EE7700;color:#fff}.i2 .i2-container .case-list li:hover .case-img div{display:block;opacity:1}