body{
    margin: 0;
    padding: 0;
    width: 640px;
	margin: auto;
}
.wrapper,.wrapper1{
	width:100%;
	position: relative;
}
.wrapper{
	overflow: hidden;
	width: 640px;
	margin: auto;
}
.first_bg,.second_bg{
	width: 100%;
	display: block;
}
.wrapper_box{
	width: 100%;
	position: absolute;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
}
.wrapper img{
	display: block;
}
.first_top_left{
	position: absolute;
	top: 75px;
    width: 189px;
    left: 50px;
	visibility: hidden;
	animation: slideInDown 0.3s ease-out 0.2s;
	z-index: 2;
}
.first_center_left{
	position: absolute;
	top: 75px;
    left: 278px;
    width: 309px;
	visibility: hidden;
	overflow: hidden;
	animation: toSmall 0.3s ease-out 0.6s;
}
.box{
	position: absolute;
	top: 160px;
	left: 130px;
	width: 395px;
	visibility: hidden;
	overflow: hidden;
	z-index: 2;
	animation: rightWidth 1s ease-out 1.4s;
}
.first_center_left_1{
	width: 395px;
}
.leftbull{
	position: absolute;
	left: 0;
	top: 506px;
	width: 238px;
	visibility: hidden;
	overflow: hidden;
	animation: slideInLeft 0.3s ease-out 0.7s;
}
.rightbull{
	position: absolute;
	right: 0;
	top: 504px;
	width: 239px;
	visibility: hidden;
	overflow: hidden;
	animation: slideInRight 0.3s ease-out 0.9s;
}
.first_left{
	animation: fadeIn 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.1s;
	position: absolute;
	visibility: hidden;
	left: 205px;
	top: 460px;
	width: 228px;
}
.sloganbox{
    position: absolute;
    width: 287px;
    top: 210px;
    left: 60px;
    visibility: hidden;
    animation: slideInDown 0.3s ease-out 0.5s;
    z-index: 2;
}
.sub_title{
	animation: fadeIn 0.3s ease-out 1.8s;
	position: absolute;
	visibility: hidden;
	left: 50px;
	top: 368px;
	width: 554px;
	z-index: 2;
	overflow: hidden;
}
.sub_title img{
	width: 411px;
}
.first_bg_right2{
	position: absolute;
	top: 847px;
	left: 107px;
	width: 460px;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: toSmall 0.3s ease-out 1.5s;
}
.first_bg_right2 img{
	width: 460px;
}
.sm{
	position: absolute;
	top: 9px;
	left: 40px;
	width: 356px;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: rightWidth 0.5s ease-out 1.8s;
}
.first_bg_right2 .sm img{
	width: 356px;
}
.zjl{
	position: absolute;
	top: 58px;
	left: 136px;
	width: 119px;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
	animation: rightWidth 0.5s ease-out 2.3s;
}
.first_bg_right2 .zjl img{
	width: 119px;
}
.bottom_bg{
	position: absolute;
	bottom: 50px;
	left: 70px;
	visibility: hidden;
	z-index: 1;
	animation: slideInRight 0.5s ease-out 1.4s;
}
.bottom_light {
    position: absolute;
    width: 464px;
    height: 53px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.bottom_light:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    left: -30px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    animation: slideInLeft2 1s ease-out 2.3s;
}
@keyframes slideInLeft
{
from {transform: scale(0.8) translateX(-250px); opacity: 0.5; visibility: hidden;}
to {transform: scale(1) translateX(0px); opacity: 1; visibility: visible;}
}
@keyframes slideInRight
{
from {transform: scale(0.8) translateX(250px); opacity: 0.5; visibility: hidden;}
to {transform: scale(1) translateX(0px); opacity: 1; visibility: visible;}
}
@keyframes fadeIn
{
from {opacity: 0; transform: scale(0.3); visibility: hidden;}
to {opacity: 1; transform: scale(1); visibility: visible;}
}
@keyframes toSmall
{
from {opacity: 0; transform: scale(1.3) translateX(10px); visibility: hidden;}
to {opacity: 1; transform: scale(1) translateX(0); visibility: visible;}
}
@keyframes slideInDown
{
from {opacity: 0; transform: scale(0.3) translateY(-150px); visibility: hidden;}
to {opacity: 1; transform: scale(1) translateY(0px); visibility: visible;}
}
@keyframes slideInLeft2
{
from {left:-30px; visibility: hidden;}
to {left: 150%; visibility: visible;}
}
@keyframes rotateIn
{
from {transform: translateX(150px);visibility: hidden;}
to {transform:translateX(0);visibility: visible;}
}
@keyframes rightWidth
{
from {width: 0px;visibility: hidden;}
to {width:100%;visibility: visible;}
}