/*头部导航*/
#menu a{-webkit-transition:all 1.5s; -moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;}
/*首页*/
/*舆情折线*/
.ball-scale-multiple {position: relative;-webkit-transform: translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px); }
.ball-scale-multiple > div:nth-child(2) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.ball-scale-multiple > div:nth-child(3) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s; }
.ball-scale-multiple > div {background-color: #fff;width: 15px;height: 15px; border-radius: 100%; margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation:ball-scale-multiple 1.5s 0s linear infinite;
            animation:ball-scale-multiple 1.5s 0s linear infinite; }
@-webkit-keyframes ball-scale-multiple {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0; }
  5% {opacity: 1; }
  100% {-webkit-transform: scale(1);transform: scale(1); opacity: 0; } }
@keyframes ball-scale-multiple {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0; }
  5% {opacity: 1; }
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; } }
.active .index_login{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.5s;-webkit-animation-delay:.5s;}
.active .index_img01{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.active .index_con01{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.2s;-webkit-animation-delay:.2s;}
.active .index_bfh{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.8s;-webkit-animation-delay:.8s;}

/*产品介绍*/
.active .product_tit{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.active .product_list{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.active .product_con .layer:nth-child(1) .product_list{animation-delay:.4s;-webkit-animation-delay:.4s;}
.active .product_con .layer:nth-child(2) .product_list{animation-delay:.6s;-webkit-animation-delay:.6s;}
.active .product_con .layer:nth-child(3) .product_list{animation-delay:.8s;-webkit-animation-delay:.8s;}
.active .product_con .layer:nth-child(4) .product_list{animation-delay:1s;-webkit-animation-delay:1s;}
.active .product_con .layer:nth-child(5) .product_list{animation-delay:1.2s;-webkit-animation-delay:1.2s;}

.product_demo {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align: center; margin-top:200px;}
.demo__loader {width:30vw;height: auto;-webkit-animation: scale 5s ease infinite;animation: scale 5s ease infinite;}
.demo__wave {stroke: url("#gradient1");stroke-width: 1.5px;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.demo__wave:nth-child(2){-webkit-animation: rotate 2686ms linear infinite;animation: rotate 2686ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(3){-webkit-animation: rotate 3012ms linear infinite;animation: rotate 3012ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(4){-webkit-animation: rotate 2557ms linear infinite;animation: rotate 2557ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(5){-webkit-animation: rotate 2662ms linear infinite;animation: rotate 2662ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(6){-webkit-animation: rotate 2782ms linear infinite; animation: rotate 2782ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(7){-webkit-animation: rotate 2506ms linear infinite; animation: rotate 2506ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(8){-webkit-animation: rotate 2681ms linear infinite;animation: rotate 2681ms linear infinite; stroke: url("#gradient3");}
.demo__wave:nth-child(9){-webkit-animation: rotate 3502ms linear infinite;animation: rotate 3502ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(10){-webkit-animation: rotate 4098ms linear infinite;animation: rotate 4098ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(11){-webkit-animation: rotate 4062ms linear infinite;animation: rotate 4062ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(12){-webkit-animation: rotate 3557ms linear infinite;animation: rotate 3557ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(13){-webkit-animation: rotate 4375ms linear infinite; animation: rotate 4375ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(14){-webkit-animation: rotate 3621ms linear infinite; animation: rotate 3621ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(15){-webkit-animation: rotate 2887ms linear infinite;animation: rotate 2887ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(16){-webkit-animation: rotate 4267ms linear infinite;animation: rotate 4267ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(17){-webkit-animation: rotate 2626ms linear infinite;animation: rotate 2626ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(18){-webkit-animation: rotate 2961ms linear infinite;animation: rotate 2961ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(19){-webkit-animation: rotate 5616ms linear infinite;animation: rotate 5616ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(20){-webkit-animation: rotate 5527ms linear infinite;animation: rotate 5527ms linear infinite;stroke: url("#gradient3");}
.demo__wave:nth-child(21){-webkit-animation: rotate 6697ms linear infinite;animation: rotate 6697ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(22){-webkit-animation: rotate 6889ms linear infinite;animation: rotate 6889ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(23){-webkit-animation: rotate 3619ms linear infinite;animation: rotate 3619ms linear infinite;stroke: url("#gradient2");}
.demo__wave:nth-child(24){-webkit-animation: rotate 3314ms linear infinite;animation: rotate 3314ms linear infinite;stroke: url("#gradient1");}
.demo__wave:nth-child(25){-webkit-animation: rotate 2517ms linear infinite;animation: rotate 2517ms linear infinite;stroke: url("#gradient1");}
@-webkit-keyframes rotate {
from {-webkit-transform: rotateX(0);transform: rotateX(0);}
to {-webkit-transform: rotateX(360deg); transform: rotateX(360deg);}
}
@keyframes rotate {
from {-webkit-transform: rotateX(0);transform: rotateX(0);}
to {-webkit-transform: rotateX(360deg); transform: rotateX(360deg);}
}
@-webkit-keyframes scale {
0% {-webkit-transform: scaleY(0.6); transform: scaleY(0.6);}
50% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4);}
100% {-webkit-transform: scaleY(0.6); transform: scaleY(0.6);}
}
@keyframes scale {
0% {-webkit-transform: scaleY(0.6);transform: scaleY(0.6);}
50% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}
100% {-webkit-transform: scaleY(0.6); transform: scaleY(0.6);}
}
.me {position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;font-family: "Roboto", sans-serif;font-size: 17px;color: white;opacity:0;
-webkit-transform: translateY(10px);
		transform: translateY(10px);
-webkit-animation: appear 0.6s 1;
		animation: appear 0.6s 1;
-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
-webkit-animation-delay: 5s;
		animation-delay: 5s;
}
.me a{color: white;}
.me a:hover{color: #078bb0;}
@-webkit-keyframes appear {
to {-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes appear {
to{-webkit-transform: none;transform: none;opacity: 1;}}
/*市场价值*/
.active .value_one_tit{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s;-webkit-animation-delay:1s;}

/*关于我们*/
.active .about_our{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:2s;-webkit-animation-delay:2s;}


/*中青华云*/
.active .map_bg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.5s;-webkit-animation-delay:.5s;}
.active .map_icon01{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s;-webkit-animation-delay:1s;}
.active .map_icon02{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.active .map_icon03{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:2s;-webkit-animation-delay:2s;}
.active .map_add{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:3s;-webkit-animation-delay:3s;}
.active .company_message{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1s;-webkit-animation-delay:1s;}
.active .company_about{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:3.5s;-webkit-animation-delay:2.5s;}

.active .animated{-webkit-animation-duration:1s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-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: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}}
@keyframes bounceInDown{0%,100%,60%,75%,90%{-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:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.active .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-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: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)}}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-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:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.active .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}

@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
.active .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}

@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-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:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-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:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.active .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
.active .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-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:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%,100%,60%,75%,90%{-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:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.active .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
.active .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}

@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.active .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}

@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-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)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
.active .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
/*按钮*/

@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}


.button{ animation:swing01 1s  2.5s 1 alternate; }
@-webkit-keyframes swing01{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@keyframes swing01{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}

@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
.active .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;animation-delay:.1s!important;-webkit-animation-delay:.1s!important;}