/* 内页大图 */
.page-bg{
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 8.5%;
}
.page-bg .cate-title{
	text-align: center;
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}
@media (min-width: 991px) and (max-width: 120px){	
	.page-bg{height: 400px;}
}
@media (min-width: 767px) and (max-width: 991px){	
	.page-bg{height: 300px;}
}

@media screen and (max-width:767px) {
	.page-bg{height: 160px;}	
}


.location{ background: #ededed; height: 60px; line-height: 60px;}
.location dd{ background: url(../images/add.png) no-repeat left center; padding-left: 20px; color: #666666;}
.location a{ color: #666666; font-size: 14px;}

/* 二级分类 */
.leftmenu{width: 240px;}
.leftmenu h4{ background: url(../images/menubg.png) repeat-x; height: 62px; line-height: 62px; border-radius: 5px; font-size: 20px; font-weight: bold; color: #fff;}
.leftmenu h4 b{ background: url(../images/h2-2.png) no-repeat left center; margin-left: 20px; display: block; padding-left: 30px;}
.leftmenu dl{ background: #ffffff; border-radius: 5px; margin-top: 2px;}
.leftmenu dl a{
	display: block;font-size: 14px;color: #333333;line-height: 40px;
	padding: 0px 25px;transition: all .3s;
}
.leftmenu dl:before{ content: '>'; margin-left: 20px; float: left; line-height: 40px; margin-right: 10px;} 
.leftmenu dl.active,.leftmenu dl:hover{color: #fff; background: #327600;}
.leftmenu dl.active a,.leftmenu dl:hover a{color: #fff;}

.rcontent{ width: calc(100% - 270px); background: #fff; border-radius: 10px; padding: 45px;}



@media screen and (max-width:1200px) {
	
}

@media screen and (max-width:996px) {
	.leftmenu{width: 100%;}
	.rcontent{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px; margin-top: 30px;}
}

@media screen and (max-width:767px) {	
	/* 二级分类 */
	.leftmenu{width: 100%;}	
	.rcontent{ width: calc(100%); background: #fff; border-radius: 10px; padding: 30px 20px; margin-top: 30px;}
}


.nextpage{border-top: 2px solid #e1e1e1; margin-top: 100px; line-height: 50px;}
.nextpage span{font-size: 12px;color: #9f9f9f;}
.nextpage a{font-size: 12px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #c31c1c;}


.pagination { padding: 20px 0px; overflow: hidden;}
.pagination li {margin: 0;cursor: pointer; text-align: center; border-radius: 5px; overflow: hidden;}
.pagination li a {
	display: block; width: 100%; background: #fff; text-decoration: none; text-align: center; color: #808080;font-size: 18px;
}
.pagination li a:hover {border: none; background: #327600; color: #fff;}
.pagination li.active {border: none; background: #327600; color: #fff;}
.pagination li.disabled{ background: #f9f9f9; }
.pagination li {
	float: left;
	font-size: 12px; color: #bbb; 
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}


#search{ width: 100%; height: 100vh; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0 ; z-index: 99999; display: none;}
#search .bg h4{ font-size: 16px; font-weight: bold; line-height:50px; text-align: left; }
#search .bg{ width:550px; background: #fff; text-align: center; margin-left: calc(50% - 275px); margin-top: 200px; border-radius: 10px; 
	padding: 10px 30px 30px 30px; position: relative;
}
#search .bg .sclose{ position: absolute; color: #999; right: 20px; top: 10px; font-size: 24px; cursor: pointer;}
#search .bg input{ height: 40px; line-height: 40px; width: calc(100% - 100px); padding: 0 10px; }
#search .bg button{ width: 100px; color: #fff; background: #327600; border:none; height: 40px; line-height: 40px; }