img{ border:none;}
/*public*/
.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; font-weight:bold;}
.mt10{margin-top:10px}
/*main*/
.lanrenzhijia{width:100%;margin:0px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc;}
.lanrenzhijia .title{height:40px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px; font-size:16px;}
.lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.lanrenzhijia .title-list{ position: relative; top: 6px;margin-right: 40px;}
.lanrenzhijia .title-list li{ width: 146px; line-height: 20px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list li.on{ color: #2d71c2; font-weight: bold;}
.lanrenzhijia .title-list p{position:absolute;top:31px;left:0px;width:146px;height:12px;border-top: 3px solid #2d71c2; 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: #2d71c2 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 400px; position: relative; overflow: hidden; display: none; margin-top: 20px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ position:relative; overflow:hidden; display: block; width: 260px; height: 328px; background: #fff; text-align:center;}
.proimg_layer{    
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: -100%;
    right: 0px;
    bottom: 0px;
    background: rgba(41,41,42,0.7) url(../images/moreIcon.png) no-repeat center center;
    transition: all 0.2s ease-in-out;
 }
 .overflow{
                overflow:hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                -o-text-overflow:ellipsis;
            }
 .proimg_layer .tit{ color:#FFFFFF; font-weight:bold; font-size:16px; padding-top:50px; padding-left:8px; padding-right:8px; padding-bottom:15px;}
 .proimg_layer .ctxt{color:#FFFFFF; line-height:30px; font-size:14px; text-align:left; padding-left:20px; padding-right:20px;}
 .proimg_layer .view_more{  border:#FFFFFF solid 1px; width:100px; height:32px; line-height:30px;  text-align:center; margin:0 auto;color:#FFFFFF;font-size:15px;margin-top:10px;}
 
.product-wrap .product li a.imgwrap:hover .proimg_layer{top:0;}

.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #2d71c2; text-decoration: none;}