@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: 150px;position: fixed;top: 0;background: #ffffff;z-index: 1000;
}
.head{
	width: 100%;height: 150px;
}
.head-top{
	width: 70%;height: 90px;margin: 0px auto;margin-top: 10px;
}
.head-top-left{
	width: 75%;float: left;
}
.logo{
	width: 25%;float: left;
}
.logo img{
	width: 100%;height: auto;
}
.slogan{
	width: 74%;float: right;
}
.slogan h1{
	font-size: 2em;color: #007cc3;margin-top: 4px;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);mix-blend-mode: multiply;
}
.slogan-p{
	color: #666666;font-size: 1.5em;font-weight: bold;margin-top: -5px;
}
.slogan-p span{
	margin-right: 20px;
}
.nav_menu{
	display: none;
}
.head-top-right{
	width: 25%;float: right;margin-top: 10px;
}
.telphone{
	background: url(../images/icon2.jpg) no-repeat center left;background-size: 60px 60px;
}
.telphone h3{
	margin-left: 75px;margin-bottom: 6px;color: #000000;
}
.telphone p{
	margin-left: 75px;font-size: 1.8em;font-weight: bold;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);mix-blend-mode: multiply;
}
#navbar{
	width: 100%;background: #007cc3;
}
.menu{
	width: 100%;
}
.menu_ul{
	position: relative;width: 70%;height: 50px;margin: 0px auto;
}
ul.menu_ul>li{
	float: left;width: 10%;text-align: center;position: relative;line-height: 50px;
}
ul.menu_ul>li>a{
	font-size: 1em;color: #ffffff;display: block;width: 100%;
}
ul.menu_ul>li>a.active{
	border-bottom: 3px solid #ededed;height: 47px;
}
ul.menu_ul>li.active>a{
	font-weight: bold;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);
}
.menu_ul>li:hover{
	border-bottom: 3px solid #ededed;height: 47px;
}
.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: #007cc3;width: 100%;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.3);box-shadow:0px 0px  3px 2px #aaa;
}
.nav_list>dd>a{
	color:#222222; display: inline-block; *zoom:1;*display:inline;font-size: 0.9em;
}
.nav_list>dd>a:hover{
	color: #ffffff;
}
/*footer code css*/
.footer{
	width: 100%;background: #333333;
}
.footer_container{
	width: 70%;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: 1%;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: #007cc3;
}
.footer_right{
	float: right;width: 38%;
}
.footer_right dl{
	width: 100%;
}
.footer_right dl dt{
	color: #ffffff;line-height: 36px;font-size: 1.2em;margin-bottom: 24px;
}
.footer_right dl dd{
	display: inline-block;margin-right: 30px;
}
.footer_right dl dd img{
	width: 120px;height:120px;
}
.footer_right dl dd p{
	color: #ffffff;line-height: 36px;text-align: center;
}
.friendly_link{
	border-top: 1px solid #ffffff;width: 70%;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: #007cc3;
}
.beian{
	border-top: 1px solid #ffffff;width: 70%;margin: 0px auto;
}
.copyright{
	line-height: 50px;color: #ffffff;text-align: center;
}
.copyright a{
	color: #ffffff;
}
.copyright a:hover{
	color: #007cc3;
}
#footnav{
	display: none;
}
/*展示左侧导航栏栏目*/
.all_menu{
	width: 20%;float: left;background: rgba(191, 205,220, 0.5);
}
.all_menu_title{
	width: 100%;height: 60px;background: #007cc3;
}
.all_menu_title h3{
	text-align: center;line-height: 60px;font-size: 1.5em;color: #ffffff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);box-shadow:0px 0px  5px 3px #aaa;
}
.all_ul{
	width: 100%;margin-top: 30px;
}
.all_ul li{
	cursor: pointer;margin-bottom: 40px;
}
.all_ul li:hover>dl{
	display: block;
}
.all_ul li a:hover>span{
	transform: rotate(90deg);
}
.all_ul li>a{
	font-size: 1em;text-align: center;display: inline-block;width: 100%;box-sizing: border-box;height: 30px;line-height: 30px;
}
.all_ul li>a>span{
	vertical-align: top;font-size: 1.5em;float: right;margin-right: 20px;
}
span.on{
	color:red;
}
.all_ul li>a:hover{
	color: #007cc3;border-left: 3px solid #007cc3;
}
.all_ul li dl{
	display: none;margin-left: 100px;
}
.all_ul li dl dd{
	margin: 25px 0px;
}
.all_ul li dl dd a{
	font-size: 0.9em;
}
.all_ul li dl dd a:hover{
	color: #007cc3;
}