body{
	margin: 0px;
	padding: 0px;
	font-family: Microsoft YaHei;
	color: #333;
}
.banner{
	width: 100%;
	min-width: 1090px;
	height: 450px;
	background-position: center center;
	background-repeat: no-repeat;
}
.minbox{ width: 1090px; margin: 0 auto; }
.relatedP { position: relative; }
.top52 { top: -52px; }
.mainnerTitle {
	margin: 0 auto;
	width: 880px;
	text-align: center;
	line-height: 52px;
	font-size: 18px;
	color: white;
}
.mainnerTitle li {
	float: left;
	width: 220px;
	height: 52px;
	background: #325c80;
	list-style: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.mainnerTitle li.active{
	background: #fff;
	color: #333333;
}
.node{
	width: 100%;
	height: 518px;
	background: #ffffff;
}
.node:nth-child(2n){
	background: #f5f5f5; 
}
.node .func{
	width: 1090px;
	margin: 0 auto;
}
.node div.left,.node div.right{
	height: 518px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.node div.left{
	text-align: left;
	width: 390px;
}
.node div.right{
	text-align: right;
	width: 700px;
}
.node .innerFunc h2{
	position: relative;
	font-weight: 400;
	font-size: 32px;
	line-height: 82px;
	padding: 0px;
	margin: 0px;
}
.node .innerFunc p{
	position: relative;
	line-height: 28px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.node:nth-child(2n) div.left{
	width: 790px;
}
.node:nth-child(2n) div.right{
	width: 300px;
}
.node:nth-child(2n) div.right .innerFunc{
	display: inline-block;
	text-align: left;
}
.slideLeft{
	animation-name: slide-right;
	-moz-animation-name: slide-right;
	-webkit-animation-name: slide-rigth;
	-o-animation-name: slide-right;
}
.slideRight{
	animation-name: slide-right;
	-moz-animation-name: slide-right;
	-webkit-animation-name: slide-rigth;
	-o-animation-name: slide-right;
}
.animation{
	animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-oz-animation-timing-function: linear;
	animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
}

#contentList li.active{
	display: block;
}
#contentList li{
	display: none;
}


@keyframes slide-right{
	0%{
		opacity: 0;
		left: -390px;
	}
	80%{
		opacity: 0.5;
		left: -190px;
	}
	100%{
		opacity: 1;
		left: 0;
	}
}
@keyframes slide-left{
	0%{
		opacity: 0;
		right: -700px;
	}80%{
		opacity: 0.5;
		right: -350px;
	}100%{
		opacity: 1;
		right: 0px;
	}
}
img{
	max-width:100%;
	max-height:100%;
}