@charset "utf-8";
html,body{width: 100%;/* height: 100%; */min-width:1000px;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
/*a:hover{color: #fff000}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;/* height: 100%; *//* background: #e0ffed; */}
/*nav*/
.navBg{/* position: fixed; */width:  100%;background: #fff;/* position: absolute; */z-index: 99;/* border-bottom: 3px solid #00b3e6; */}
.navBox{width: 1200px;height: 110px;margin: 0 auto;/* padding: 6px 0; *//* overflow: hidden; */line-height: 110px;position: relative;z-index: 9;/* border-bottom: 2px #00b3e6 solid; */}
.navBox .logo{float: left;margin-top: 13px;/* width: 104px; */}
.navBox .nav{/* width: 700px; */float: right;margin: 0 auto;height: 100%;/* line-height: 56px; */}
.nav li>a{/* padding: 0 10px; *//* padding-bottom: 13px; */color: #333333;/* padding: 2px 0; *//* border-radius: 8px; *//* border: 1px solid #fff; */display: inline;}
.nav li{float: left;font-size: 18px;text-align: center;/* margin: 0 40px; */letter-spacing: 2px;padding: 0px 5px;/* min-width: 145px; *//* heigtitleht: 67px; */position: relative;height: 100%;width: 165px;}
.nav li+li >a{}
.nav li.on,.nav li:hover{/* background: #0069b7; */background-repeat: no-repeat;background-position: bottom center;/* border-bottom: 4px #da0a17 solid; */}
.nav li img{transition: all 0.5s}
.nav li:hover img{transform: rotate(180deg)}
.nav li:hover>a,.nav li.on>a{color: #fff;/* border-bottom: 3px #069538 solid; */background: #f49f00;border-radius: 15px;padding: 2px 15px;}
/*banner*/
.banner{
    /* border-top: 3px #4182cc solid; */
}
.job-dpt2{display: none;}
.banner img{width: 100%;}
/*foot*/
.footer{width:100%;height: 220px;text-align: center;font-size: 14px;color: #626262;background: #f1f3f4;/* margin-top: 170px; */position: relative;bottom: 0;}
.footer a{color: #000000;}
/*.footer img{width: 100%;}*/
/*xnav*/
.xnav-box .xnax{background: rgba(111,170,237,0.7);display: none;position: absolute;z-index: 9;/* width: 150px; */width: 100%;left: 0;}
.xnav-box:hover .xnax{display: block}
.xnav-box .xnax p{/* padding: 0 10px; */color: #fff;font-size: 16px;cursor: pointer;height: 40px;line-height: 40px;/* border: 1px #e0e0e0 solid; *//* background: rgba(255,127,69,0.7); */margin-bottom: 1px;}
.xnav-box .xnax p a{font-size: 16px; /* display: block; */color: #fff;}
.xnav-box .xnax p a:hover{color: #fff; }
.xnav-box .xnax p:hover{background: #83c8f2 }
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #fff;}
/*index*/
.pic-center{display: block;margin: 0 auto;/* width: 100%; */max-width: 100%;}
.content{
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
    padding-bottom: 60px;
    min-height: 600px;
}
.container{
    padding-bottom: 100px;
}
.contentw{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /* text-align: center; */
}
.erweima{position: absolute;right: 0;top: 42px;}
.footerw{width: 1200px;margin: 0 auto;position: relative;line-height: 0;line-height: 360px;height: 220px;}
.top-nav{width: 650px;height: 75px;position: relative;margin: 0 auto;background: #fff;border-radius: 48px;box-shadow: 0px 0px 19px 1px #c1c1c1;line-height: 75px;margin-top: -52px;margin-bottom: 80px;}
.top-nav li{float: left;width: 50%;text-align: center;}
.top-nav li a{
    color: #828282;
    font-size: 26px;
    letter-spacing: 4px;
}
.top-nav li a.on,.top-nav li a:hover{color: #f29e00;border-bottom: 3px #f29e00 solid;padding-bottom: 18px;}
.job-top-box{background: #f2f2f2;padding: 25px 78px 21px;width: 1200px;margin: 0 auto;border-radius: 10px;}
.job-city{border-bottom: 2px #d1d1d1 solid;overflow: hidden;padding-bottom: 20px;line-height: 35px;display: flex;justify-content: space-evenly;width: 85%;margin: 0 auto;}
.job-city li{/* float: left; *//* width: 16.6%; */text-align: center;}
.job-city li span{
    color: #828282;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 16px;
    cursor: pointer;
}
.job-city li.on span,.job-city li span:hover{background: #fff;color: #000;}
#noResultTips{margin-top: 50px;}
.job-dpt{/* width: 100%; *//* border-bottom: 2px #d1d1d1 solid; */overflow: hidden;/* padding-bottom: 20px; */line-height: 35px;text-align: center;margin-top: 20px;}
.job-dpt li{/* float: left; *//* width: 16.6%; */text-align: center;display: inline-block;padding: 0 20px;}
.job-dpt li span{
    color: #828282;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 16px;
    cursor: pointer;
}
.job-dpt li.on span,.job-dpt li span:hover{background: #fff;color: #000;}
#JobSearchShow {width: 1200px; margin: 0 auto; padding: 0 60px;}
#JobSearchShow li{width: 100%; padding: 35px 0;}
#JobSearchShow li span{
    color: #616161;
    font-size: 16px;
}
#JobSearchShow li a{float: right;color: #000000;padding: 4px 29px;border: 1px #000 solid;border-radius: 15px;font-size: 16px;}
.qa-box{width: 995px;margin: 0 auto;margin-top: 70px;}
.qa-box li{width: 100%;padding: 20px 60px;background: #f2f2f2;margin-bottom: 35px;border-radius: 10px;}
.qa-box li h1{color: #f79700; font-size: 22px;}
.qa-box li h1 img{
    margin-right: 15px;
}
.qa-box li p{
    width: 870px;
    margin: 0 auto;
    padding-left: 65px;
    color: #616161;
    line-height: 25px;
}
.qa-nav{width: 1063px;margin: 0 auto;position: absolute;top: 0;height: 345px;left: 50%;margin-left: -522.5px;}
.qa-nav li{width: 200px;height: 100%;cursor: pointer;float: left;margin-right: 81px;}
.qa-nav li.on,.qa-nav li:hover{background: url("images/icon-2.png") bottom no-repeat;}
.zjlf-title{text-align: center;font-size: 42px;font-weight: bold;color: #4b4b4b;margin-bottom: 80px;margin-top: 50px;}
.zjlf .content1{background: url("images/pic-3.jpg") no-repeat center;height: 565px;padding: 1px;}
.fullSlide{width: 1011px;margin: 0 auto;position:relative;height: 507px;/* background:#000; */margin-top: 38px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;height: 100%;}
.fullSlide .bd ul{width:100% !important;height: 100%;}
.fullSlide .bd li{width:100% !important;height: 507px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{ display:block; height:410px; }
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;display: none;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
    filter:alpha(opacity=50);opacity:0.5;  line-height:999px;
}
.fullSlide .hd ul .on{ background:#f00;  }
.fullSlide .prev{position:absolute;z-index:1;top:50%;margin-top:-30px;left: -100px;width:42px;height:43px;background:url(images/icon-left.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity: 1;/* display:none; */}
.fullSlide .next{position:absolute;z-index:1;top:50%;margin-top:-30px;right: -100px;width: 42px;height: 43px;background:url(images/icon-right.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity: 1;/* display:none; */}
 .swiper-container {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
 }
.lb{
    width: 500px;
    height: 390px;
    -webkit-animation: transform 25s ease-in-out infinite alternate both;
    animation: transform 25s ease-in-out infinite alternate both;
    transform-style: preserve-3d;
}
.lb img{display: block;width: 700px;height: auto;}
.lb-yw .swiper-slide{position: relative;}
.lb-yw img{display: block;width:350px;height: 171px; }
.lb-yw .active{position: absolute;left: 0;top: 0;display: none;}
@-webkit-keyframes transform {
    0%,to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}
@keyframes transform {
    0%,to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}
.right-box{float: right}
.zjlf2-box{width: 1000px;margin: 0 auto;}
.zjlf2 .content2{background: #f1f3f4}
.lunbo-box{
    max-width: 800px;
    margin: 0 auto;
}
.slide{
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    position: relative;
}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 60%;
    height: 60%;
    top: 20%;
    left: -20%;
    z-index: 2;
}
.slide .img3{
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    z-index: 3;
}
.slide .img4{
    width: 60%;
    height: 60%;
    top: 20%;
    left: 60%;
    z-index: 2;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
    margin: 20px;
}
.iframe{
    width: 800px;
    margin: 0 auto;
    height: 448px;
}
.video-box{text-align: center;}
.myalert{text-align: center;font-size: 26px;font-weight: bold;color: #f29e00;}
.index{position: relative;}
.index a{display: block; position: absolute}
.index-bg{position: relative;width: 100%;}
.index{width: 100%;position: relative;overflow: hidden;}
.index .img{position: absolute;opacity: 0;}
.slogan{
    width: 35%;
    top: 19%;
    left: 50%;
    margin-left: -17.5%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-1{
    width: 17.6%;
    top: 5%;
    left: 0%;
    animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
    -webkit-animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
}
.index-2{
    width: 21.9%;
    left: 50%;
    top: 60%;
    margin-left: 6.7%;
    animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
    -webkit-animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
}
.index-3{
    width: 33%;
    left: 50%;
    top: 45%;
    margin-left: 16%;
    animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3.5s 3.5s infinite linear;
    -webkit-animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3.5s 3.5s infinite linear;
}
.index-4{
    width: 27.6%;
    top: 35%;
    left: 50%;
    margin-left: 20%;
    animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
    -webkit-animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
}
.index-5{
    width: 19.7%;
    top: 63%;
    left: 50%;
    margin-left: -34.09%;
    animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 4.5s 3.5s infinite linear;
    -webkit-animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 4.5s 3.5s infinite linear;
}
.index-6{
    width: 18.1%;
    top: 52%;
    left: 0%;
    margin-left: 0;
    animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 4s 3.5s infinite linear;
    -webkit-animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 4s 3.5s infinite linear;
}
.index-7{
    width: 21.6%;
    left: 0%;
    top: 29%;
    /* margin-left: -11.3%; */
    animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 5s 3.5s infinite linear;
    -webkit-animation:fadeInLeft 0.8s 0.5s forwards linear,bounce-down 5s 3.5s infinite linear;
}
.index-8{
    width: 100%;
    right: 0;
    top: 45%;
    /* margin-left: -11.3%; */
    animation:fadeInUp 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
    -webkit-animation:fadeInUp 0.8s 0.5s forwards linear,bounce-down 3s 3.5s infinite linear;
}
.index-9{
    width: 20.7%;
    right: 0%;
    top: 14%;
    /* margin-left: -11.3%; */
    animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 5.5s 3.5s infinite linear;
    -webkit-animation:fadeInRight 0.8s 0.5s forwards linear,bounce-down 5.5s 3.5s infinite linear;
    cursor: pointer;
}
.index-10{
    width: 29.8%;
    left: 50%;
    top: 50%;
    margin-left: -18.3%;
    animation:fadeInUp 0.8s 0.5s forwards linear,bounce-down 5s 3.5s infinite linear;
    -webkit-animation:fadeInUp 0.8s 0.5s forwards linear,bounce-down 5s 3.5s infinite linear;
}
.index-11{
    width: 8.7%;
    left: 50%;
    top: 44%;
    margin-left: -31.3%;
    animation:bounceIn 2.0s 1.5s forwards linear,bounce-down 4s 3.5s infinite linear;
    -webkit-animation:bounceIn 2.0s 1.5s forwards linear,bounce-down 4s 3.5s infinite linear;
}
.index-12{
    width: 8.8%;
    left: 50%;
    top: 60%;
    margin-left: 2.7%;
    animation:bounceIn 2.0s 1.5s forwards linear,bounce-down 3s 3.5s infinite linear;
    -webkit-animation:bounceIn 2.0s 1.5s forwards linear,bounce-down 3s 3.5s infinite linear;
}
.index-btn{
    position: absolute;
    display: block;
    animation:fadeInUp 0.8s 1s forwards linear;
    -webkit-animation:fadeInUp 0.8s 1s forwards linear;
}
.index-btn img{width: 100%; position: relative;
    animation:fadeInUp 0.8s 1s forwards linear;
    -webkit-animation:fadeInUp 0.8s 1s forwards linear;
}
.index-btn-1{
    left: 50%;
    top: 71%;
    width: 21.9%;
    margin-left: -24%;
}
.index-btn-2{
    left: 50%;
    top: 71%;
    width: 21.9%;
    margin-left: 3%;
}
@media screen and (max-width:980px) {
    .index{height:33%;}
}
@-webkit-keyframes flyUpDown{
    0%{-webkit-transform:translateY(0);transform:translateY(0);}
    50%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes flyUpDown{
    0%{-webkit-transform:translateY(0);transform:translateY(0);}
    50%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    100%{-webkit-transform:translateY(0);transform:translateY(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 fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes fly{
    0%{-webkit-transform:translate(600%,0);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes fly{
    0%{transform:translate(600%,0);}
    100%{transform:translate(0,0);opacity:1;}
}
@-webkit-keyframes xz {
    0% {
        opacity:1;
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin:107px 107px;
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -webkit-transform-origin:107px 107px;
    }
}
@keyframes xz {
    0% {
        opacity:1;
        transform: rotate(0deg);
        transform-origin:107px 107px;
    }
    100% {
        opacity: 1;
        transform: rotate(360deg);
        transform-origin:107px 107px;
    }
}
@-webkit-keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 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;visibility: visible;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none; visibility: visible;}
}
@-webkit-keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@-webkit-keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 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% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,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 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 bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}