.listProduct{
    width:100%;
    height: auto;overflow: hidden;
    margin:30px auto;
}
.listProduct li{
    width: 18%;float: left;
    margin:10px 1% 20px 1%;
    transition: all 0.5s;
    box-shadow: 0 0 10px #eee;
}
.listProduct li:hover{
    box-shadow: 0 0 10px #2a6797;
    background-color: #2a6797;
}
.listProduct li:hover h2{
    color:#fff;
}
.listProduct li div{
    width:100%;
}
.listProduct li div img{
    width:100%;
}
.listProduct li h2{
    width:100%;
    height: 40px;overflow: hidden;
    line-height: 40px;
    font-size: 16px;
    color:#2a6797;
    text-align: center;
}

@media(max-width:720px){
    .listProduct li{
        width: 46%;float: left;
        margin:10px 2% 20px 2%;
        transition: all 0.5s;
        box-shadow: 0 0 10px #eee;
    }
    
}