@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: 156px;position: fixed;top: 0;z-index: 1000;background: url(../images/top_bg.jpg);
}
.head{
	width: 100%;height: 156px;
}
.head-top{
	width: 60%;height: 100px;margin: 0px auto;margin-top: 20px;
}
.head-top-left{
	width: 40%;float: left;
}
.logo{
	width: 36%;float: left;
}
.logo img{
	width: 100%;height: auto;
}
.slogan{
	width: 57%;float: right;border-left: 2px solid #ffffff;padding-left: 3%;
}
.slogan h1{
	font-weight: 300;font-size: 1.2em;color: #ffffff;margin-top: 10px;
}
.slogan-p{
	color: #ffffff;font-size: 1.2em;
}
.slogan-p span{
	margin-right: 20px;font-weight: 300;
}
.nav_menu{
	display: none;
}
.head-top-right{
	width: 55%;float: right;margin-top: -10px;
}
.telphone{
	width: 70%;float: left;margin-top: 6px;
}
.telphone img{
	width: 60%;height: auto;
}
.telphone p{
	
}
.telphone p span{
	font-size: 1.5em;font-weight: bold;
}
.weixin{
	width: 30%;float: right;
}
.weixin p{
	width: 10%;float: right;font-size: 0.8em;color: #ffffff;
}
.weixin_img{
	width: 52%;float: left;margin-left: 32%;
}
.weixin_img img{
	width: 100%;height: auto;
}
#navbar{
	width: 100%;background: #f2dd49;
}
.menu{
	width: 100%;
}
.menu_ul{
	position: relative;width: 60%;height: 36px;margin: 0px auto;
}
ul.menu_ul>li{
	float: left;width: 11.1%;text-align: center;position: relative;line-height: 36px;
}
ul.menu_ul>li>a{
	font-size: 1em;color: #000000;display: block;width: 100%;
}
ul.menu_ul>li>a.active{
	border-bottom: 3px solid #ededed;height: 33px;
}
ul.menu_ul>li.active>a{
	font-weight: bold;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);color: #ffffff;
}
.active{
	background: #8d8d8d;
}
.menu_ul>li:hover{
	background: #8d8d8d;
}
.menu_ul>li:hover>a{
	font-weight: bold;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
}
.menu_ul>li:hover>a{
	color: #ffffff;
}
.nav_list{
	display: none; position:absolute;width: 140%;background: #ededed;margin-left: -20%;
}
.menu_ul>li:hover>dl{
	display: block;
}
.nav_list>dd{
	width: 100%;height:36px;float:left; position: relative;line-height: 36px;background: #ededed;	
}
.nav_list>dd:hover{
	background: #f2dd49;width: 100%;
}
.nav_list>dd>a{
	color:#222222; display: inline-block; *zoom:1;*display:inline;font-size: 0.9em;
}
.nav_list>dd>a:hover{
	color: #000000;
}
/*footer code css*/
.footer{
	width: 100%;/*background: #636363;*/background: url(../images/foot_bg.jpg);
}
.footer_container{
	width: 60%;margin: 0px auto;padding-top: 30px;margin-bottom: 30px;
}
.footer_left{
	float: left;width: 60%;
}
.footer_left dl{
	display: inline-block;vertical-align: top;margin-right: 2%;color: #ffffff;
}
.footer_left dl.foot_active{
	display: none;
}
.footer_left dl.foot_active dt{
	display: none;
}
.footer_left dl:nth-child(5){
	margin-right: 0;
}
.footer_left dl dt{
	font-size: 1.2em;line-height: 40px;margin-bottom: 10px;
}
.footer_left dl dd{
	font-size: 0.95em;line-height: 36px;
}
.footer_left dl dd a{
	color: #ffffff;
}
.footer_left dl dd a:hover{
	color: #f2dd49;
}
.footer_right{
	float: right;width: 38%;
}
.footer_right dl{
	width: 100%;margin-bottom: 30px;
}
.footer_right dl dt{
	color: #ffffff;line-height: 36px;font-size: 1.2em;margin-bottom: 24px;
}
.footer_right dl dd{
	color: #ffffff;margin-bottom: 5px;
}
.foot_right_wx{
	width: 100%;
}
.foont_right_gzh{
	width: 40%;float: left;
}
.foot_right_dy{
	width: 40%;float: right;margin-right: 10%;
}
.foot_right_wx img{
	width: 100%;height: auto;
}
.foot_right_wx p{
	color: #ffffff;text-align: center;line-height: 36px;
}
.friendly_link{
	border-top: 1px solid #ffffff;width: 60%;margin: 0px auto;
}
.friendly_link p{
	line-height: 50px;color: #ffffff;
}
.friendly_link p span{
	vertical-align: top;margin-right: 30px;
}
.friendly_link p span:nth-child(1){
	margin-left: 20px;
}
.friendly_link p a{
	color: #ffffff;
}
.friendly_link p a:hover{
	color: #f4ca22;
}
.beian{
	border-top: 1px solid #ffffff;width: 60%;margin: 0px auto;
}
.copyright{
	line-height: 60px;color: #ffffff;text-align: center;
}
.copyright a{
	color: #ffffff;
}
.copyright a:hover{
	color: #f4ca22;
}
#footnav{
	display: none;
}