/* 顶部 */
#header {
  background: #F5822F;
  transition: all ease 0.6s;
}

#header #time{
  font-style: normal !important;
}

#header .header-top {
  background-color: #073B91;
  /* height: 50px; */
  height: 55px;
  color: #fff;
  font-size: 14px;
  line-height: 42px;
}

/* 顶部的快捷功能和图标 */
#header .header-top .customs-head-link>li {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  line-height: 42px;
  cursor: pointer;
}

#header .header-top .customs-head-link>li>a {
  color: #fff;
  padding: 0 10px;
  cursor: pointer;
}

#header .header-top .customs-head-link>li>a>img {
  display: inline-block;
  vertical-align: middle;
}

/* 顶部的快捷功能和图标 a 链接 鼠标滑上去的样式 */
#header .header-top .customs-head-link>li>a:hover {
  text-decoration: none;
}

/** logo 标题栏 */
#header .header-title1 {
  height: 72px;
  width: 100%;
  background-color: #073B91;
}

#header .header-title {
  height: 72px;
}

/* 标题栏logo */
#header .header-title .header-title-logo {
  height: 100%;
  float: left;
  position: relative;
  margin-top: -10px;
}

/* 标题栏logo图片 */
#header .header-title .header-title-logo img {
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* 导航栏 */
#header .header-nav {
  height: 50px;
}

/* 导航栏 导航容器 */
#header .header-nav .header-nav-wrapper {
  line-height: 50px;
  float: left;
  margin: 0;
  max-width: 1000px;
  color: #fff;
}

/* 电脑端登录信息样式 */
#header .header-nav .header-login {
  line-height: 46px;
  float: right;
  margin: 0;
  color: #fff;
  max-width: 800px;
  font-size: 16px;
  margin-left: 10px;
}

#header .header-nav .header-login .header-login-wrapper>li {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  line-height: 42px;
  cursor: pointer;
  margin-left: 15px;
}

/* 手机端登录信息样式 */
.header-top .header-login {
  line-height: 46px;
  float: right;
  margin: 0;
  color: #fff;
  max-width: 800px;
  font-size: 14px;
}

.header-top .header-login .header-login-wrapper>li {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  line-height: 42px;
  cursor: pointer;
  margin-left: 10px;
}


/* 暂时隐藏未登录样式 */
#login {
  display: block;
}

#not-login {
  display: none;
}

/* 导航栏 每个导航 */
#header .header-nav .header-nav-wrapper>li {
  padding: 0 18px;
  width: auto;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* 导航栏 每个导航下面的 a 链接 */
#header .header-nav .header-nav-wrapper>li>a {
  color: #fff;
  font-size: 16px;
  padding: 15px 0;
  position: relative;
}

/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
#header .header-nav .header-nav-wrapper>li:first-child:hover{
  background-image: url("/views/hl2024/skin/default/new_version_homepage/img/daohang.png");
  background-repeat: no-repeat;
  /* background-size: 100px 50px; */
  background-size: 60px 50px;
}

#header .header-nav .header-nav-wrapper>li:hover{
  background-image: url("/views/hl2024/skin/default/new_version_homepage/img/daohang.png");
  background-repeat: no-repeat;
  background-size: 100px 50px;
  background-position: center;
}

#header .header-nav .header-nav-wrapper>li>a:hover {
  text-decoration: none;
}

/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
#header .header-nav .header-nav-wrapper .active {
  color: #eff1f3;
  text-decoration: none;
  border-bottom: #01a1ec 3px solid;
}

/* 登录栏 每个导航下面的 a 链接 鼠标点击后的样式 */
.header-login .header-login-wrapper>li>a{
  color: #fff;
}
.header-login .header-login-wrapper>li>a:hover{
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  #header .header-nav-m {
    position: relative;
  }

  /* 导航栏logo容器 */
  #header .header-nav-m .header-nav-m-logo {
    height: 80px;
    position: relative;
    background-color: #16407a;
  }

  /* 导航栏logo图片 */
  #header .header-nav-m .header-nav-m-logo img {
    width: 95%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper{
    height: 35px;
    color: #fff;
  }
  /* 导航栏 每个导航 */
  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper>li {
    padding: 0 0.2rem;
    width: auto;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
  }

  /* 导航栏 每个导航下面的 a 链接 */
  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper>li>a {
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    position: relative;
  }

  /* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper>li:hover {
    border-bottom: #01a1ec 3px solid;
  }

  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper>li>a:hover {
    text-decoration: none;
  }

  /* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
  #header .header-nav-m .header-nav-m-wrapper .active {
    color: #eff1f3;
    text-decoration: none;
    border-bottom: #01a1ec 2px solid;
  }
}

@media screen and (max-width: 768px) {
  /* 导航栏logo容器 */
  #header .header-nav-m .header-nav-m-logo {
    height: 60px;
  }
  #header .header-nav-m .header-nav-m-menu .header-nav-m-wrapper>li>a {
    padding: 10px 0;
  }
  #menu{
    margin-bottom: 0;
  } 
  .header-login{
    margin-right: 10px !important;
  }
  
}