.ProductList_b2 li{width: 24.2%;float: left;margin-right: 1.06%;margin-bottom: 15px;box-sizing:border-box;}
.ProductList_b2 li:nth-child(4n){margin-right: 0;}
.ProductList_b2 .picimg{display: block;width: 100%;position: relative;height: 22vw;overflow: hidden;}
.ProductList_b2 .picimg img{display: block;min-height: 100%;width: 100%;position: absolute;bottom: 0;left: 50%;
     transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);
 transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.ProductList_b2 li h3{border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: #274e85;text-align: center;font-size: 1.1vw;line-height: 1.5;padding: 0.6vw 15px; box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.ProductList_b2 li span{display: none;}

.VideoList_a1 ul li{width: 31.6%;margin-right: 2.6%;margin-bottom: 2.6vw; float: left;border-bottom: 6px solid #fecb09;position: relative;}
.VideoList_a1 ul li:nth-child(3n){margin-right: 0;}
.VideoList_a1 ul li span{line-height: 1.5;padding: 0.8vw 1.5vw;display: block;box-sizing:border-box;color: #653833;
    border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.VideoList_a1 ul li em,.VideoList_a1 ul li img{display: block;}
.VideoList_a1 ul li img{position: absolute;top: 50%;min-height: 100%;min-width: 100%;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;
left: 50%; transform:  translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.VideoList_a1 ul li em{height: 11.14vw;position: relative;overflow: hidden;}
.VideoList_a1 ul li:after{content: "";position: absolute;left: 0;bottom: -6px;height: 6px;background: #5f3937;width: 0;
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.VideoList_a1 ul li:hover:after{width: 100%;}
.VideoList_a1 ul li:hover img{transform: scale(1.08)  translate(-46%, -46%);-webkit-transform: scale(1.08) translate(-46%, -46%);}
@media screen and (min-width: 1024px){
    .ProductList_b2 li:hover h3{background: #0b66c6;background: linear-gradient(300deg,#0b66c6 54%, #049ac2);background: -ms-linear-gradient(300deg,#0b66c6 54%, #049ac2);
background: -webkit-linear-gradient(300deg,#0b66c6 54%, #049ac2);color: #fff;}
    .ProductList_b2 li:hover img{transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);
     transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}

}
@media screen and (max-width: 1250px){
    .ProductList_b2 li h3{font-size: 14px;}
}
@media screen and (max-width: 1024px) and (orientation: portrait){
    .VideoList_a1 ul li em{height: 16.1vw;}
}
@media screen and (max-width: 768px) and (orientation: portrait){
    .VideoList_a1 ul li em{height: 16.1vw;}

    .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{height: 27.5vw;}
}
@media screen and (max-width: 640px){
    .VideoList_a1 ul li{width: 100%;margin-right: 0;}
    .VideoList_a1 ul li:nth-child(3n){margin-right: 0;}
    .VideoList_a1 ul li em{height: 60vw;}
    .VideoList_a1 ul li span{padding: 3vw 1vw;}

    .ProductList_b2 li,.ProductList_b2 li:nth-child(4n),.ProductList_b2 li:nth-child(3n){width: 47.5%;margin-right: 5%;margin-bottom: 4vw;}
    .ProductList_b2 li:nth-child(2n){margin-right: 0;}
    .ProductList_b2 .picimg{height: 44vw;margin-bottom: 2vw;}
    .ProductList_b2 li h3{padding: 0;font-size: 3.85vw;}
}