@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: 100vh;
  overflow: hidden;
}
.index-flash li video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 100%;
  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: 100vh;
  overflow: hidden;
}
.index-flash li .img a img {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  /*   left: 50%;
          top: 50%;transform: translate(-50%, -50%); */
  transform: scale(1.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: #d68496;
  opacity: 1;
}
.index-flash .btn .dots span.swiper-pagination-bullet-active {
  background: #a5014a;
}
.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) {
  .main-overly {
      padding-top: 80px;
    }    
  .index-flash {
    width: 100%;
    height: 300px;
  }    
  .index-flash li .img a img {
  min-height: 20%;
  min-width: 20%;
  }
  .index-flash li video {
    height: 100%;
  }
  .img.phone-show {
    display: block;
  }
  .index-flash li .img.phone-show a {
    display: block;
  }
}