/*通用类*/
*{
	margin:0;		
	padding:0;
}
html{
	overflow-x:hidden;		
}
body{		
	width:100%;	
	min-width:320px;
	margin:0 auto;	
	font-family:"Microsoft Yahei";	
	background:#fff;
	overflow-x:hidden;
	text-align:justify;	
	color:#202020;
}

/*不同设备字体em基准
@media screen and (min-width: 320px) and (max-width: 360px){ 
  body{
  	font-size:13.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 480px){ 
  body{
  	font-size:15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 700px){ 
  body{
  	font-size:22.5px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){ 
  body{
  	font-size:28px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){ 
  body{
  	font-size:32px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){ 
  body{
  	font-size:40px;
  }
}
@media screen and (min-width: 1400px){ 
  body{
  	font-size:50px;
  }
}
*/

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#202020;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:"Microsoft Yahei";	
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.cm_photo{
	display:block;
	position:relative;
	overflow:hidden;	
}
.cm_photo .thumb{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}
.cm_photo .zw{
	display:block;
	height:auto;	
	width:100%;
}



/*公用 CSS*/

.header{
	height:2.8rem;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#572d15;	
	border-bottom:1px solid #3b332e;
}
.head_menu{
	display:block;
	width:2.8rem;
	height:2.8rem;
	position:absolute;
	left:1%;
	top:0;
	background:url("../images/head_menu.png") no-repeat left top;
	background-size:100% 200%;	
}
.head_menuclose{
	background-position:left bottom;	
}
.head_search{
	display:block;
	width:2.8rem;
	height:2.8rem;
	position:absolute;
	right:1%;
	top:0;
	background:url("../images/head_search.png") no-repeat center center;
	background-size:100% 100%;	
}
.header .logo{
	display:block;
	width:50%;
	height:2.8rem;
	margin:0 auto;	
}
.header .logo img{
	display:block;
	height:2.8rem;
	margin:0 auto;	
}
.header_zw{
	height:2.8rem;	
	margin-bottom:1px;
}
.nav{
	width:33.33%;
	position:fixed;
	left:0;
	top:2.8rem;
	margin-top:1px;
	background:url("../images/nav_bg.png");	
	z-index:100;
	padding:0.6rem 0;
	display:none;
}
.nav_flog{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	display:none;		
}
.nav a{
	display:block;
	height:2.2rem;
	line-height:2.2rem;
	font-size:0.8rem;
	color:#fff;
	text-align:center;	
}
.search_bar{
	height:2.5rem;
	width:100%;
	background:#572d15;
	position:fixed;
	left:0;
	top:2.8rem;
	z-index:101;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;		
	display:none;
}
.search_bar .text{
	height:1.5rem;
	line-height:1.5rem;
	text-align:center;
	width:100%;
	border:0;
	background:none;	
	font-size:0.9rem;
	padding:0.5rem 0;
	box-sizing:content-box;
	color:#FFF
}
.search_bar .text:-webkit-input-placeholder{
	color:#c7beba !important;	
}

