/*动画360度*/
.a_xuanzhuan360 i{height:20px;vertical-align:sub;margin-right:4px;transition:transform 0.5s linear,color 0.5s linear,width 0.5s linear;}
.a_xuanzhuan360:hover i{transform:rotate(360deg);}

/*动画360一直转*/
.a_xuanzhuan360u:hover i{animation:rond 1.5s infinite;-webkit-animation:rond 1.5s infinite;}
@keyframes rond {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rond {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}

.a_ixuanzhuan360u:hover img{animation:rond 10s infinite;-webkit-animation:rond 10s infinite;}
@keyframes rond {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rond {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}
/*transition: all 0.6s;*/

.a_iscale img{transition: all 0.4s;}
.a_iscale:hover img{transform:scale(1.2);}

/*自动上滑加载动画*/
.d1{
  animation: fadeInUp 0.5s both;
  animation-delay: 0.2s;
  opacity:1 !important;
  }
.d2{
  animation: fadeInUp 0.5s both;
  animation-delay: 0.6s;
  opacity:1 !important;
  }
.d3{
  animation: fadeInUp 0.5s both;
  animation-delay: 1s;
  opacity:1 !important;
  }
.f1{
  animation: fadeIn 1s both;
  animation-delay: 1s;
}  

@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 fadeIn {
  0% {
      opacity: 0;
  };
  100%{
    opacity: 1;
  }
}

/*旋转动画*/
.a_xz:hover img{/*transition:transform 0.5s linear,color 0.5s linear,width 0.5s linear;*/ animation: mymove 0.8s alternate;
    -webkit-animation: mymove 0.8s alternate; /* Safari and Chrome */}
    @keyframes mymove {
    50% {
        transform: scale(-1,1);
    }
}

@-webkit-keyframes mymove{  /* Safari and Chrome */
    50% {
        transform: scale(-1,1);
    }
}