/* 动画 */
.starts{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
  }
  .starts img{
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    position: absolute;
  }
  .starts_m1{
    left: 2px;
    top:40%;
    animation:opshow 3s infinite;
    -webkit-animation:opshow 3s infinite;
  }
  .starts_m2{
    left: 14%;
    top:15%;
    animation:opshow 5s infinite;
    -webkit-animation:opshow 5s infinite;
  }
  .starts_m3{
    left: 15%;
    top:32%;
    animation:opshow 6s infinite;
    -webkit-animation:opshow 6s infinite;
  }
  .starts_m4{
    left: 11%;
    top:59%;
    animation:opshow 4s infinite;
    -webkit-animation:opshow 4s infinite;
  }
  .starts_m5{
    left: 18%;
    top:80%;
    animation:opshow 5s infinite;
    -webkit-animation:opshow 5s infinite;
  }
  .starts_m6{
    left: 22%;
    top:84%;
  }
  .starts_m7{
    left: 22%;
    top:4%;
    animation:opshow 3s infinite;
    -webkit-animation:opshow 3s infinite;
  }
  .starts_m8{
    left: 35.6%;
    top:28%;
    animation:opshow 4s infinite;
    -webkit-animation:opshow 4s infinite;
  }
  .starts_m9{
    left: 52%;
    top:12%;
    animation:opshow 5s infinite;
    -webkit-animation:opshow 5s infinite;
  }
  .starts_m10{
    left: 52%;
    top:71%;
    animation:opshow 6s infinite;
    -webkit-animation:opshow 6s infinite;
  }
  .starts_m11{
    left: 65%;
    top:23%;
    animation:opshow 7s infinite;
    -webkit-animation:opshow 7s infinite;
  }
  .starts_m12{
    left: 82%;
    top:76%;
    animation:opshow 3s infinite;
    -webkit-animation:opshow 3s infinite;
  }
  .starts_m13{
    left: 81%;
    top:51%;
    animation:opshow 5s infinite;
    -webkit-animation:opshow 5s infinite;
  }
  .starts_m14{
    right: 3%;
    top:14%;
    animation:opshow 4s infinite;
    -webkit-animation:opshow 4s infinite;
  }
  .starts_m15{
    right: 7%;
    top:64%;
    animation:opshow 6s infinite;
    -webkit-animation:opshow 6s infinite;
  }
  .starts_m16{
    right: 14.3%;
    top:12.3%;
    animation:opshow 3s infinite;
    -webkit-animation:opshow 3s infinite;
  }
  @keyframes car{
    0% {
      transform: translate(1000px,0);
      -webkit-transform: translate(1000px,0);
      -moz-transform: translate(1000px,0);
    }
    100% {
      transform: translate(0,0);
      -moz-transform: translate(0,0);
      -webkit-transform: translate(0,0);
    }
    }
  @-webkit-keyframes car{
     0% {
      transform: translate(1000px,0);
      -webkit-transform: translate(1000px,0);
      -moz-transform: translate(1000px,0);
    }
    100% {
      transform: translate(0,0);
      -moz-transform: translate(0,0);
      -webkit-transform: translate(0,0);
    }
    }
    @-moz-keyframes car{
     0% {
      transform: translate(1000px,0);
      -webkit-transform: translate(1000px,0);
      -moz-transform: translate(1000px,0);
    }
    100% {
      transform: translate(0,0);
      -moz-transform: translate(0,0);
      -webkit-transform: translate(0,0);
    }
      }
