@charset "utf-8";
.z {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
}
.zl {
	float: left;
	width: 200px;
}
.side {
	background-color: #fff;
	margin-bottom: 15px;
}
.sidet {
	line-height: 40px;
	color: #fff;
	background-color: #917b60;
	height: 40px;
	text-indent: 12px;
	font-size: 16px;
	font-weight: bold;
}
.siden {
	padding: 15px;
}
.siden p a {
	font-size: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	display: block;
	line-height: 30px;
	height: 30px;
}
.siden p a:hover {
	color: #666;
	text-decoration: none;
}
.blx {
	background-color: #fff;
}
.blxt {
	line-height: 40px;
	color: #fff;
	background-color: #917b60;
	height: 40px;
	text-indent: 12px;
	font-size: 16px;
	font-weight: bold;
}
.blxn {
	padding: 15px;
	line-height: 22px;
	font-size: 12px;
}

.zr {
	background-color: #fff;
	float: right;
	width: 780px;
	padding-bottom:0px;
}
.zrt {
	line-height: 40px;
	color: #fff;
	background-color: #917b60;
	height: 40px;
	text-indent: 12px;
	font-size: 12px;
	font-weight: normal;
}
.zrn {
	padding:35px;
	line-height:32px;
}
.zrn p {
	padding-bottom:0px;
}
.zrn img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}
.pro {
	line-height: 22px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.pro p {
	float: left;
	width: 230px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pro p a img {
	height: 173px;
	width: 230px;
}
.pro p a span {
	color: #533f33;
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
}
.pro p a:hover span {
	background-color: #efefef;
}
.clr {
	clear: both;
}
.probody {
	line-height: 22px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.probody h1 {
	text-align: center;
	font-size: 20px;
	padding-bottom: 30px;
}
.pictext {
}



#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}.pic {
	float: left;
}
.pictext {
	float: left;
	padding-left: 20px;
	width: 320px;
	font-size: 12px;
}
.pictextt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #856d4e;
	margin-bottom: 15px;
}
.pictextt span {
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	width: 60px;
	font-size: 14px;
	color: #fff;
	background-color: #856d4e;
}
.pictexttitle{
	font-size:12px;
	font-weight: normal;
	color:#ff9900;
}
.pro2 {
	line-height: 22px;
	padding-top: 25px;
	padding-bottom: 15px;
}
.pro2  p {
	float: left;
	width: 130px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pro2  p  a  img {
	height: 90px;
	width: 130px;
}
.pro2  p  a  span {
	color: #533f33;
	display: block;
	height: 36px;
	font-size:12px;
	line-height: 36px;
	text-align: center;
}
.pro2    p    a:hover    span {
	background-color: #efefef;
}
.tuijian {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #564E4C;
}
.tuijian  span {
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	font-size: 14px;
	color: #fff;
	background-color: #917b60;
	margin-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

@media (max-width: 767.5px){
	.zl{
		display: none;
	}

	.zr{
		width: auto;
		float: none;
	}

	.z{
		padding-top: 70px;
		width: auto;
	}

	.zrn{
		padding: 15px;
	}

	.pro{
		padding: 15px;
	}

	.pro p{
		width: 48%;
		padding: 0;
		margin-bottom: 15px;
	}

	.pro p:nth-of-type(even){
		float: right;
	}

	.pro p a img{
		width: 100%;
		height: auto;
	}

	.pic{
		float: none;
		margin-bottom: 10px;
	}

	.pictext{
		float: none;
		padding-left: 0;
		width: auto;
	}

	.pro2 p{
		width: 48%;
		padding: 0;
		text-align: center;
	}

	.pro2 p:nth-of-type(even){
		float: right;
	}

	.pro2 p a img{

	}
}