li {
    list-style: none;
}

img {
    max-width: 100%;
}

.pd {
    padding: 40px 0;
}

.bg {
    padding: 40px 0;
    background: #f9f9f9;
}

.recommend {
    background: #fff;
}
.recommend li{
    position: relative;
    transition: .3s all;
}
.recommend .li1{
    width: 50%;
    float: left;
}
.recommend .li2{
    float: left;
    width: 24%;
    box-sizing: border-box;
    margin-left: 1%;
    margin-bottom: 16px;
}
.recommend li .li_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    background: url("../images/black_60.png");
    display: none;
}
.recommend ul:hover li .li_bg{
    display: block;
}
.recommend ul li:hover .li_bg{
    display: none;
}
.parnter li{
    width: 15%;
    margin-right:2%;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    background: #fff;
    padding: 10px 0;
}
.parnter li.mar0{
    margin-right: 0;
}
.parnter li img{
    transition: all 0.5s;
}
.parnter li:hover img {
    transform: scale(1.1, 1.1);
}
@media (max-width: 1199px) {
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 600px) {
}

@media (max-width: 480px) {

}