@charset "utf-8";
 
 /*top*/
  .left {
 	float: left;
 }
 
 .right {
 	float: right;
 }
 
 .clearboth {
 	clear: both;
 }
 
 .content {
 	width: 1180px;
 	margin: 0 auto;
 }
 .header {
 	width: 100%;
 	height: 86px;
 	background: #000;
 	background: rgba(0, 0, 0, .6);
 	filter: Alpha(Opacity=90);
 	position: fixed;
 	z-index: 999;
 }
 
 .about-nav {
 	position: relative;
 }
 
 .logo {
 	width: 300px;
 	height: 86px;
 	position: absolute;
 }
 
 .nav ul li {
 	float: left;
 }
 
 ul.nav-menu li {
 	float: none;
 }
 
 .nav ul li {
 	width: 124px;
 }
 
 .nav ul li a {
 	width: 146px;
 	height: 86px;
 	font-size: 16px;
 	display: inline-block;
 	line-height: 86px;
 	text-align: center;
 	color: #fff;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
 	transition: all 1s ease;
 }
 
 .nav ul li a:hover {
 	background: #f00;
 }
 
 .nav ul li a:before {
 	display: none;
 	content: "|";
 	position: absolute;
 	top: -20px;
 	margin-left: 75px;
 	font-size: 18px;
 	font-weight: normal;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 	-webkit-transform: rotateZ(75deg);
 	-moz-transform: rotateZ(75deg);
 	-ms-transform: rotateZ(75deg);
 	-o-transform: rotateZ(75deg);
 	transform: rotateZ(75deg);
 }
 
 .nav ul li a:after {
 	display: none;
 	content: "|";
 	position: absolute;
 	top: 38px;
 	margin-left: 75px;
 	font-size: 18px;
 	font-weight: normal;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 	-webkit-transform: rotateZ(75deg);
 	-moz-transform: rotateZ(75deg);
 	-ms-transform: rotateZ(75deg);
 	-o-transform: rotateZ(75deg);
 	transform: rotateZ(75deg);
 }
 
 .nav ul li a:hover:before,
 .nav ul li a:hover:after {
 	display: block;
 }
 
 ul.nav-menu {
 	width: 118%;
 	height: auto;
 	padding: 0;
 	background: #000;
 	background: rgba(0, 0, 0, .6);
 	filter: Alpha(opacity=60);
 }
 
 ul.nav-menu li {
 	width: 124px;
 	float: none;
 	display: none;
 }
 
 .nav ul li:hover ul.nav-menu li {
 	display: block;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
 	transition: all 1s ease;
 }
 
 ul.nav-menu li a {
 	width: 146px;
 	text-align: center;
 	font-size: 14px;
 	height: 43px;
 	display: inline-block;
 	line-height: 43px;
 	color: #fff;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-ms-transition: all 1s ease;
 	transition: all 1s ease;
 }
 
 ul.nav-menu li a:after,
 ul.nav-menu li a:before {
 	content: "";
 	display: block;
 }
 
 /*底部*/
 
 .footer {
 	width: 100%;
 	height: 160px;
 	background: #434343;
 	text-align: center;
/* 	margin-top: 30px;*/
 }
 
 .footer p {
 	color: #fff;
 	text-align: center;
 	padding-top: 5px;
 }
 
 .footer span {
 	color: #fff;
 	padding: 10px 10px;
 }
 
 .footer h2 {
 	display: inline-block;
 	color: #fff;
 	font-size: 14px;
 	text-align: center;
 }
 
 .footer-clear {
 	padding-top: 40px;
 }

.footer-clear a  {color:#fff;}