﻿*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
/* nav_menu */
.nav_menu{ height: 50px; z-index: 999;}
.nav{width:1200px;height:45px;position:relative;margin:0 auto; line-height: 45px;}
.nav .list li{float:left;}
.nav .list a{float:left;display:block; padding: 4px 10px; height:65px;text-align:center; font-size: 16px; color: #fff; text-shadow: 0 0 10px #333; width: 94px; line-height: 66px;}
.nav .list a:hover{color:#fff; text-decoration: none;}
.nav .list a:hover,.nav .list .now{color:#fff;background:#b7aa00;}
.nav .box{position:absolute;left:-5px;top:76px;width:100%;background: url(../images/menu_bg.png) right bottom no-repeat, rgba(45,45,0, 0.6); background: rgba(45,45,0, 0.4)\9;overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;border-bottom:1px solid #a7a400; z-index: 999; font-size: 14px; /*min-height: 220px;*/}
.nav .cont{position:relative;padding:25px 0 0px 24px; z-index: 999; background: url(../images/menu_bg.png) right bottom no-repeat; }
/* sublist */
.nav .cont p{
	text-align: center;
}
.nav .cont img{
	height: auto;
}
.sublist li{float:left;width:auto;padding-right:24px;padding-bottom:24px;}
.sublist li h3.mcate-item-hd{font-size:14px;height:26px;line-height:26px;border-bottom:1px dotted #fff; ; padding: 3px 10px; color: #fff; letter-spacing: 1px; border-left: 5px solid #c0dd00;-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px; border-top-right-radius: 15px;}
.sublist li p.mcate-item-bd{padding-left:2px; padding: 10px 0; text-align:}

.sublist li p.mcate-item-bd a{height:26px;line-height:26px;margin-right:5px;font-size:12px;color:#333;text-decoration:none;display:inline-block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}

@media screen and (min-width: 320px) and (max-width: 768px) {
.nav{
	width: 100%;
	height: auto;
}
.nav .list li{

}
.nav .box{
	width: 100%;
	top: 108px;
	left: 0;
}
.nav .list a{
	height: auto;
	font-size: 18px;
}
.sublist li{
	 width: 47.5%;
	 padding: 0 2.5% 2.5% 0;
}
}
@media screen and (min-width: 320px) and (max-width: 534px) {
.nav .box{
	top: 160px;
}
.nav .list li{
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
}
.nav .list a{
	width: 80% !important;
	padding: 8px 0px;
	height: 42px !important;
	line-height: 22px;
	text-align: left;
	margin: 0 10%;
}
}
