*{
    padding:0;
    margin:0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}
body,html{
    height:100%;
    width:100%;
}

.header {
    z-index: 1;
    position: relative;
    height: 100%;
    display:block;
}
.topMenu{
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    padding-top: 0;
    -ms-box-shadow: -2px 1px 10px rgba(0,0,0,.1);
    -o-box-shadow: -2px 1px 10px rgba(0,0,0,.1);
    box-shadow: -2px 1px 10px rgba(0,0,0,.1);
    -webkit-transition: padding-top .5s;
    transition: padding-top .5s;
    background:#202124;
}
.topMenucontent{
    width:1200px;
    margin:0 auto;
    height:66px;
    line-height:66px;
    color:#ffffff;
}

.topBanner{
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    /*background:url(../image/banner.jpg) no-repeat 50% 0;*/
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    background-size:cover;
}
.enTopBanner{
    background:url(../image/banner.jpg) no-repeat 50% 0;
    animation: 2s scaleIn cubic-bezier(.215,.61,.355,1) 1;
    background-size:cover;
}
.topBanner_streng{
    background:url(../image/banner.jpg) no-repeat 50% 0;
}
.topBanner_idata{
	background: url(../image/idataBg2.jpg) no-repeat 50% 0;
}
.topBanner_sixyear{
    background:  url(../image/sixyearBg3.jpg) no-repeat center 0;
}
.topBanner_garntner{
    background:  url(../image/garntnerBg4.png) no-repeat 50% 0;
}
.topContainers{
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
@-webkit-keyframes scaleIn{
    0%{
        transform:scale(1.1) translate3d(0,0,0);
        -webkit-transform:scale(1.1) translate3d(0,0,0);
        -moz-transform:scale(1.1) translate3d(0,0,0);
        -ms-transform:scale(1.1) translate3d(0,0,0);
        -o-transform:scale(1.1) translate3d(0,0,0);
    }
    to{
        transform:scale(1) translate3d(0,0,0);
        -webkit-transform:scale(1) translate3d(0,0,0);
        -moz-transform:scale(1) translate3d(0,0,0);
        -ms-transform:scale(1) translate3d(0,0,0);
        -o-transform:scale(1) translate3d(0,0,0);
    }
}
@keyframes scaleIn{
    0%{
        transform:scale(1.1) translate3d(0,0,0);
    -webkit-transform:scale(1.1) translate3d(0,0,0);
        -moz-transform:scale(1.1) translate3d(0,0,0);
        -ms-transform:scale(1.1) translate3d(0,0,0);
        -o-transform:scale(1.1) translate3d(0,0,0);
    }
    to{
        transform:scale(1) translate3d(0,0,0);
        -webkit-transform:scale(1) translate3d(0,0,0);
        -moz-transform:scale(1) translate3d(0,0,0);
        -ms-transform:scale(1) translate3d(0,0,0);
        -o-transform:scale(1) translate3d(0,0,0);
    }
}
.topB_d{
    height: 100%;
    position:relative;
    width: 1200px;
    margin: 0 auto;
}
.topB_d>div.top_right_bgd{
    position: absolute;
    min-width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
    top:21%;
}
.topcanvas{
    display:block;
    position:absolute;
    right:-9%;
    top: 21%;
    width:750px;
    height:600px;
    z-index:100;
}
.topcanvas canvas{
    position: absolute;
    margin: 0 auto;
    bottom: 190px;
    left: 50%;
    margin-left: -83px;
}
.bannerImage{
    width:100%;
    height:100%;
    position:absolute;
    z-index:101;
    bottom:68px;
    left:0;
    opacity:0;
    -webkit-animation: bannerImage 1.8s cubic-bezier(.4,0,.2,1)  100ms 1 alternate forwards;
    animation: bannerImage 1.8s cubic-bezier(.4,0,.2,1)  100ms 1 alternate forwards;
}

@-webkit-keyframes bannerImage{
    0%{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0.2;

    }
    100%{
        -webkit-transform:translate3d(0,-60px,0);
        -moz-transform:translate3d(0,-60px,0);
        -ms-transform:translate3d(0,-60px,0);
        -o-transform:translate3d(0,-60px,0);
        transform:translate3d(0,-60px,0);
        opacity:1.0;
    }
}
@keyframes bannerImage{
    0%{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0.2;

    }
    100%{
        -webkit-transform:translate3d(0,-60px,0);
        -moz-transform:translate3d(0,-60px,0);
        -ms-transform:translate3d(0,-60px,0);
        -o-transform:translate3d(0,-60px,0);
        transform:translate3d(0,-60px,0);
        opacity:1.0;
    }
}
.bannerImage>div{
    height:93px;
    width:100%;
    position:absolute;
}

.bannerImage .bannerRadius1{
    background:url(../image/botRadius1.png) no-repeat center center;
    bottom:-20px;
    left:0;
    z-index:102;
    -webkit-animation: 7.5s bannerRadius1 infinite;
    animation: 7.5s bannerRadius1 infinite;
}
@-webkit-keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius1{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.bannerImage .bannerRadius2{
    background:url(../image/botRadius5.png) no-repeat center center;
    bottom:8px;
    left:0;
    z-index:103;
    -webkit-animation:7.5s bannerRadius2 infinite;
    animation: 7.5s bannerRadius2 infinite;
}
@-webkit-keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius2{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.bannerImage .bannerRadius3{
    background:url(../image/botRadius2.png) no-repeat -244px center;
    bottom:26px;
    left:0;
    z-index:104;
    -webkit-animation: 7.5s bannerRadius3 infinite;
    animation: 7.5s bannerRadius3 infinite;
}
@-webkit-keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius3{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-10px,0px);
        -moz-transform: translate3d(0px,-10px,0px);
        -ms-transform:translate3d(0px,-10px,0px);
        -o-transform: translate3d(0px,-10px,0px);
        transform:translate3d(0px,-10px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.bannerImage .bannerRadius4{
    background:url(../image/botRadius3.png) no-repeat center center;
    bottom:45px;
    left:0;
    z-index:105;
    -webkit-animation: 7.5s bannerRadius4 infinite;
    animation: 7.5s bannerRadius4 infinite;
}
@-webkit-keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-12px,0px);
        -moz-transform: translate3d(0px,-12px,0px);
        -ms-transform:translate3d(0px,-12px,0px);
        -o-transform:translate3d(0px,-12px,0px);
        transform:translate3d(0px,-12px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius4{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-12px,0px);
        -moz-transform: translate3d(0px,-12px,0px);
        -ms-transform:translate3d(0px,-12px,0px);
        -o-transform:translate3d(0px,-12px,0px);
        transform:translate3d(0px,-12px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
.bannerImage .bannerRadius5{
    background:url(../image/botRadius4.png) no-repeat center center;
    bottom:56px;
    left:0;
    z-index:106;
    -webkit-animation: 7.5s bannerRadius5 infinite;
    animation: 7.5s bannerRadius5 infinite;
}
@-webkit-keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRadius5{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-6px,0px);
        -moz-transform: translate3d(0px,-6px,0px);
        -ms-transform:translate3d(0px,-6px,0px);
        -o-transform:translate3d(0px,-6px,0px);
        transform:translate3d(0px,-6px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}

.bannerImage .bannerShadow {
    width: 176px;
    height:277px;
    bottom:5px;
    left:50%;
    margin-left:-88px;
    background:url(../image/bannerShadow.png) no-repeat center center;
    z-index:110;
    -webkit-animation: 7.5s bannerRadius5 infinite;
    animation: 7.5s bannerRadius5 infinite;
}
.bannerImage .bannerLogo{
    width:230px;
    height:266px;
    top:180px;
    left:50%;
    margin-left:-115px;
    z-index:107;
    opacity:1.0;
    background:url(../image/dun.png) no-repeat center center;
    -webkit-animation: 7.5s wheel_rotate infinite;
    animation: 7.5s wheel_rotate infinite;
}
@-webkit-keyframes bannerLeftTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform:translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-25px,0px);
        -moz-transform:translate3d(0px,-25px,0px);
        -ms-transform:translate3d(0px,-25px,0px);
        -o-transform:translate3d(0px,-25px,0px);
        transform:translate3d(0px,-25px,0px);
    }
    100%{
        -webkit-transform:translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }
}
@keyframes bannerLeftTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform:translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-25px,0px);
        -moz-transform:translate3d(0px,-25px,0px);
        -ms-transform:translate3d(0px,-25px,0px);
        -o-transform:translate3d(0px,-25px,0px);
        transform:translate3d(0px,-25px,0px);
    }
    100%{
        -webkit-transform:translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }
}





