*{
    -webkit-touch-callout: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    -webkit-tap-highlight-color: transparent;
}
html, body {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    width:100%;
    background:black;
    overflow-x: hidden;
}
input,
input::-webkit-input-placeholder,
body{
    text-align:justify;
    font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
-webkit-text-size-adjust:none;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

.swiper-container,.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{
    width:100%;
    height:100%;
    position: relative;
}
.swiper-container .swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
    overflow:hidden;
}
.jcontent{
    position: relative;
    width: 100%;
    height: 100%;
}
.page1{
    background:url(../images/p1_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p1_decor1{
    position: absolute;
    background:url(../images/p1_decor4.png) top center no-repeat;
    background-size:100% 100%;
    width: 100%;
    height:100%;
    top: 0;
}
.p1_logo{
    position: absolute;
    background:url(../images/logo.png) center no-repeat;
    background-size:contain;
    height: 5%;
    width: 34%;
    top: 2%;
    left: 6%;
}
.page1 ul {
    position: relative;
    height: 100%;
}
.page1 li {
    position: relative;
    width: 4.8vw;
    height: 100%;
    float: left;
}
.p1_txt1{
    position: absolute;
    height: 6.4vw;
    top: 12%;
    left: 5%;
}
.p1_txt2{
    position: absolute;
    height: 5.2vw;
    top: 17.5%;
    left: 5%;
}
.p1_txt3{
    position: absolute;
    height: 5.6vw;
    top: 22.2%;
    left: 5%;
}
.p1_txt4{
    position: absolute;
    height: 6.3vw;
    top: 27%;
    left: 5%;
}

.p1_txt1 li{
    background: url(../images/p1_txt1.png) center left no-repeat;
    background-size:  auto 100%;
}
.p1_txt2 li{
    background: url(../images/p1_txt2.png) center left no-repeat;
    background-size:  auto 100%;
}
.p1_txt3 li{
    background: url(../images/p1_txt3.png) center left no-repeat;
    background-size:  auto 100%;
}
.p1_txt4 li{
    background: url(../images/p1_txt4.png) center left no-repeat;
    background-size:  auto 100%;
}
.p1_txt1 li:nth-of-type(2) {
    width: 6vw;
}
.p1_txt1 li:nth-of-type(3) {
    width: 7vw;
    background-position-x: 32%;
}
.p1_txt1 li:nth-of-type(4) {
    background-position-x: 48%;
}
.p1_txt1 li:nth-of-type(5) {
    width: 4.5vw;
    background-position-x: 61%;
}
.p1_txt1 li:nth-of-type(6) {
    background-position-x: 74%;
}
.p1_txt1 li:nth-of-type(7) {
    background-position-x: 87%;
}
.p1_txt1 li:nth-of-type(2),.p1_txt2 li:nth-of-type(2){
    background-position-x: 14%;
}
.p1_txt2 li:nth-of-type(3){
    background-position-x: 29%;
}
.p1_txt2 li:nth-of-type(4){
    background-position-x: 43%;
}
.p1_txt2 li:nth-of-type(5){
    background-position-x: 56%;
}
.p1_txt2 li:nth-of-type(6){
    background-position-x: 71%;
}
.p1_txt2 li:nth-of-type(7){
    background-position-x: 86%;
}
.p1_txt1 li:nth-of-type(8),.p1_txt2 li:nth-of-type(8){
    background-position-x: 100%;
}
.p1_txt3 li:nth-of-type(1),.p1_txt3 li:nth-of-type(2) {
    width: 5.5vw;
}
.p1_txt3 li:nth-of-type(2){
    background-position-x: 30%;
}
.p1_txt3 li:nth-of-type(3),.p1_txt3 li:nth-of-type(4) {
    width: 4vw;
}
.p1_txt3 li:nth-of-type(3){
    background-position-x: 57%;
}
.p1_txt3 li:nth-of-type(4){
background-position-x: 76%;
}
.p1_txt3 li:nth-of-type(5) {
    background-position-x: 102%;
}
.p1_txt4 li {
    width: 4vw;
}
.p1_txt4 li:nth-of-type(4), .p1_txt4 li:nth-of-type(5), .p1_txt4 li:nth-of-type(6), .p1_txt4 li:nth-of-type(7), .p1_txt4 li:nth-of-type(8),.p1_txt4 li:nth-of-type(9) {
    width: 6.5vw;
}
.p1_txt4 li:nth-of-type(2) {
        background-position-x: 8%;
}
.p1_txt4 li:nth-of-type(3) {
    background-position-x: 17%;
}
.p1_txt4 li:nth-of-type(4) {
    background-position-x: 27%;
}
.p1_txt4 li:nth-of-type(5) {
    background-position-x: 41.45%;
    width: 6.3vw;
}
.p1_txt4 li:nth-of-type(6) {
   background-position-x: 56%;
}
.p1_txt4 li:nth-of-type(7) {
    background-position-x: 71%;
}
.p1_txt4 li:nth-of-type(8) {
    background-position-x: 86%;
}
.p1_txt4 li:nth-of-type(9){
     background-position-x:101%;
}

.p1_decor1_anim{
    opacity: 0;
    animation: p1_decor1_anim 1.5s linear forwards ;
    -webkit-animation: p1_decor1_anim 1.5s linear forwards ;
}
@keyframes p1_decor1_anim{
    50%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }

    100%{
        opacity: 1;
    }
}
@-webkit-keyframes p1_decor1_anim{
 50%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }

    100%{
        opacity: 1;
    }
}
.p1_decor2{
    position: absolute;
    background:url(../images/p1_paper1.png) center no-repeat;
    background-size:contain;
    height: 18%;
    width: 8%;
    top: 0%;
    left: 14%;
}
.p1_decor3{
    position: absolute;
    background:url(../images/p1_paper2.png) center no-repeat;
    background-size:contain;
    height: 11%;
    width: 10%;
    top: 13%;
    left: 56%;
}
.p1_decor4{
    position: absolute;
    background:url(../images/p1_paper3.png) center no-repeat;
    background-size:contain;
    height: 12%;
    width: 10%;
    top: 38%;
    left: 57%;
}
.p1_decor5{
    position: absolute;
    background:url(../images/p1_paper4.png) center no-repeat;
    background-size:contain;
    height: 15%;
    width: 6%;
    top: 62%;
    left: 32%;
}
.p1_decor6{
    position: absolute;
    background:url(../images/p1_paper5.png) center no-repeat;
    background-size:contain;
    height: 18%;
    width: 20%;
    top: 56%;
    left: 70%;
}

