@charset "utf-8";
*{margin: 0px ;padding: 0px;}
body{width: 100%;background: #FFFFFF;font-family: "微软雅黑";font-size: 14px;}
input{outline: none;border: none;}
li{list-style: none;}
img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.inner{width: 1200px;margin: 0px auto;}
.clear{clear: both;}

/*页头顶部*/
.top_header{
	width: 100%;
	/*height: 50px;*/
	line-height: 50px;
	background:#00632d;
	color: #92baa4;
}
.top_left{
	float: left;
}
.top_right{
	float: right;
}
.top_right ul,.search{
	float: left;
margin-left:30px;
}
.top_right ul li{
	float: left;
	height: 15px;
	margin-top:17px ;
	padding-left: 15px;
	line-height: 15px;
	padding-right: 15px;
	border-right: 1px solid #92baa4;
}
.top_right ul li a{
	color:#92baa4;
} 
.top_right ul li a:hover{color:white;}
.top_right  .last,.sys_right  .last{
	border-right: none;
}
.search,.search .inp{
	height: 23px;
}
.search{width: 170px;border: 1px solid #92baa4;border-radius: 15px;margin-top: 13px;}
.search .inp{background: none;width: 140px;float: left;}
.sub{
	width: 23px;
	height: 23px;
	float: left;
	background: url(../img/search.png) no-repeat center;
}

.logo{
	margin-top: 25px;
	float: left;
}
.nav{
	margin-top: 25px;
	float: right;
}
/*导航*/
.nav ul li{ 
	/*width: 11%;*/
	float:left;
	height: 40px;
	padding-top:15px;
	/*margin:0px 1.7%;*/
	transition: all 0.3s ease;
	position: relative;}
.nav ul li > a{
	padding:0;
	text-align:center;
	line-height:40px;
	height: 40px;
	color: #333333;
	font-size: 18px;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	transition: all 0.3s ease;
	}
	/*.nav_last{margin-right:0px;}*/
	.nav ul .nav_last a{width:90px;text-align: center;}
.nav ul li.on > a,.nav ul li:hover > a{color: #fff;background-color:#00632d;height:57px;line-height: 57px;}
.nav ul li.on{height:57px; }
.nav ul li.on .subNav{display: block;}
.subNav{width:100%;background:url(../images/subNav_bg.png) repeat;}
.subNav{position: absolute;left:0;top:72px;display: none;background: #00632d;z-index:999;}
.sanji{display: none;position: absolute;left: 100%;top: -16px;background: #256EB1;}
.sanji dd{width: 100%;min-width: 150px;}
.subNav>dd {position: relative;text-align: center;width: 100%;}
.subNav a{color:#fff;padding:8px 15px;display: block;}
.subNav a:hover{background-color:#92baa4;}
.header.currents .nav ul li{padding-top:10px;height: 48px;}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{height:48px;line-height: 48px;}
.header.currents .subNav{top:56px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}
.flipInY  {
  -webkit-animation-name: flipInY ;
  animation-name: flipInY ;
  animation-duration: 0.6s; 
  -webkit-animation-duration: 0.6s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}


@keyframes flipInY  {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.demo-2{display: none;}


/*页尾*/
.wai{
	width: 100%;
	margin-top: 20px;
	background: #3c3c3c;
}
.wai h1{
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	padding-top: 35px;
	margin-bottom: 25px;
}
.links{height:170px;border-bottom: 1px solid #2a2a2a;}
.links ul li{
	float: left;
	padding-bottom: 18px;
	margin-right: 50px;
}
.links ul li a{
	color: #a5a5a5;
}
.links ul li a:hover{color:white;}
.contact,.team,.about{
	float: left;
	width: 33.3%;
}
.contact ul li,.team ul li{
	color: #a5a5a5;
	line-height: 30px;
}
.about ul li{
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 28px;
}
.about ul li img{width: 100%;}

.footer{text-align: center;line-height: 40px;background: #313131;font-size: 12px;color:#a5a5a5;}