@keyframes opshow{
  0% {
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
      -ms-opacity:1;
      filter:alpha(opacity=100);
  }
  50% {
      opacity:0;
      -webkit-opacity:0;
      -moz-opacity:0;
      -ms-opacity:0;
      filter:alpha(opacity=0);
  }
  100% {
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
      -ms-opacity:1;
      filter:alpha(opacity=100);
  }
  }
  @-webkit-keyframes opshow{
      0% {
          opacity:1;
          -webkit-opacity:1;
          -moz-opacity:1;
          -ms-opacity:1;
          filter:alpha(opacity=100);
      }
      50% {
          opacity:0;
          -webkit-opacity:0;
          -moz-opacity:0;
          -ms-opacity:0;
          filter:alpha(opacity=0);
      }
      100% {
          opacity:1;
          -webkit-opacity:1;
          -moz-opacity:1;
          -ms-opacity:1;
          filter:alpha(opacity=100);
      }
      }
      @-ms-keyframes opshow{
          0% {
              opacity:1;
              -webkit-opacity:1;
              -moz-opacity:1;
              -ms-opacity:1;
              filter:alpha(opacity=100);
          }
          50% {
              opacity:0;
              -webkit-opacity:0;
              -moz-opacity:0;
              -ms-opacity:0;
              filter:alpha(opacity=0);
          }
          100% {
              opacity:1;
              -webkit-opacity:1;
              -moz-opacity:1;
              -ms-opacity:1;
              filter:alpha(opacity=100);
          }
          }
          @-webkit-keyframes opshow{
              0% {
                  opacity:1;
                  -webkit-opacity:1;
                  -moz-opacity:1;
                  -ms-opacity:1;
                  filter:alpha(opacity=100);
              }
              50% {
                  opacity:0;
                  -webkit-opacity:0;
                  -moz-opacity:0;
                  -ms-opacity:0;
                  filter:alpha(opacity=0);
              }
              100% {
                  opacity:1;
                  -webkit-opacity:1;
                  -moz-opacity:1;
                  -ms-opacity:1;
                  filter:alpha(opacity=100);
              }
              }
 @keyframes optop{
                0% {
                   top: -60px;
                }
                50% {
                  top: -70px;
                }
                100% {
                  top: -60px;
              }
              }
@keyframes leftyidong{
  0% {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0)
  }
  50% {
    transform: translate(10px,0);
    -webkit-transform: translate(10px,0);
    -moz-transform: translate(10px,0);
  }
  100% {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0)
  }
  }
  @-webkit-keyframes leftyidong{
    0% {
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0)
    }
    50% {
      transform: translate(10px,0);
      -webkit-transform: translate(10px,0);
      -moz-transform: translate(10px,0);
    }
    100% {
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0)
    }
    }
    @-moz-keyframes leftyidong{
      0% {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0)
      }
      50% {
        transform: translate(10px,0);
        -webkit-transform: translate(10px,0);
        -moz-transform: translate(10px,0);
      }
      100% {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0)
      }
      }
      @keyframes topyidong{
        0% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        50% {
          transform: translate(0,10px);
          -webkit-transform: translate(0,10px);
          -moz-transform: translate(0,10px)
        }
        100% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        }
        @keyframes topyidong2{
          0% {
            transform: translate(0,0);
            -webkit-transform: translate(0,0);
            -moz-transform: translate(0,0)
          }
          50% {
            transform: translate(0,30px);
            -webkit-transform: translate(0,30px);
            -moz-transform: translate(0,30px)
          }
          100% {
            transform: translate(0,0);
            -webkit-transform: translate(0,0);
            -moz-transform: translate(0,0)
          }
          }
      @-webkit-keyframes topyidong{
        0% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        50% {
          transform: translate(0,10px);
          -webkit-transform: translate(0,10px);
          -moz-transform: translate(0,10px)
        }
        100% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        }
      @-moz-keyframes topyidong{
        0% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        50% {
          transform: translate(0,10px);
          -webkit-transform: translate(0,10px);
          -moz-transform: translate(0,10px)
        }
        100% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0)
        }
        }

        @keyframes upbom{
          0% {
            top: 180px;
            opacity:0.5;
            -webkit-opacity:0.5;
            -moz-opacity:0.5;
            -ms-opacity:0.5;
            filter:alpha(opacity=50);
          }
          100% {
            top: 0;
            top: -180px;
            opacity:1;
            -webkit-opacity:1;
            -moz-opacity:1;
            -ms-opacity:1;
            filter:alpha(opacity=1);
          }
          }
          @-webkit-keyframes upbom{
            0% {
              top: 180px;
              opacity:0.5;
              -webkit-opacity:0.5;
              -moz-opacity:0.5;
              -ms-opacity:0.5;
              filter:alpha(opacity=50);
            }
            100% {
              top: 0;
              top: -180px;
              opacity:1;
              -webkit-opacity:1;
              -moz-opacity:1;
              -ms-opacity:1;
              filter:alpha(opacity=1);
            }
            }
 @keyframes topopy{
        0% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0);
          opacity:1;
          -webkit-opacity:1;
        }
        100% {
          transform: translate(0,-30px);
          -webkit-transform: translate(0,-30px);
          -moz-transform: translate(0,-30px);
          opacity:0.1;
          -webkit-opacity:0.1;
        }
        }
