.ProductList_b2 li{width: 23.3%;float: left;margin-right: 2.26%;margin-bottom: 1.9vw;border: 1px solid #e9eef2;box-sizing: border-box;border-radius: 2px;} .ProductList_b2 li:nth-child(4n){margin-right: 0;} .ProductList_b2 .picimg,.PhotoList_i1 li a{ height: 15.8vw;display: block;position: relative;overflow: hidden; background-color: #fafafa;} .ProductList_b2 .picimg img,.PhotoList_i1 li a img{position: absolute;left: 50%;top: 50%;max-height: 85%;max-width: 85%;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;} .ProductList_b2 span{display: none;} .PhotoList_i1 li a img{width: 100%;min-height: 100%;max-width: 100%;} .PhotoList_i1 h4{display: none;} .ProductList_b2 h3,.PhotoList_i1 span{color: #2a2a2a;padding: 0.7vw;text-align: center; box-sizing: border-box; font-size: 18px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;} .product .PhotoList_i1 li a img{min-height: unset;width: auto;max-width: 85%;} .pro-btn{border-top: 1px solid #e8e8e8;font-size: 0;text-align: center;} .pro-btn a{width: 50%; display: inline-block;border-right: 1px solid #e8e8e8;box-sizing: border-box;color: #5a5a5a;font-size: 16px;padding: 16px 0;} .pro-btn a i{display: inline-block;vertical-align: middle;background: url(../images/pmore.png) center no-repeat;width: 1em;height: 1em;margin-left: 9px;background-size: cover;} .pro-btn a:last-child{border-right: none;} @media screen and (min-width: 1024px){ .ProductList_b2 li:hover{border-color: #f8d153;box-shadow: 2px 4px 14px 2px #efefef;} .ProductList_b2 li:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;} .pro-btn a:hover{color: #f8d153;} } @media screen and (max-width: 1024px){ .ProductList_b2 li,.ProductList_b2 li:nth-child(4n){width: 31.3%;margin-right: 3.05%;} .ProductList_b2 li:nth-child(3n){margin-right: 0;} .ProductList_b2 .picimg, .PhotoList_i1 li a{height: 19.8vw;} } @media screen and (max-width: 640px){ .ProductList_b2 li,.ProductList_b2 li:nth-child(4n),.ProductList_b2 li:nth-child(3n){width: 48.5%;margin-right: 3%;margin-bottom: 3vw;} .ProductList_b2 li:nth-child(2n){margin-right: 0;} .ProductList_b2 .picimg, .PhotoList_i1 li a{height: 45vw;} .ProductList_b2 h3, .PhotoList_i1 span,.pro-btn a{font-size: 3.8vw;} .pro-btn a{padding: 3px 0;} }