.site-content {
	background: #fff;
	font-family: "ËÎów";
	width: 1423px;
	margin: 0 auto;
}

.part1, .part2, .part3, .part4, .part5, .part6 {
	position: relative;
}

.part1 {
	background: url("../../imgs/aboutus/part1.png") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 349px;
}

.part2 {
	background: url("../../imgs/aboutus/part2.jpg") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 1240px;
}

.part2 .title {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 90px;
	background-color: #011651;
	position: relative;
	top: -45px;
	text-align: center;
	line-height: 90px;
}

.part2 .title span{
	font-size: 28px;
	color: white;
	position: relative;
	animation: showT 0.5s linear 0s 1 forwards, upT 0.5s linear 0s 1 forwards;
}

.part2 .title .t{
	font-size: 28px;
	color: white;
	position: relative;
	animation: showT 0.5s linear 0s 1 forwards, downT 0.5s linear 0s 1 forwards;
}

.part2 .content1 {
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 395px;
	background-color: #ffffff;
	opacity: 0.6;
	text-align: center;
}

.part2 .content1 p {
	font-size: 22px;
	font-weight: bold;
	color: #1b1b1b;
	line-height: 32px;
	letter-spacing:3px;
	vertical-align: middle;
	margin: 74px auto;
	position: relative;
	animation: showP 0.8s linear 0s 1 forwards, upP 0.8s linear 0s 1 forwards;
}

.part2 .content1 .p {
	font-size: 22px;
	font-weight: bold;
	color: #1b1b1b;
	line-height: 32px;
	letter-spacing:3px;
	vertical-align: middle;
	margin: 74px auto;
	position: relative;
	animation: showP 0.8s linear 0s 1 forwards, downP 0.8s linear 0s 1 forwards;
}

.part2 .content2 {
	position: relative;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 600px;
	background-color: #011651;
}

.part2 .content2 .videoBox{
	width:900px;
	height:506px;
	padding-top: 47px;
}

.part2 .content2 .videoBox,.part2 .content2 p{
	float: left;
}

#myVideo{
	box-shadow: 7px 9px 5px #888888;
}

.part2 .content2 p {
 	position: relative;
 	left: 70px;
 	top: 120px;
	font-size: 22px;
	color: #a4a4a4;
	line-height: 38px;
	letter-spacing:3px;
	width: 250px;
	animation: showP 0.8s linear 0s 1 forwards, rightP 1s linear 0s 1 forwards;
}

.part2 .tip1, .part2 .tip2, .part2 .tip3, .part2 .tip4, .part2 .tip5, .part2 .tip6{
	font-size: 40px;
	width: 40px;
	position: absolute;
}

.part2 .tip1{
	color: #011651;
	top: 485px;
	right: 80px;
}

.part2 .tip2{
	color: #011651;
	top: 535px;
	right: 80px;
}
.part2 .tip3{
	color: #011651;
	top: 585px;
	right: 80px;
}

.part2 .tip4{
	color: #676767;
	top: 635px;
	right: 80px;
}
.part2 .tip5{
	color: #676767;
	top: 685px;
	right: 80px;
}

.part2 .tip6{
	color: #676767;
	top: 735px;
	right: 80px;
}

.part3 {
	background: url("../../imgs/aboutus/part3.png") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 541px;
	text-align: center;
}

.part3 p {
	font-size: 22px;
	font-weight: bold;
	color: #011651;
	line-height: 32px;
	letter-spacing:3px;
	vertical-align: middle;
	margin: 200px auto;
	position: relative;
	animation: showP 0.8s linear 0s 1 forwards, upP2 0.8s linear 0s 1 forwards;
}

.part3 .p {
	font-size: 22px;
	font-weight: bold;
	color: #011651;
	line-height: 32px;
	letter-spacing:3px;
	vertical-align: middle;
	margin: 200px auto;
	position: relative;
	animation: showP 0.8s linear 0s 1 forwards, downP2 0.8s linear 0s 1 forwards;
}

.part4 {
	background: url("../../imgs/aboutus/part4.png") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 239px;
	text-align: center;
}

.part5 {
	background: url("../../imgs/aboutus/part5.png") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 582px;
}

.part5 .content {
	width: 900px;
	height: 482px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:50px;
}

.part5 img {
	width: 604px;
	height: 442px;
}

.part5 p {
	position: absolute;
 	left: 630px;
 	top: 20px;
 	font-weight: bold;
	font-size: 22px;
	color: #011651;
	line-height: 34px;
	letter-spacing:3px;
	width: 250px;
	animation: showP 1s linear 0s 1 forwards, zhuan 1s linear 0s 1 alternate;
}

.part6{
	background: url("../../imgs/aboutus/eps.png") no-repeat;
	margin-left: auto;
	margin-right: auto;
	width:224px;
	height:150px;
	margin-top: 80px;
    margin-bottom: 80px;
	animation: rotation 1.5s linear 0s infinite alternate;
}

.part5 .tip1, .part5 .tip2, .part5 .tip3, .part5 .tip4, .part5 .tip5, .part5 .tip6{
	font-size: 40px;
	width: 40px;
	position: absolute;
}

.part5 .tip1{
	color: #f3f4f8;
	bottom: 100px;
	left: 40px;
}

.part5 .tip2{
	color: #f3f4f8;
	bottom: 50px;
	left: 40px;
}
.part5 .tip3{
	color: #f3f4f8;
	bottom: 0px;
	left: 40px;
}

.part5 .tip4{
	color: #010f34;
	bottom: -55px;
	left: 40px;
}
.part5 .tip5{
	color: #010f34;
	bottom: -105px;
	left: 40px;
}

.part5 .tip6{
	color: #010f34;
	bottom: -155px;
	left: 40px;
}

@keyframes showT
{
0%   {opacity: 0;}
50%  {opacity: 0;}
100% {opacity: 1;}
}

@keyframes upT
{
0%   {top:60px;}
50%  {top:40px;}
100% {top:0px;}
}

@keyframes downT
{
0%   {top:-60px;}
50%  {top:-40px;}
100% {top:0px;}
}

@keyframes showP
{
0%   {opacity: 0;}
50%  {opacity: 0;}
100% {opacity: 1;}
}

@keyframes upP
{
0%   {top:100px;}
50%  {top:70px;}
100% {top:0px;}
}

@keyframes downP
{
0%   {top:-100px;}
50%  {top:-70px;}
100% {top:0px;}
}

@keyframes rightP
{
0%   {left: 500px;top: 120px;}
50%  {left: 250px;top: 120px;}
100% {left: 70px;top: 120px;}
}

@keyframes upP2
{
0%   {top:300px;}
50%  {top:180px;}
100% {top:0px;}
}

@keyframes downP2
{
0%   {top:-300px;}
50%  {top:-180px;}
100% {top:0px;}
}

@-webkit-keyframes zhuan{
0%   {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@-webkit-keyframes rotation{
0%   {transform: scaleX(1);}
50%  {transform: scaleX(0);}
100% {transform: scaleX(1);}
}