/*video*/
#vbox2 i {font: .8rem/.8rem simsun;color: #7691d8;position: absolute;top: .22rem;right: .1rem;z-index: 9;cursor: pointer;}
#vbox2{display: none;position: fixed;z-index: 200;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.9);}
#vbox2 video {position: absolute;width: 100%; left: 0; right: 0;top: 50%; height: 360px;margin-top: -180px;}

/*hua*/
.flw{position:absolute;top:0;right:0;z-index:10;}
.flw li{position:absolute;top:-1rem;right:0;}
.flw span{background:url("../img/flw.png") no-repeat;background-size:4.23rem auto;display:block;}
.flw .sp1 span{width:.56rem;height:.32rem;background-position:0 0;}
.flw .sp2 span{width:.35rem;height:.47rem;background-position:-1.19rem 0;}
.flw .sp3 span{width:.56rem;height:.33rem;background-position:-2.06rem -.01rem;}
.flw .sp4 span{width:.55rem;height:.26rem;background-position:-3.14rem -.01rem;}
.flw .sp5 span{width:.37rem;height:.42rem;background-position:-.01rem -.95rem;}
.flw .sp6 span{width:.39rem;height:.38rem;background-position:-1.04rem -.99rem;}
.flw .sp7 span{width:.62rem;height:.40rem;background-position:-1.77rem -1.01rem;}
.flw .sp8 span{width:.46rem;height:.32rem;background-position:-2.64rem -1.01rem;}
.fallani1{-webkit-animation:fallAni1 10s linear infinite;animation:fallAni1 10s linear infinite;}
.fallani2{-webkit-animation:fallAni2 10s linear infinite;animation:fallAni2 10s linear infinite;}
.fallani3{-webkit-animation:fallAni3 10s linear infinite;animation:fallAni3 10s linear infinite;}
@-webkit-keyframes fallAni1{
    0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);}
    100%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(360deg);}
}
@-webkit-keyframes fallAni2{
    0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);}
    100%{-webkit-transform:rotateX(0) rotateY(60deg) rotateZ(360deg);}
}
@-webkit-keyframes fallAni3{
    0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);}
    100%{-webkit-transform:rotateX(60deg) rotateY(0) rotateZ(360deg);}
}



/*animation In&Out*/
.swiper-slide .toLeftBottom,
.swiper-slide .toLeftBottomSmall,
.swiper-slide .toRightBottom,
.swiper-slide .toLeftTop,
.swiper-slide .toRightTop,
.swiper-slide .toRight,
.swiper-slide .toRightSmall,
.swiper-slide .toLeft,
.swiper-slide .toLeftSmall,
.swiper-slide .toBottom,
.swiper-slide .toBottomSmall,
.swiper-slide .toTop,
.swiper-slide .toTopSmall,
.swiper-slide .fadeIn,
.swiper-slide .scaleIn{-webkit-transition: all .6s;opacity: 0;}
.swiper-slide .toLeftBottom{-webkit-transform: translate3d(20%, -20%,0);}
.swiper-slide .toLeftBottomSmall{-webkit-transform: translate3d(2%, -2%,0);}
.swiper-slide .toRightBottom{-webkit-transform: translate3d(-100%, -100%, 0);}
.swiper-slide .toLeftTop{-webkit-transform: translate3d(100%, 100%, 0);}
.swiper-slide .toRightTop{-webkit-transform: translate3d(-100%, 100%, 0);}
.swiper-slide .toRight{-webkit-transform: translate3d(-100%, 0, 0);}
.swiper-slide .toRightSmall{-webkit-transform: translate3d(-20%, 0, 0);}
.swiper-slide .toLeft{-webkit-transform: translate3d(100%, 0, 0);}
.swiper-slide .toLeftSmall{-webkit-transform: translate3d(20%, 0, 0);}
.swiper-slide .toBottom{-webkit-transform: translate3d(0, -100%, 0);}
.swiper-slide .toBottomSmall{-webkit-transform: translate3d(0, -10%, 0);}
.swiper-slide .toTop{-webkit-transform: translate3d(0, 100%, 0);}
.swiper-slide .toTopSmall{-webkit-transform: translate3d(0, 10%, 0);}
.swiper-slide .scaleIn{-webkit-transform: scale(5,3);}
.swiper-slide .scaleToRight{-webkit-transform: scale(0, 1);-webkit-transform-origin: left 0;-webkit-transition: transform .6s;}
.swiper-slide .scaleToBottom{-webkit-transform: scale(1, 0);-webkit-transform-origin: center 0;-webkit-transition: transform .6s;}

.swiper-slide-active .toLeftBottom,
.swiper-slide-active .toLeftBottomSmall,
.swiper-slide-active .toRightBottom,
.swiper-slide-active .toLeftTop,
.swiper-slide-active .toRightTop,
.swiper-slide-active .toRight,
.swiper-slide-active .toRightSmall,
.swiper-slide-active .toLeft,
.swiper-slide-active .toLeftSmall,
.swiper-slide-active .toBottom,
.swiper-slide-active .toBottomSmall,
.swiper-slide-active .toTop,
.swiper-slide-active .toTopSmall,
.swiper-slide-active .fadeIn{-webkit-transform: translate3d(0, 0 ,0);opacity: 1;}
.swiper-slide-active .scaleIn, .swiper-slide-active .scaleToRight,.swiper-slide-active .scaleToBottom{-webkit-transform: scale(1, 1);opacity: 1;}

/*transition delay*/
.swiper-slide .delay1{-webkit-transition-delay: .1s;}
.swiper-slide .delay2{-webkit-transition-delay: .2s;}
.swiper-slide .delay3{-webkit-transition-delay: .3s;}
.swiper-slide .delay4{-webkit-transition-delay: .4s;}
.swiper-slide .delay5{-webkit-transition-delay: .5s;}
.swiper-slide .delay6{-webkit-transition-delay: .6s;}
.swiper-slide .delay7{-webkit-transition-delay: .7s;}
.swiper-slide .delay8{-webkit-transition-delay: .8s;}
.swiper-slide .delay9{-webkit-transition-delay: .9s;}
.swiper-slide .delay10{-webkit-transition-delay: 1s;}
.swiper-slide .delay14{-webkit-transition-delay:1.2s;}
.swiper-slide .delay18{-webkit-transition-delay: 1.3s;}


/*arrow*/
.arrow-left{animation: arrowLeft .6s 0s infinite alternate;-webkit-animation: arrowLeft .6s 0s infinite alternate;}
.arrow-right{animation: arrowRight .6s 0s infinite alternate;-webkit-animation: arrowRight .6s 0s infinite alternate; }
@keyframes arrowLeft{ from{transform: translateX(-.1rem)} to{transform: translateX(0)} }
@-webkit-keyframes arrowLeft{ from{-webkit-transform: translateX(-.1rem)} to{-webkit-transform: translateX(0)} }
@keyframes arrowRight{ from{transform: translateX(.1rem)} to{transform: translateX(0)} }
@-webkit-keyframes arrowRight{ from{-webkit-transform: translateX(.1rem)} to{-webkit-transform: translateX(0)} }

/*index*/
.swiper-slide .moveDown{-webkit-transform:translateY(-3rem);opacity:0;-webkit-transition:all .6s ease-out;}
.swiper-slide-active .moveDown{-webkit-transform:translateY(0);opacity:1;}