#header{
	height: 900px;
	background: url("images/header/bg1.jpg") no-repeat center top;
	position: relative;
}

#header .abs{
	position: absolute;
	opacity: 0;
}

#header .bg2{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header/bg2.jpg") no-repeat center top;
}

#header .w1200{
	height: 900px;
	position: relative;
}

#header .cloud2{
	width: 1890px;
	height: 416px;
	left: -330px;
	top: 0px;
}

#header .cloud2 i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header/cloud2.png");
}

#header .building{
	bottom: 56px;
	height: 525px;
}

#header .building1{ background: url("images/header/building1.png"); left: -360px; width: 164px; }
#header .building2{ background: url("images/header/building2.png"); left: -196px; width: 133px; }
#header .building3{ background: url("images/header/building3.png"); left: -63px; width: 247px; }
#header .building4{ background: url("images/header/building4.png"); left: 184px; width: 139px; }
#header .building5{ background: url("images/header/building5.png"); left: 323px; width: 130px; }

#header .building6{ background: url("images/header/building6.png"); right: -360px; width: 216px; }
#header .building7{ background: url("images/header/building7.png"); right: -144px; width: 165px; }
#header .building8{ background: url("images/header/building8.png"); right: 21px; width: 184px; }
#header .building9{ background: url("images/header/building9.png"); right: 205px; width: 98px; }
#header .building10{ background: url("images/header/building10.png"); right: 302px; width: 121px; }

#header .grass1{
	width: 1120px;
	height: 250px;
	left: -360px;
	bottom: 0px;
	background: url("images/header/grass1.png");
}

#header .grass2{
	width: 801px;
	height: 340px;
	right: -360px;
	bottom: 0px;
	background: url("images/header/grass2.png");
}

#header .road{
	width: 1919px;
	height: 178px;
	left: -360px;
	top: 722px;
	background: url("images/header/road.png");
}

#header .train{
	width: 494px;
	height: 203px;
	left: 424px;
	bottom: 103px;
	background: url("images/header/train.png");
}

#header .cloud{
	width: 1920px;
	height: 191px;
	left: -360px;
	bottom: 0px;
}

#header .cloud i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header/cloud.png");
}

#header .name1{
	width: 392px;
	height: 41px;
	left: 400px;
	top: 85px;
	background: url("images/header/name1.png");
}

#header .name2{
	width: 755px;
	height: 374px;
	left: 224px;
	top: 154px;
	overflow: hidden;
}

#header .name2 i{
	position: absolute;
	width: 755px;
	height: 374px;
	left: 0px;
	top: 0px;
	background: url("images/header/name2.png");
}

#header .name3{
	width: 699px;
	height: 46px;
	left: 239px;
	top: 465px;
	background: url("images/header/name3.png");
}

@-ms-keyframes bg2{
	from{ }
	to{ opacity:1; }
}
@-moz-keyframes bg2{
	from{ }
	to{ opacity:1; }
}
@-o-keyframes bg2{
	from{ }
	to{ opacity:1; }
}
@-webkit-keyframes bg2{
	from{ }
	to{ opacity:1; }
}
@keyframes bg2{
	from{ }
	to{ opacity:1; }
}

#header .bg2{
	animation:'bg2' 1s linear 0.2s forwards;
	-ms-animation:bg2 1s linear 0.2s forwards;
	-moz-animation:bg2 1s linear 0.2s forwards;
	-o-animation:'bg2' 1s linear 0.2s forwards;
	-webkit-animation:'bg2' 1s linear 0.2s forwards;
}

@-ms-keyframes cloud2{
	from{ top: -50px; transform: scale(0.9,0.9); }
	to{ opacity:1; }
}
@-moz-keyframes cloud2{
	from{ top: -50px; transform: scale(0.9,0.9); }
	to{ opacity:1; }
}
@-o-keyframes cloud2{
	from{ top: -50px; transform: scale(0.9,0.9); }
	to{ opacity:1; }
}
@-webkit-keyframes cloud2{
	from{ top: -50px; transform: scale(0.9,0.9); }
	to{ opacity:1; }
}
@keyframes cloud2{
	from{ top: -50px; transform: scale(0.9,0.9); }
	to{ opacity:1; }
}

