﻿#header {
	width: 100%;
	height: 112px;
	position: fixed;
	padding-top: 0px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 14px;
	transition: all ease .3s;
	background:#fff;
	z-index: 99;
}
.nobanner #header {
	background: rgba(33,33,33,0.9);
}
.topheadnav{ width:1360px; margin:0 auto}
#header .content {
	padding: 0 40px;
}
#header.mini {
	background: #fff;
	padding: 0px 0;
	margin-top:-45px;box-shadow: 3px 4px 4px rgba(0,0,0,0.1);
	z-index: 99999;
}
#header.mini ul li.navitem {
	padding-bottom: 0;
}
#header #logo {
	width: auto;
	margin-top:15px;
	display: block;
	float: left;
	margin-right:00px
}
#header ul#nav { float:right;    margin-top: 30px;
}
#header ul li.navitem {
	padding:10px 10px;
	margin:0px 10px;
	width: auto;
	line-height: 40px;
	float: left;
	position: relative;
	transition: all ease .3s
}
#header ul li.navitem:hover ul.subnav {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	visibility: visible;
}
#header ul li.navitem a {
	color: #363736 !important;
	font-weight:bold;
	font-size:16px;
	transition: all ease-out .3s;
}
#header ul li.navitem a.active, #header ul li.navitem:hover a {
	color: #363736;
	
}
#header ul li.navitem ul.subnav {
	position: absolute;
	width: 230px;
	border-top: #03663b 2px solid;
	top: 78px;
	margin-left: 00px;
	opacity: 0;
	transition: all 0.3s ease 0s;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px, 10px, 0px);
	visibility: hidden;
}
#header ul li.navitem ul.subnav li {
	border-bottom: #fff 1px solid; width: 230px;
}
#header ul li.navitem ul.subnav li a {
	padding: 14px 10px;
	text-align:center;
	width: 210px;
	height: 20px;
	line-height: 20px;
	background: rgba(97,143,80,1);
	display: block;
	color: #fff !important;
	font-size: 12px;
	font-weight:normal;
	transition: all ease-out .2s
}
#header ul li.navitem ul.subnav li a i {
	float: right;
	margin-top: 5px;
	transition: all ease-out .2s;
	opacity: 0
}
#header ul li.navitem ul.subnav li a:hover {
	text-indent: 10px;
	background:#03663b;
	color: #fff
}
#header ul li.navitem ul.subnav li a:hover i {
	opacity: 1
}
@media screen and (max-width: 992px){
.topheadnav{ width:100%; margin:0 auto}
#header #logo {
	width: auto;
	margin-top:5px;
	display: block;
	float: left;
	margin-right:00px
}
#header ul li.navitem ul.subnav li {
    border-bottom: #fff 1px solid;
    width: 100%;
}
#header ul li.navitem ul.subnav {
    position: absolute;
    width: 160px;
    border-top: #03663b 2px solid;
    top: 78px;
    margin-left: 0px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
    visibility: hidden;
}
}
