/*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}
.mt10{margin-top:10px}
/*main*/
.lanrenzhijia{width: 1170px;margin: 0px auto;background: #D4D4D4;padding:15px;box-shadow: 0 0 4px #D0D0D0;}
.lanrenzhijia .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.lanrenzhijia .title h2{font-size: 21px;font-family: "microsoft yahei";color: #FFFFFF;}
.lanrenzhijia .title-list{ position: relative; top: 6px;}
.lanrenzhijia .title-list li{width: 146px;line-height: 20px;text-align: center;float: left;display: inline;color: #000000;font-size: 18px;}
.lanrenzhijia .title-list li.on{ color: #ff6600; font-weight: bold;}
.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; 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: #ff6600 #D4D4D4 #fff #D4D4D4;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 268px; 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: 50px;background: #E6E6E6;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: 49px;}
.product-wrap .product li a.imgwrap{display: block;width: 226px;height: 200px;background: #F3F3F3;text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #AB6666;line-height: 22px;font-size: 12px;}
.product-wrap .product li p a{color: #666666;text-decoration: none;font-size: 17px;font-weight: bolder;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}