.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 9996;
  background-color: #fafafa; }
  .header .container {
    max-width: 1200px;
    margin: auto;
    padding: 0; }
  .header .header-wrapper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%; }
    .header .header-wrapper .header_logo {
      display: block;
      width: 148px;
      height: 88px;
      float: left;
      text-align: center;
      background: url("../logo.svg") center center/100% no-repeat;
      outline: none; }
    .header .header-wrapper .header_nav {
      flex: 1;
      float: right; }
      .header .header-wrapper .header_nav ul {
        margin-left: 22px; }
        .header .header-wrapper .header_nav ul .menu-item {
          position: relative;
          float: left;
          margin-right: 30px;
          padding: 0 6px; }
          .header .header-wrapper .header_nav ul .menu-item a {
            color: #3a3a3a;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            line-height: 88px;
            position: relative;
            cursor: pointer; }
            .header .header-wrapper .header_nav ul .menu-item a:hover {
              color: #cc2b2c; }
          .header .header-wrapper .header_nav ul .menu-item:hover .sub-menu {
            max-height: 400px; }
          .header .header-wrapper .header_nav ul .menu-item:hover > a:after {
            position: absolute;
            content: "";
            top: 20px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            display: block;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #090a0c; }
          .header .header-wrapper .header_nav ul .menu-item .sub-menu {
            overflow: hidden;
            position: absolute;
            left: 50%;
            top: 78px;
            width: 240px;
            margin-left: -120px;
            background: #090a0c;
            max-height: 0;
            z-index: 9999;
            -webkit-transition: max-height .2s ease-in;
            transition: max-height .2s ease-in; }
            .header .header-wrapper .header_nav ul .menu-item .sub-menu .subitem-wrapper {
              border-top: none;
              text-align: center;
              margin-left: 0; }
              .header .header-wrapper .header_nav ul .menu-item .sub-menu .subitem-wrapper li {
                display: block;
                height: 43px; }
                .header .header-wrapper .header_nav ul .menu-item .sub-menu .subitem-wrapper li a {
                  position: relative;
                  display: block;
                  height: 100%;
                  color: #FFFFFF;
                  line-height: 43px;
                  cursor: pointer;
                  font-size: 14px; }
                  .header .header-wrapper .header_nav ul .menu-item .sub-menu .subitem-wrapper li a:hover {
                    color: #cc2b2c; }
        .header .header-wrapper .header_nav ul .active_nav > a {
          color: #cc2b2c; }
        .header .header-wrapper .header_nav ul .active_nav01 > a {
          color: #cc2b2c; }
        .header .header-wrapper .header_nav ul .active_nav02 > a {
          color: #cc2b2c; }
          .header .header-wrapper .header_nav ul .active_nav02 > a::after {
            position: absolute;
            left: -12px;
            top: 40px;
            content: "";
            width: 90px;
            height: 2px;
            background-color: #FFFFFF; }
        .header .header-wrapper .header_nav ul .menu-item:nth-child(1):hover > a:after {
          display: none; }
        .header .header-wrapper .header_nav ul .menu-item:nth-child(5):hover > a:after {
          display: none; }
        .header .header-wrapper .header_nav ul .menu-item:nth-child(6):hover > a:after {
          display: none; }
        .header .header-wrapper .header_nav ul .menu-item:nth-child(7):hover > a:after {
          display: none; }

footer {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #4c4c4c;
  text-align: center;
  font-size: 12px;
  color: #f3f3f3;
  letter-spacing: 1px;
  font-family: 'Microsoft YaHei Light'; }