.menu {
    position: absolute;
    width: 50rem;
}

.bannerTop {
  background: linear-gradient(180deg, rgba(31, 69, 134, 0.5) 0%, rgba(47, 107, 211, 0.268987) 38.02%, rgba(58, 129, 251, 0) 100%);
}
.bannerTopBlack {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.35) 29.69%, rgba(0, 0, 0, 0.00) 100%);
}
.navSelected{
  background-color: #fff;
  color: #1F293B !important;
}
.navSelected:hover {
  color: #fff !important;
}
.serveItem:hover {
    background: linear-gradient(90deg, rgba(58, 129, 251, 0.30) 0%, rgba(58, 193.10, 251, 0) 100%);
    border-radius: 10px;
}

.tall_us:hover {
    color: #3A81FB;
}
.open_email {
    display: none;
}
.menu .active_sever_item {
    background: #3A81FB;
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
}
.active_serve_child_item{
  color: #fff;
  background-color: #4299e1;
}
.serve_content {
    display: none;
}
.avtive_serve_content {
    display: block;
}


a.contact {
  border: 2px solid var(--surface-surface-primary, #FFF);
  width: 15rem;
  min-height: 6rem;
  height: 7.3rem;
}
@media screen and (max-width:1024px) {
  a.contact {
    border:none;
    width: 15rem;
    min-height: 6rem;
    height: 7.3rem;
    /* border: 1px solid #3A81FB; */
  }
}
a.contact:hover .bgcolor {
  opacity: 1;
}

a.contact .bgcolor {
  opacity: 0;
  background: linear-gradient(180deg, #3A81FB 0%, #3AAAFB 100%);
}

a.contact:hover .arrow {
  opacity: 0;
  width: 15rem;
}

a.contact:hover .arrowLong {
  opacity: 1;
  width: 15rem;
}

.archery:hover .arrow {
  opacity: 0;
  width: 15rem;
}

.archery:hover .arrowLong {
  opacity: 1;
  width: 15rem;
}
/* 导航控制台图标 */
.console:hover svg{
  fill: #1F293B;
}
#toast {
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
.tag_top{
  background-image: url(../static/image/message_list/tag_top.png);
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position-x: 100%;
}
.tag_new{
  background-image: url(../static/image/message_list/tag_new.png);
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position-x: 100%;
}
.swiperLinear{
  transition-timing-function: linear !important;
}
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
  (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
  (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
  :root {
    font-size: 16px;
  }
}

.hidden_c {
  display: none;
}
.item_link {
  display: none;
}
.bannerItem {
  display: none;
}
.seveContent {
  /* display: none; */
  /* color: #93AAC2; */
}
.menuContent {
  display: none;
}
.openMenu {
  display: none;
}
.contactM {
  background: rgba(255, 255, 255, 0.30);
  backdrop-filter: blur(22px);
  border-radius: 10px;
  border: 1px solid #fff;
}
.contactM2 {
  /* background: rgba(255, 255, 255, 0.30); */
  backdrop-filter: blur(22px);
  /* border: 1px solid ; */
  background-image: url('./../static/image/city_level/itembg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background-color: #E8EBED !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background-color: #3A81FB !important;
}