@charset "utf-8";

/*/动画/*/
.wxBanner .wxbigtext,.wxBanner .sybigtext,.wxBanner .o2obigtext,.wxBanner .cmsbigtext{-webkit-animation:zoomInDown 1.5s 0s ease both;-moz-animation:zoomInDown 1.5s 0s ease both;animation:zoomInDown 1.5s 0s ease both;}
.wxBanner .wxsmalltext,.wxBanner .sysmalltext,.wxBanner .o2osmalltext{-webkit-animation:bounceInDown 1s .8s ease both;-moz-animation:bounceInDown 1s .8s ease both;animation:bounceInDown 1s .8s ease both;}
.wxBanner .wxman{-webkit-animation:rotateInDownLeft 1s 1s ease both;-moz-animation:rotateInDownLeft 1s 1s ease both;animation:rotateInDownLeft 1s 1s ease both;}
.wxBanner .wxcloud{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}
.wxBanner .syicon{-webkit-animation:flipInY 1s .8s ease both;-moz-animation:flipInY 1s .8s ease both;animation:flipInY 1s .8s ease both;}
.wxBanner .earth{-webkit-animation:rotate 2s 0s infinite linear normal forwards;-moz-animation:rotate 2s 0s infinite linear normal forwards;animation:rotate 2s 0s infinite linear normal forwards;}
.wxBanner .yellowtip{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;animation:fadeInUp 1s 1.8s ease both;}
.wxBanner .boat{-webkit-animation:feichi 2s 1s infinite linear normal none ;-moz-animation:feichi 2s 1s infinite linear normal none ;animation:feichi 2s 1s infinite linear normal none ;z-index: 9}
.wxBanner .balloon0{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}
.wxBanner .balloon1{-moz-animation: moveRight 15s 1.5s infinite linear normal backwards;-webkit-animation: moveRight 15s 1.5s infinite linear normal backwards;animation: moveRight 15s 1.5s infinite linear normal backwards;}
.wxBanner .box{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .buliding{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}
.wxBanner .buliding1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .car{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}
.wxBanner .o2ocloud0{-moz-animation: moveRight 15s .5s infinite linear normal backwards;-webkit-animation: moveRight 15s .5s infinite linear normal backwards;animation: moveRight 15s .5s infinite linear normal backwards;}
.wxBanner .o2ocloud1{-webkit-animation:flying 1s .8s ease both infinite;-moz-animation:flying 1s .8s ease both infinite;animation:flying 1s .8s ease both infinite;}
.wxBanner .plane{-webkit-animation:rotateInUpLeft 1s 2s ease both;-moz-animation:rotateInUpLeft 1s 2s ease both;animation:rotateInUpLeft 1s 2s ease both;}
.wxBanner .pylon0{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .pylon1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .tree{-webkit-animation:rt50 1s 2s ease both;-moz-animation:rt50 1s 2s ease both;animation:rt50 1s 2s ease both;}
.wxBanner .windmill{-webkit-animation:dn50 1s 2.3s ease both;-moz-animation:dn50 1s 2.3s ease both;animation:dn50 1s 2.3s ease both;}
.wxBanner .windmill1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .cms0{-webkit-animation:zoomInDown 1s .8s ease both;-moz-animation:zoomInDown 1s .8s ease both;animation:zoomInDown 1s .8s ease both;}
.wxBanner .cms2{-webkit-animation:zoomInDown 1s 1s ease both;-moz-animation:zoomInDown 1s 1s ease both;animation:zoomInDown 1s 1s ease both;}
.wxBanner .cms1{-webkit-animation:zoomInDown 1s 1.2s ease both;-moz-animation:zoomInDown 1s 1.2s ease both;animation:zoomInDown 1s 1.2s ease both;}
.wxBanner .rocket{-webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}
.wxBanner .wsTit{-webkit-animation:rotateInDownRight 1s .8s ease both;-moz-animation:rotateInDownRight 1s .8s ease both;animation:rotateInDownRight 1s .8s ease both;}
.wxBanner .wsSubTit{-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;}
.otherPage .mianImg img.pageimg0{-webkit-animation:bounceInLeft 1s 2.2s ease both;-moz-animation:bounceInLeft 1s 2.2s ease both;animation:bounceInLeft 1s 2.2s ease both;}
.otherPage .mianImg img.pageimg1{-webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both;animation:bounceInLeft 1s 1.5s ease both;}
.otherPage .mianImg img.pageimg2{-webkit-animation:bounceInLeft 1s 1.8s ease both;-moz-animation:bounceInLeft 1s 1.8s ease both;animation:bounceInLeft 1s 1.8s ease both;}
.otherPage .mianImg img.pageimg3{-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;}
.otherPage .mianImg img.pageimg4{-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;}
.otherPage .mianImg img.pageimg5{-webkit-animation:zoomInUp 1.5s 1s ease both;-moz-animation:zoomInUp 1.5s .8s ease both;animation:zoomInUp 1.5s 1s ease both;}
.wxBanner .s0{-webkit-animation: zoomInDown 1.5s 0s ease both; -moz-animation: zoomInDown 1.5s 0s ease both; animation: zoomInDown 1.5s 0s ease both;}
.wxBanner .s1{-webkit-animation: bounceInLeft 1s 1s ease both; -moz-animation: bounceInLeft 1s 1s ease both; animation: bounceInLeft 1s 1s ease both;}
.wxBanner .s2{-webkit-animation: flipInY 1s .8s ease both; -moz-animation: flipInY 1s .8s ease both; animation: flipInY 1s .8s ease both;}
.wxBanner .s4{-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;}
.wxBanner .s3{-webkit-animation:fadeInUp 2s 0.2s ease both;-moz-animation:fadeInUp 2s 0.2s ease both;animation:fadeInUp 2s 0.2s ease both;}
.wxBanner .ss-floatText{-webkit-animation: feichi 10s 0s infinite linear normal none; -moz-animation: feichi 10s 0s infinite linear normal none; animation: feichi 10s 0s infinite linear normal none;}
.wxBanner .ss-bigText{-webkit-animation:zoomInDown 1.5s .5s ease both;-moz-animation:zoomInDown 1.5s .5s ease both;animation:zoomInDown 1.5s .5s ease both;}
.wxBanner .ss-minText{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;animation:fadeInUp 1s 1s ease both;}
.wxBanner .ss-m{-webkit-animation:bounceInUp 1s 0s ease both;-moz-animation:bounceInUp 1s 0s ease both;animation:bounceInUp 1s 0s ease both;}
.wxBanner .ss-plane{-webkit-animation:fadeInRight 2s 1.5s ease both;-moz-animation:fadeInRight 2s 1.5s ease both;animation:fadeInRight 2s 1.5s ease both;}
.wxBanner .cmssmalltext{-webkit-animation: bounceInLeft 1s 1s ease both; -moz-animation: bounceInLeft 1s 1s ease both; animation: bounceInLeft 1s 1s ease both;}
.wxBanner .targetBtn{-webkit-animation:zoomInUp 1s .5s ease both;-moz-animation:zoomInUp 1s .5s ease both;animation:zoomInUp 1s .5s ease both;}
.fixedBar ul li.anniversary-3 i{-webkit-animation:spin 2s 0s infinite linear normal forwards;-moz-animation:spin 2s 0s infinite linear normal forwards;animation:spin 2s 0s infinite linear normal forwards;}
.year3Window .tit3year{-webkit-transform-origin: top left; transform-origin: top left;-webkit-animation:swing 1s .5s ease both;-moz-animation:swing 1s .5s ease both;animation:swing 1s .5s ease both;}
.year3Window .upText{-webkit-animation:zoomInDown 1.5s .0s ease both;-moz-animation:zoomInDown 1.5s .0s ease both;animation:zoomInDown 1.5s .0s ease both;}
.year3Window .downText{-webkit-animation:zoomInUp 1.5s 0s ease both;-moz-animation:zoomInUp 1.5s .0s ease both;animation:zoomInUp 1.5s 0s ease both;}
.year3Window .timeSet{-webkit-animation:bounceInUp 1s .0s ease both;-moz-animation:bounceInUp 1s .0s ease both;animation:bounceInUp 1s .0s ease both;}
.year3Window .places{-webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.year3Window .bigBg{-webkit-animation:fadeInUp 5s 0s ease both;-moz-animation:fadeInUp 5s 0s ease both;animation:fadeInUp 5s 0s ease both;}




.banner-b .b-1{-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;}
.banner-b .b-2{-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;}
.banner-b .b-3{-webkit-animation:fadeInDown 1s 0s ease both;-moz-animation:fadeInDown 1s 0s ease both;animation:fadeInDown 1s 0s ease both;}
.banner-b .b-s{-webkit-animation: zoomInDown 1.2s ease both;animation: zoomInDown 1.2s ease both;}
.banner-b .b-s-1{-webkit-animation-delay: 1s;animation-delay: 1s;}
.banner-b .b-s-2{-webkit-animation-delay: 0s;animation-delay: 0s;}
.banner-b .b-s-3{-webkit-animation-delay: .6s;animation-delay: .6s;}
.banner-b .b-s-4{-webkit-animation-delay: .8s;animation-delay: .8s;}
.banner-b .b-s-5{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.banner-b .b-s-6{-webkit-animation-delay: .5s;animation-delay: .5s;}
.banner-b .b-y-1{-moz-animation: moveRight 15s 4s infinite linear normal backwards;-webkit-animation: moveRight 15s 4s infinite linear normal backwards;animation: moveRight 15s 4s infinite linear normal backwards;}
.banner-b .b-y-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both;-moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}
.banner-b .b-y-3{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}
.banner-xr .xr-1{-webkit-animation: bounceInLeft 2s 2s ease both;-moz-animation: bounceInLeft 2s 2s ease both;animation: bounceInLeft 2s 2s ease both;}
.banner-xr .xr-2{-webkit-animation: zoomInDown 1.5s .5s ease both;-moz-animation: zoomInDown 1.5s .5s ease both;animation: zoomInDown 1.5s .5s ease both;}
.banner-xr .xr-4{-webkit-animation: flipInY 1s 0s ease both;-moz-animation: flipInY 1s 0s ease both;animation: flipInY 1s 0s ease both;}
.banner-xr .xr-3-1{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}
.banner-xr .xr-3-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both; -moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}
.banner .flashBox .banner-xr .xr-btn{-webkit-animation: bounceInUp 2s 0s linear normal both; -moz-animation: bounceInUp 2s 0s linear normal both;animation: bounceInUp 2s 0s linear normal both;}
.banner-kt .kt_1{-webkit-animation: bounceInLeft 1.5s 0s ease both; -moz-animation: bounceInLeft 1.5s 0s ease both; animation: bounceInLeft 1.5s 0s ease both;}
.banner-kt .kt_2{-webkit-animation: bounceInLeft 1.5s .5s ease both; -moz-animation: bounceInLeft 1.5s .5s ease both; animation: bounceInLeft 1.5s .5s ease both;}
.banner-kt .kt_3{-webkit-animation: pulse 2s 0s linear normal both infinite; -moz-animation: pulse 2s 0s linear normal both infinite; animation: pulse 2s 0s linear normal both infinite;}
.banner-kt .kt_4{-webkit-animation: bounceInUp 2s 0s linear normal both ; -moz-animation: bounceInUp 2s 0s linear normal both ; animation: bounceInUp 2s 0s linear normal both ;}
.banner-kt .kt_5{-webkit-animation: bounceInRight 1.5s 0s ease both; -moz-animation: bounceInRight 1.5s 0s ease both; animation: bounceInRight 1.5s 0s ease both;}
.banner-kt .kt_6{-webkit-animation: bounceInLeft 1.5s 1s ease both; -moz-animation: bounceInLeft 1.5s 1s ease both; animation: bounceInLeft 1.5s 1s ease both;}
.banner-zh .zh-2{
    -webkit-animation: bounceInDown 2s 0s linear normal both ;
    -moz-animation: bounceInDown 2s 0s linear normal both ;
    animation: bounceInDown 2s 0s linear normal both ;
}
.banner-zh .zh-3{
    -webkit-animation: bounceInUp 2s .5s linear normal both ;
    -moz-animation: bounceInUp 2s .5s linear normal both ;
    animation: bounceInUp 2s .5s linear normal both ;
}

.banner-qiu .q1{
    -webkit-animation: bounceInDown 2s 0s linear normal both ;
    -moz-animation: bounceInDown 2s 0s linear normal both ;
    animation: bounceInDown 2s 0s linear normal both ;
}
.banner-qiu .q2{
    -webkit-animation: bounceInUp 2s .5s linear normal both ;
    -moz-animation: bounceInUp 2s .5s linear normal both ;
    animation: bounceInUp 2s .5s linear normal both ;
}
.banner-qiu .q3{-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;}
.banner-qiu .q4{    -webkit-animation: bounceInUp 2s .8s linear normal both ;
    -moz-animation: bounceInUp 2s .8s linear normal both ;
    animation: bounceInUp 2s .8s linear normal both ;}




/*动画库*/
@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@-webkit-keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in}}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(1); -moz-animation-timing-function:ease-in} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in}}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}
100%{opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}
100%{opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}
100%{opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}
100%{opacity: 1;transform: translateX(0);}}
@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}
60%{opacity: 1;-webkit-transform: translateX(30px);}
80%{-webkit-transform: translateX(-10px);}
100%{-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}
60%{opacity: 1;-moz-transform: translateX(30px);}
80%{-moz-transform: translateX(-10px);}
100%{-moz-transform: translateX(0);}}
@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}
60%{opacity: 1;-o-transform: translateX(30px);}
80%{-o-transform: translateX(-10px);}
100%{-o-transform: translateX(0);}}
@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}
60%{opacity: 1;transform: translateX(30px);}
80%{transform: translateX(-10px);}
100%{transform: translateX(0);}}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}
50%{-webkit-transform: scale(1.1);}
100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulse{0%{-moz-transform: scale(1);}
50%{-moz-transform: scale(1.1);}
100%{-moz-transform: scale(1);}}
@-o-keyframes pulse{0%{-o-transform: scale(1);}
50%{-o-transform: scale(1.1);}
100%{-o-transform: scale(1);}}
@keyframes pulse{0%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}}
@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向左滑动*/@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt50{0%{opacity:0;transform:translateX(50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向右滑动*/@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}
100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}
100%{opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}
100%{opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}
100%{opacity: 1;transform: translateY(0);}}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}}
@-webkit-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@-moz-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@-moz-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
70%{-webkit-transform: perspective(400px) rotateY(10deg);}
100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-moz-transform: perspective(400px) rotateY(-10deg);}
70%{-moz-transform: perspective(400px) rotateY(10deg);}
100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-o-transform: perspective(400px) rotateY(-10deg);}
70%{-o-transform: perspective(400px) rotateY(10deg);}
100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{transform: perspective(400px) rotateY(-10deg);}
70%{transform: perspective(400px) rotateY(10deg);}
100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@-moz-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInDownLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInDownLeft{0%{transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}
60%{opacity: 1;-webkit-transform: translateY(30px);}
80%{-webkit-transform: translateY(-10px);}
100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}
60%{opacity: 1;-moz-transform: translateY(30px);}
80%{-moz-transform: translateY(-10px);}
100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}
60%{opacity: 1;-o-transform: translateY(30px);}
80%{-o-transform: translateY(-10px);}
100%{-o-transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}
60%{opacity: 1;transform: translateY(30px);}
80%{transform: translateY(-10px);}
100%{transform: translateY(0);}}
@-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px);} 60%{opacity: 1; -webkit-transform: translateY(-30px);} 80%{-webkit-transform: translateY(10px);} 100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInUp{0%{opacity: 0; -moz-transform: translateY(2000px);} 60%{opacity: 1; -moz-transform: translateY(-30px);} 80%{-moz-transform: translateY(10px);} 100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInUp{0%{opacity: 0; -o-transform: translateY(2000px);} 60%{opacity: 1; -o-transform: translateY(-30px);} 80%{-o-transform: translateY(10px);} 100%{-o-transform: translateY(0);}}
@keyframes bounceInUp{0%{opacity: 0; transform: translateY(2000px);} 60%{opacity: 1; transform: translateY(-30px);} 80%{transform: translateY(10px);} 100%{transform: translateY(0);}}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1;}}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0;} 100%{-moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1;}}
@-o-keyframes rotateInDownRight{0%{-o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0;} 100%{-o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1;}}
@keyframes rotateInDownRight{0%{transform-origin: right bottom; transform: rotate(90deg); opacity: 0;} 100%{transform-origin: right bottom; transform: rotate(0); opacity: 1;}}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}
@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}
p.fanHui{display:none}