.p1_decor7{
    position: absolute;
    background:url(../images/p1_decor1.png) center no-repeat;
    background-size:contain;
    height: 10%;
    width: 35%;
    top: 40%;
    left: -16%;
}
.p1_decor8{
    position: absolute;
    background:url(../images/p1_decor2.png) center no-repeat;
    background-size:contain;
    height: 15%;
    width: 40%;
    right: -18%;
    top: 47%;
}
.p1_decor9{
    position: absolute;
    background:url(../images/p1_decor3.png) center no-repeat;
    background-size:contain;
    height: 10%;
    width: 40%;
    top: 55%;
    left: -23%;
}
.p1_decor10{
    position: absolute;
    background:url(../images/p1_decor5.png) center no-repeat;
    background-size:contain;
    height: 10%;
    width: 60%;
    top: 65%;
    left: 16%;
}
.p1_man{
    position: absolute;
    height: 40%;
    width: 46%;
    top: 31vh;
    left: 26%;
}
.p1_decors{
    position: absolute;
    height: 30%;
    width: 50%;
    left: 0;
    top: 33%;
    perspective: 100px;
    transform-origin: center center;
    cursor: move;

    /* border: 1px solid; */
}
.p1_dd{
    position: relative;
    height:100%;
    width: 100%;
     // margin: -350px 0 0 -450px;
     transform-style: preserve-3d;
}
@keyframes paper {
  0% {
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform-origin: 50% 50% 0;
    opacity: 1;
  }
   50%{
    opacity: 1;
  }
 90% {
    transform: translate3d(-150px, -50px, 0px) rotateX(50deg) rotateY(50deg) rotateZ(50deg);
    transform-origin: 50% 50% 0;
    opacity: 0;
  }
 100% {
    transform: translate3d(-150px, -50px, 0px) rotateX(50deg) rotateY(50deg) rotateZ(50deg);
    transform-origin: 50% 50% 0;
    opacity: 0;
  }
}
@-webkit-keyframes paper {
  0% {
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform-origin: 50% 50% 0;
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  90% {
    transform: translate3d(-150px, -50px, 0px) rotateX(50deg) rotateY(50deg) rotateZ(50deg);
    transform-origin: 50% 50% 0;
    opacity: 0;
  }
   100% {
    transform: translate3d(-150px, -50px, 0px) rotateX(50deg) rotateY(50deg) rotateZ(50deg);
    transform-origin: 50% 50% 0;
    opacity: 0;
  }
}
.p1_btn1_anim{
    animation: p1_btn1_anim 2s linear infinite;
    -webkit-animation: p1_btn1_anim 2s linear infinite;
}
@keyframes p1_btn1_anim{
    0%{
        opacity: 0.5;
        transform: scale(0.95);
    }
    50%{
        opacity: 1;
        transform: scale(1.05);
    }
    100%{
        opacity: 0.5;
        transform: scale(0.95);
    }
}
@-webkit-keyframes p1_btn1_anim{
    0%{
        opacity: 0.5;
        -webkit-transform: scale(0.95);
    }
    50%{
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    100%{
        opacity: 0.5;
        -webkit-transform: scale(0.95);
    }
}
.p1_dd div {
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform-origin: 50% 50% 0;

}
.paper_anim{
     animation: paper 3s linear infinite;
     -webkit-animation: paper 3s linear infinite;
}
.p1_man div{
    height:100%;
    width: 100%;
    background: url(../images/1.png) center bottom no-repeat;
    background-size: contain;
}
.p1_man_anim{
    animation:p1_man_anim 0.5s linear infinite;
    -webkit-animation:p1_man_anim 0.5s linear infinite;
}
@keyframes p1_man_anim{
    50%{
        background:url(../images/2.png) center bottom no-repeat;
        background-size: contain;
    }
}
@-webkit-keyframes p1_man_anim{
    50%{
        background:url(../images/2.png) center bottom no-repeat;
        background-size: contain;
    }
}

.p1_txt5{
    position: absolute;
    background:url(../images/p1_txt5.png) center no-repeat;
    background-size:contain;
    height: 7%;
    width: 42%;
    bottom: 18.5%;
    left: 29%;
}
.p1_txt6{
    position: absolute;
    background:url(../images/p1_txt6.png) center no-repeat;
    background-size:contain;
    width: 86%;
    height: 10%;
    bottom: 9%;
    left: 7%;
}
.p1_next{
    position: absolute;
    height: 6%;
    width:  10%;
    bottom: 2%;
    left: 45%;
}
.p1_next div{
    width: 100%;
    height:100%;
      background:url(../images/next.png) center no-repeat;
    background-size:contain;
}
.page2{
  background: white;
}
.p2_bg{
    background:url(../images/p2_bg.png) center top no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 90%;
    top: 0;
}
.abso div{
    position: absolute;
}
.p2_decor1{
     background: url(../images/p2_decor2.png) center no-repeat;
    background-size: 100% auto;
    width: 145vw;
    height: 120vw;
    left: -23vw;
    bottom: 14vw;
}
.p2_decor2{
    background: url(../images/p2_decor4.png) center bottom no-repeat;
    background-size: 100% auto;
    height: 15vw;
    width: 100%;
    left: 0%;
    bottom: 10%;
}

.p2_decor1_anim{
    opacity: 0;
     animation:p2_decor1_anim 0.5s linear forwards;
    -webkit-animation:p2_decor1_anim 0.5s linear forwards;
}
@keyframes p2_decor1_anim{
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,10%,0);
    -ms-transform: translate3d(0,10%,0);
    transform: translate3d(0,10%,0);
}

100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}