@keyframes wheel_rotate{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-50px);
        -moz-transform:  translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes wheel_rotate{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }

    50%{
        -webkit-transform:  translateY(-50px);
        -moz-transform:  translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%{
        -webkit-transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:  translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.bannerImage .bannerRotate1{
    width:458px;
    height:188px;
    bottom:238px;
    left:50%;
    margin-left:-229px;
    background:url(../image/dunRadius1.png) no-repeat center center;
    z-index:109;
    opacity:1.0;
    -webkit-animation: 7.5s wheel_rotate1 infinite;
    animation: 7.5s wheel_rotate1 infinite;
}
.bannerImage .bannerRotate2{
    width:458px;
    height:188px;
    bottom:238px;
    left:50%;
    margin-left:-229px;
    background:url(../image/dunRadius2.png) no-repeat center center;
    z-index:108;
    opacity:1.0;
    -webkit-animation: 7.5s wheel_rotate2 infinite;
    animation: 7.5s wheel_rotate2 infinite;
}
@-webkit-keyframes wheel_rotate1{
    0%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
    50%{
        -webkit-transform: rotate(-20deg) translateY(0px);
        -moz-transform: rotate(-20deg) translateY(0px);
        -ms-transform: rotate(-20deg) translateY(0px);
        -o-transform: rotate(-20deg) translateY(0px);
        transform: rotate(-20deg) translateY(0px);
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
}
@keyframes wheel_rotate1{
    0%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
    50%{
        -webkit-transform: rotate(-20deg) translateY(0px);
        -moz-transform: rotate(-20deg) translateY(0px);
        -ms-transform: rotate(-20deg) translateY(0px);
        -o-transform: rotate(-20deg) translateY(0px);
        transform: rotate(-20deg) translateY(0px);
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
}
@-webkit-keyframes wheel_rotate2{
    0%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
    50%{
        -webkit-transform: rotate(20deg) translateY(0px);
        -moz-transform: rotate(20deg) translateY(0px);
        -ms-transform: rotate(20deg) translateY(0px);
        -o-transform: rotate(20deg) translateY(0px);
        transform: rotate(20deg) translateY(0px);
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
}
@keyframes wheel_rotate2{
    0%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
    50%{
        -webkit-transform: rotate(20deg) translateY(0px);
        -moz-transform: rotate(20deg) translateY(0px);
        -ms-transform: rotate(20deg) translateY(0px);
        -o-transform: rotate(20deg) translateY(0px);
        transform: rotate(20deg) translateY(0px);
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(40px);
        -moz-transform: rotate(0deg) translateY(40px);
        -ms-transform: rotate(0deg) translateY(40px);
        -o-transform: rotate(0deg) translateY(40px);
        transform: rotate(0deg) translateY(40px);
    }
}


.bannerImage .bannerLeftTop{
    width:92px;
    height:92px;
    left:45px;
    top:160px;
    opacity: 1.0;
    background:url(../image/leftTop.png) no-repeat center center;
    z-index:112;
    -webkit-animation: 4.5s bannerLeftTop infinite;
    animation: 4.5s bannerLeftTop infinite;
}
@-webkit-keyframes bannerLeftTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-25px,0px);
        -moz-transform:translate3d(0px,-25px,0px);
        -ms-transform:translate3d(0px,-25px,0px);
        -o-transform:translate3d(0px,-25px,0px);
        transform:translate3d(0px,-25px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerLeftTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-25px,0px);
        -moz-transform:translate3d(0px,-25px,0px);
        -ms-transform:translate3d(0px,-25px,0px);
        -o-transform:translate3d(0px,-25px,0px);
        transform:translate3d(0px,-25px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}

.bannerImage  .bannerRightTop{
    width:99px;
    height:98px;
    right:99px;
    top:175px;
    opacity:1.0;
    background:url(../image/rightTop.png) no-repeat center center;
    z-index:112;
    -webkit-animation: 5.5s bannerRightTop infinite;
    animation: 5.5s bannerRightTop infinite;
}
@-webkit-keyframes bannerRightTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-28px,0px);
        -moz-transform:translate3d(0px,-28px,0px);
        -ms-transform:translate3d(0px,-28px,0px);
        -o-transform:translate3d(0px,-28px,0px);
        transform:translate3d(0px,-28px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRightTop{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-28px,0px);
        -moz-transform:translate3d(0px,-28px,0px);
        -ms-transform:translate3d(0px,-28px,0px);
        -o-transform:translate3d(0px,-28px,0px);
        transform:translate3d(0px,-28px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}


.bannerImage  .bannerLeftBottom{
    width:78px;
    height:79px;
    left:90px;
    bottom:80px;
    background:url(../image/leftBottom.png) no-repeat center center;
    z-index:112;
    opacity:1.0;
    -webkit-animation: 4.0s bannerLeftBottom infinite;
    animation: 4.0s bannerLeftBottom infinite;
}
@-webkit-keyframes bannerLeftBottom{
    0%{
        webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    50%{
        webkit-transform: translate3d(0,-40px,0);
        -moz-transform: translate3d(0,-40px,0);
        -ms-transform: translate3d(0,-40px,0);
        -o-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0);
    }
    100%{
        -webkit-transform:translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform: translateY(0px);
        transform:translateY(0px);
    }
}
@keyframes bannerLeftBottom{
    0%{
        webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    50%{
        webkit-transform: translate3d(0,-40px,0);
        -moz-transform: translate3d(0,-40px,0);
        -ms-transform: translate3d(0,-40px,0);
        -o-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0);
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform:  translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform:  translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bannerImage  .bannerRightBottom{
    width:71px;
    height:72px;
    right:180px;
    top:450px;
    background:url(../image/rightBottom.png) no-repeat center center;
    z-index:112;
    opacity:1.0;
    -webkit-animation: 5.8s bannerRightBottom infinite;
    animation: 5.8s bannerRightBottom infinite;
}
@-webkit-keyframes bannerRightBottom{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}
@keyframes bannerRightBottom{
    0%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
    50%{
        -webkit-transform:translate3d(0px,-32px,0px);
        -moz-transform:translate3d(0px,-32px,0px);
        -ms-transform:translate3d(0px,-32px,0px);
        -o-transform:translate3d(0px,-32px,0px);
        transform:translate3d(0px,-32px,0px);
    }
    100%{
        -webkit-transform:translate3d(0px,0px,0px);
        -moz-transform: translate3d(0px,0px,0px);
        -ms-transform:translate3d(0px,0px,0px);
        -o-transform: translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
    }
}