#header .cloud2{
	animation:'cloud2' 1s ease-in-out 0.2s forwards;
	-ms-animation:cloud2 1s ease-in-out 0.2s forwards;
	-moz-animation:cloud2 1s ease-in-out 0.2s forwards;
	-o-animation:'cloud2' 1s ease-in-out 0.2s forwards;
	-webkit-animation:'cloud2' 1s ease-in-out 0.2s forwards;
}

@-ms-keyframes cloud2-move{
	from{  }
	50%{ left: 10px; }
	to{ }
}
@-moz-keyframes cloud2-move{
	from{  }
	50%{ left: 10px; }
	to{ }
}
@-o-keyframes cloud2-move{
	from{  }
	50%{ left: 10px; }
	to{ }
}
@-webkit-keyframes cloud2-move{
	from{  }
	50%{ left: 10px; }
	to{ }
}
@keyframes cloud2-move{
	from{  }
	50%{ left: 10px; }
	to{ }
}

#header .cloud2 i{
	animation:'cloud2-move' 4s linear 0s infinite;
	-ms-animation:cloud2-move 4s linear 0s infinite;
	-moz-animation:cloud2-move 4s linear 0s infinite;
	-o-animation:'cloud2-move' 4s linear 0s infinite;
	-webkit-animation:'cloud2-move' 4s linear 0s infinite;
}

@-ms-keyframes cloud{
	from{ bottom: -120px; }
	to{ opacity:1; }
}
@-moz-keyframes cloud{
	from{ bottom: -120px; }
	to{ opacity:1; }
}
@-o-keyframes cloud2{
	from{ bottom: -120px; }
	to{ opacity:1; }
}
@-webkit-keyframes cloud{
	from{ bottom: -120px; }
	to{ opacity:1; }
}
@keyframes cloud{
	from{ bottom: -120px; }
	to{ opacity:1; }
}

#header .cloud{
	animation:'cloud' 1s ease-in-out 0.2s forwards;
	-ms-animation:cloud 1s ease-in-out 0.2s forwards;
	-moz-animation:cloud 1s ease-in-out 0.2s forwards;
	-o-animation:'cloud' 1s ease-in-out 0.2s forwards;
	-webkit-animation:'cloud' 1s ease-in-out 0.2s forwards;
}

@-ms-keyframes cloud-move{
	from{  }
	50%{ top: 10px; }
	to{ }
}
@-moz-keyframes cloud-move{
	from{  }
	50%{ top: 10px; }
	to{ }
}
@-o-keyframes cloud-move{
	from{  }
	50%{ top: 10px; }
	to{ }
}
@-webkit-keyframes cloud-move{
	from{  }
	50%{ top: 10px; }
	to{ }
}
@keyframes cloud-move{
	from{  }
	50%{ top: 10px; }
	to{ }
}

#header .cloud i{
	animation:'cloud-move' 4s linear 0s infinite;
	-ms-animation:cloud-move 4s linear 0s infinite;
	-moz-animation:cloud-move 4s linear 0s infinite;
	-o-animation:'cloud-move' 4s linear 0s infinite;
	-webkit-animation:'cloud-move' 4s linear 0s infinite;
}

@-ms-keyframes road{
	from{ height: 0px; }
	to{ opacity:1; }
}
@-moz-keyframes road{
	from{ height: 0px; }
	to{ opacity:1; }
}
@-o-keyframes road{
	from{ height: 0px; }
	to{ opacity:1; }
}
@-webkit-keyframes road{
	from{ height: 0px; }
	to{ opacity:1; }
}
@keyframes road{
	from{ height: 0px; }
	to{ opacity:1; }
}

