*{margin: 0;padding: 0;list-style: none}
body{font-size: 12px}
img{border: 0}
.fl{display: inline;float: left}
.fr{display: inline;float: right}
.cf:after{content: "";clear: both;display: block;height: 0;overflow: hidden}
.cf{zoom: 1}
.pb10{padding-bottom: 10px}
.mt10{margin-top: 10px}
.lanrenzhijia{width: 1440px;margin: 50px auto;background: #fff;padding: 15px;/* box-shadow: 0 0 10px #ccc*/}
.lanrenzhijia .title{height: 20px;border-bottom: 3px solid #e7e7e7;padding-bottom: 10px}
.lanrenzhijia .title h2{font-size: 20px;}
.lanrenzhijia .title-list{position: relative;top: 6px}
.lanrenzhijia .title-list li{width: 20%;line-height: 50px;text-align: center;float: left;display: block;font-size: 16px; background:#979797;color:#FFF;}
.lanrenzhijia .title-list li.on{color: #FFF;font-weight: 700; background:#e20000}
.lanrenzhijia .title-list p{position: absolute;top: 24px;left: 0;width: 146px;height: 7px;border-top: 3px solid #e20001;overflow: hidden;text-align: center}
.lanrenzhijia .title-list b{display: inline-block;width: 0;height: 0;margin-top: -3px;border-style: solid dashed dashed dashed;border-width: 9px;border-color: #e20001 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0}
.product{/* height: 268px;*/position: relative;overflow: hidden;margin-top: 20px}
.product ul{padding-left:28px;}
.product-wrap .show{display: block}
.product-wrap .product li{float: left;display: inline;margin-top: 5px;width: 23%;margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa;margin: 1%;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;-ms-transition: .4s;box-shadow: 8px 6px 6px #e0e0e0;}
.product-wrap .product li.ml0{margin-left: 0}
.product-wrap .product li a.imgwrap{display: block;width: 100%;background: #fff;text-align: center;}
.product-wrap .product li a.imgwrap>img{width:272px;height:272px;}
.product-wrap .product li p{padding-left: 15px;color: #666;line-height: 22px;height: 22px;overflow: hidden;}
.product-wrap .product li p a{color: #7f7e7e;font-size: 18px;text-decoration: none}
.product-wrap .product li p a:hover{color: #f60;text-decoration: none}

@media (max-width: 768px){
.product-wrap .product li{float: left;display: inline;margin-top: 5px;width: 49%;margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa;margin: 1%;transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;-ms-transition: .4s;box-shadow: 8px 6px 6px #e0e0e0;}
.product-wrap .product li a.imgwrap>img{width:175px;height:175px;}
    }