@-webkit-keyframes topopy{
        0% {
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0);
          opacity:1;
          -webkit-opacity:1;
        }
        100% {
          transform: translate(0,-30px);
          -webkit-transform: translate(0,-30px);
          -moz-transform: translate(0,-30px);
          opacity:0.1;
          -webkit-opacity:0.1;
        }
        }
@keyframes tnro{
          0% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
          }
          100% {
            transform:rotate(360deg);
            -webkit-transform:rotate(360deg);
            -moz-transform:rotate(360deg);
          }
          }
@-webkit-keyframes tnro{
          0% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
          }
          100% {
            transform:rotate(360deg);
            -webkit-transform:rotate(360deg);
            -moz-transform:rotate(360deg);
          }
          }
@-moz-keyframes tnro{
          0% {
            transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
          }
          100% {
            transform:rotate(360deg);
            -webkit-transform:rotate(360deg);
            -moz-transform:rotate(360deg);
          }
          }
          @keyframes opshow2{
            0% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
            }
            50% {
                opacity:0.2;
                -webkit-opacity:0.2;
                -moz-opacity:0.2;
                -ms-opacity:0.2;
                filter:alpha(opacity=20);
            }
            100% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
            }
            }
            @-webkit-keyframes opshow2{
            0% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
            }
            50% {
                opacity:0.2;
                -webkit-opacity:0.2;
                -moz-opacity:0.2;
                -ms-opacity:0.2;
                filter:alpha(opacity=20);
            }
            100% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
            }
            }