.p2_decor3{
    background:url(../images/p2_circle1.png) center no-repeat;
    background-size:contain;
    height: 61vw;
    width: 60%;
    top: 7%;
    left: 20%;
}
.p2_decor3_anim{
    opacity: 0;
    animation:p2_decor3_anim 1s linear forwards;
    -webkit-animation:p2_decor3_anim 1s linear forwards;
}
@keyframes p2_decor3_anim{
    0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,200deg);
    -ms-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0;
}
100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
}
@-webkit-keyframes p2_decor3_anim{
    0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,200deg);
    -ms-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0;
}
100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
}
.p2_decor4{
  background:url(../images/p2_circle2.png) center no-repeat;
  background-size:contain;
  height: 61vw;
  width: 60%;
  top: 7%;
  left: 20%;
}
.p2_decor4_anim{
    opacity: 0;
    animation:p2_decor4_anim 1s linear forwards;
    -webkit-animation:p2_decor4_anim 1s linear forwards;
}
@keyframes p2_decor4_anim{
    0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,-200deg);
    -ms-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0;
}
100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
}
@-webkit-keyframes p2_decor4_anim{
    0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,-200deg);
    -ms-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0;
}
100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}
}
.p2_decor5{
    background:url(../images/p2_decor1.png) center no-repeat;
    background-size:contain;
    height: 50%;
    width: 140%;
    left: -20%;
    top: -2%;
}




