/**
@keyframes circle {}
@-o-keyframes circle {}
@-moz-keyframes circle {}
@-webkit-keyframes circle {}
**/
.circle {
  animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
  -o-animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
  -moz-animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
  -webkit-animation: circleX 2s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, circleY 2s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
/*画圆运动*/
@keyframes circleX {  from {    top: -60px;  }  to {    top: -40px;  }}
@keyframes circleY {  from {    right: -150px;  }  to {    right: -120px;  }}

/*放大缩小*/
@keyframes scale {  from {    transform: scale(0.9)  }  to {    transform: scale(1.15)  }}
@-o-keyframes scale  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.15)  }}
@-moz-keyframes scale  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.15)  }}
@-webkit-keyframes scale  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.15)  }}

@keyframes scale1 {  from {    transform: scale(1)  }  to {    transform: scale(1.05)  }}
@-o-keyframes scale1  {  from {    transform: scale(1)  }  to {    transform: scale(1015)  }}
@-moz-keyframes scale1  {  from {    transform: scale(1)  }  to {    transform: scale(1015)  }}
@-webkit-keyframes scale1  {  from {    transform: scale(1)  }  to {    transform: scale(1015)  }}
/*上下移动*/
@keyframes moveY{
  0%{transform: translateY(-10px);}
  100%{transform: translateY(0);}
}
/*banner2 小标*/
@keyframes banner2biao {  0% {    transform: scale(0.9) ;opacity: 0.4 }  80% {    transform: scale(1.1) ;opacity: 1 }}
@-o-keyframes banner2biao {  0% {    transform: scale(0.9) ;opacity: 0.4 }  80% {    transform: scale(1.1) ;opacity: 1 }}
@-moz-keyframes banner2biao {  0% {    transform: scale(0.9) ;opacity: 0.4 }  80% {    transform: scale(1.1) ;opacity: 1 }}
@-webkit-keyframes banner2biao {  0% {    transform: scale(0.9) ;opacity: 0.4 }  80% {    transform: scale(1.1) ;opacity: 1 }}
/*banner2 火苗*/
@keyframes huomiao2{  0%{    bottom:0;    opacity: .9;  }  100%{    bottom: -40px;    opacity: 1;   }}
@-o-keyframes huomiao2{  0%{    bottom:0;    opacity: .9;  }  100%{    bottom: -40px;    opacity: 1;   }}
@-moz-keyframes huomiao2{  0%{    bottom:0;    opacity: .9;  }  100%{    bottom: -40px;    opacity: 1;   }}
@-webkit-keyframes huomiao2{  0%{    bottom:0;    opacity: .9;  }  100%{    bottom: -40px;    opacity: 1;   }}

@keyframes huomiao1{  0%{    bottom:-10px;    opacity: .8;   }  100%{    bottom: 0px;    opacity: 1;   }}
@-o-keyframes huomiao1{  0%{    bottom:-10px;    opacity: .8;   }  100%{    bottom: 0px;    opacity: 1;   }}
@-moz-keyframes huomiao1{  0%{    bottom:-10px;    opacity: .8;   }  100%{    bottom: 0px;    opacity: 1;   }}
@-webkit-keyframes huomiao1{  0%{    bottom:-10px;    opacity: .8;   }  100%{    bottom: 0px;    opacity: 1;   }}

/*按钮 高光*/
@keyframes gaoguang {  from {    transform: rotate(0)  }  to {    transform: rotate(360deg)  }}
@-o-keyframes gaoguang  {   from {    transform: rotate(0)  }  to {    transform: rotate(360deg)  }}
@-moz-keyframes gaoguang  {   from {    transform: rotate(0)  }  to {    transform: rotate(360deg)  }}
@-webkit-keyframes gaoguang  {   from {    transform: rotate(0)  }  to {    transform: rotate(360deg)  }}
/*按钮  箭头*/
@keyframes btnjiantou {  from {    right:22px ;opacity: .5 }  to {    right:6px;opacity: 1 }}
@-o-keyframes btnjiantou {  from {    right:22px ;opacity: .5 }  to {    right:6px;opacity: 1 }}
@-moz-keyframes btnjiantou {  from {    right:22px ;opacity: .5 }  to {    right:6px;opacity: 1 }}
@-webkit-keyframes btnjiantou {  from {    right:22px ;opacity: .5 }  to {    right:6px;opacity: 1 }}

/*banner guangxian*/
@keyframes guangxian {  from {    top: -60px;right: -50px ;opacity: 1 ;transform: scale(0.9)}  to {    top: 0;right: 0 ;opacity: .3 ;transform: scale(1)}}
@-o-keyframes guangxian  {  from {     top: -60px;right: -50px ;opacity: 1 ;transform: scale(0.9)}  to {    top: 0;right: 0 ;opacity: .3 ;transform: scale(1)}}
@-moz-keyframes guangxian  {  from {     top: -60px;right: -50px ;opacity: 1;transform: scale(0.9) }  to {    top: 0;right: 0 ;opacity: .3 ;transform: scale(1)}}
@-webkit-keyframes guangxian  {  from {    top: -60px;right: -50px ;opacity: 1 ;transform: scale(0.9)}  to {    top: 0;right: 0 ;opacity: .3 ;transform: scale(1)}}