@media screen and (max-width: 1200px) {
  .width-gt-1200 {
    display: none;
  }
  .web-header-left {
    display: flex;
    justify-content: space-between;
    width: 3.5rem /* 280/80 */;
    min-width: 3.5rem /* 280/80 */;
    height: .45rem /* 36/80 */;
    line-height: .45rem /* 36/80 */;
    font-size: .325rem /* 26/80 */;
  }
}

@media screen and (min-width: 1201px) {
  .width-lt-1200 {
    display: none;
  }
  .width-gt-1200 {
    line-height: .45rem /* 36/80 */ !important;
    /* font-size: 18px !important; */
  }
  .web-header-left {
    display: flex;
    justify-content: space-between;
    /* width: 380px; */
    /* min-width: 380px; */
    /* height: 36px; */
    /* line-height: 36px; */
    font-size: .325rem /* 26/80 */;
  }
}

.web-header {
  width: 100%;
  height: 1.75rem /* 140/80 */;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
  /* background-color: #FFF; */
  /* background-color: red; */
  /* padding: 27px 0; */
}

.headerOne{
  transition: 0.3s;
  background-color: #173F8F;
}

.web-header-left-img {
  width: 7rem /* 560/80 */;
  height: .875rem /* 70/80 */;
}

.web-header-left-img-one {
  /* width: 823px;
    height: 44px; */
  width: 100%;
  height: 100%;
  display: block;
}

.web-header-right {
  /* width: 100%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .2rem /* 16/80 */;
  height: .875rem /* 70/80 */;
}

.web-header-tab {
  display: flex;
  /* line-height: 90px; */
  min-width: 5.5rem /* 440/80 */;
  margin: 0 auto;
  /* width: 440px; */
  /* margin-right: 60px; */
}

.web-header-tab-one {
  font-size: .225rem /* 18/80 */;
  height: .55rem /* 70/80 */;
  color: #fff;
  line-height: .55rem /* 70/80 */;
  cursor: pointer;
  min-width: 1.5rem /* 120/80 */;
  /* margin:  0 20px; */
  /* width: fit-content;
    padding-left: 20px;
    padding-right: 20px; */
  text-align: center;
  position: relative;
}

.web-header-tab-one:hover {
  transition: 0.3s;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.4);
}

.web-header-tab-one-active {
  transition: 0.3s;
  color: #FFFFFF;
  /* background-color: rgba(255, 255, 255, 0.4); */
}

.nav2 {
  position: absolute;
  display: none;
  /* 将某元素隐藏起来 */
  /* 绝对定位 */
  background-color: #173F8F;
  /* 最小宽度 */
  z-index: 999;
}

.nav2 .navto {
  font-size: .225rem /* 18/80 */;
  height: .55rem /* 70/80 */;
  color: #fff;
  line-height: .55rem /* 70/80 */;
  cursor: pointer;
  /* margin:  0 20px; */
  /* width: fit-content;
  padding-left: 20px;
  padding-right: 20px; */
  min-width: 1.5rem /* 120/80 */;
  text-align: center;
  /* display: block; */
}

.nav2 .navto:hover {
  transition: 0.3s;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.4);
}

/* 鼠标悬浮时的颜色 */
.web-header-tab-one:hover .nav2 {
  transition: 0.3s;
  display: block;
  z-index: 999;
}