.listProduct{
    width:100%;
    height:auto;overflow:hidden;
}
.listProduct li{
    width:23%;float:left;
    margin:20px 1%;
    box-shadow: 0 0 10px #eee;
    transition: all 0.5s;
    text-align: center;
}
.listProduct li:hover{
    box-shadow: 0 0 10px #ccc;
}
.listProduct li img{
    width:100%;
    height: 160px;
}
.listProduct li h2{
    width:100%;
    height: 40px;line-height: 40px;
    overflow: hidden;
    font-size: 13px;
}


.productListTotal{
    width:100%;
    height: auto;overflow: hidden;
    margin:20px auto;
}
.productListTotal li{
    width: 96%;
    height: auto;overflow: hidden;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin:20px auto;
    transition: all 0.5s;
}
.productListTotal li h2{
    width:100%;
	line-height:40px;
	font-size:18px;
    color: #f00;
}
.productListTotal li h3{
    width:48%;float: left;
    height: 40px;overflow: hidden;
	line-height:40px;
    color: #f00;
    margin: 5px 1%;
    background:#f7f7f7;
    transition: all 0.5s;
    text-indent: 10px;
}
.productListTotal li h3:hover{
    background-color: #ccc;
}


@media(max-width:768px){

    .leftTitle{display: none;}
    .leftList{display: none;}

    .listProduct li{
        width:46%;float:left;
        margin:20px 2%;
        box-shadow: 0 0 10px #eee;
        transition: all 0.5s;
        text-align: center;
    }
}