@charset "uft-8";
/* CSS Document */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ma {
  margin: 0 auto;
}
.dt {
  display: table;
}
.db {
  display: block;
}
.cb {
  clear: both;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.tac {
  text-align: center;
}
.hm-contaier .hm-box {
  margin-top: -1px;
  position: relative;
}
.hm-contaier .hm-box.sm01,
.hm-contaier .hm-box.sm02,
.hm-contaier .hm-box.sm03,
.hm-contaier .hm-box.sm04,
.hm-contaier .hm-box.sm05,
.hm-contaier .hm-box.sm06,
.hm-contaier .hm-box.sm07 {
  background-color:#FFC7D8;
}
.hm-contaier .title,
.hm-contaier .lk {
  display: table;
  margin: 0 auto;
  clear: both;
}
.hm-contaier .title {
  width: 100%;
  text-align: center;
  padding: 0.8rem 0 0.33333333rem;
}
.hm-contaier .title h3 {
  font-size: 0.74666667rem;
  line-height: 1rem;
  color: #f92c8b;
}
.hm-contaier .title p {
  font-size: 0.26666667rem;
  line-height: 0.4rem;
  color: #51283a;
  font-weight: 100;
}
.hm-contaier .zt-lk1 a,.hm-contaier .zt-lk2 a,.hm-contaier .zt-lk3 a {
  width: 100%;
  height: 100%;
  display: table;
  margin: 0 auto;
  clear: both;
  -webkit-animation: dx 2s linear infinite;
  animation: dx 2s linear infinite;
}
.hm-contaier .lk a {
  width: auto;
  height: 0.88rem;
  border-radius: 0.45333333rem;
  font-size: 0.32rem;
  line-height: 0.90666667rem;
  color: #fff;
  font-weight: bold;
  padding: 0 1rem;
  background-color: #f84699;
  box-shadow: 0 0.06666667rem 0.33333333rem rgba(0, 0, 0, 0.35);
  display: table;
  margin: 0 auto;
  clear: both;
  -webkit-animation: dx 2s linear infinite;
  animation: dx 2s linear infinite;
}
.hm-contaier .banner .swiper-container,
.hm-contaier .banner .swiper-slide {
  position: relative;
}
.hm-contaier .banner .swiper-container .btn,
.hm-contaier .banner .swiper-slide .btn {
  width: 4.02666667rem;
  position: absolute;
  left: 0.46666667rem;
  bottom: 2.8rem;
  -webkit-animation: dx 2s linear infinite;
  animation: dx 2s linear infinite;
}
.hm-contaier .banner .swiper-pagination {
  bottom: 0;
}
.gg {
  padding: 0.4rem 0 0;
}
.gg a {
  width: 9.85333333rem;
  display: table;
  margin: 0 auto;
  clear: both;
}
.menu {
  padding: 0.74666667rem 0 0.4rem;
}
.menu .main {
  width: 9.44rem;
  display: table;
}
.menu .main a {
  width: 25%;
  float: left;
  display: block;
  margin-bottom: 0.4rem;
}
.menu .main a img {
  width: 1.52rem;
  display: block;
  margin: 0 auto;
  clear: both;
}
.menu .main a p {
  font-size: 0.29333333rem;
  line-height: 0.66666667rem;
  text-align: center;
  color: #263658;
}




.sm01{
 background: url('../images/sm01.jpg') no-repeat center top / 100%;
 height: 6.19rem;
 position:relative;
}



.sm02{
 background: url('../images/sm02.jpg') no-repeat center top / 100%;
  height: 10.63rem;
  position:relative;
}
.sm02 .zt-lk1 {
    position: absolute;
    width: 4.3rem;
    height: 0.8rem;
    top: 9.55rem;
    left: 2.8rem;
}


.sm03{
  height: 17.4rem;
  position:relative;
}


.sm04{
 background: url('../images/sm04.jpg') no-repeat center top / 100%;
 height: 14.71rem;
 position:relative;
}
.sm04 .zt-lk1 {
    position: absolute;
    width: 4.7rem;
    height: 0.8rem;
    top: 14.6rem;
    left: 2.6rem;
}


.sm05{
 background: url('../images/sm05.jpg') no-repeat center top / 100%;
 height: 14.6rem;
 position:relative;
}
.sm05 .zt-lk1 {
   position: absolute;
    width: 4.5rem;
    height: 0.8rem;
    top: 15.4rem;
    left: 2.8rem;
}
.sm06{
 background: url('../images/sm06.jpg') no-repeat center top / 100%;
 height: 7.6rem;
 position:relative;
}


.sm07{
 background: url('../images/sm07.jpg') no-repeat center top / 100%;
  height: 7.35rem;
  position:relative;
}



.sm03 .swiper-pagination{
  bottom:-0.25rem;  
}




.gzhm {
background: url('../images/qh_bj.jpg') no-repeat center top / 100%;
}
.gzhm .title {
  width: 6.36rem;
  padding: 0.8rem 0;
}
.gzhm .main {
  width: 9.33333333rem;
  display: block;
  margin-bottom: 0.53333333rem;
  margin-top: 1.1rem;
}
.gzhm .main .swiper-container,
.gzhm .main .swiper-slide {
  position: relative;
}
.gzhm .main .pagination {
  display: table;
  bottom: 0;
  padding: 0;
  margin: 0;
}
.gzhm .main .pagination .swiper-pagination-bullet {
    width: 2.8rem;
    height: 1.5rem;
    font-size: 0.45rem;
    line-height: 0.58rem;
    text-align: center;
    color: #000;
    background: #f1f5ff;
    opacity: 1;
    border-radius: 0.3rem;
    margin-right: 0.45rem;
    padding-top: 0.2rem;
    margin-bottom: 0.34666667rem;
    display: block;
    float: left;
  background: url('../images/t_qh01.png') no-repeat center top / 112%;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 4px 8px, rgba(0, 0, 0, 0.1) 2px 4px 8px, rgba(0, 0, 0, 0.1) 2px 4px 8px, rgba(0, 0, 0, 0.1) 2px 4px 8px;
}
.gzhm .main .pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.gzhm .main .pagination .swiper-pagination-bullet-active {
  position: relative;
  background: url('../images/t_qh01_2.png') no-repeat center top / 112%;
}

@keyframes td {
  0%,
  100% {
    transform: translateY(4px);
  }
  50% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes td {
  0%,
  100% {
    -webkit-transform: translateY(4px);
  }
  50% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes dx {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
@-webkit-keyframes dx {
  0% {
    -webkit-transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
  }
}