.footer{
	margin-top:0.8rem;
	text-align:center;
	color:#666;
	font-size:0.8rem;
	line-height:1.6rem;
	padding-bottom:0.8rem;
	border-top:#CCC  1px solid;
	padding-top:10px;
}
.te{ font-size:12px; color:#999}
.hongju2{word-break:break-all;word-wrap: break-word; 
word-break: normal;
line-height:25px;
font-size:12px;
}
.hongju2 img{height:auto;}

.pagenext{
	height:24px;
	line-height:24px;
	text-align:center;
	margin:20px 0;	
}
.pagenext .back{ margin:0 70px;}
.page_in{
	display:inline-block;
	height:24px;
	text-align:center;	margin:0 auto;width:90%;
}
.pagenext a{
	float:left;
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 15px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	font-size:14px;
}

.page_inn{
	display:inline-block;
	height:34px;
	text-align:center;
	width:90%;
	margin:0 auto;
	line-height:34px;
	font-size:14px;
}
.pagenext a{
	float:left;
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 15px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	font-size:14px;
}
.hongjuu{ font-size:12px; line-height:25px; font-weight:bold; border-bottom:#CCC 1px dashed; padding-top:15px;}
.soldend{ z-index:11; position:absolute;}

.photoo{
	display:block;
	width:100%;
	border-bottom:1px solid #dcdcdc;	
}
.photoo img{
	display:block;
	width:100%;
}

/*公用 CSS*/

/*hm 首页*/

.hm_banner{
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.hm_banner .slides li{
	width:100%;
	float:left;	text-align:center;
}
.hm_banner .slides a{
	display:block;
	width:100%;	text-align:center;
}
.hm_banner .slides img{
	width:100%;
	height:auto;	
	display:block;text-align:center;
}
.hm_banner .flex-direction-nav{
	display:none;	
}
.hm_banner .flex-control-nav{
	width:100%;
	height:0.6em;	
	margin:0;
	left:0;
	bottom:1em;	
}
.hm_banner .flex-control-paging li a{
	display:block;
	background:#a0a0a0;
	width:0.6em;
	height:0.6em;
	margin:0 0.2em;	
	border-radius:0.3em;
}
.hm_banner .flex-control-paging li a.flex-active{
	background:#fff;	
}

.hm_nav{
	text-align:center;	
}
.hm_nav a{
	display:block;
	width:33.33%;
	height:5rem;
	float:left;
	margin-top:2.7rem;	
}
.hm_nav img{
	display:block;
	height:2.2rem;
	margin:0 auto;	
}
.hm_nav span{
	display:block;
	height:2.8rem;
	line-height:2.8rem;
	font-size:0.86rem;	
}

.cla_content{ line-height:30px; font-size:14px; padding:20px; min-height:200px;}
.cla_content img{ width:100%;}

.cla_contentt{ font-size:12px; padding:20px; min-height:200px; line-height:20px;}
.cla_contentt img{width:100%; height:auto;

}
/*hm 首页*/

/*cla 分类*/

.cla_title{
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	background:#e1e1e1;
	color:#666565;	
}
.cla_links a{
	display:block;
	width:33.33%;
	float:left;
	margin-top:0.9rem;	
}
.cla_links img{
	display:block;
	height:3rem;
	margin:0 auto;	
}
.cla_links span{
	display:block;
	height:2.5rem;
	line-height:2.5rem;
	font-size:0.83rem;
	text-align:center;	
}

/*cla 分类*/

/*brand 品牌*/

.nav_pos{
	height:2.4rem;
	line-height:2.4rem;
	background:#e5e5e5;	
	padding:0 3%;
	color:#666565;
}
.nav_pos a{
	color:#666565;	
}

.brand_inf{
	padding:0.8rem 3%;	
	color:#131313;
}
.brand_inf .tp{
	text-align:center;	
}
.brand_inf .tp img{
	display:block;
	height:2.2rem;
	margin:0 auto;	
}
.brand_inf .tp dd{
	height:2rem;
	line-height:2rem;
	font-size:0.83rem;
	color:#131313;	
}
.brand_inf p{
	font-size:0.83rem;
	line-height:1.4rem;
	text-indent:2em;	
}
.brand_inf .tit{
	color:#000;	
}
.brand_inf .more{
	float:right;
	margin-top:-1.4rem;
	line-height:1.4rem;	
	font-size:0.83rem;
}

.brand_handle{
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	background:#e5e5e5 url("../images/brand_handle.png") no-repeat center center;
	background-size:auto 100%;	
}
.brand_handle a{
	display:inline-block;
	height:2.4rem;
	line-height:2.4rem;
	border-bottom:2px solid #e5e5e5;	
	width:30%;
	margin:0 5%;
	box-sizing:border-box;
	color:#666565;
}
.brand_handle .hover{
	color:#572d15;
	border-color:#572d15;	
}

.brand_con{
	display:none;	
}
.show{
	display:block;	
}
.brand_item{
	width:45.5%;
	float:left;
	margin:3% 0 0 3%;
	background:#ebebeb;	
	color:#5e5e5e;
}
.brand_item .inf{
	height:6rem;
	padding:0.7rem 4% 0 4%;	
	text-align:center;
	font-size:0.9rem;
	line-height:1.2rem;
	overflow:hidden;
}

/*brand 品牌*/
.viewports {
	PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0.4em; MARGIN: 0px auto; PADDING-RIGHT: 0.4em
}
.service_nav{
	height:30px;
	line-height:30px;
	text-align:center;
	background:#eee;	
	font-size:14px;
}
.service_nav .s_inner{
	display:inline-block;
	height:30px;	
}
.service_nav a{
	float:left;
	display:inline-block;
	padding:0 15px;
	height:30px;
	color:#333;
}
.service_nav a:hover,.service_nav a.hover{
	color:#333;
	background:#a0a0a0;
}

.context {
	BORDER-TOP: #dbdbdb 1px solid; BORDER-RIGHT: #dbdbdb 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #dbdbdb 1px solid; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 1em; BORDER-LEFT: #dbdbdb 1px solid; PADDING-RIGHT: 1em; box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.1); border-radius: 3px
}

.randbox .dd {
	BACKGROUND: #fff; PADDING-BOTTOM: 0.8em; PADDING-TOP: 0.8em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.randbox .dd .sub-hd {
	MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #dbdbdb 1px dotted; PADDING-BOTTOM: 5px
}
.sub-hd-small {
	FONT-WEIGHT: bold; 
}
.article-dd {
	COLOR: #666
}
.article-dd IMG {
	WIDTH: 100%
}

.article-dd2 {
	COLOR: #666
}
.clearfix:after {
	HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden
}
.clearfix {
	DISPLAY: inline-table
}
.cont {
	PADDING-TOP: 1em
}
.cont img{ width:100%}
.wrapin{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.ser_con{
	display:none;	
}
.show{
	display:block;	
}
.ser_contact{
	padding:0px 0;	
}
.texcontent{ line-height:30px; font-size:14px; padding-top:1px; min-height:400px; text-align:left}
.texcontent span {line-height:30px; font-size:14px; }
.ser_contact .c_left{
	float:left;
	width:320px;
	font-size:18px;
	font-weight:bold;
	color:#582e15;	
}
.ser_contact .c_left dl{
	padding-top:26px;
	line-height:30px;	
}
.ser_map{
	float:right;
	width:848px;
	height:398px;
	border:1px solid #666;	
}
.ser_map img{
	display:block;
	width:848px;
}
.pro_wrap{
	width:100%;
	position:relative;
	overflow:hidden;	
}
.pro_list{
	width:100%;	
}
.pro_item{
	width:44%;
	float:left;
	margin:0 8px 18px 8px;
	border:1px solid #dcdcdc;
	height:260px;
	font-size:12px;
	overflow:hidden;
}
.pro_item .photo{
	display:block;
	width:100%;
	border-bottom:1px solid #dcdcdc;	
}
.pro_item .photo img{
	display:block;
	width:100%;
}
.pro_item ul{
	padding:10px 0;
	text-align:center;
	line-height:22px;
	color:#666;	
}


a.new222:link {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	line-height:15px;
}
a.new222:visited {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	font-weight: bold;line-height:15px;
}

a.new222:active {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;line-height:15px;
}
a.new222:hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;line-height:15px;
}


.pcontenttt{ width:96%; text-align:center;  margin:10px auto; border:#CCC 1px solid;}

.pcontenttt table tr td{ font-size:12px; padding:10px 0px;}
.leibie{ background-color:#EEEEED; border-bottom:#CCC 1px dashed;padding-top:5px;padding-bottom:5px;}

.pcontenttt2{ width:96%; text-align:center;  margin:10px auto; }
a.shanchu:link {
	font-size: 12px;
	color: #582E15;
	font-family: "Microsoft YaHei";
	font-weight:bold;
	text-decoration: none;
	padding:5px;
	border:#CCC 1px solid;
}
a.shanchu:visited {
	font-size: 12px;
	color: #582E15;
	font-family: "Microsoft YaHei";
	font-weight:bold;
	text-decoration: none;
	padding:5px;
	border:#CCC 1px solid;
}
a.shanchu:active {
	font-size: 12px;
	color: #582E15;
	font-family: "Microsoft YaHei";
	font-weight:bold;
	text-decoration: none;
	padding:5px;
	border:#CCC 1px solid;
}

a.shanchu:hover {
	font-size: 12px;
	color: #582E15;
	font-family: "Microsoft YaHei";
	font-weight:bold;
	text-decoration: none;
	padding:5px;
	border:#CCC 1px solid;
}


.deti_left{
	width:320px;
	height:60px;
}
.tags{
	margin-bottom:20px;
	width:320px;
	position:relative;height:60px;
 }
.tags .c_btn{
	width:22px;
	height:22px;
	position:absolute;
	top:25px;
	z-index:20;
	cursor:pointer;	
}
.tags .pre{
	left:0;
	background:url("../images/pro_pre.png") no-repeat;	
}
.tags .next{
	right:0;
	background:url("../images/pro_next.png") no-repeat;	
}
.tags .s_wrap{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.tags li{
	float:left;
	margin:0 5px;
	_display:inline;
	width:50px;
	margin-top:10px;height:60px;
}




.wapmassage{
	float:left;
	width:100%;	
	color:#333;
	font-family:"Microsoft Yahei";
}
.wapmassage .title{
	height:66px;
	line-height:66px;
	font-size:24px;	
}
.wapmassage .name{
	height:58px;
	line-height:58px;
	font-size:18px;
	color:#333;	
}
.wapmassage .name em{
	color:#6f0303;	
}
.wapmassage .text{
	height:46px;
	line-height:46px;
	border:1px solid #959595;	
	width:100%;
	padding-left:8px;
	background:none;
	font-size:14px;
}
.wapmassage textarea{
	height:178px;
	line-height:46px;
	border:1px solid #959595;	
	width:100%;
	padding-left:8px;
	background:none;	
	font-size:14px;
	resize:none;
	overflow:hidden;
}


.btn{
	width:128px;
	height:38px;
	display:block;
	border:0;
	background:#d2d2d2;	
	float:left;
	font-size:16px;
	color:#666;
}

 .res{
	display:inline-block;
	line-height:25px;
	text-align:center;	
	font-size:22px;
	color:#fff;
	background:#ccc;
	float:left;
	border:0;
	margin-left:20px;
	cursor:pointer;
}
.sub{
	color:#fff;
	background:#582e15;	
}


/**  搜索  -**/

.pro_cla{
	box-shadow:0 0 4px #b0afaf;	
	background:#fff url("../images/pro_cla.png") repeat-y left top;
	position:relative;
	overflow:hidden;
}


.cla_item{
	padding:7px 0 7px 18%;
	position:relative;	
	min-height:25px;
	line-height:25px;
	_height:25px;
	background:url("../images/cla_line.gif") repeat-x left top;
	margin-top:-1px;

}
.cla_item .more{
	position:absolute;
	right:10px;
	top:0;
	line-height:36px;
	font-size:12px;	
	width:15%;
	text-align:left
}
.cla_item .tit{
	display:inline-block;
	width:20%;
	padding-left:5px;
	position:absolute;
	left:0;
	top:7px;
	font-size:12px;
	text-align:left;
}
.cla_bf{
	width:100%;	
}
.cla_dx .cla_bf{
	display:none;	
}
.cla_bf .dx_btn{
	position:absolute;
	right:-10px;
	top:0;
	line-height:36px;
	font-size:12px;	
	width:15%;
	text-align:right
}
.cla_bf a{
	float:left;
	margin-right:10px;
	white-space:nowrap;	
}
.bf_fl{
	padding-left:28px;
	position:relative;
	min-height:25px;
	_height:25px;
	width:85%;
	font-size:12px;
	
}
.bf_fl .tit2{
	position:absolute;
	left:0;
	top:0;
	min-height:25px;
	_height:25px;
	font-size:12px;
	}
	
	
.cla_af{
	padding-bottom:100px; font-size:12px;
}
.cla_af span{
	float:left;
	line-height:25px;
	margin-right:18px;	
	white-space:nowrap; color:#666
}
.cla_af .chk{
	position:relative;
	top:2px;
	margin-right:3px;	
}
.cla_af .sub{
	display:inline-block;
	width:60px;
	height:25px;
	line-height:25px;
	text-align:center;	
	font-size:12px;
	font-family:"宋体";
	color:#fff;
	background:#d7000f;
	float:left;
}
.cla_af{
	display:none;	
}
.cla_dx .cla_af{
	display:block;	
}
.cla_af .res{
	display:inline-block;
	width:60px;
	height:25px;
	line-height:25px;
	text-align:center;	
	font-size:12px;
	font-family:"宋体";
	color:#fff;
	background:#ccc;
	float:left;
	border:0;
	margin-left:20px;
	cursor:pointer;
}



a.shubiao:link {
	font-size: 12px;
	color: #666565;
	font-family: "Microsoft YaHei";
	font-weight:normal;
	text-decoration: none;
	padding-left:1px;
	padding-right:1px;
	line-height:25px;
}
a.shubiao:visited {
	font-size: 12px;
	color: #666565;
	font-family: "Microsoft YaHei";
	font-weight: normal;
}
a.shubiao:active {
	font-size: 12px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#582E15;
}

a.shubiao:hover {
	font-size: 12px;
	color: #fff;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	text-decoration: none;
	background-color:#582E15;
}


.brand_wrap{
	float:left;
	height:25px;
	position:relative;
	overflow:hidden;
	width:80%;
	font-size:12px;color:#666
}
.brand_wrapshow{
	height:auto;	
} 
.brand_wrap ul{
	padding:1px 0 0 1px;	
}
.brand_wrap li{
	float:left;
	margin:-1px 0 0 -1px;
	position:relative;
	color:#666; padding-right:5px;padding-left:5px; list-style:none
}