/* 首页相关动画 */
@keyframes anm1{
  0% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  50% {
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    filter:alpha(opacity=100);
  }
  100% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  }
  @keyframes anm1{
  0% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  50% {
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    filter:alpha(opacity=100);
  }
  100% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  }
  @-webkit-keyframes anm1{
    0% {
      transform:scale(1);
      -webkit-transform:scale(1);
      opacity:0.3;
      -webkit-opacity:0.3;
      -moz-opacity:0.3;
      -ms-opacity:0.3;
      filter:alpha(opacity=30);
    }
    50% {
      transform:scale(0.6);
      -webkit-transform:scale(0.6);
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
      -ms-opacity:1;
      filter:alpha(opacity=100);
    }
    100% {
      transform:scale(1);
      -webkit-transform:scale(1);
      opacity:0.3;
      -webkit-opacity:0.3;
      -moz-opacity:0.3;
      -ms-opacity:0.3;
      filter:alpha(opacity=30);
    }
    }
    @-ms-keyframes anm1{
      0% {
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity:0.3;
        -webkit-opacity:0.3;
        -moz-opacity:0.3;
        -ms-opacity:0.3;
        filter:alpha(opacity=30);
      }
      50% {
        transform:scale(0.6);
        -webkit-transform:scale(0.6);
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
        -ms-opacity:1;
        filter:alpha(opacity=100);
      }
      100% {
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity:0.3;
        -webkit-opacity:0.3;
        -moz-opacity:0.3;
        -ms-opacity:0.3;
        filter:alpha(opacity=30);
      }
      }
    @-moz-keyframes anm1{
  0% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  50% {
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    filter:alpha(opacity=100);
  }
  100% {
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
    -ms-opacity:0.3;
    filter:alpha(opacity=30);
  }
  }
  @keyframes anm2{
    0% {
      transform:translate(-1000px,0);
      -webkit-transform:translate(-1000px,0);
      -moz-transform:translate(-1000px,0);
    }
    100% {
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
    }
    }
    @-webkit-keyframes anm2{
      0% {
        transform:translate(-1000px,0);
        -webkit-transform:translate(-1000px,0);
        -moz-transform:translate(-1000px,0);
      }
      100% {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
      }
      }
  @keyframes anm3{
    0% {
      transform:translate(0,200px);
      -webkit-transform:translate(0,200px);
      -moz-transform:translate(0,200px);
      opacity:0;
      -webkit-opacity:0;
      -moz-opacity:0;
    }
    100% {
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
    }
    }
    @-webkit-keyframes anm3{
      0% {
        transform:translate(0,200px);
        -webkit-transform:translate(0,200px);
        -moz-transform:translate(0,200px);
        opacity:0;
        -webkit-opacity:0;
        -moz-opacity:0;
      }
      100% {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
      }
      }
  @keyframes anm4{
    0% {
      top: -10px;
      opacity:0;
      -webkit-opacity:0;
      -moz-opacity:0;
    }
    100% {
      top: 0px;
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
    }
    }
    @-webkit-keyframes anm4{
      0% {
        top: -10px;
        opacity:0;
        -webkit-opacity:0;
        -moz-opacity:0;
      }
      100% {
        top: 0px;
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
      }
      }
  @keyframes anm5{
      0% {
        transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      }
      25% {
        transform: translate(0,-30px);
      -webkit-transform: translate(0,-30px);
      -moz-transform: translate(0,-30px);
      }
      50%{
        transform: translate(30px,-30px);
        -webkit-transform: translate(30px,-30px);
        -moz-transform: translate(30px,-30px);
      }
      75%{
        transform: translate(30px,0);
        -webkit-transform: translate(30px,0);
        -moz-transform: translate(30px,0);
      }
      100%{
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
      }
      }
      @-webkit-keyframes anm5{
        0% {
          transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        }
        25% {
          transform: translate(0,-30px);
        -webkit-transform: translate(0,-30px);
        -moz-transform: translate(0,-30px);
        }
        50%{
          transform: translate(30px,-30px);
          -webkit-transform: translate(30px,-30px);
          -moz-transform: translate(30px,-30px);
        }
        75%{
          transform: translate(30px,0);
          -webkit-transform: translate(30px,0);
          -moz-transform: translate(30px,0);
        }
        100%{
          transform: translate(0,0);
          -webkit-transform: translate(0,0);
          -moz-transform: translate(0,0);
        }
        }

        @keyframes anm8{
          0% {
              opacity:1;
              -webkit-opacity:1;
              -moz-opacity:1;
              -ms-opacity:1;
              filter:alpha(opacity=100);
              transform: translate(0,0);
              -webkit-transform: translate(0,0);
              -moz-transform: translate(0,0)
            }
          50% {
              opacity:0;
              -webkit-opacity:0;
              -moz-opacity:0;
              -ms-opacity:0;
              filter:alpha(opacity=0);
              transform: translate(0,10px);
              -webkit-transform: translate(0,10px);
              -moz-transform: translate(0,10px)
          }
          100% {
              opacity:1;
              -webkit-opacity:1;
              -moz-opacity:1;
              -ms-opacity:1;
              filter:alpha(opacity=100);
              transform: translate(0,0);
              -webkit-transform: translate(0,0);
              -moz-transform: translate(0,0)
          }
          }

          @-webkit-keyframes anm8{
            0% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
                transform: translate(0,0);
                -webkit-transform: translate(0,0);
                -moz-transform: translate(0,0)
              }
            50% {
                opacity:0;
                -webkit-opacity:0;
                -moz-opacity:0;
                -ms-opacity:0;
                filter:alpha(opacity=0);
                transform: translate(0,10px);
                -webkit-transform: translate(0,10px);
                -moz-transform: translate(0,10px)
            }
            100% {
                opacity:1;
                -webkit-opacity:1;
                -moz-opacity:1;
                -ms-opacity:1;
                filter:alpha(opacity=100);
                transform: translate(0,0);
                -webkit-transform: translate(0,0);
                -moz-transform: translate(0,0)
            }
            }

 @keyframes anm9{
    0% {
      transform: translate(0,-30px);
      -webkit-transform: translate(0,-30px);
      -moz-transform: translate(0,-30px);
      opacity:0;
      -webkit-opacity:0;
      -moz-opacity:0;
    }
    100% {
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      opacity:1;
      -webkit-opacity:1;
      -moz-opacity:1;
    }
    }
    @-webkit-keyframes anm9{
      0% {
        transform: translate(0,-30px);
        -webkit-transform: translate(0,-30px);
        -moz-transform: translate(0,-30px);
        opacity:0;
        -webkit-opacity:0;
        -moz-opacity:0;
      }
      100% {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
      }
      }