@charset "utf-8";
body {
	font: 12px "Microsoft Yahei", "楷体", "sans-serif"; margin: 0px auto; vertical-align: baseline; -ms-overflow-y: scroll; font-size-adjust: none; font-stretch: normal;
}
body {
	min-width: 950px; max-width: 1050px;
}
a {
	text-decoration: none;
}

a:link {
	color: inherit;
}

ol {
	list-style: none;
}
ul {
	list-style: none;
}


.g-wrap {
	margin: 0px auto; width: 1000px; height: 100%; overflow: hidden; position: relative;
}
#header {
	height: 79px; position: relative; z-index: 5; background-color: rgb(255, 255, 255);
}

#nav {
	top: 0px; height: 100%; right: 86px; overflow: hidden; position: absolute; z-index: 4; background-color: rgb(255, 255, 255);
}
#nav li {
	transition:background-color 700ms; height: 100%; float: left; -webkit-transition: background-color 700ms;
}
#nav .n1 {
	width: 58px;
}
#nav .n2 {
	width: 83px;
}
#nav .n3 {
	width: 83px;
}
#nav .n4 {
	width: 96px;
}
#nav .n5 {
	width: 83px;
}
#nav .n6 {
	width: 83px;
}
#nav .n7 {
	width: 83px;
}
#nav .n8 {
	width: 83px;
}

#nav li a {
	transition:color 200ms; width: 100%; height: 100%; text-align: center; color: rgb(102, 102, 102); line-height: 79px; font-size: 13px; font-weight: bold; display: block; position: relative; z-index: 2; -webkit-transition: color 200ms;
}
#nav li a.on {
	color: rgb(255, 255, 255);
}
#nav li a span {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
#nav li a .bkg {
	transition:top 200ms; top: 100%; z-index: 1; background-color: rgb(218, 37, 28); -webkit-transition: top 200ms;
}
#nav li a.on .bkg {
	top: 0px;
}
#nav li a:hover .bkg {
	top: 0px;
}

#content { position: relative;
}
#subNav {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 61px;
	overflow: hidden;
	position: absolute;
	z-index: 4;
}
#subNav .g-wrap {
	overflow: visible;
}
#subNav .g-wrap .item {
	transition:top 300ms; top: -100%; width: 100%; height: 100%; overflow: hidden; position: absolute; background-color: rgb(76, 74, 79); -webkit-transition: top 300ms;
}
#subNav .g-wrap .about {
	padding: 0px 67px; left: 320px;
}
#subNav .g-wrap .news {
	padding: 0px 67px; left: 403px;
}
#subNav .g-wrap .relation {
	padding: 0px 80px; left: 486px;
}
#subNav .g-wrap .zhaoshang {
	padding: 0px 80px; left: 665px;
}

#subNav .g-wrap .lianxi {
	padding: 0px 80px; left: 760px;
}
#subNav .g-wrap .wenhua {
	padding: 0px 80px; left: 665px;
}

#subNav .g-wrap .service {
	padding: 0px 67px; left: 582px;
}
#subNav .g-wrap .search {
	border: 8px solid rgb(76, 74, 79); border-image: none; width: auto; height: 44px; right: 0px;
}
#subNav .g-wrap .search input {
	padding: 0px 20px; width: 200px; height: 44px; line-height: 44px;
}
#subNav .g-wrap .langs {
	padding: 0px 15px; width: auto; right: 0px;
}
#subNav .g-wrap .on {
	top: 0px;
}
#subNav .g-wrap .item a {
	padding: 0px 16px; transition:color 300ms; color: rgb(210, 206, 213); line-height: 61px; font-size: 13px; font-weight: bold; float: left; -webkit-transition: color 300ms;
}
#subNav .g-wrap .item a:hover {
	color: rgb(246, 59, 46);
}



#banner {
	width: 100%; height: 5px; overflow: hidden; position: relative; z-index: 2;
}

#banner .btns a {
	transition:left 400ms, right 400ms; top: 50%; width: 50px; height: 50px; margin-top: -25px; position: absolute; z-index: 4; -webkit-transition: left 400ms, right 400ms; -moz-transition: left 400ms, right 400ms; -o-transition: left 400ms, right 400ms;
}
#banner .btns .prev {
	left: -50px;
}
#banner .btns .next {
	right: -50px;
}
#banner .btns .on.prev {
	left: 120px;
}
#banner .btns .on.next {
	right: 120px;
}
#banner .btns a span {
	transition:opacity 300ms; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer; -webkit-transition: -webkit-opacity 300ms; -moz-transition: -moz-opacity 300ms; -o-transition: -o-opacity 300ms;
}
#banner .btns a span.off {
	opacity: 1; -webkit-opacity: 1;
}
#banner .btns a span.on {
	opacity: 0; -webkit-opacity: 0;
}