#header .road{
	animation:'road' 0.8s ease-in-out 0.9s forwards;
	-ms-animation:road 0.8s ease-in-out 0.9s forwards;
	-moz-animation:road 0.8s ease-in-out 0.9s forwards;
	-o-animation:'road' 0.8s ease-in-out 0.9s forwards;
	-webkit-animation:'road' 0.8s ease-in-out 0.9s forwards;
}

@-ms-keyframes grass{
	from{ bottom: -50px; }
	to{ opacity:1; }
}
@-moz-keyframes grass{
	from{ bottom: -50px; }
	to{ opacity:1; }
}
@-o-keyframes grass{
	from{ bottom: -50px; }
	to{ opacity:1; }
}
@-webkit-keyframes grass{
	from{ bottom: -50px; }
	to{ opacity:1; }
}
@keyframes grass{
	from{ bottom: -50px; }
	to{ opacity:1; }
}

#header .grass1,#header .grass2{
	animation:'grass' 0.6s ease-in-out 1.5s forwards;
	-ms-animation:grass 0.6s ease-in-out 1.5s forwards;
	-moz-animation:grass 0.6s ease-in-out 1.5s forwards;
	-o-animation:'grass' 0.6s ease-in-out 1.5s forwards;
	-webkit-animation:'grass' 0.6s ease-in-out 1.5s forwards;
}

@-ms-keyframes building{
	from{ bottom: 0px; }
	to{ opacity:1; }
}
@-moz-keyframes building{
	from{ bottom: 0px; }
	to{ opacity:1; }
}
@-o-keyframes building{
	from{ bottom: 0px; }
	to{ opacity:1; }
}
@-webkit-keyframes building{
	from{ bottom: 0px; }
	to{ opacity:1; }
}
@keyframes building{
	from{ bottom: 0px; }
	to{ opacity:1; }
}

#header .building1,#header .building6{
	animation:'building' 0.6s ease-in-out 1.9s forwards;
	-ms-animation:building 0.6s ease-in-out 1.9s forwards;
	-moz-animation:building 0.6s ease-in-out 1.9s forwards;
	-o-animation:'building' 0.6s ease-in-out 1.9s forwards;
	-webkit-animation:'building' 0.6s ease-in-out 1.9s forwards;
}

#header .building2,#header .building7{
	animation:'building' 0.6s ease-in-out 2.1s forwards;
	-ms-animation:building 0.6s ease-in-out 2.1s forwards;
	-moz-animation:building 0.6s ease-in-out 2.1s forwards;
	-o-animation:'building' 0.6s ease-in-out 2.1s forwards;
	-webkit-animation:'building' 0.6s ease-in-out 2.1s forwards;
}

#header .building3,#header .building8{
	animation:'building' 0.6s ease-in-out 2.3s forwards;
	-ms-animation:building 0.6s ease-in-out 2.3s forwards;
	-moz-animation:building 0.6s ease-in-out 2.3s forwards;
	-o-animation:'building' 0.6s ease-in-out 2.3s forwards;
	-webkit-animation:'building' 0.6s ease-in-out 2.3s forwards;
}

#header .building4,#header .building9{
	animation:'building' 0.6s ease-in-out 2.5s forwards;
	-ms-animation:building 0.6s ease-in-out 2.5s forwards;
	-moz-animation:building 0.6s ease-in-out 2.5s forwards;
	-o-animation:'building' 0.6s ease-in-out 2.5s forwards;
	-webkit-animation:'building' 0.6s ease-in-out 2.5s forwards;
}

#header .building5,#header .building10{
	animation:'building' 0.6s ease-in-out 2.7s forwards;
	-ms-animation:building 0.6s ease-in-out 2.7s forwards;
	-moz-animation:building 0.6s ease-in-out 2.7s forwards;
	-o-animation:'building' 0.6s ease-in-out 2.7s forwards;
	-webkit-animation:'building' 0.6s ease-in-out 2.7s forwards;
}

