﻿@media screen and (min-width: 1200px) {
	
	.fenlei{
		width: 1200px;
		margin: 0px auto;
		height: auto;
		overflow: hidden;
	}
	.fenlei ul li{
		float: left;
	}
	.fenlei li{
		float: left;
		height: 45px;
		overflow: hidden;
		line-height: 45px;
	}
	.dalei{
		width: 100px;
		height: 30px;
		line-height: 30px;
		float: left;
		border: 1px solid #399d2b;
		text-align: center;
	}
	.dalei a{
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.xiaolei{
		float: left;
		width: 1100px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
	}
	.xiaolei ul li{
		float: left;
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border: #efefef solid 1px;
		margin-right: 10px;
	}
	.xiaolei li:first-child{
		margin-left: 10px;
		
	}
	.xiaolei li:last-child{
		margin-right: 0px;
	}
	.xiaolei li a{
		color: #333333;
		display: block;
	}
	
}
	
	
/* 手机�*/
@media (max-width: 768px) {
	
	.fenlei{
		width: 98%;
		padding: 1%;
		margin: 0px auto;
		height: auto;
		overflow: hidden;
	}
	.fenlei ul li{
		float: left;
	}
	.fenlei li{
		float: left;
		height: auto;
		overflow: hidden;
		line-height: 45px;
	}
	.dalei{
		width: 100%;
		height: 30px;
		line-height: 30px;
		float: left;
		border: 1px solid #399d2b;
		text-align: center;
		margin: 5px 0px;
	}
	.dalei a{
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.xiaolei{
		float: left;
		width: 100%;
		height: auto;
		line-height: 30px;
	}
	.xiaolei ul li{
		float: left;
		width: 33%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border: #efefef solid 1px;
		margin: 0.1%;
	}
	.xiaolei li:first-child{
		margin-left: 0;
	}
	.xiaolei li a{
		color: #333333;
		display: block;
	}

	
}