.list-5 .product-center{padding-top:.7rem}.list-5 .list-left{width:2.7rem;float:left;padding:.1rem;background:#302375}@media screen and (max-width:1024px){.list-5 .list-left{width:100%}}.list-5 .list-left h4{font-size:.3rem;color:#fff;text-align:center;font-weight:bold;padding-bottom:.2rem}@media screen and (max-width:1024px){.list-5 .list-left h4{font-size:.32rem}}.list-5 .list-left ul{background:#fff;padding:.09rem .15rem}.list-5 .list-left ul li{width:100%;height:.48rem;line-height:.48rem;color:#333;margin-bottom:.18rem;background:#E8EBF3;text-align:center;font-size:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .1rem;cursor:pointer}.list-5 .list-left ul li a{display:block;color:#333}@media screen and (max-width:1024px){.list-5 .list-left ul li{width:48%;float:left;height:.7rem;line-height:.7rem;font-size:.28rem}.list-5 .list-left ul li:nth-child(2n){margin-left:4%}}.list-5 .list-left ul li:last-child{margin-bottom:0}.list-5 .list-left ul li:hover{background:#302375;color:#fff}.list-5 .list-left ul li:hover a{color:#fff}@media screen and (max-width:1024px){.list-5 .list-left .right{margin-top:.4rem;width:100%}}.list-5 .list-left .right .line{background:#302375;padding:.3rem .1rem .14rem .1rem}.list-5 .list-left .right .line div{padding-top:.2rem;padding-left:.32rem;padding-bottom:.01rem;background:#fff}.list-5 .list-left .right .line div p{font-size:.16rem;color:#302375;padding-left:.4rem;margin-bottom:.2rem}@media screen and (max-width:1024px){.list-5 .list-left .right .line div p{font-size:.28rem;padding-left:.8rem}}.list-5 .list-left .right .line div p:nth-child(1){background:url(../images/ph3.png) left center no-repeat;background-size:.32rem}@media screen and (max-width:1024px){.list-5 .list-left .right .line div p:nth-child(1){background-size:.6rem}}.list-5 .list-left .right .line div p:nth-child(2){background:url(../images/ph1.png) left center no-repeat;background-size:.32rem}@media screen and (max-width:1024px){.list-5 .list-left .right .line div p:nth-child(2){background-size:.6rem}}.list-5 .list-left .right .line div p:nth-child(3){background:url(../images/ph2.png) left center no-repeat;background-size:.32rem}@media screen and (max-width:1024px){.list-5 .list-left .right .line div p:nth-child(3){background-size:.6rem}}.list-5 .list-left .right .line a{display:block;height:.3rem;line-height:.3rem;text-align:center;background:#fff;color:#302375;font-weight:bold;font-size:.16rem;border-radius:.05rem;margin-top:.3rem}@media screen and (max-width:1024px){.list-5 .list-left .right .line a{height:.7rem;line-height:.7rem;font-size:.28rem}}.list-5 .list-left .actives{background:#302375;color:#fff}.list-5 .list-left .actives a{color:#fff}.list-5 .list-right{width:8.8rem;float:right}@media screen and (max-width:1024px){.list-5 .list-right{width:100%;padding-top:.4rem}}.list-5 .list-right ul li{width:2.8rem;border:1px dashed #aaa;height:2.8rem;overflow:hidden;position:relative;float:left;margin-right:.2rem;margin-bottom:.4rem}@media screen and (max-width:1024px){.list-5 .list-right ul li{width:48%;height:3.2rem}}@media screen and (max-width:1024px){.list-5 .list-right ul li:nth-child(2n){margin-right:0!important}}.list-5 .list-right ul li:nth-child(3n){margin-right:0}@media screen and (max-width:1024px){.list-5 .list-right ul li:nth-child(3n){margin-right:4%}}.list-5 .list-right ul li a{display:block;width:100%;height:100%}.list-5 .list-right ul li a .list-img{width:100%;height:100%}.list-5 .list-right ul li a .list-img img{width:100%;height:auto;transition:.8s}.list-5 .list-right ul li a span{position:absolute;height:.46rem;line-height:.46rem;color:#fff;display:block;left:0;bottom:0;font-size:.16rem;width:100%;text-align:center;background:rgba(48,35,117,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .1rem}@media screen and (max-width:1024px){.list-5 .list-right ul li a span{height:.7rem;line-height:.7rem;font-size:.28rem}}.list-5 .list-right ul li:hover img{transform:scale(1.1)}