@charset "utf-8";
/***!  /css/category.css  !***/

h1 {
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.2em;
}
.swiper-sub-category .swiper-slide {width: 164px;height: 180px;text-align: center}
.swiper-sub-category .swiper-slide h3 {
	display: block;
	font-size: 12px;
	padding: 8px;
	line-height: normal;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.swiper-sub-category .categoryimg {
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	height: 180px;
	border-radius: 8px;
	margin: 0 0 0 24px;
	border: 4px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background: #f2f7f8;
}
.swiper-sub-category .categoryimg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.category-desc a {
	color: #5cac00;
	font-weight: 600;
}
.category-desc ol, .category-desc ul {margin: 25px 0 0 20px}
.category-desc blockquote {
	font-size: 20px;
	line-height: 28px;
	padding: 8px 18px;
	border-left: 4px solid #000 !important;
	display: block;
	margin: 14px 0;
	color: #000;
	background: #eef4da;
}
.box {
	position: relative;
}
.catmenu {background: #8ec64e;padding-bottom:40px;margin-bottom:40px}
.catmenu .block {background:transparent}
.catmenu h1 {color: #fff}

.submenu {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
	text-align: right
}
.submenu ul {display:block;width:100%;}
.submenu li {
	display:inline-block;
	margin: 4px
}
.submenu li a {
	display: block;
	padding: 5px 8px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	background: #fff;
	font-size: 13px;
	color: #000;
	font-weight: 300;
	text-decoration: none;
	border-radius: 3px;
	line-height: normal;
}



.category > div {
    display: table;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	padding: 8px;
	border: 2px solid #fff;
}
.category > div:hover {border: 2px solid #8248b2 ;}
.category > div:hover h2 {color: #8248b2 }
.category > div > a {
	display: table-cell;
	width: 327px;
}
.category > div > div {
	display: table-cell;
	width:100%;
	vertical-align: middle;
	padding-left: 40px;
}
.category > div > div h2 {
	display: inline-block;
	font-size: 22px;
	color: rgba(0,0,0,1);
	letter-spacing: -1px;
	font-weight: 600;
	padding: 0;
	margin-bottom: 10px;
}
.category .datnews {display: block;font-size: 12px;color:#999;}

.category .desc {
    font-size: 15px;
	color: #666;
	display: block;
	padding: 10px 0 0 0;
}
.catnews {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	background: #8ec64e;
	padding: 6px 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.catnews a {color: #fff}
.category img {display:block;}





	

@media (max-width:767px){
	.category > div {display:block;border:none}
	.category > div:hover {border:none}
	.category > div > a {display: block;width:100%;padding:0}
	.category > div > div {display: block;width:100%;padding:0}
	.category img {width:100%}
	.category > div > div h2 {font-size: 16px;padding: 8px 0 4px 0;margin:0}
	.category .desc {padding: 4px 0 8px 0;font-size:12px;line-height: normal}
}