body{
   overflow-x:hidden;
   overflow-y:auto;
}
/* menu */
#nav {
	height:30px;
	background:#f1f1f1;
}
#nav * {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
.nav1 {
	height:30px;
	font-size:12px;
	margin:0 auto;
}
#nav .nav1 ul li {
	line-height:30px; 
	margin:0 2px;  
	text-align:center;
	float:left;
}
#nav .nav1 ul li a {
	color:#5f81b6;
	display:block;
	translate:scale(.5);
    padding:0 15px;
	height:30px;
	text-decoration:none;
}
#nav .nav1 ul li:hover,#nav .nav1 ul li.on{
	background:#000;	
	border-radius:5px 5px 0 0;
}
#nav .nav1 ul li:hover a,#nav .nav1 ul li.on a{
	color:#fff;
	transition:all 0.7s;
}
.nav2 .li {
	position:relative;
}
.nav3 {
	position:absolute;
	height:0px;
	overflow:hidden;
	transition:height 0.7s;
	-moz-transition:height 0.7s;
	-webkit-transition:height 0.7s;
}
.nav2 .li:hover .nav3 {
	height:65px;
	width:146px;
	padding:6px 0!important;
	background:#000;
	border-radius:0 0 5px 5px;
	
}
#nav .nav1 ul li .nav3 li{
	border-radius:0;
	width:100%;
}
#nav .nav1 ul li .nav3 li a{
	color:#fff;
	padding:0 5px 0 15px;
	height:22px;
	line-height:22px;
	text-align:left;
}
#nav .nav1 ul li .nav3 li:hover{
	background:rgba(255,255,255,.2);
}
.nav2 .li:nth-child(3):hover .nav3 {
	height:240px;
}
/* sidebar */
.sidebar{
	width:200px;
	font-size:11px;
	min-height:500px;
	float:left;
	background:#e8e9e9;
}
.sidebar ul,.sidebar li{
	list-style-type:none;
	padding:0;
	margin:0;
}
.sidebar .dt{
	height:20px;
	line-height:20px;
	margin-bottom:2px;
	background:#757e8c;
	color:#fff;
	padding:0 10px;
}
.sidebar .dt a{
	color:#fff
}
.sidebar .ul1{
	padding:4px 20px;
}
.sidebar .ul1 li{
	line-height:22px;
	margin:2px 0;
}
.sidebar .ul1 .ul2{
	padding:3px 0;
	display:none;
}
.sidebar .ul1 .ul2 li{
	padding:0 10px;
	border-radius:3px;
}
.sidebar .v1{
	color:#666;
}
.sidebar .v1:hover{
	color:#333;
}
.sidebar .ul1 .ul2 li a{
	color:#999;
}
.sidebar .ul1 .ul2 li:hover,.sidebar .ul1 .ul2 li.on{
	background:#757e8c;
}
.sidebar .ul1 .ul2 li:hover a,.sidebar .ul1 .ul2 li.on a{
	color:#fff
}
@media screen and (max-width:1200px) {
body{
	overflow-x:scroll;
}	
}