section.heada{ background:#f6f6f6; height:32px; line-height:32px;}
section.heada dl{ width:1200px;}
section.heada dt{ float:left;}
section.heada dd{ float:right;}
section.heada dd span{ color:#0056a2; font-size:16px;}
header{ width: 100%; background-color: #fff; display: table;}
section.head{ width: 1200px;}
section.head figure.logo{ float: left; padding-top: 9px;
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s;  
}
section.head menu.pcNav{ float: right; }
section.head menu.pcNav a{ display: inline-block; height:82px; line-height:82px; padding:0px 20px; font-size: 14px; color: #474747; position: relative; z-index: 9;}
section.head menu.pcNav a:after{ position: absolute; content: ''; left: 0; top:0; width: 100%; height: 100%; background-color: #0056a2; z-index: -1; opacity: 0; visibility: hidden;
	transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	transition: all .8s cubic-bezier(.4,.8,.3,1);
	-moz-transition: all .8s cubic-bezier(.4,.8,.3,1);
	-webkit-transition: all .8s cubic-bezier(.4,.8,.3,1);
}

section.head menu.pcNav a:hover,
section.head menu.pcNav a.on{ color: #fff;}
section.head menu.pcNav a:hover:after,
section.head menu.pcNav a.on:after{ height: 100%;}
section.head menu.pcNav a.on:after,
section.head menu.pcNav a:hover::after{  opacity: 1;  visibility: visible;
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
 }
div.phoneNav{ display: none; overflow: hidden; width: 100%;padding: 5px 0; position: fixed; left: 0; top: 0; background-color: #fff; z-index: 9999;}
div.phoneNav .logo{ float: left; margin-left: .5em;}
div.phoneNav .phoNav{ float: right; margin-right: 1em; margin-top: 10px; width: 30px; height: 25px; text-align: center; line-height: 18px; border: 1px solid #0056a2; border-radius: 3px; cursor: pointer;}
div.phoneNav .phoNav i{ display: inline-block; position: relative; width:22px; height: 2px; background-color: #0056a2;}
div.phoneNav .phoNav i:before{ position: absolute; content: ''; left: 0; top: -5px; width: 100%; height: 2px; background-color: #0056a2;
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}
div.phoneNav .phoNav i:after{ position: absolute; content: ''; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: #0056a2;
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}
div.phoneNav .phoNav.active i{
	background-color: transparent;
}
div.phoneNav .phoNav.active i:before{
	transform: rotate(45deg) translate3d(3px,3px,0);
	-webkit-transform: rotate(45deg) translate3d(3px,3px,0);
	-moz-transform: rotate(45deg) translate3d(3px,3px,0);
	-o-transform: rotate(45deg) translate3d(3px,3px,0);
}
div.phoneNav .phoNav.active i:after{
	transform: rotate(-45deg) translate3d(5px,-4px,0);
	-webkit-transform: rotate(-45deg) translate3d(5px,-4px,0);
	-moz-transform: rotate(-45deg) translate3d(5px,-4px,0);
	-o-transform: rotate(-45deg) translate3d(5px,-4px,0);
}
menu.phoneMenu{ width: 200px; height: 100%; position: fixed; right: 0px; top: 57px; background-color: #0056a2; z-index: 9999; padding-top: 20px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 transform: translateX(210px);
	 -webkit-transform: translateX(210px);
	 -moz-transform: translateX(210px);
	 -o-transform: translateX(210px);
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}
menu.phoneMenu a{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; text-align: center; border-bottom: 1px dotted #fff;}
menu.phoneMenu a:hover{ background-color: #fff; color: #0056a2;}
menu.phoneMenu.active{ 
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

@media only screen and (max-device-width:768px ) {  
  div.phoneNav{ display: block;} 
  header{ display: none;}
}