pic-center@charset "utf-8";
html,body{width: 100%;height: 100%;/* min-width:1000px; */font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
body{background: #ffffff;}
/*a:hover{color: #fff000!important;}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;/* height: 100%; *//* background-color: #f1512f; *//* min-height: 100%; */}
.banner{width: 100%;position:relative;}
.banner img{
    width: 100%;
}
.index-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 10000;
}
.index-wrap .nav-wrap {
    width: 100%;
    height: 70px;
    padding: 0 0.2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.second-nav {
    background: #f6f6f6;
    padding: 0.15rem 0;
    display: none;
}
.index-wrap .nav-wrap .page-logo {
    /* width: 1.13rem; */
}
.index-wrap .nav-wrap .page-menu {
    /* width: 1.03rem; */
}
.second-nav ul {
    padding: 0 40px;
}
.second-nav ul li {
    text-align: left;
    padding: 0.15rem 0;
    padding-left: 50px;
    border-bottom: 1px #bebebe solid;
}
.second-nav ul li a {
    text-decoration: none;
    font-size: 26px;
    /* font-weight: bold; */
    color: #464646;
    display: block;
}
.second-nav ul li.on a {
    color: #069538;
}
.banner{width: 100%;background: #fff;margin-top: 70px;}
.banner img{width: 100%}
.footer{text-align: center;color: #000;line-height: 40px;z-index: 999;position: absolute;bottom: 0;width: 100%;font-size: 12px;}
.container{background-color: #e0ffed!important;padding-bottom: 200px;/* padding-top: 45px; */padding-top: 60px;background: url(images/about-bg.png) no-repeat bottom;}
.contentW-box{/* float: right; */width: 670px;margin: 0 auto;position: relative;}
.contentW-box>:nth-child(1){margin-top: 0;}
.contentW{width: 100%;margin-top: 55px;border: 1px #069538 solid;background-color: #fff!important;padding-top: 55px;position: relative;padding-bottom: 50px;border-radius: 20px 0 20px 0;}
.pic-center{display: block; margin: 0 auto}
.title{display: block;margin: 0 auto;margin-bottom: 35px;}
.title p{font-weight: bold;font-size: 30px;color: #333333;text-align: center;}
.text-box{width: 585px;margin: 0 auto;line-height: 40px;text-indent: 2em;font-size: 20px;text-align: justify;}
.text-box span{color: #069538; font-weight: bold;}
.about .contentW-1{background: url("images/about-bg-1.png") bottom no-repeat;padding-bottom: 183px;}
.about .contentW-2{background: url("images/about-bg-2.png") bottom no-repeat; padding-bottom: 130px;}
.about .contentW-3{padding-bottom: 85px;}
.about .contentW-4{background: url("images/about-bg-2.png") bottom no-repeat;padding-bottom: 80px;}
.about .contentW-5{ padding-bottom: 80px;}
.about .contentW-6{padding-bottom: 70px;}
.about .container{}
.box{width: 635px;/* height: 500px; */margin: 0 auto;/* overflow: hidden; */position: relative;}
.box_img{width: 100%;height: 261px;overflow: hidden;}
.box_img ul li{position: absolute;display: none;}
.box_img ul li a{display: block;width: 346px;height: 250px;font-size: 100px;text-align: center;line-height: 250px;color: #fff;}
.box_tab{/* position: absolute; *//* bottom: 0; */text-align: center;width: 100%;margin-top: 15px;}
.box_tab a{display: inline-block;padding: 1px 0;font-size: 10px;background: #d6d2d2;/* margin: 0 5px; */color: #333;width: 16.66%;}
.box_tab a.active{background: #069538;padding: 3px 0;border-radius: 10px; position: relative}
.city-box{height: 45px;line-height: 45px;}
.city-box a{width: 16.66%;float: left;text-align: center;color: #000000;font-size: 18px;/* margin: 0 11px; */}
.city-box a.active{color: #069538;}
.jhxz .contentW-1{background: url("images/jhxz-bg-1.png") bottom no-repeat; padding-bottom: 290px;}
.jhxz .contentW-2{padding-bottom: 90px;}
.jhxz .contentW-3{padding-bottom: 130px;/* background: url("images/jhxz-bg-2.png") top no-repeat; */}
.jhxz .contentW-4{padding-bottom: 100px;}
.jhxz .contentW-5{ padding-bottom: 80px;}
.wyfl-box{width: 650px;margin: 0 auto;overflow: hidden;}
.wyfl-box li{width: 24%;float: left;height: 60px;text-align: center;background: #f4f4f4;cursor: pointer;border-radius: 15px 15px 0 0;margin-left: 8px;}
.wyfl-box li:hover,.wyfl-box li.on{background: #069538}
.wyfl-box li:hover h1,.wyfl-box li.on h1{color: #fff;}
.wyfl-box li h1{position: relative;float: left;font-size: 20px;height: 100%;line-height: 60px;color: #069538;padding-left: 40px;}
.wyfl-box li img{position: absolute;left: 19px;top: 50%;transform: translate(0,-50%);}
/*.wyfl-box li .icon-on{opacity: 0;}*/
.wyfl-box li:hover h1 .icon-on,.wyfl-box li.on h1 .icon-on{opacity: 0}
.wyfl-box li p{color: #444444;font-size: 20px;height: 32px;line-height: 32px;float: left;}
.wyfl-box-pic{background: #e7f6ee;width: 650px;margin: 0 auto;height: 315px;position: relative;}
.wyfl-box-pic img{display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wyfl-box-pic img.on{display: block}
.jhxz-p{text-align: center;color: #000000;font-size: 20px;line-height: 35px;}
.mod18{width: 100%;position:relative;margin:0 auto;margin-top: 45px;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(images/left-btn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top: 190px;width: 46px;height: 45px;}
.mod18 #prevTop{display: none}
.mod18 #nextTop{display: none}
.mod18 .next{right:10px;background: url(images/right-btn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width: 100%;height: 422px;/* padding-left:75px; *//* padding-right:76px; */position:relative;overflow:hidden;/* padding-top:40px; */margin: 0 auto;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{padding: 0px 70px;width: 668px;height: 422px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}
.qa-box{width: 600px;margin: 0 auto;}
.qa-box li{
    border-bottom: 1px #bcbcbc solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.qa-box li h1{color: #25a642;font-weight: bold;font-size: 16px;padding: 8px 0;padding-left: 45px;background: url("images/q-icon.png") left no-repeat;background-color: #e4f9e4;border-radius: 10px 0 0 16px;}
.qa-box li p{color: #000000;font-size: 16px;line-height: 33px;padding-left: 45px;margin-top: 15px;background: url("images/a-icon.png") left top no-repeat;}
.job-box{width: 700px;margin: 0 auto;}
.job-box table{width: 100%;}
.job-box table tr{
    border: 7px solid #fff;
}
.job-box table tr th{
    text-align: center;
    background: #9fa6a2;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
}
.job-box table tr td{
    text-align: center;
    color: #000000;
    font-size: 18px;
    height: 80px;
}
.job-box table tr td a{ color: #000000;}
.job-box table tr:nth-child(odd) {
    background-color: #eafff0;
}
.job-box table tr:nth-child(even) {
    background-color: #f6fef8;
}
.job-box .job-title{
    background: #069538;
    color: #fff;
    cursor: pointer;
}
.job-box .job-title-2{
    background: #069538;
    color: #fff;
    cursor: pointer;
}
.job-show{display: none}
.job-show-2{display: none}
.job-box>p{color: #000000; font-size: 18px;}
.job-box>p span{font-weight: bold; color: #069538}
.video-box{width: 100%;margin: 0 auto;overflow: hidden;}
.video-box a{display: block;width: 543px;/* float: left; */margin: 0 auto;margin-bottom: 40px;}
.video-box a img{width: 100%;}
.shadown-box{width: 100%;height: 100%;position: absolute;top: 0;right: 0;background: rgba(0,0,0,0.5);display: none;}
.btn-box{width: 596px;margin: 0 auto;/* overflow: hidden; */position: relative;/* height: 365px; */top: 50%;/* margin-top: -182.5px; */transform: translate(0,-50%);}
.btn-box a{display: block;/* width: 33%; *//* float: left; */}
.btn-box a img{width: 100%;}
.btn-box a.btn-1{/* position: absolute; *//* left: 0; *//* top: 0; */}
.btn-box a.btn-2{/* position: absolute; *//* margin: 0 auto; *//* right: 0; *//* left: 0; *//* top: 0; */}
.btn-box a.btn-3{/* position: absolute; *//* right: 0; *//* bottom: 0; */}
.btn-box a.btn-4{position: absolute; right: 0; bottom: 0;}
.index{position: relative;}
.index-bg{position: relative;width: 100%;}
.index{width: 100%;position: relative;overflow: hidden;}
.index .img{position: absolute;opacity: 0;}
.index-1{
    top: 20%;
    left: 6%;
    animation: bounceIn 1.3s forwards linear;-webkit-animation: bounceIn 1.3s forwards linear
}
.index-2{
    left: 50%;
    top: 12%;
    margin-left: -344px;
    animation: fadeInUp 0.5s  forwards linear;
    -webkit-animation: fadeInUp 0.5s forwards linear;
}
.index-3{
    left: 5%;
    top: 2%;
    margin-left: 0;
    animation: bounceIn 1.6s forwards linear;
    -webkit-animation: bounceIn 1.6s forwards linear;
}
.index-4{
    top: 1%;
    right: 3%;
    animation:bounceIn 1.7s forwards linear;
    -webkit-animation:bounceIn 1.7s forwards linear;
}
.index-5{
    bottom: 0;
    left: 0;
    animation:bounceIn 1.8s forwards linear;
    -webkit-animation:bounceIn 1.8s forwards linear;
}
.index-6{
    top: 26%;
    right: 0;
    animation:bounceIn 1.9s forwards linear;
    -webkit-animation:bounceIn 1.9s forwards linear;
}
.index-7{
    left: 50%;
    top: 35%;
    margin-left: -121.5px;
    animation:bounceIn 2.0s forwards linear,flash 1.5s 2.5s infinite linear;
    -webkit-animation:bounceIn 2.0s forwards linear,flash 1.5s 2.5s infinite linear;
    cursor: pointer;
}
.index-btn{
    position: absolute;
    display: block;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 0.8s 1.3s forwards linear,flash 1.5s 2.5s infinite linear;
}
.index-btn img{width: 100%; position: relative;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 0.8s 1.3s forwards linear,flash 1.5s 2.5s infinite linear;
}
.index-btn-1{
    left: 53%;
    top: 44%;
    width: 8%;
}
.index-btn-2{
    left: 51%;
    top: 44%;
    margin-left: 12%;
    width: 8.6%;
}
@keyframes ball-rotate {
    0% {
        transform: translate3D(0, 0, 0) rotate(
                0deg
        );
    }
    50% {
        transform: translate3D(10px, 0, 0) rotate(
                15deg
        );
    }
    100% {
        transform: translate3D(0, 0, 0) rotate(
                0deg
        );
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes pulse {
    0% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
}
@keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-top-right{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:20% 20%;}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-top-left{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:80% 20%;}
    100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes rotate-bottom-right{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:80% 80%;}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-bottom-left{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:20% 80%;}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-top-right{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);-moz-transform-origin:20% 20%;}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-top-left{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(180deg);-moz-transform-origin:80% 20%;}
    100%{-moz-transform:rotate(360deg);}
}
@-moz-keyframes rotate-bottom-right{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);-moz-transform-origin:80% 80%;}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-bottom-left{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(180deg);-moz-transform-origin:20% 80%;}
    100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}
@keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}
@-webkit-keyframes lightSpeedIn{
    0%{-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;}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes lightSpeedIn{
    0%{-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;}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
/* loading end */
@-webkit-keyframes music{
    0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
    0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@-webkit-keyframes arr{
    0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
    50%{-webkit-transform:translateX(-30px);transform:translateX(-30px);}
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes arr{
    0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
    50%{-webkit-transform:translateX(-30px);transform:translateX(-30px);}
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes arr1{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    50%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
    100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes arr1{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    50%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
    100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes arr2{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    100%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;}
}
@keyframes arr2{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    100%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;}
}
@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@-webkit-keyframes zoomInBig{
    0%{-webkit-transform:scale3d(5,5,5);transform:scale3d(5,5,5);opacity:1;}
    50%,100%{opacity:1;}
}
@-webkit-keyframes zoomInBig{
    0%{-webkit-transform:scale3d(5,5,5);transform:scale3d(5,5,5);opacity:1;}
    50%,100%{opacity:1;}
}
@-webkit-keyframes zoomInscale{
    0%{-webkit-transform:rotate(360deg) scale3d(.1,.1,.1);-webkit-transform-origin:center center;transform:rotate(360deg) scale3d(.1,.1,.1);opacity:0;transform-origin:center;}
    50%,100%{-webkit-transform-origin:center center;transform-origin:center;opacity:1;}
}
@-webkit-keyframes zoomInscale{
    0%{-webkit-transform:rotate(360deg) scale3d(.1,.1,.1);transform:rotate(360deg) scale3d(.1,.1,.1);opacity:0;}
    50%,100%{opacity:1;}
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.610,.355,1.000);transition-timing-function:cubic-bezier(.215,.610,.355,1.000);}
    0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
    60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);opacity:1;}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.610,.355,1.000);transition-timing-function:cubic-bezier(.215,.610,.355,1.000);}
    0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
    60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);opacity:1;}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,100%{-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)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes bounceInDown{
    0%,60%,75%,90%,100%{-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)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,100%{-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)}
    0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
@keyframes bounceInUp{
    0%,60%,75%,90%,100%{-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)}
    0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
@keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
@keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1;}
}
@-webkit-keyframes FbQ{
    0%,100%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
    50%{-webkit-transform:translate3d(45px,0,0);transform:translate3d(45px,0,0);}
}
@keyframes FbQ{
    0%,100%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
    50%{-webkit-transform:translate3d(45px,0,0);transform:translate3d(45px,0,0);}
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes flipy{
    0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:1;}
    100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@keyframes flipy{
    0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:1;}
    100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@-webkit-keyframes flipx{
    0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:1;}
    100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
}
@keyframes flipx{
    0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:1;}
    100%{-webkit-transform:rotateX(0deg);transform:rotateY(0deg);opacity:1;}
}
@-webkit-keyframes rotateInfite{
    0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotateInfite{
    0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes fadeInUp{
    0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes fadeInUp{
    0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@-webkit-keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@-webkit-keyframes fadeInRight{
    0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes fadeInRight{
    0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@-webkit-keyframes roateScale{
    0%{-webkit-transform:scale3d(.1,.1,.1);transform:scale3d(.1,.1,.1);-webkit-transform-origin:top center;transform-origin:top center;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:top center;transform-origin:top center;opacity:1;}
}
@keyframes roateScale{
    0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes fadeIn50{
    0%{opacity:0;}
    100%{opacity:0.5;}
}
@keyframes fadeIn50{
    0%{opacity:0;}
    100%{opacity:0.5;}
}
@-webkit-keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}
@keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1); opacity: 1;}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);opacity: 1;}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);opacity: 1;}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);opacity: 1;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1) ;opacity: 1;;}
}
@keyframes tada{
    0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);opacity: 1;}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);opacity: 1;}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);opacity: 1;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}
}
/*????*/
@-webkit-keyframes fly {
    0% {-webkit-transform:scale(4);}
    100% {-webkit-transform:scale(1); opacity:1;}
}
@keyframes fly {
    0% {transform:scale(4);}
    100% {transform:scale(1); opacity:1;}
}
@-webkit-keyframes pf2 {
    0% {-webkit-transform:translate(10px,0px); opacity:1;}
    50% {-webkit-transform:translate(10px,10px); opacity:1;}
    70% {-webkit-transform:translate(0px,10px); opacity:1;}
    90% {-webkit-transform:translate(5px,0px); opacity:1;}
    100% {-webkit-transform:translate(10px,0px); opacity:1;}
}
@keyframes pf2 {
    0% {transform:translate(10px,0px); opacity:1;}
    50% {transform:translate(10px,10px); opacity:1;}
    70% {transform:translate(0px,10px); opacity:1;}
    90% {transform:translate(5px,0px); opacity:1;}
    100% {transform:translate(10px,0px); opacity:1;}
}
@-webkit-keyframes pf {
    0%{-webkit-transform:translate(0px,-100px); opacity: 1;}
    100%{-webkit-transform:translate(0px,0px); opacity:1;}
}
@-webkit-keyframes pf {
    0%{transform:translate(0px,-100px); opacity:1;}
    100%{transform:translate(0px,0px); opacity:1;}
}
@-webkit-keyframes fly2{
    0% {top:23rem; left:50%; -webkit-transform:translate(-50%,0); width:0rem; }
    100% { top:13.2rem; left:50%; -webkit-transform:translate(-50%,0); width:13.2rem; opacity: 1;}
}
@keyframes fly2{
    0% {top:23rem; left:50%; transform:translate(-50%,0); width:0rem; }
    100% { top:13.2rem; left:50%; transform:translate(-50%,0); width:13.2rem; opacity: 1;}
}
@-webkit-keyframes fly3{
    0% {top:23rem; left:50%; -webkit-transform:translate(-50%,0); width:0rem; }
    100% { top:5rem; left:50%; -webkit-transform:translate(-50%,0); width:13.2rem; opacity: 1;}
}
@keyframes fly3{
    0% {top:23rem; left:50%; transform:translate(-50%,0); width:0rem; }
    100% { top:5rem; left:50%; transform:translate(-50%,0); width:13.2rem; opacity: 1;}
}
@-webkit-keyframes fly4 {
    0% {-webkit-transform:translate(40px,50px);opacity:0;}
    50% { opacity:0.8;}
    100% {-webkit-transform:translate(-200px,-450px); opacity:0;}
}
@keyframes fly4 {
    0% {transform:translate(40px,50px);opacity:0;}
    50% { opacity:0.8;}
    100% {transform:translate(-200px,-450px); opacity:0;}
}
@-webkit-keyframes fly5 {
    0% {-webkit-transform:translate(-40px,150px);opacity:0;}
    50% { opacity:0.8;}
    100% {-webkit-transform:translate(-200px,-450px); opacity:0;}
}
@keyframes fly5 {
    0% {transform:translate(-40px,150px);opacity:0;}
    50% { opacity:0.8;}
    100% {transform:translate(-200px,-450px); opacity:0;}
}
@-webkit-keyframes fly6 {
    0% {-webkit-transform:translate(0px,200px);opacity:0;}
    50% { opacity:0.8;}
    100% {-webkit-transform:translate(0px,-400px); opacity:0;}
}
@keyframes fly6 {
    0% {transform:translate(0px,200px);opacity:0;}
    50% { opacity:0.8;}
    100% {transform:translate(0px,-400px); opacity:0;}
}
@-webkit-keyframes fly7 {
    0% {-webkit-transform:translate(-50px,500px);opacity:0;}
    50% { opacity:0.8;}
    100% {-webkit-transform:translate(100px,-400px); opacity:0;}
}
@keyframes fly7 {
    0% {transform:translate(-50px,500px);opacity:0;}
    50% { opacity:0.8;}
    100% {transform:translate(100px,-400px); opacity:0;}
}
@-webkit-keyframes move {
    0% {-webkit-transform:translate(-200px,0px);opacity:0;}
    100% {-webkit-transform:translate(0px,0px); opacity:1;}
}
@keyframes move {
    0% {transform:translate(-200px,0px);opacity:0;}
    100% {transform:translate(0px,0px); opacity:1;}
}
@-webkit-keyframes move2{
    0% {-webkit-transform:translate(0px,0px);opacity:1;}
    100% {-webkit-transform:translate(330px,0px); opacity:1;}
}
@keyframes move2{
    0% {transform:translate(0px,0px);opacity:1;}
    100% {transform:translate(330px,0px); opacity:1;}
}
/*@-webkit-keyframes move3 {*/
/*0% {-webkit-transform:translate(0px,0px);opacity:1;}*/
/*100% {-webkit-transform:translate(330px,0px); opacity:1;}*/
/*}*/
/*@keyframes move3 {*/
/*0% {transform:translate(0px,0px);opacity:1;}*/
/*100% {transform:translate(330px,0px); opacity:1;}*/
/*}*/
@-webkit-keyframes fd{
    0% {-webkit-transform:scale(2);}
    100% {-webkit-transform:scale(1); opacity:1;}
}
@keyframes fd{
    0% {transform:scale(2);}
    100% {transform:scale(1); opacity:1;}
}
/*????end*/
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        visibility: hidden;
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        visibility: visible;
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes pulse {
    0% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
}
@keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-top-right{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:20% 20%;}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-top-left{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:80% 20%;}
    100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes rotate-bottom-right{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:80% 80%;}
    100%{-webkit-transform:rotate(-360deg);}
}
@-webkit-keyframes rotate-bottom-left{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:20% 80%;}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-top-right{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);-moz-transform-origin:20% 20%;}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-top-left{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(180deg);-moz-transform-origin:80% 20%;}
    100%{-moz-transform:rotate(360deg);}
}
@-moz-keyframes rotate-bottom-right{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(-180deg);-moz-transform-origin:80% 80%;}
    100%{-moz-transform:rotate(-360deg);}
}
@-moz-keyframes rotate-bottom-left{
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(180deg);-moz-transform-origin:20% 80%;}
    100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}
@keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}
@-webkit-keyframes lightSpeedIn{
    0%{-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;}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes lightSpeedIn{
    0%{-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;}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
/* loading end */
@-webkit-keyframes music{
    0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
    0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}