@charset "utf-8";

.index-flash li .name a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
   
   .index-flash .btn, .index-flash .btn .dots {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex; }
   
   
   
   .index-flash .btn {
    justify-content: center;
    -webkit-justify-content: center; }
   
   
   
   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
   
   /**********************************************/
   .index-flash {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .index-flash li {
      position: relative;
      height: 70vh;
      overflow: hidden; }
      .index-flash li video {
        position: absolute;
        left: 50%;
        top: 50%;
        min-height:70%;
        min-width: 100%;
        transform: translate(-50%, -50%); }
      .index-flash li .video-btn {
    
        background-size: 100%;
        width: 1.08rem;
        height: 1.08rem;
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        margin-left: -.54rem;
        margin-top: -.54rem;
        cursor: pointer;
        opacity: 0; }
      .index-flash li .img a {
        position: relative;
        display: block;
        height: 70vh;
        overflow: hidden; }
        
        .index-flash li .img a img {
          position: absolute;
       
          min-height: 70%;
          min-width: 100%;
          max-width: 100%;
         /*   left: 50%;
          top: 50%;transform: translate(-50%, -50%); */
    transform:scale(1);
     transition: 6s;
        
        }

      
          .index-flash li .name a {
        display: block;
        color: #fff;
        text-align: center;
        font-weight: bold;
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        top: auto;
        bottom: 1.3rem;
        font-size: .24rem;
        padding: 0 .3rem;
        height: 1.3em;
        line-height: 1.3em; }
    .index-flash .btn {
      position: absolute;
      z-index: 5;
      left: 65%;
      right: 0;
      top: auto;
      bottom: 1.3rem; }
      .index-flash .btn .dots span {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 8px;
        width: 15px;
        height: 15px;
        background: #82c1ea;
        opacity: 1; }
      .index-flash .btn .dots span.swiper-pagination-bullet-active {
        background: #5a4398; }
      .index-flash .btn a {
        font-size: 12px;
        color: #fff;
        height: 14px;
        line-height: 14px;
        border-left: rgba(255, 255, 255, 0.65) solid 1px;
        margin-left: 12px;
        padding-left: 17px; }
        .index-flash .btn a:hover {
          color: #dcc55a; }
    .index-flash .arrow a {
      display: block;
      width: .53rem;
      height: .53rem;
      background: center no-repeat;
      background-size: 100%;
      position: absolute;
      z-index: 1;
      left: auto;
      right: auto;
      top: 50%;
      bottom: auto;
      margin-top: -.26rem;
      opacity: 0; }
      .index-flash .arrow a.prev {
        left: .28rem;
    }
      .index-flash .arrow a.next {
        right: .28rem;
       }
    .index-flash:hover .arrow a {
      opacity: .5; }
      .index-flash:hover .arrow a:hover {
        opacity: 1; }

@media screen and (max-width: 800px){
    .index-flash li .img a img {
      height: 50%; }
      .index-flash li video {
      height: 100%; }
.img.phone-show {
    display: block;
}
.index-flash li .img.phone-show a {
    display: block;
}

}