body,div,span,p,em,ul,li,h1,h2,h3,dl,dt,dd,img,header,footer,nav,section,article,video,aside,dialog,figure,figcaption,time{margin:0;padding:0;border:0 none; outline:none;}
body {font-family:sans-serif "Microsoft YaHei";-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;margin: 0 auto;}
html{font-size: 62.5%;}
ul,li{list-style: none;}

a{text-decoration: none;color:inherit;}
.clearfix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:'';}
.clearfix{ zoom:1;}
.zt_whole img{width: 100%;display: block;}
.zt_an{animation: hover 3s linear infinite;}
.zt_fade{animation: fadeIn-t 2s linear infinite;}


.zt_whole{width: 100%;max-width: 32rem;margin: 0 auto;}
.box{position: relative;}
.zt1_box a{width: 44%;position: absolute;bottom: 10%;left: 50%;margin-left: -22%;}
.zt2_box1 a{position: absolute;bottom: 5%;width: 7%;left: 50%;}
.zt2_box1 a.zt2_an1{margin-left: -10.5%;}
.zt2_box1 a.zt2_an2{margin-left: 29.5%;}

.zt2_box2 a{position: absolute;bottom: 5%;width: 7%;right: 27%;}
.zt2_box3 a{bottom: 20%;}
.zt2_box4 a{bottom: 16%;}

.zt3_lb .swiper-pagination{position: absolute;bottom: 8%!important;}
.zt3_lb .swiper-pagination span{margin: 0 1%;}
.zt3_lb .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #630009;
    opacity: 1;
}
.zt3_lb .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff1631;
}

.zt4_box a{position: absolute;width: 19%;bottom: 15%;left: 50%;margin-left: -9.5%;}



















@-webkit-keyframes hover{
    0%,100%{-webkit-transform:translateY(0)}
    20%,70%{-webkit-transform:translateY(-5px)}
    40%,60%{-webkit-transform:translateY(0)}
}
@keyframes hover{
    0%,100%{transform:translateY(0)}
    20%,70%{transform:translateY(-5px)}
    40%,80%{transform:translateY(0)}
}



@keyframes fadeIn-t {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn-t {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}



.hover{ -webkit-animation: hove 2s linear infinite; animation: hove 2s linear infinite;}

@-webkit-keyframes hove {
    0%,100% {
        -webkit-transform: translateY(0);
    }
    20%,70% {
        -webkit-transform: translateY(-5px);
    }
    40%,60% {
        -webkit-transform: translateY(0);
    }
}
@keyframes hove {
      0%,100% {
          transform: translateY(0);
      }
      20%,70% {
          transform: translateY(-5px);
      }
      40%,80% {
          transform: translateY(0);
      }
  }