.pc-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 1rem;
  padding: .2rem 0;
  transition: background-color .3s ease;
}
.pc-header-scroll {
  background: rgba(255, 255, 255, .8);
}
.pc-header .inner {
  max-width: 1920px;
  width: 100%;
  height: .6rem;
  padding: 0 3.3rem 0 2.4rem;
}
.hd-logo img {
  width: .42rem;
  height: .42rem;
}
.nav {
  margin-left: 1.98rem ;
}
.nav a {
  position: relative;
  padding: .06rem 0;
  font-size: .15rem;
  color: #222;
  letter-spacing: .01rem;
  line-height: .21rem;
}
.nav a:not(:first-child) {
  margin-left: .9rem;
}
.nav a.active {
  font-weight: bold;
  color: #000;
}
.nav a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.03rem;
  transform: translateX(-50%);
  width: .42rem;
  height: .03rem;
  border-radius: .02rem;
  background: #000;
}
.pc-header-weixin {
  position: relative;
  margin-right: .36rem;
  height: 100%;
}
.weixin-gzh {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: 1.2rem;
  height: 1.2rem;
}
.pc-header-weixin:hover .weixin-gzh {
  display: block;
}
.pc-header-weibo {
  margin-right: .3rem;
  height: 100%;
}
.pc-header-weixin .icon,
.pc-header-weibo .icon {
  width: .22rem;
  height: .22rem;
}
.language {
  position: relative;
  height: 100%;
}
.language-active {
  font-size: .15rem;
  color: #222;
  font-weight: bold;
  line-height: .21rem;
}
.language-arrow {
  margin-left: .09rem;
  width: .16rem;
  height: .16rem;
  transform-origin: center center;
  transition: transform .4s ease;
}
.other-language {
  display: none;
  position: absolute;
  left: -.06rem;
  bottom: .1rem;
  transform: translateY(100%);
  padding: 0 .06rem;
  height: .24rem;
  background: #fff;
  border-radius: .06rem;
  font-size: .15rem;
  color: #222222;
  font-weight: 500;
  animation: Language .3s forwards;
}
@keyframes Language {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.language:hover .language-arrow {
  transform: rotate(180deg);
}
.language:hover .other-language {
  display: block;
}