/*初始化*/
@charset "utf-8";

html,body{ font:16px/1.8 '黑体',Verdana,'Simsun'; -webkit-text-size-adjust:none;}

a{ color:#000; text-decoration:none;}


a:hover{text-decoration:none;}

@media (min-width:1024px){
#mobile_header{display:none;}	

body{
	background-color: #f8f8f8;
}

.fl{float:left;}

.fr{float:right;margin-right:30px;}

.center{margin:0 auto;}

.position{position:relative;}

.clear{ clear:both; }

input,ol,ul,li{list-style:none; padding:0px; margin:0px;}

/*首页*/

.HER-container{width:100%;min-width:1248px;height:100px;background:url(../img/topnav-bg.png);}

.logo{width:35%;height:100px;}

.image{margin-right:15px;float:left;}

.logo a img{margin-left:30px;margin-top:18px;}

.logo .logotext{width:330px;float:left; margin-top:18px;height:60px; line-height: 60px;color: #a6a6a5;font-family:"黑体";}

/*.logo .top{font-family:"黑体"; margin-left: -10px; font-size:16px; font-weight:bold; text-shadow: 0 0 3px #000; vertical-align: middle; color: #a6a6a5;}

.logo .bottom{font-family:"Georgia"; font-weight:Italic; font-size:5px; margin-left:-10px;margin-top:-2px; vertical-align: middle;color: #a6a6a5;}*/

.topnav{margin-top:35px;width:130px;}

.topnav span{width:49px;height:35px; vertical-align: middle;}

.topnav a{color:#fff; background:url(../img/tr-nav.png) no-repeat; font-weight:bold;font-size:16px; padding:5px 15px 10px 8px;}

.topnav a:hover{color:#666;}

.nav-line{margin-top:2px; padding-bottom;10px; width:3px; height:49px; background:#fff url(../img/line.jpg) no-repeat;}

/*.HER--ban{margin:20px 15px 40px 40px; width:64%; padding:0px 0 0px 0; float：left;}*/

.nav-bg {display:block; width:1000px;height:51px; background:url(../img/nav-bg.png) no-repeat; position:absolute;top:-34px; left:150px;}

#navmenu{margin:35px 0 0 0; border:0 none; padding:0; list-style:none; height:24px; float:left; }

.line{float:left;}

.zi{border-bottom: 5px solid #000;padding: 2px 0;}

ul#navmenu li{font-weight: bold;margin:0 2px; padding:2px 0; box-sizing: border-box; float:left; display:inline; list-style:none; position:relative; height:26px;}

ul#navmenu ul{margin:0; border:0 none; padding:0; width:67px; list-style:none; display:none; position:absolute; top:28px; left:-3px;}

ul#navmenu a{border-right-color:#ccc; padding:0 6px; display:block; background:#3A404C; color:#fff; text-decoration:none;}

ul#navmenu a:hover, ul#navmenu li:hover a,ul#navmenu li.iehover a{background:#000; border-bottom:1px solid #ccc;color:#fff;}

ul#navmenu a:hover{ border-radius:5px;}

ul#navmenu li:hover li a, ul#navmenu li.iehover li a{font-weight: normal;border-bottom: 1px solid #ccc; width:67px;float:none; background:#000; color:#fff;}

ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a{ border-bottom:1px solid #ccc;font-weight: bold;background:#000; color:#fff;}

ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover,ul#navmenu li.iehover li.iehover li.iehover a{ border-bottom:1px solid #ccc;background:#000;color:#fff;}

ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a{background:#000;color:#fff;}

ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul{font-size:12px;border-bottom: 1px solid #ccc;display:none;}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul{font-size:14px;z-index:100;display:block;border-bottom:1px solid #ccc;}

}


@media only screen and (min-width: 0px) and (max-width: 1024px)  {
body{
	background-color: #ccc;		
	min-width:320px;
	}
.line{
	display:none;
}
#pc_header{
	display:none;
}
.HER-container{
	display:none;
}
.position{
	width:300px;
	padding:5px;
	box-sizing: border-box;
	margin:0 auto;
	min-width:300px;
	height:50px;
	border-bottom:1px solid #C8C9C6;
	background-image: url(../img/topnav-bg.png);
}
.position1{
	width:100%;
	border-bottom:1px solid #C8C9C6;
	background-image: url(../img/topnav-bg.jpg);
}
#navmenu{
	width:100%;
	min-width:560px;
	margin-top:0;
	height:25px;
	z-index: 100;
	
}
.image{
	width:30px;
	height:30px;
	margin:5px;
	float:left;
}
.logotext{
	color:#C8C9C6;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-shadow:1px 1px  #000;
	/*margin-left:10px;*/
	text-align:center;
	margin-top:5px;
	float:left;
}
#nav_div{
	width:100%;
	overflow-x: scroll;
        overflow-y: hidden;
	background-image: url(../img/topnav-bg.jpg);
}
#navmenu{
	width:200%;
	background-image: url(../img/topnav-bg.jpg);
	margin-top:0;
	height: 22px;
}
ul#navmenu li{
	font-weight:normal;
	font-size:12px;
	margin:0 2px; 
	padding:2px 0;
	box-sizing: border-box; 
	float:left; 
	display:inline; 
	list-style:none; 
	position:relative; 
	height:22px;
	}
ul#navmenu ul{
	margin:0; 
	border:0 none; 
	padding:0; 
	width:50px; 
	list-style:none; 
	display:none; 
	position:absolute; 
	top:20px; 
	left:-3px;
	}
ul#navmenu a{
	border-right-color:#ccc; 
	padding:0 6px; 
	display:block; 
	background:##3A404C; 
	color:#fff; 
	text-decoration:none;
	}

ul#navmenu a:hover, ul#navmenu li:hover a,ul#navmenu li.iehover a{
	background:#000; 
	border-bottom:1px solid #ccc;
	color:#fff;
	}
ul#navmenu a:hover{ 
	border-radius:5px;
	}

ul#navmenu li:hover li a, ul#navmenu li.iehover li a{
	font-weight: normal;
	border-bottom: 1px solid #ccc; 
	width:50px;
	float:none; 
	background:#000; 
	color:#fff;
	}
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a{ 
	border-bottom:1px solid #ccc;
	font-weight: bold;
	background:#000; 
	color:#fff;
	}
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover,ul#navmenu li.iehover li.iehover li.iehover a{ 
	border-bottom:1px solid #ccc;
	background:#000;
	color:#fff;
	}
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a{
	background:#000;
	color:#fff;
	}
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul{
	font-size:12px;
	border-bottom: 1px solid #ccc;
	display:none;
	}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul{
	font-size:14px;
	z-index:100;
	display:block;
	border-bottom:1px solid #ccc;
	}


}