.tabox{margin:0px auto;}
.tabox .hd{width: 100%; margin: 0 auto; overflow: hidden;}
.tabox .hd li{float:left; width: 13%; height: 35px; border: 1px solid #ccc; background: #fff; overflow: hidden; line-height: 35px; text-align: center; margin-right: 1%;}
.tabox .hd li.on{ background: #004d97; color: #fff; }
.tabox .bd{ padding-top: 30px; }
.tabox .lh{overflow:hidden;}
.tabox .lh li{width: 25%; display: inline-block; vertical-align: top; font-size: 14px; text-align: center; margin-bottom: 20px; float: left; max-height: 210px;}
.tabox .lh li .p-img{background-color: #f9f9f9; margin: 0 10px;transition: ease all 0.4s; position: relative;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}

.tabox .lh li .p-img .rq{ position:absolute; width:0%; height:0%; left:50%; top:50%; text-align:center; background-color:rgba(100,131,254,0.9); z-index:999; opacity:0;transition:all 0.6s}

.tabox .lh li .p-img img{display: block; max-width: 100%;}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;}


.tabox .lh li .p-img:hover .rq{ width:100%; height:100%; left:0; top:0; opacity:1; transition:all 0.6s}
.tabox .lh li .p-img .rq p{ display:block; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:20px; transition:all 0.6s;}

@media screen and (max-width: 1044px){
.tabox .hd{ width: 95%; }
.tabox .hd li{ width: 49%; margin-bottom: 2%; margin-right: 2%;}
.tabox .hd li:nth-child(2n+2){margin-right: 0;}
.tabox .lh li{ width: 100%; }
.tabox .lh li .p-img img{ display: inline-block; }
.case_w{ width: 48%; }
}