.p2_person{
    background: url(../images/p2_people.png) center no-repeat;
    background-size: contain;
    height: 60vw;
    width: 80%;
    bottom: 18%;
    left: 10%;
}
.p2_txt{
    background: url(../images/p2_title.png) center no-repeat;
    background-size: contain;
    height: 22vw;
    width: 100%;
    left: 0;
    bottom: 12%;
}
.p2_txt_anim{
    opacity: 0;
    animation:p2_txt_anim 1.2s  forwards;
    -webkit-animation:p2_txt_anim 1.2s  forwards;
}
@keyframes p2_txt_anim{
0% {
    opacity: 0.5;
    -webkit-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}
.p2_title1{
    background:url(../images/p2_txt1.png) center no-repeat;
    background-size:contain;
    height: 18vw;
    width: 17%;
    left: 17%;
    top: 17%;
}

.p2_title2{
    background:url(../images/p2_txt2.png) center no-repeat;
    background-size:contain;
    height: 16vw;
    width: 15%;
    left: 30.5%;
    top: 16%;
}
.p2_title3{
    background:url(../images/p2_txt3.png) center no-repeat;
    background-size:contain;
    height: 17vw;
    width: 17%;
    left: 41%;
    top: 14.5%;
}
.p2_title4{
    background:url(../images/p2_txt4.png) center no-repeat;
    background-size:contain;
    height: 18vw;
    width: 17%;
    left: 53%;
    top: 12.8%;
}
.p2_title5{
    background:url(../images/p2_txt5.png) center no-repeat;
    background-size:contain;
    height: 17vw;
    width: 17%;
    left: 29%;
    top: 27%;
}
.p2_title6{
    background:url(../images/p2_txt6.png) center no-repeat;
    background-size:contain;
    height: 17vw;
    width: 17%;
    left: 42%;
    top: 25.5%;
}
.p2_title7{
    background:url(../images/p2_txt7.png) center no-repeat;
    background-size:contain;
    height: 17vw;
    width: 17%;
    left: 54%;
    top: 24%;
}
.p2_title8{
    background:url(../images/p2_txt8.png) center no-repeat;
    background-size:contain;
    height: 17vw;
    width: 17%;
    left: 65%;
    top: 23%;
}

.page3,.page4{
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:cover;
}
.p3_top{
    position: absolute;
    background:url(../images/p3_decor1.png) center no-repeat;
    background-size:100% 100%;
    height: 52%;
    width: 86%;
    left: 7%;
    top: 2%;
}
.p3_title{
    position: absolute;
    background: url(../images/p3_title.png) center no-repeat;
    background-size: contain;
    height: 10%;
    width: 38%;
    left: 31%;
    top: 0;
}
.p3_title1{
    position: absolute;
    background:url(../images/p3_decor2.png) center no-repeat;
    background-size:contain;
    height: 25%;
    width: 82%;
    left: 9%;
    top: 7%;
}
.p3_title2{
    position: absolute;
    background:url(../images/p3_decor3.png) center no-repeat;
    background-size:contain;
    height: 25%;
    width: 82%;
    left: 9%;
    top: 28%;
}
.p3_title1_anim{
    opacity: 0;
    animation:p3_title1_anim 1.2s forwards;
    -webkit-animation:p3_title1_anim 1.2s forwards;
}
@keyframes p3_title1_anim{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%,0,0);
    -ms-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0);
}

