@charset "utf-8";
/*common code*/
html,body {	
	margin:0 auto; padding:0px;font-family:"Microsoft YaHei",微软雅黑;  
	background-position: center top; background-repeat:no-repeat;
}
ul,li,div,dl,dd,dt,ol,p,h1,h2,h3,h4,h5,h6{ 
	margin:0px; padding:0px; list-style:none;
}
img{ 
	border:none; vertical-align:middle;
}
a{ 
	color:#000; text-decoration:none;
}
a:hover{ 
	text-decoration:none;
}
.clear{	
	clear:both; height:0px;
}
span{ 
	vertical-align:middle;
}
/*header code*/
.header{
	width: 100%;height: 50px;position: fixed;top: 0;background: #ffffff;z-index: 1000;box-shadow:0px 0px  5px 3px #aaa;
}
.head{
	width: 100%;height: 150px;
}
.head-top{
	width: 100%;height: 50px;margin: 0px auto;
}
.head-top-left{
	width: 100%;
}
.logo{
	width: 26%;float: left;margin-right: 1%;
}
.logo img{
	width: 100%;height: auto;margin-top: 4px;
}
.slogan{
	width: 57%;float: left;margin-top: 6px;
}
.slogan h1{
	font-size: 0.9em;color: #007cc3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);mix-blend-mode: multiply;
}
.slogan-p{
	color: #666666;font-size: 0.75em;margin-top: -3px;
}
.slogan-p span{
	margin-right: 20px;
}
.head-top-right{
	display: none;
}
.nav_menu{
	float: right; border-left: 1px solid #ffffff;display: block;width:14%;
}
.nav_menu img{
	width: 90%;height: auto;
}
.m_close { 
	position: absolute; top: 0; left: -30px; 
}
.m_close img { 
	width: 30px; height: 30px; 
}
#navbar{
	width: 500px; height:100%; position: fixed; background: #007cc3; z-index: 999; top: 0; right:-500px; 
}
ul.navlist{
	width: 500px; height: 100%;
}
ul.navlist li{
	width: 100%; height: 50px; border-bottom: 1px solid #56b4ea; float: left;text-align: left;
}
ul.navlist li a{
	font-size: 0.95em; color: #ffffff; padding-left: 10px; line-height: 50px; display: block; background-size: 10px 11px;
}
.nav_list{
	display: none;
}
/*footer code css*/
.footer{
	width: 100%;background: #333333;padding-top: 10px;margin-bottom: 60px;
}
.footer_container{
	display: none;
}
.friendly_link{
	display: none;
}
.beian{
	width: 100%;border-top: 0px solid #ffffff;padding-bottom: 10px;
}
.copyright{
	color: #ffffff;text-align: center;font-size: 0.6em;line-height: 30px;
}
.copyright a{
	color: #ffffff;display: none;
}
#footnav{
 	float: fixed; position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; box-shadow:0px 0px  3px 2px #aaa;background: #ffffff;
}
.footlist{
 	width: 100%;
}
.footlist li{
 	width: 25%; text-align: center; float: left;margin-top: 10px;
}
.footlist li a{
 	color: #333;font-size: 0.9em;text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.1);mix-blend-mode: multiply;
}
.footlist li a i{
	display: block;font-size: 1.4em;
}
/*展示左侧导航栏栏目*/
.pro_menu{
	width: 100%;
}
.all_menu_title{
	background: rgba(0,124,195,1.0);width: 100%;text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.1);mix-blend-mode: multiply;
}
.all_menu_title h3{
	height: 40px;line-height: 40px;margin-left: 3%;color: #ffffff;font-weight: normal;font-size: 1.1em;
}
.all_menu_title h3 span{
	background: url(../images/nav_span.gif) no-repeat;width: 20px;height: 20px;display: inline-block;float: right;margin-top: 10px;margin-right: 20px;
}
.all_ul{
	display: none;
}
.all_ul li{
	background: rgba(0,124,195,0.8);width: 100%;border-top: 1px solid #ffffff;height: 40px;line-height: 40px;
}
.all_ul li:hover{
	background: rgba(0,124,195,1.0);
}
.all_ul li a{
	color: #ffffff;margin-left: 12%;font-size:0.95em;
}
.pronav_list{
	display: none;
}