/*---------------------- 头部及导航 --------------------*/

#header {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #ffffff;
  background-color: #0081CC;
}

#header .h-container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

#header .h-company {
  cursor: pointer;
  display: inline-block;
  padding: 0 23px;
}

#header .h-company i {
  font-size: 12px;
  margin-left: 5px;
  position: relative;
}

#header .h-company:hover {
  color: #333;
  background-color: #ffffff;
}

#header .h-company:hover .h-company-list {
  display: block;
  max-height: 229px;
  overflow: auto;
}

#header .h-company-list {
  position: absolute;
  top: 36px;
  left: 0;
  width: 200px;
  padding-left: 10px;
  background-color: #ffffff;
  color: #333;
  border: 1px solid #0081cc;
  border-top: none;
  z-index: 100;
  display: none;
}

#header .h-company-list ul li {
  line-height: 12px;
  overflow: hidden;
}

#header .h-company-list ul {
  margin-top: 8px;
}

#header .h-company-list ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 8px 0px;
}

#header .h-company-list ul li.h-company-quick {
  margin-bottom: 16px;
}

#header .h-container ul.h-link {
  list-style: none;

  /* 为什么要定宽？  动态内容外部不准定宽 */
  /* width: 490px; */
  margin-bottom: 0;
}

#header .h-container ul.h-link>li {
  cursor: pointer;
  padding-left: 30px;
}

#header .h-container ul.h-link>li a {
  color: #ffffff;
}

#header .h-container ul.h-link>li a i {
  font-size: 14px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}

#header .h-link .h-kaihu {
  position: relative;
}

#header .h-link .h-kaihu ul {
  display: none;
  position: absolute;
  left: 30px;
  top: 36px;
  width: 65px;
  z-index: 100;
  background-color: #ffffff;
  color: #333;
  border: 1px solid #0081cc;
  border-top: none;
  line-height: 30px;
  text-align: center;
}

#header .h-link .h-kaihu:hover ul {
  display: block;
}

#header .h-container .h-link .h-kaihu ul a {
  color: #333;
}

#header .h-container .h-site-list {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  color: #333;
  z-index: 100;
  border: 1px solid #0081cc;
  padding: 20px 0;
  border-top: none;
  display: none;
}

#header .h-container .h-site-map:hover .h-site-list {
  display: block;
}

#header .h-container .h-site-list li {
  border-right: 1px dotted #e2e2e2;
  height: 160px;
  padding-left: 30px;
}

#header .h-container .h-site-list li h2 {
  color: #444;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 16px;
}

#header .h-container .h-site-list .h-as {
  color: #666;
}

#header .h-container .h-site-list .h-as a {
  width: 120px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  /* float: left; */
  text-align: left;
  margin-bottom: 5px;
  color: #333;
}

#header .h-container .h-95521 {
  height: 36px;
  display: flex;
  align-items: center;
}

#header .h-container .h-95521 i {
  font-size: 18px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}

nav .n-top-95521 {
  position: relative;
  top: 3px;
}


/* #header .h-container .h-95521 img {
  vertical-align: text-top;
} */

#header .h-site-map {
  display: none;
}

#header .h-language {
  position: relative;
  width: 80px;
  height: 36px;
  margin-left: 20px;
  padding-left: 10px !important;
  text-align: left;

  /* 暂时隐藏 */
  display: none;
}

#header .h-language ul {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  width: 80px;
  color: #333;
  background-color: #ffffff;
  border: 1px solid #0081cc;
  border-top: none;
  z-index: 100;
  padding-left: 10px;
}

#header .h-language .h-now-language {
  width: 100%;
  height: 100%;
}

#header .h-language:hover {
  color: #333;
  background-color: #ffffff;
}

#header .h-language:hover ul {
  display: block;
}

#header .h-language img {
  vertical-align: text-top;
  margin-right: 5px;
}

#header .h-language .icon-xia {
  font-size: 12px;
  margin-left: 3px;
}

/*----------- 导航nav ---------*/

nav {
  height: 90px;
  text-align: center;
  background-color: #ffffff;
}

nav .n-menubox {
  height: 90px;
  width: 100%;
  background-color: #ffffff;
  z-index: 100;
  font-size: 16px;
}

nav .n-menubox.n-active {
  height: 60px;
  position: fixed;
  top: -60px;
  left: 0;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.24);
  border-top: 2px solid #0081CC;
}

nav .n-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

nav .n-menubox .logo {
  float: left;
  margin-top: 28px;
  width: 250px;
  height: 34px;
  cursor: pointer;
  display: block;
  /* background-image: url(https://www.gtjaqh.net/pc/assets/images/logo.svg); */
  background-image: url(../image/logo.svg);
  background-repeat: no-repeat;
  background-size: 250px 34px;
}

