/* 菜单 */
.bl-header-menu {
  width: 100%;
  /* background-color: #f6fafd; */
  text-align: center;
  position: relative;
  z-index: 2;
  height: 58px;
  background: transparent;
}
.bl-header-menu > span {
  display: inline-block;
  color: #303133;
  cursor: pointer;
  margin: 0 56px;
}
.bl-header-menu > span:hover,
.bl-header-menu > span.active {
  color: #3664d1;
}
.bl-header-menu > div {
  display: none;
  position: absolute;
  top: 60px;
  background: #ffffff;
  width: 100%;
  /* padding: 40px 300px; */
  padding:30px;
  text-align: left;
  box-sizing: border-box;
  box-shadow: 0px 12px 10px 0px rgba(143, 143, 143, 0.2);
}
.bl-header-menu > div li {
  float: left;
  box-sizing: border-box;
  white-space: nowrap;
  width: 25%;
  min-width: 160px;
  height: 60px;

  text-align: left;
  margin-top: 40px;
  cursor: pointer;
}
.bl-header-menu > div > span {
  color: #303133;
  display:block;
  max-width: 1140px;
  margin: auto;
  text-align: left;
  font-size: 18px;
}
.bl-header-menu > div li:hover span,
.bl-header-menu > div li > span.active {
  color: #3664d1;
}
.bl-header-menu > div ul {
  max-width: 1150px;
  margin: auto;
}
.bl-header-menu > div ul:after {
  content: "";
  display: block;
  clear: both;
}
.bl-header-menu > div li > svg,
.bl-header-menu > div li > i {
  font-size: 38px;
  vertical-align: middle;
  margin-right: 12px;
  display: inline-block;
}
.bl-header-menu > div li > span {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  color: #303133;
  max-width: 160px;
  word-wrap: break-word;
  white-space: normal;
}
.bl-header-menu > span.current {
  color: #3664d1;
  font-weight: 700;
}