/* CSS Document */
@-webkit-keyframes banner1Text {
0% {
opacity:0;
-webkit-transform:translateX(-140px);
transform:translateX(-140px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes banner1Text {
0% {
opacity:0;
-webkit-transform:translateX(-140px);
-ms-transform:translateX(-140px);
transform:translateX(-140px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes banner1Img1 {
0% {
opacity:0;
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes banner1Img1 {
0% {
opacity:0;
-webkit-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes banner1Img2 {
0% {
opacity:0;
-webkit-transform:translate(140px,-240px);
transform:translate(140px,-240px);
}
100% {
opacity:1;
-webkit-transform:translate(0,0);
transform:translate(0,0);
}
}
@keyframes banner1Img2 {
0% {
opacity:0;
-webkit-transform:translate(140px,-240px);
-ms-transform:translate(140px,-240px);
transform:translate(140px,-240px);
}
100% {
opacity:1;
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
}
}

/*代理商查询*/
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-40px);
-ms-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(-40px);
transform:translateX(-40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(-40px);
-ms-transform:translateX(-40px);
transform:translateX(-40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(40px);
transform:translateX(40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(40px);
-ms-transform:translateX(40px);
transform:translateX(40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeShow {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeShow {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeInTop {
0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInTop {
0% {
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}

@-webkit-keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft2;
  animation-name: fadeInLeft2;
}


@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight2;
  animation-name: fadeInRight2;
}