/**
 * Huateng 首页专用：仅保留顶栏 / 下拉所需片段，替代整包 huateng-shell.css，减轻全局 Huateng 样式对首屏的干扰。
 * 内页仍加载完整 huateng-shell.css（见 index.html 内联脚本 + App.vue 同步）。
 */
:root {
  --ht-accent: #0f81f8;
}

.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

.displaynone {
  display: none !important;
}

#dowebok {
  z-index: 1;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 120px;
  z-index: 998;
  background: #ffffff;
}

header.active {
  border: 1px solid #eeeeee;
}

header .nav {
  line-height: 80px;
  transition: 600ms ease-in-out;
}

header .nav .daohang .yuyans {
  line-height: 78px;
}

header .nav .daohang .daohang-ul > li {
  padding: 0 26px;
  float: left;
  display: inline-block;
  position: relative;
}

header .nav .daohang .daohang-ul > li:nth-child(5) .erls-uls1 {
  width: 180px;
}

header .nav .daohang .daohang-ul > li .erls-uls1 {
  width: 140px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  position: absolute;
  display: none;
  top: 80px;
  line-height: 25px;
  padding: 5px 0;
  border: 1px solid #eeeeee;
  background: rgba(255, 255, 255, 0.8);
}

header .nav .daohang .daohang-ul > li .erls-uls1 li {
  text-align: center;
}

header .nav .daohang .daohang-ul > li .erls-uls1 li a {
  display: block;
  line-height: 30px;
  text-align: center;
  color: #000000;
}

header .nav .daohang .daohang-ul > li .erls-uls1 li:hover a {
  background: var(--ht-accent);
  color: #ffffff;
}

header .nav .daohang .daohang-ul > li:hover .erls-uls1 {
  display: block;
}

header .nav .daohang .daohang-ul > li::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0%;
  transition: 400ms ease-in-out;
  opacity: 0;
  bottom: 0px;
}

header .nav .daohang .daohang-ul > li > a {
  color: #3f3f3f;
  font-size: 16px;
}

header .nav .daohang .daohang-ul > li.active,
header .nav .daohang .daohang-ul > li:hover {
  position: relative;
}

header .nav .daohang .daohang-ul > li.active a,
header .nav .daohang .daohang-ul > li:hover a {
  color: var(--ht-accent);
}

header .nav .daohang .daohang-ul > li.active::after,
header .nav .daohang .daohang-ul > li:hover:after {
  background: var(--ht-accent);
  opacity: 1;
  transition: 400ms ease-in-out;
}

.yuyans .pr {
  text-transform: uppercase;
  padding: 0 16px;
  color: #555555;
  font-size: 14px;
  cursor: pointer;
}

.yuyans .pr i {
  font-size: 18px;
}

.yuyans:hover .wbus-ul {
  display: block;
}

.wbus-ul {
  display: none;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 0;
  border: 1px solid #eeeeee;
  z-index: 1001;
}

.wbus-ul li a {
  display: block;
  line-height: 30px;
  text-align: center;
  color: #000000;
}

.wbus-ul li a:hover {
  background: var(--ht-accent);
  color: #ffffff;
}

header .nav span {
  float: left;
}

header .nav .xian {
  display: inline-block;
  background: #d5d5d5;
  width: 1px;
  height: 18px;
  margin-left: 28px;
  position: relative;
  top: 32px;
}

header .nav .soa {
  background: var(--ht-accent);
  display: inline-block;
  padding: 0 30px;
}

header .nav .soa i {
  color: #fff;
}

header .nav .doap {
  padding: 0 30px;
  background: #373737;
  display: inline-block;
}

header .nav .doap i {
  color: #fff;
}