@charset "UTF-8";
body {
  padding-top: 135px!important;
}
.headerBlock {
  width: 100%;
  /*height: 100%;*/
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.headerNav {
  width: 100%;
  height: 76px;
  background: rgba(41, 104, 179, .1);
  display: flex;
  align-items: center;
}
.headerNav-main .layui-nav .layui-nav-item a:hover,
.headerNav-main .layui-nav .layui-nav-item a.nav_this{
  color: #2968B3;
}
.headerNav-main .layui-nav .layui-nav-child dd.layui-this a,
.headerNav-main .layui-nav-child dd.layui-this{
  background: #f6f6f6!important;
}
.headerNav-search {
  margin-right: 30px;
  position: relative;
}
.search-box {
  width: 84px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border-radius: 16px;
  background-color: #2968B3;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.search-box img {
  width: 13px;
  height: 13px;
  margin-left: 5px;
}
.search-popup {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999999;
  /*width: 689px;*/
  width: 0px;
  height: 236px;
  overflow: hidden;
  padding: 20px 79px 20px 25px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 6px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05), 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.search-popup .close-btn {
  position: absolute;
  top:39px;
  right: 31px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: none;
}
.search-popup_input_box {
  width: 585px;
  height: 54px;
  border-radius: 27px;
  background-color: #2968B3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  margin-bottom: 20px;
}
.search-popup_input {
  width: 516px;
  height: 46px;
  background-color: #fff;
  border-radius: 23px;
  display: flex;
  align-items: center;
}
.search-popup_input .layui-btn-primary {
  border:none;
  margin-bottom: 0;
  margin-right: 0;
  height: 46px;
  line-height: 46px;
  font-size: 15px;
  font-weight: bold;
  color: #2968B3;
  padding: 0 8px 0 18px
}
.search-dropdown {
  min-width: 76px;
  text-align: center;
}
.search-dropdown li:hover {
  background-color: rgba(41, 104, 179, 0.7);
  color: #fff;
}
.search-popup_input>span {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #D0D5E3;
}
.search-popup_input input {
  width: 413px;
  height: 46px;
  border: none;
  outline: none;
  font-size: 15px;
  padding: 0 8px;
  background-color: transparent;
}
.search-popup_input_box>img {
  width: 25px;
  height: 25px;
  margin-right: 25px;
  cursor: pointer;
}
.search-popup_input_box>img:active {
  transform: scale3d(0.92, 0.92, 1);
}
.search-popup_hot {
  border-top: 1px solid #E9EFF7;
}
.search-popup_hot .search-popup_hot_t {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 15px 0 5px;
}
.search-popup_hot .search-popup_hot_c {
  display: flex;
  flex-wrap: wrap;
  max-height: 80px;
  overflow: hidden;
}
.search-popup_hot .search-popup_hot_c div {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #F2F6FA;
  border-radius: 2px;
  color: #333;
  font-size: 14px;
  margin-right: 30px;
  margin-top: 10px;
  cursor: pointer;
}

.headerBottom {
  width: 100%;
  height: 59px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  font-size: 16px!important;
  background-color: #fff;
  padding: 0 30px;
}
.headerBottom span {
  display: inline-block;
}
.headerNews {
  display: flex;
  align-items: center;
}
.headerNews_icon {
  width: 26px;
  height: 22px;
  margin-right: 16px;
}
.headerNews_icon img {
  width: 100%;
  height: 100%;
}
.headerNews_more {
  display: inline-block;
  margin-left: 50px;
  color: #1567B9;
  cursor: pointer;
  font-size: 12px;
}
.headerNews_more:hover {
  color: #1567B9;
}
/* 创建一个@keyframes动画 */
/*@keyframes marquee {*/
/*  0% {*/
/*    transform: translateX(432px); !* 文字初始位置在右侧 *!*/
/*  }*/
/*  100% {*/
/*    transform: translateX(-100%); !* 文字最终位置在左侧 *!*/
/*  }*/
/*}*/
.headerNews_news {
  /*width: 432px;*/
  width: 600px;
  height: 22px;
  overflow: hidden; /* 溢出部分隐藏 */
  /*position: relative;*/
  /*transition: all 2s;*/
}
/*.headerNews_news>span {*/
/*  white-space: nowrap; !* 文本不换行 *!*/
/*  overflow: hidden; !* 溢出部分隐藏 *!*/
/*  animation-name: marquee;!* 使用上面定义的动画，持续时间8秒，线性运动，无限循环 *!*/
/*  animation-duration: 15s;*/
/*  animation-timing-function: linear ;*/
/*  animation-iteration-count: infinite;*/
/*}*/
/*.headerNews_news>span>a {*/
/*  margin-right: 30px;*/
/*}*/
.headerNews_news ul li {
  width: 100%;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.headerLinks {
  display: flex;
  align-items: center;
}
.headerLinks span {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: #979797;
  margin-left: 25px;
  margin-right: 25px;
}
.headerLinks>a:first-child {
  /*margin-right: 20px;*/
}
/*头像*/
.headerLinks .header-info{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.headerLinks .header-info .header-info-img{
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.headerLinks .header-info .header-info-img img{
  width: 100%;
  height: 100%;
}
.headerLinks .logouts-li{
  margin-left: 20px;
}

.headerNav-main .layui-nav .layui-nav-item .layui-nav-child dd{
  text-align: left;
}
.headerNav-main .layui-nav .layui-nav-item .layui-nav-child dd a {
  font-size: 16px!important;
  font-weight: normal;
}
.headerNav-main .layui-nav .layui-nav-item .layui-nav-child dd.layui-nav-third-child a{
  font-size: 14px!important;
  font-weight: normal;
}
.headerNav-main .layui-nav .layui-nav-item .layui-nav-child dd.layui-nav-third-child a img {
  display: inline-block;
  width: 12px;
  margin-right: 5px;
  margin-left: 10px;
}

@media screen and (min-width: 1440px) {
  .headerNav-logo {
    width: 554px;
    height: 46px;
    margin-left: 30px;
  }
  .headerNav-logo img {
    width: 100%;
    height: 100%;
  }
  .headerNav-main {
    width: calc(100% - 689px);
  }
  .headerNav-main .layui-nav {
    background-color: transparent;
    padding-left: 11.5%;
    padding-right: 12.7%;
    display: flex;
    justify-content: space-between;
  }
  .headerNav-main .layui-nav .layui-nav-item a {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 0 15px;
    position: relative;
  }
  .headerNav-main .layui-nav .layui-nav-item>a img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-40%);
    width: 8px;
    height: 5px;
    transition: all 0.1s ease 0s;
  }
  .headerNav-main .layui-nav .layui-nav-item>a:hover img,
  .headerNav-main .layui-nav .layui-nav-item:has(.layui-nav-child.layui-show)>a img{
    transform: rotate(180deg);
  }
  .headerNav-main .layui-nav .layui-nav-more {
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    display: none!important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1440px) {
  .headerNav-logo {
    width: 480px;
    height: 40px;
    margin-left: 30px;
  }
  .headerNav-logo img {
    width: 100%;
    height: 100%;
  }
  .headerNav-main {
    width: calc(100% - 624px);
    text-align: center;
  }
  .headerNav-main .layui-nav {
    background-color: transparent;
    /*padding-left: 25px;*/
    /*padding-right: 25px;*/
  }
  .headerNav-main .layui-nav .layui-nav-item a {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 0 15px;
  }
  .headerNav-main .layui-nav .layui-nav-item>a img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-40%);
    width: 8.5px;
    height: 5px;
    transition: all 0.1s ease 0s;
  }
  .headerNav-main .layui-nav .layui-nav-item>a:hover img,
  .headerNav-main .layui-nav .layui-nav-item:has(.layui-nav-child.layui-show)>a img{
    transform: rotate(180deg);
  }
  .headerNav-main .layui-nav .layui-nav-more {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: none;
  }
}
