.header {
  width: 100%;
  min-width: 1200px;
  min-height: 360px;
  position: relative;
  overflow: hidden; }
  .header .nav {
    position: absolute;
    width: 100%;
    height: 75px;
    left: 0;
    top: 0;
    border-bottom: 1px solid #21415C;
    z-index: 99; }
    .header .nav .nav_main {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .nav .nav_main .left {
        display: flex;
        flex: 1;
        justify-content: space-between; }
        .header .nav .nav_main .left h1 {
          position: relative; }
          .header .nav .nav_main .left h1 img {
            width: 170px;
            height: 47px;
            margin-top: 20px; }
          .header .nav .nav_main .left h1 span {
            position: absolute;
            z-index: -999;
            color: #fff;
            top: -100px; }
        .header .nav .nav_main .left .nav_list > li {
          float: left;
          margin: 0 15px;
          position: relative;
          font-size: 16px;
          cursor: pointer; }
          .header .nav .nav_main .left .nav_list > li > a {
            display: block;
            width: 100%;
            height: 35px;
            padding-top: 40px;
            color: #fff;
            position: relative; }
.up a.active{color:red;}
          .header .nav .nav_main .left .nav_list > li > a.active span {
            position: absolute;
            width: 100%;
            height: 3px;
            background: #57e6ef;
            bottom: -1px;
            left: 0;
            border-radius: 1px; }
          .header .nav .nav_main .left .nav_list > li .cover {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            cursor: pointer;
            z-index: 1; }
          .header .nav .nav_main .left .nav_list > li .sub_nav {
            position: absolute;
            height: 220px;
            width: 830px;
            padding-left: 400px;
            background: #121735;
            top: 75px;
            left: -400px;
            border-radius: 5px;
            transition: height .5s;
            overflow: hidden; }
            .header .nav .nav_main .left .nav_list > li .sub_nav .first {
              width: 100%;
              padding-bottom: 30px;
              margin-top: 30px; }
              .header .nav .nav_main .left .nav_list > li .sub_nav .first .tit {
                font-size: 18px;
                color: #fff;
                line-height: 24px;
                margin-bottom: 8px; }
              .header .nav .nav_main .left .nav_list > li .sub_nav .first li a {
                font-size: 14px;
                color: #c3c5c6; }
              .header .nav .nav_main .left .nav_list > li .sub_nav .first a:hover {
                text-decoration: underline;
                color: #50d1d1; }
            .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main {
              margin-top: 40px;
              display: flex;
              flex-wrap: wrap;
              align-items: flex-start; }
              .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main ul {
                margin-right: 80px; }
                .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main ul .tit {
                  font-size: 14px;
                  color: #fff;
                  line-height: 24px;
                  margin-bottom: 8px; }
                .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main ul li {
                  line-height: 24px; }
                  .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main ul li a {
                    font-size: 12px;
                    color: #c3c5c6; }
                  .header .nav .nav_main .left .nav_list > li .sub_nav .sub_nav_main ul li a:hover {
                    text-decoration: underline;
                    color: #50d1d1; }
          .header .nav .nav_main .left .nav_list > li .sub_nav.type1 {
            background: #121735; }
          .header .nav .nav_main .left .nav_list > li .sub_nav.type2 {
            background: #070614; }
          .header .nav .nav_main .left .nav_list > li .sub_nav.active {
            height: 0; }
        .header .nav .nav_main .left .nav_list > li:hover > a {
          color: #50d1d1; }
      .header .nav .nav_main .right {
        padding-right: 10px;
        padding-top: 18px;
        margin-left: 70px;
        display: flex;
        align-items: center; }
        .header .nav .nav_main .right .img {
          padding-right: 5px; }
        .header .nav .nav_main .right .phone p {
          font-size: 16px;
          color: #fff; }
          .header .nav .nav_main .right .phone p span {
            font-size: 12px; }
    .header .nav .sub_nav_bg {
      position: absolute;
      width: 100%;
      height: 220px;
      background: #121735;
      top: 75px;
      left: 0;
      transition: all .5s;
      overflow: hidden; }
    .header .nav .sub_nav_bg.active {
      height: 0; }
  .header .common_bannner {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    position: relative; }
    .header .common_bannner > img {
      width: 100%;
      min-width: 1920px;
      min-height: 360px; }
    .header .common_bannner .main {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      width: 1200px;
      height: 500px;
      margin: 0 auto; }
    .header .common_bannner .button {
      position: absolute;
      width: 1200px;
      height: 100%;
      min-height: 600px;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 0;
      z-index: 9; }
      .header .common_bannner .button .button_btn {
        position: absolute;
        width: 160px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        color: #20347d;
        text-align: center;
        background: -webkit-linear-gradient(top, #d4ce40, #9c9d51);
        border-radius: 5px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 80px; }
      .header .common_bannner .button .button_btn:hover {
        background: #50d1d1;
        color: #fff; }
    .header .common_bannner .common_bannner_btn {
      position: absolute;
      width: 1200px;
      height: 360px;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .header .common_bannner .common_bannner_btn .btn {
        position: absolute;
        width: 160px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        color: #20347d;
        text-align: center;
        background: -webkit-linear-gradient(top, #d4ce40, #9c9d51);
        border-radius: 5px;
        right: 280px;
        top: calc(50% + 20px); }
      .header .common_bannner .common_bannner_btn .btn:hover {
        background: #9c9d51;
        color: #20347d; }
    .header .common_bannner .button:hover .nochecked {
      opacity: 0; }
    .header .common_bannner .button:hover .checked {
      opacity: 1; }
    .header .common_bannner .btns {
      position: absolute;
      width: 1200px;
      height: 38px;
      top: 260px;
      left: 50%;
      margin-left: -600px;
      display: none; }
      .header .common_bannner .btns .btns_main {
        position: absolute;
        right: 40px;
        top: 0;
        display: flex; }
        .header .common_bannner .btns .btns_main a {
          width: 160px;
          height: 38px;
          margin: 0 10px;
          text-align: center;
          line-height: 38px;
          background: rgba(80, 209, 209, 0.8);
          border-radius: 5px;
          font-size: 16px;
          color: #ffffff; }
        .header .common_bannner .btns .btns_main a:hover {
          background: #50d1d1;
          color: #fff; }
  .header .banner_container {
    width: 100%;
    min-height: 360px;
    display: none; }
  .header .banner_container.active {
    display: block; }
  .header .product_tips {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    opacity: 0;
    transition: all linear .2s;
    z-index: 9999; }
    .header .product_tips .product_tips_main {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.5); }
      .header .product_tips .product_tips_main .product_tips_c {
        position: relative; }
        .header .product_tips .product_tips_main .product_tips_c .close {
          position: absolute;
          width: 24px;
          height: 24px;
          right: 23px;
          top: 2px;
          cursor: pointer; }
        .header .product_tips .product_tips_main .product_tips_c .next {
          position: absolute;
          width: 120px;
          height: 42px;
          bottom: 40px;
          left: 50%;
          margin-left: -60px;
          border-radius: 40px;
          cursor: pointer; }
  .header .product_tips.active {
    opacity: 1; }

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