.clearFix, #header .up .box, #header .up .box ul {
  *zoom: 1; }

.clearFix:after, #header .up .box:after, #header .up .box ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.after:after {
  content: "";
  display: block; }

.before::before {
  content: "";
  display: block; }

.transition-03, #header {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

#header {
  position: relative;
  z-index: 2;
  top: -100% !important; }
  #header.enabled {
    top: 0 !important; }
  #header .up {
    height: 40px;
    background-color: #3B3B3B; }
    #header .up .box ul {
      float: right; }
      #header .up .box ul li {
        line-height: 40px;
        float: left;
        padding: 0 10px;
        position: relative; }
        #header .up .box ul li::after {
          content: "";
          display: block;
          height: 10px;
          width: 1px;
          background-color: #B8B8B8;
          position: absolute;
          left: 0;
          top: calc(50% - 5px); }
        #header .up .box ul li:nth-child(1)::after {
          display: none; }
        #header .up .box ul li:last-child {
          padding-right: 0; }
        #header .up .box ul li a {
          color: #B8B8B8;
          font-size: 12px; }
          #header .up .box ul li a:hover {
            color: #3e66fc; }
  #header .content {
    height: 60px;
    background: url("../../img/header-bg.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%; }
    #header .content .box {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #header .content .box .logo {
        display: block;
        padding: 0 20px; }
        #header .content .box .logo .logo1 {
          margin-right: 6px; }
      #header .content .box #nav {
        height: 60px;
        margin-right: auto; }
        #header .content .box #nav ul {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%; }
          #header .content .box #nav ul li {
            font-size: 1.8rem;
            height: 100%;
            position: relative; }
            #header .content .box #nav ul li > a {
              color: #2B2B2B;
              padding: 0 20px;
              display: block;
              height: 100%;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              @media only screen and (max-width: 1199px) {
                #header .content .box #nav ul li > a {
                  padding: 0 8px; } }
            #header .content .box #nav ul li .submenu {
              position: absolute;
              top: 100%;
              left: 0;
              text-align: center;
              width: 100%;
              background: rgba(55, 55, 55, 0.95);
              visibility: hidden;
              opacity: 0;
              -webkit-transform: translate3d(0, -20px, 0);
              transform: translate3d(0, -20px, 0);
              -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
              transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; }
              #header .content .box #nav ul li .submenu a {
                padding: 15px 0;
                display: block;
                color: #fff; }
                #header .content .box #nav ul li .submenu a:hover {
                  background-color: #3e66fc; }
            #header .content .box #nav ul li:hover .submenu {
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
              visibility: visible;
              opacity: 1; }
            #header .content .box #nav ul li:hover, #header .content .box #nav ul li.active {
              background-color: #3e66fc; }
              #header .content .box #nav ul li:hover > a, #header .content .box #nav ul li.active > a {
                color: #FFFEFE; }
      #header .content .box .links > span {
        display: inline-block;
        margin-right: 5px;
        background-color: #eb003b;
        color: #fff;
        padding: 10px 15px;
        font-size: 18px;
        border-radius: 8px; }
        #header .content .box .links > span > img {
          width: 20px;
          margin-right: 3px; }
      #header .content .box .links > a {
        background-color: #08f;
        display: inline-block;
        margin-right: 5px;
        color: #fff;
        padding: 10px 15px;
        font-size: 18px;
        border-radius: 8px; }

body.fixed {
  padding-top: 70px; }
  body.fixed #header {
    z-index: 8;
    width: 100%;
    position: fixed;
    top: 0; }
    body.fixed #header .up {
      display: none; }
    body.fixed #header .content {
      height: 70px; }
      body.fixed #header .content .box #nav {
        height: 70px; }

/*# sourceMappingURL=header.css.map */