@-ms-keyframes train{
	from{ transform: scale(0.5,0.5); left: 300px; }
	to{ opacity:1; }
}
@-moz-keyframes train{
	from{ transform: scale(0.5,0.5); left: 300px; }
	to{ opacity:1; }
}
@-o-keyframes train{
	from{ transform: scale(0.5,0.5); left: 300px; }
	to{ opacity:1; }
}
@-webkit-keyframes train{
	from{ transform: scale(0.5,0.5); left: 300px; }
	to{ opacity:1; }
}
@keyframes train{
	from{ transform: scale(0.5,0.5); left: 300px; }
	to{ opacity:1; }
}

#header .train{
	animation:'train' 0.6s ease-in-out 3.0s forwards;
	-ms-animation:train 0.6s ease-in-out 3.0s forwards;
	-moz-animation:train 0.6s ease-in-out 3.0s forwards;
	-o-animation:'train' 0.6s ease-in-out 3.0s forwards;
	-webkit-animation:'train' 0.6s ease-in-out 3.0s forwards;
}

@-ms-keyframes name1{
	from{ top: 35px; }
	to{ opacity:1; }
}
@-moz-keyframes name1{
	from{ top: 35px; }
	to{ opacity:1; }
}
@-o-keyframes name1{
	from{ top: 35px; }
	to{ opacity:1; }
}
@-webkit-keyframes name1{
	from{ top: 35px; }
	to{ opacity:1; }
}
@keyframes name1{
	from{ top: 35px; }
	to{ opacity:1; }
}

#header .name1{
	animation:'name1' 0.6s ease-in-out 3.4s forwards;
	-ms-animation:name1 0.6s ease-in-out 3.4s forwards;
	-moz-animation:name1 0.6s ease-in-out 3.4s forwards;
	-o-animation:'name1' 0.6s ease-in-out 3.4s forwards;
	-webkit-animation:'name1' 0.6s ease-in-out 3.4s forwards;
}

@-ms-keyframes name2{
	from{ width: 0px; height: 0px; border-radius: 0px 0px 50% 0px; }
	to{ opacity:1; }
}
@-moz-keyframes name2{
	from{ width: 0px; height: 0px; border-radius: 0px 0px 50% 0px; }
	to{ opacity:1; }
}
@-o-keyframes name2{
	from{ width: 0px; height: 0px; border-radius: 0px 0px 50% 0px; }
	to{ opacity:1; }
}
@-webkit-keyframes name2{
	from{ width: 0px; height: 0px; border-radius: 0px 0px 50% 0px; }
	to{ opacity:1; }
}
@keyframes name2{
	from{ width: 0px; height: 0px; border-radius: 0px 0px 50% 0px; }
	to{ opacity:1; }
}

#header .name2{
	animation:'name2' 0.6s linear 3.8s forwards;
	-ms-animation:name2 0.6s linear 3.8s forwards;
	-moz-animation:name2 0.6s linear 3.8s forwards;
	-o-animation:'name2' 0.6s linear 3.8s forwards;
	-webkit-animation:'name2' 0.6s linear 3.8s forwards;
}

@-ms-keyframes name3{
	from{ top: 485px; }
	to{ opacity:1; }
}
@-moz-keyframes name3{
	from{ top: 485px; }
	to{ opacity:1; }
}
@-o-keyframes name3{
	from{ top: 485px; }
	to{ opacity:1; }
}
@-webkit-keyframes name3{
	from{ top: 485px; }
	to{ opacity:1; }
}
@keyframes name3{
	from{ top: 485px; }
	to{ opacity:1; }
}

#header .name3{
	animation:'name3' 0.6s ease-in-out 4.2s forwards;
	-ms-animation:name3 0.6s ease-in-out 4.2s forwards;
	-moz-animation:name3 0.6s ease-in-out 4.2s forwards;
	-o-animation:'name3' 0.6s ease-in-out 4.2s forwards;
	-webkit-animation:'name3' 0.6s ease-in-out 4.2s forwards;
}