.i9{width:100%;padding:1.14rem 0 .78rem 0;background:url(../images/bg3.png) center bottom no-repeat}.i9 .i9-content{overflow:hidden;height:2.8rem}@media screen and (max-width:1024px){.i9 .i9-content{height:5rem;padding:0 .5rem}}.i9 .i9-content .index-product-lists{height:2.8rem;width:100%;overflow:hidden}@media screen and (max-width:1024px){.i9 .i9-content .index-product-lists{height:5rem}}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide{display:block;transform:scale(.97);overflow:hidden}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a{display:block;position:relative;margin:0 .18rem;border:1px solid #302375}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .list-img{width:100%;height:2.3rem;overflow:hidden;text-align:center}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .list-img img{width:100%;height:auto;display:inline-block;transition:.8s}@media screen and (max-width:1024px){.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .list-img{height:5rem}}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .hide-ele{width:100%;height:2.3rem;top:-2.8rem;left:0;background:rgba(24,48,93,0.6);text-align:center;position:absolute;transition:.8s}@media screen and (max-width:1024px){.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .hide-ele{height:5rem;top:-5rem}}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .hide-ele img{width:.76rem;height:auto;margin-top:.5rem}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a .hide-ele p{font-size:.26rem;color:#fff;text-align:center;margin-top:.1rem}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a span{display:block;position:absolute;top:0;left:0;width:100%;height:.46rem;line-height:.46rem;background:rgba(24,48,93,0.7);font-size:.22rem;color:#fff;text-align:center;padding:0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide a span{font-size:.3rem;height:.8rem;line-height:.8rem}}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide:hover a img{transform:scale(1.1)}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide:hover .hide-ele{top:0}.i9 .i9-content .index-product-lists .swiper-wrapper .swiper-slide:hover span{opacity:0}