.HK-swiper-box{
  background:#ffffff;
  position:relative;
}
.HK-swiper-box-menu{
  width:100%;
  display:flex;
  /*height:53px;*/
  position:absolute;
  left:0;
  top:-20px;
  z-index:99;
}
.HK-swiper-box-menu-unit{
  flex:1;
  font-size: 22px;
  background-image:url(https://tkww-static.tkww.hk/column/hongkong/swiper-select-bg.png);
  background-size:100% 0;
  background-position:0 100%;
  background-repeat:no-repeat;
  transition:0.5s;
  padding-top:25px;
  text-align:center;
  cursor:pointer;
}
.HK-swiper-box-menu-unit-tag{
  transition:0.5s;
}
.HK-swiper-box-menu-unit-tag:hover{
  color:#cf020f;
}
.HK-swiper-box-menu-unit:nth-child(2){
  background-image:url(https://tkww-static.tkww.hk/column/hongkong/swiper-select-bg1.png);
}
.HK-swiper-box-menu-unit-active{
  background-size:100% 100%;
}
.HK-swiper-children-slide-inner{
  width:590px;
  padding-top:65px;
  margin:0 auto;
}
.HK-swiper{
  width:100%;
  height:505px;
  z-index:10;
}
.HK-swiper-children-slide-inner-img{
  width:100%;
  height:331.88px;
}
.HK-swiper-children-slide-inner-title{
  font-size:22px;
  line-height: 26px;
  height:50px;
  margin-top:7px;
}
.HK-swiper-children-pagination .swiper-pagination-bullet{
  width: 87px;
  height: 6px;
  border-radius: 3px;
  margin:0 7.5px;
  background: #dadada;
  opacity:1;
}
.HK-swiper-children-pagination .swiper-pagination-bullet-active{
  background: #e20413;
}
.HK-swiper-slide{
  background:#ffffff;
}
@media (max-width:1400px){
  .HK-swiper-box-menu-unit{
    padding-top:1.5vw;
    font-size: 1.6vw;
    line-height:2vw;
    /*height:3.9vw;*/
  }
  .HK-swiper-children-slide-inner{
    padding-top:5vw;
    width: 42vw;
  }
  .HK-swiper-children-slide-inner-img{
    height: 23.6vw;
  }
  .HK-swiper-children-slide-inner-title{
    font-size:1.6vw;
  }
  .HK-swiper{
    height:36vw;
  }
  .HK-swiper-box-menu{
    top:-1vw;
  }
  .HK-swiper-children-pagination{
    bottom:0.2vw!important;
  }
}
@media (max-width:1099px){
  .HK-swiper-box-menu-unit{
    font-size: 2vw;
    /*padding-top: 1.7vw;*/
  }
  .HK-swiper-children-slide-inner-title{
    font-size: 2vw;
    height: 4.9vw;
    line-height: 2.5vw;
  }
  .HK-swiper-children-pagination{
    bottom:0!important;
  }
  .HK-swiper{
    height:37.5vw;
  }
}
@media (max-width:767px){
  .HK-swiper-box-menu-unit{
    padding-top: 2.8vw;
    font-size: 4.27vw;
    /*height: 7.07vw;*/
    line-height: 4.27vw;
  }
  .HK-swiper-box-menu{
    top: -2.27vw;
  }
  .HK-swiper-children-slide-inner{
    padding-top:6.93vw;
    width:94vw;
  }
  .HK-swiper-children-slide-inner-img{
    height:52.8vw;
  }
  .HK-swiper{
    height:83vw;
  }
  .HK-swiper-children-pagination{
    bottom:4vw!important;
  }
  .HK-swiper-children-slide-inner-title{
    font-size:4.27vw;
    line-height: 5.33vw;
    height:10vw
  }
  .HK-swiper-children-pagination .swiper-pagination-bullet{
    width: 11.6vw;
    height: 0.8vw;
    border-radius: 0.8vw;
  }
}