.mobile {
  width: 100%;
}

.nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #e8e8e8;
  margin: 0 auto;
  z-index: 999;
}

.nav .navber {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.nav .navber .lang {
  display: flex;
  justify-content: flex-end;
}

.nav .navber .lang .ch a {
  color: #8e8e8e;
}

.nav .navber .lang li a {
  display: block;
  text-align: center;
  line-height: 80px;
  margin-right: 10px;
}

.nav .navber {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.nav .navber ul li {
  width: 100%;
  height: 100%;
  margin-right: 10px;
}


.nav .navber ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 80px;
}

.nav .navber ul li a img {
  width: 32px;
}

.nav .navber .more {
  margin: 0 50px 0 20px;
  z-index: 999;
}

.nav .navber .more ul li ol {
  position: absolute;
  top: 80px;
  right: 10px;
}

.nav .navber .more ul li ol {
  width: 50%;
  background-color: #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  /* 让盒子先沿着Y轴缩放0%  也就是隐藏了*/
  transform: scaleY(0);
  /* 我们需要将盒子从上面滑动下来，设置一下缩放的中心点即可，设置到最上面的中间位置 */
  transform-origin: 50% 0;
  /* 过渡效果 */
  transition: all 0.6s;
}

.nav .navber .more ul li ol li {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e9e9e9;
}

.nav .navber .more ul li ol li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 60px;
}

.nav .navber .more ul li ol li:hover a {
  background-color: #ebebeb;
  color: #000000;
}

.nav .navber .more ul li:focus-within ol {
  transform: scaleY(1);
}

/* 内容部分 */
.content {
  width: 100%;
  margin: 0 auto;

}

.content .content-tow {
  margin-top: 160px;
  width: 100%;
}

.content .content-tow a {
  display: block;
  width: 100%;
}

.content .content-tow img {
  width: 100%;
}

/* 底部内容 */
.dizhi {
  width: 100%;
  margin: 0 auto;
  margin-top: 5%;
}

.dizhi .dizhi-mone {
  width: 100%;
}

.dizhi .dizhi-mone a {
  display: block;
  width: 100%;
  text-align: center;
}

.dizhi .dizhi-mone a img {
  margin-top: 5%;
  width: 26%;
}

.dizhi p {
  margin-top: 30%;
  font-size: 9px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #000000;
}

footer {
  width: 100%;
  margin: 0 auto;
  margin: 3% 0 5% 0;

  height: 40px;
}

footer p {
  width: 100%;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
}