.cursor {
  cursor: pointer;
}
:root {
  --themeColor: #2d407a;
  --footColor: #2b2b2b;
}
.disnone {
  display: none !important;
}
.Grayscalebg {
  background: #F9FAFC;
}
.Grayscalebg2 {
  background: #F5F5F5;
}
.Grayscalebg3 {
  background: #F1F2F3;
}
.cationbot {
  padding-bottom: 100px;
}
.OuterBox {
  width: 100%;
  position: relative;
  padding: 0 4.8vw;
  overflow: hidden;
}
.backorther {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.grid2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid3 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.OuterPadd {
  padding: 10vw 0;
}
.pagesBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagesBox ul {
  display: flex;
}
.pagesBox a,
.pagesBox span {
  min-width: 8.6667vw;
  height: 8.6667vw;
  background: #f5f5f5;
  border-radius: 0.6667vw;
  margin-right: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.4667vw;
  color: var(--footColor);
}
.pagesBox a font,
.pagesBox span font {
  font-size: 2.8vw;
  width: 100%;
  height: 100%;
  background: var(--themeColor);
  color: #fff !important;
  border-radius: 0.6667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexSwiper {
  width: 100%;
  height: 100%;
}
.indexSwiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.indexSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.indexSwiper .swiper-wrapper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}
.indexSwiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  display: block;
}
.indexSwiper .isActive {
  background: var(--themeColor);
  opacity: 1 !important;
}
.indexSwiper .btn_next,
.indexSwiper .btn_prev {
  width: 12vw;
  height: 12vw;
  background-color: #0000001a;
  border-radius: 0.6667vw;
}
.indexSwiper .btn_next i,
.indexSwiper .btn_prev i {
  color: #fff;
  font-weight: bold;
  font-size: 4.2vw;
}
.indexSwiper .btn_next::after,
.indexSwiper .btn_prev::after {
  display: none;
}
.foot_mask {
  height: 13.3333vw;
  width: 100%;
}
#foot {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 14vw;
  background-color: #fff;
  width: 100vw;
  z-index: 100;
  border-top: solid 1px #e5e5e5;
}
#foot .foot_item {
  height: 100%;
  color: #666;
  text-align: center;
  font-size: 2.9333vw;
}
#foot .foot_item i {
  text-align: center;
  color: inherit;
  font-size: 5.5vw;
}
#foot .foot_item.isActive {
  color: var(--themeColor);
}
.nodatas {
  width: 100%;
  padding: 4vw 0;
  font-size: 3.2vw;
  color: #666;
}
.nonedata {
  width: 100%;
}
.nonedata .nocontent {
  width: 100%;
  min-height: 400px;
}
.nonedata .nocontent img {
  width: 200px;
}
.nonedata .nocontent span {
  margin-top: 20px;
  color: #323232;
  font-size: 16px;
  font-weight: bold;
}
.BMap_bubble_pop {
  padding: 8px !important;
}
.BMap_bubble_center {
  height: 80px !important;
}
.BMap_bubble_center,
.BMap_bubble_title,
.BMap_bubble_content {
  width: 100% !important;
}
.BMap_bubble_pop img {
  top: 128px !important;
}
@keyframes hvr-buzz-out {
  5% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  10% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  15% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  25% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  30% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  35% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  40% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  45% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  50% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes scale {
  0%,
  100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
  }
}