﻿.header {
	position:fixed;
	width:100%;
	height:113px;
	background:#fff;
	z-index:999999;
	border-bottom:1px solid #e0e0e0;
}
.header .container {
	height:100%;
}
.header1{width:1200px;height:113px;background:#fff;margin:0 auto;position:relative;}
.header1 a img{width:397px;height:113px;float:left;border:none;}
.header1 .TTr{float:right;margin-top:30px;background:url(../img/a5.png) left top no-repeat;padding-left:30px;line-height:20px;font-size:16px;color:#4f4f4f;}
.header .nav {
	position:absolute;
	top:33px;
	right:0px;
	width:800px;
	height:80px;
}
.header .nav .child {
	position:relative;
	float:left;
	width:100px;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#666;

}


.child a{ outline:none;}
.header .nav .child.navChildSearch {
	line-height:20px !important; width: 200px;
}
.header .nav .child:hover .title {
	color:#2b5e39;
}
.header .nav .child .title {
	font-size:16px;
	color:#666;
}
.header .nav .child .title {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.header .nav .child.on .title {
	color:#2b5e39; 
}

.header .nav .navChildSearch:hover{ border-top:none !important;}
.header .nav .last:hover{ border-top:none !important;}

.header .nav .child .childContent {
	display:none;
	position:absolute;
	top:80px;
	width:100%;
}
.header .nav .child .childContent .childContentLi {
	background:#fff; width: 160px; margin-left: -10px;
	color:#666;
	font-size:14px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #c6c5c4;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
}
.header .nav .child .childContent .childContentLi:hover {
	background:#32373b;
	color:#fff;
}

.header .list {
	position:relative;
	background:#363839;
	z-index:6;
}
.header .list .container {
	padding:50px 0;
	display:none;
}

.header .list .listMTitle {
	color:#fff;
	font-size:18px;
	line-height:24px;
	padding-bottom:24px;
}
.header .list .listTitle {
	position:relative;
	width:100%;
}
.header .list .listTitle:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.header .list .listTitle .title {
	border-bottom:1px solid #999999;
	line-height:36px;
	color:#B9B9B9;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
.header .list .listTitle .title a {
	color:#B9B9B9;
	font-size:14px;
}
.header .list .listTitle .title img {
	margin-right:12px;
}
.header .list .listTitle .title .pointer {
	cursor:pointer;
	position:absolute;
	right:0px;
	top:16px;
	width:11px;
	height:11px;
}
.header .list .listTitle .title .pointer .sub {
	position:absolute;
	left:0px;
	top:5px;
	width:11px;
	height:1px;
	background:#999;
}
.header .list .listTitle .title .pointer .sub.sub2 {
	transform:rotate(80deg);
	-moz-transform:rotate(80deg);
	-ms-transform:rotate(80deg);
	-o-transform:rotate(80deg);
	-webkit-transform:rotate(80deg);
}
.header .list .listTitle .title .pointer .sub.sub2 {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.header .list .listTitle .title .pointer.on .sub.sub2 {
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
.header .list .listTitle .listContent {
	display:none;
	width:94%;
	float:right;
}





/*animate*/

@keyframes rightOpacityShow {
0% {
transform: translateX(-80px);
opacity:0;
}
80% {
transform: translateX(20px);
}
100% {
transform:translateX(0);
opacity:1;
}
}
@-moz-keyframes rotateYOpacityAn {
0% {
-moz-transform: translateX(-80px);
opacity:0;
}
80% {
-moz-transform: translateX(20px);
}
100% {
-moz-transform:translateX(0);
opacity:1;
}
}
@-webkit-keyframes rotateYOpacityAn {
0% {
-webkit-transform: translateX(-80px);
opacity:0;
}
80% {
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform:translateX(0);
opacity:1;
}
}
@-o-keyframes rotateYOpacityAn {
0% {
-o-transform: translateX(-80px);
opacity:0;
}
80% {
-o-transform: translateX(20px);
}
100% {
-o-transform:translateX(0);
opacity:1;
}
}
