div.list-1 .main-content{background:url(../image/bg7.png) center center no-repeat;background-size:cover}div.list-1 .main-content .product{padding-top:.6rem;padding-bottom:.5rem}div.list-1 .left{width:3.6rem;float:left}@media screen and (max-width:1024px){div.list-1 .left{width:100%}}div.list-1 .right-list{width:8.15rem;float:right}@media screen and (max-width:1024px){div.list-1 .right-list{width:100%}}div.list-1 .right-list li{width:2.6rem;height:2.6rem;float:left;border:1px solid #9A9A9A;margin-right:.16rem;background:#fff;position:relative;margin-bottom:.3rem}@media screen and (max-width:1024px){div.list-1 .right-list li{width:48%;margin-right:4%;height:3rem}}div.list-1 .right-list li:nth-child(3n){margin-right:0}@media screen and (max-width:1024px){div.list-1 .right-list li:nth-child(3n){margin-right:4%}}@media screen and (max-width:1024px){div.list-1 .right-list li:nth-child(2n){margin-right:0}}div.list-1 .right-list li .list-img{width:100%;height:100%;overflow:hidden}div.list-1 .right-list li .list-img img{width:100%;height:auto}div.list-1 .right-list li .logo{width:.6rem;height:auto;position:absolute;top:.1rem;left:.12rem}div.list-1 .right-list li .name{width:100%;height:100%;padding:0 .2rem;position:absolute;left:0;top:0;opacity:0;background:rgba(232,85,5,0.5);transition:.8s;text-align:center;font-size:.24rem;color:#fff}@media screen and (max-width:1024px){div.list-1 .right-list li .name{font-size:.3rem}}div.list-1 .right-list li .name span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}div.list-1 .right-list li:hover .name{opacity:1}