nav .n-menubox .logo1 {
  float: left;
  margin: 32px 0 0 18px;
  width: 98px;
  height: 26px;
  cursor: pointer;
  display: block;
  background-image: url(../image/oneN.svg);
  background-repeat: no-repeat;
  background-size: 98px 26px;
}

nav .n-menubox .sign {
  float: left;
  margin-top: 14px;
  width: 250px;
  height: 34px;
  cursor: pointer;
  background-image: url(../image/logo.svg);
  background-repeat: no-repeat;
  background-size: 250px 34px;
}

nav .n-menubox ul {
  list-style: none;
  line-height: 22px;
  float: left;
  padding-top: 30px;
  margin-left: 12px;
  height: 100%;
}

nav .n-menubox ul.n-active {
  padding-top: 18px;
  max-width: 620px;
  overflow: hidden;
}

nav .n-menubox ul li {
  /* padding-left: 20px; */
  height: 100%;
}

nav .n-menubox ul li>a {
  font-size: 16px;
  line-height: 22px;
  padding: 0 10px 18px;
  color: #333333;
  position: relative;
  /* padding-top: 34px; */
}

nav .n-menubox ul.n-active li>a {
  padding-bottom: 12px;
  padding-top: 15px;
}

nav .n-menubox ul li>a:hover {
  color: #0081CC;
  border-bottom: 3px solid #0081CC;
}

nav .n-menubox ul li a span {
  display: inline-block;
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: 40px;
  left: 0px;
}

nav .n-menubox ul li .hoverActive {
  color: #0081CC;
  border-bottom: 3px solid #0081CC;
}

nav .n-menubox ul li:hover .n-info {
  display: block;
}

nav .n-menubox ul li .n-info {
  position: absolute;
  top: 90px;
  left: 0;
  width: 1200px;
  padding: 20px;
  background-color: #ffffff;
  opacity: 0.96;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  z-index: 30;
  display: none;
}

nav .n-menubox ul li .n-info dl {
  width: 770px;
  overflow: hidden;
}

nav .n-menubox ul li .n-info dl.n-advertisment {
  width: 390px !important;
}

nav .n-menubox.n-active ul li .n-info {
  top: 58px;
}

nav .n-menubox .n-info dd {
  height: 80px;
  margin-bottom: 15px;
  padding-right: 15px;
}

nav .n-menubox .n-info dd h2 {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding-left: 10px;
  border-left: 4px solid #0081CC;
  margin: 10px 0;
}

nav .n-menubox .n-info dd h2 a[href]:hover {
  text-decoration: underline;
  color: #0081CC;
  cursor: pointer;
}

nav .n-menubox .n-info dd a {
  color: #555555;
}

nav .n-menubox .n-info dd>a {
  margin-bottom: 5px;
  color: #666666;
  float: left;
  font-size: 13px;
  line-height: 20px;
  margin-left: 12px;
}

nav .n-menubox .n-info dd>a:hover {
  text-decoration: underline;
  color: #0081CC;
}

nav .n-menubox .n-advertisment dd {
  height: auto;
}

nav .n-menubox .n-advertisment .n-ad-item {
  height: 100px;
  margin-top: 10px;
}

nav .n-menubox .n-advertisment img {
  /* width: 180px;
  height: 100%; */
  cursor: pointer;
}

nav .n-menubox .n-advertisment .n-ad {
  width: 180px;
  text-align: left;
  margin-left: 20px;
}

nav .n-menubox .n-advertisment h3 {
  font-size: 14px;
}

nav .n-menubox .n-advertisment h3+div {
  font-size: 12px;
  color: #666666;
}

nav .n-menubox .n-opinion {
  position: absolute;
  top: 30px;
  right: 62px;
}

nav .n-menubox .n-opinion a {
  color: red;
}

nav .n-menubox .n-input {
  width: 180px;
  height: 36px;
  position: absolute;
  top: 26px;
  right: 62px;

  /* 暂时隐藏 */
  display: none;
}

nav .n-menubox .n-input div {
  position: relative;
}

nav .n-menubox .n-input input {
  width: 180px;
  height: 36px;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  text-indent: 18px;
}

nav .n-menubox .n-input i {
  position: absolute;
  right: 12px;
  top: 8px;
  color: #888888;
}

nav .n-menubox .n-ercode {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 22px;
  right: 0px;

  /* 暂时隐藏 */
  display: none;
}

nav .n-menubox.n-active .n-ercode {
  top: 8px;
}

nav .n-menubox .n-top {
  float: right;
  height: 42px;
  line-height: 42px;
  margin-right: 60px;
  margin-top: 7px;
}

nav .n-menubox .n-top i {
  margin-left: 20px;
  font-size: 20px;
  color: #333333;
}

nav .n-menubox .n-top a img {
  margin-left: 20px;
}

nav a[href]:hover {
  /* text-decoration: underline; */
}