100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}

.p3_zeren{
    position: absolute;
    background:url(../images/p3_decor4.png) center no-repeat;
    background-size:contain;
    height: 36%;
    width: 86%;
    top: 56%;
    left: 7%;
}

.p4_top{
    position: absolute;
    background:url(../images/p4_bg.png) center no-repeat;
    background-size:100% 100%;
     height: 55%;
    width: 86%;
    left: 7%;
    top: 8%;
}
.p4_title{
    position: absolute;
    background:url(../images/p4_rule.png) center no-repeat;
    background-size:contain;
    top: 3%;
    height: 10%;
    width: 38%;
    left: 31%;
}
.p4_title1{
    position: absolute;
    background:url(../images/p4_decor2.png) center no-repeat;
    background-size:contain;
    height: 30%;
    width: 82%;
    left: 7%;
    top: 10%;
}
.p4_title2{
    position: absolute;
    background:url(../images/p4_decor3.png) center no-repeat;
    background-size:contain;
    height: 25%;
    width: 82%;
    left: 9%;
    top: 25%;
}
.p4_title3{
    position: absolute;
    background:url(../images/p4_decor4.png) center no-repeat;
    background-size:contain;
    height: 25%;
    width: 82%;
    left: 7%;
    top: 43%;
}
.p4_shop{
    position: absolute;
    background:url(../images/p4_decor5.png) center no-repeat;
    background-size:contain;
    height:30%;
    width: 86%;
    left:7%;
    top: 66%;
}







.alertp{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
}
.alertpBox{
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    border-radius: 0.6rem;
    overflow: hidden;
}
.alertpTitle{
    position: relative;
    text-align: center;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    background: #005BAC;
    font-size: 1.5rem;
    font-weight: bold;
}
.alertp p{
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 2rem;
    padding: 1.2rem 0;
    color: #414659;
    background: #fff;
    font-size: 1.1rem;
}
.alertp p span{
    display: block;
    width: 90%;
    margin: 0 auto;
}
.alertp_close{
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: -3rem;
    right: 0rem;
    background: url(../images/close.png) center no-repeat;
    background-size: 60%;
}


.p1_txt6_anim{
    opacity: 0;
    animation:p1_txt6_anim 2s infinite;
    -webkit-animation:p1_txt6_anim 2s infinite;
}
@keyframes p1_txt6_anim{
0%, 10%, 20%, 30%, 40%, 50% ,100%{
    -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);
}
10% {
    -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);
}
20% {
    -webkit-transform: scale3d(.9,.9,.9);
    -ms-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
30% {
    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);
}
40% {
    -webkit-transform: scale3d(.97,.97,.97);
    -ms-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97);
}

50% {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
100% {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
}