@charset "UTF-8";
/**
*页头页脚
*/
/* line 16, ../sass/header_footer.scss */
body {
  overflow-x: hidden; }

/* line 22, ../sass/header_footer.scss */
.top {
  height: 6.6666666667vw;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2000;
  transition: transform 0.8s ease; }
  /* line 32, ../sass/header_footer.scss */
  .top .back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.7; }
  /* line 42, ../sass/header_footer.scss */
  .top .top_left {
    height: 6.6666666667vw;
    width: 50%;
    float: left;
    position: relative; }
    /* line 48, ../sass/header_footer.scss */
    .top .top_left span {
      display: inline-block;
      display: none;
      height: 6.6666666667vw;
      font-size: 1.0416666667vw;
      letter-spacing: 0.0651041667vw;
      line-height: 6.6666666667vw;
      margin-left: 3.9322916667vw; }
    /* line 58, ../sass/header_footer.scss */
    .top .top_left .nav_logo {
      height: 6.6666666667vw;
      width: 18.125vw;
      position: relative;
      top: 0;
      left: 0; }
      /* line 65, ../sass/header_footer.scss */
      .top .top_left .nav_logo img {
        width: 100%; }
  /* line 71, ../sass/header_footer.scss */
  .top .top_right {
    height: 6.6666666667vw;
    width: 50%;
    float: right;
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center; }
    /* line 80, ../sass/header_footer.scss */
    .top .top_right .nav-but-left {
      height: 4.5714285714vh;
      width: 26.0416666667vw;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      /* line 87, ../sass/header_footer.scss */
      .top .top_right .nav-but-left .svg_box {
        margin-left: 2.6041666667vw;
        height: 2.380952381vh;
        width: 1.3020833333vw;
        position: relative; }
        /* line 93, ../sass/header_footer.scss */
        .top .top_right .nav-but-left .svg_box svg {
          height: 2.380952381vh;
          width: 1.3020833333vw;
          float: right; }
        /* line 101, ../sass/header_footer.scss */
        .top .top_right .nav-but-left .svg_box .wx {
          visibility: hidden;
          height: 6.6145833333vw;
          width: 6.25vw;
          transform: translateX(-50%);
          margin-left: 0.6510416667vw;
          position: absolute;
          top: 1.8229166667vw;
          opacity: 0;
          transition: all .8s ease; }
          /* line 112, ../sass/header_footer.scss */
          .top .top_right .nav-but-left .svg_box .wx img {
            width: 100%; }
        /* line 117, ../sass/header_footer.scss */
        .top .top_right .nav-but-left .svg_box .auto {
          visibility: visible; }
      /* line 123, ../sass/header_footer.scss */
      .top .top_right .nav-but-left .svg_box_1:hover .wx {
        opacity: 1;
        visibility: visible; }
    /* line 130, ../sass/header_footer.scss */
    .top .top_right .en-cn {
      margin-left: 2.6041666667vw;
      font-size: 2.2857142857vh; }
      /* line 133, ../sass/header_footer.scss */
      .top .top_right .en-cn .cn {
        color: #333333; }
      /* line 137, ../sass/header_footer.scss */
      .top .top_right .en-cn a .en {
        color: rgba(51, 51, 51, 0.5);
        display: inline-block;
        margin-left: 4px; }
    /* line 145, ../sass/header_footer.scss */
    .top .top_right .nav-but-wrap {
      height: 2.5vw;
      width: 2.5vw;
      position: relative;
      display: inline-block;
      padding: 0.5729166667vw 0.4166666667vw;
      margin-left: 4.4270833333vw;
      margin-right: 3.75vw; }
      /* line 154, ../sass/header_footer.scss */
      .top .top_right .nav-but-wrap .menu-icon {
        height: 1.3541666667vw;
        width: 1.6666666667vw;
        position: relative;
        cursor: pointer; }
        /* line 160, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon .menu-icon_line {
          height: 2px;
          width: 1.6666666667vw;
          display: block;
          background-color: #333333;
          margin-bottom: 0.5729166667vw;
          opacity: 0.7;
          transition-delay: 1s;
          transition: all 200ms linear; }
        /* line 171, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon .menu-icon_line-left {
          width: 1.171875vw; }
        /* line 175, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon .menu-icon_line-right {
          width: 1.171875vw; }
        /* line 179, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon:hover .menu-icon_line-left, .top .top_right .nav-but-wrap .menu-icon:hover .menu-icon_line-right {
          width: 1.6666666667vw; }
        /* line 184, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon.auto .menu-icon_line-left {
          width: 0.78125vw;
          -ms-transform: translate(0.15625vw, 0.3645833333vw) rotate(45deg);
          /* Internet Explorer */
          -moz-transform: translate(0.15625vw, 0.3645833333vw) rotate(45deg);
          /* Firefox */
          -webkit-transform: translate(0.15625vw, 0.3645833333vw) rotate(45deg);
          /* Safari 和 Chrome */
          -o-transform: translate(0.15625vw, 0.3645833333vw) rotate(45deg);
          /* Opera */
          transform: translate(0.15625vw, 0.3645833333vw) rotate(45deg); }
        /* line 198, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon.auto .menu-icon_line-right {
          width: 0.78125vw;
          float: right;
          -ms-transform: translate(-0.15625vw, -0.4166666667vw) rotate(45deg);
          /* Internet Explorer */
          -moz-transform: translate(-0.15625vw, -0.4166666667vw) rotate(45deg);
          /* Firefox */
          -webkit-transform: translate(-0.15625vw, -0.4166666667vw) rotate(45deg);
          /* Safari 和 Chrome */
          -o-transform: translate(-0.15625vw, -0.4166666667vw) rotate(45deg);
          /* Opera */
          transform: translate(-0.15625vw, -0.4166666667vw) rotate(45deg); }
        /* line 212, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon.auto .menu-icon_line {
          background-color: #1d1d1b; }
        /* line 216, ../sass/header_footer.scss */
        .top .top_right .nav-but-wrap .menu-icon.auto .menu-icon_line-centre {
          width: 1.6145833333vw;
          -ms-transform: translate(0vw, 0vw) rotate(-45deg);
          /* Internet Explorer */
          -moz-transform: translate(0vw, 0vw) rotate(-45deg);
          /* Firefox */
          -webkit-transform: translate(0vw, 0vw) rotate(-45deg);
          /* Safari 和 Chrome */
          -o-transform: translate(0vw, 0vw) rotate(-45deg);
          /* Opera */
          transform: translate(0vw, 0vw) rotate(-45deg); }

/* line 236, ../sass/header_footer.scss */
body.nav-active .top .back {
  opacity: 0.95; }

/* line 241, ../sass/header_footer.scss */
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  position: fixed;
  z-index: 98;
  width: 11.25vw;
  right: 2.34375vw;
  top: 4.1666666667vw;
  padding-top: 20px;
  visibility: hidden; }
  /* line 255, ../sass/header_footer.scss */
  .nav .nav_content {
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 3.0476190476vh 1.6666666667vw 1.5238095238vh 3.0476190476vh;
    background-color: white; }
    /* line 264, ../sass/header_footer.scss */
    .nav .nav_content .nav_list .nav_list_item {
      display: block;
      font-size: 2.2857142857vh;
      color: #dddddd;
      visibility: hidden;
      transform: translateY(20px);
      opacity: 0;
      margin-top: 0;
      margin-bottom: 2.2857142857vh;
      text-align: left;
      cursor: pointer; }
      /* line 275, ../sass/header_footer.scss */
      .nav .nav_content .nav_list .nav_list_item span a {
        color: #dddddd; }
      /* line 279, ../sass/header_footer.scss */
      .nav .nav_content .nav_list .nav_list_item ul {
        margin-top: 1.5238095238vh; }
        /* line 282, ../sass/header_footer.scss */
        .nav .nav_content .nav_list .nav_list_item ul li {
          text-align: left;
          visibility: hidden;
          transform: translateX(10%);
          opacity: 0;
          transition: all .8s ease;
          background-color: rgba(123, 114, 96, 0);
          align-items: center;
          display: none; }
          /* line 292, ../sass/header_footer.scss */
          .nav .nav_content .nav_list .nav_list_item ul li a {
            line-height: 2.8571428571vh;
            color: #999999;
            font-size: 1.5238095238vh;
            text-align: left;
            width: 100%; }
    /* line 319, ../sass/header_footer.scss */
    .nav .nav_content .nav_list .bo {
      margin-bottom: 0; }
    /* line 322, ../sass/header_footer.scss */
    .nav .nav_content .nav_list .active {
      color: #333333; }
      /* line 326, ../sass/header_footer.scss */
      .nav .nav_content .nav_list .active span a {
        color: #333333; }

/* line 335, ../sass/header_footer.scss */
.vanish {
  transform: translateY(-100%); }

/* line 340, ../sass/header_footer.scss */
.nav_footer {
  height: 26vh;
  width: 100%;
  border-top: 1px solid #dddddd;
  margin-top: 11.4285714286vh;
  padding-top: 4.7619047619vh;
  padding-left: 3.6458333333vw;
  padding-right: 3.6458333333vw; }
  /* line 350, ../sass/header_footer.scss */
  .nav_footer .nav_footer_list {
    height: 17.1428571429vh;
    width: 8.3333333333vw;
    display: block;
    float: left;
    font-size: 1.5238095238vh;
    line-height: 2.2857142857vh;
    letter-spacing: 2px;
    color: #333333; }
    /* line 361, ../sass/header_footer.scss */
    .nav_footer .nav_footer_list ul {
      margin-top: 1.1428571429vh; }
      /* line 364, ../sass/header_footer.scss */
      .nav_footer .nav_footer_list ul li {
        font-size: 1.3333333333vh;
        line-height: 3.0476190476vh;
        letter-spacing: 3px;
        color: #999999; }
  /* line 373, ../sass/header_footer.scss */
  .nav_footer .records {
    height: 5.7142857143vh;
    float: right;
    text-align: right;
    margin-top: 5.2083333333vw; }
    /* line 378, ../sass/header_footer.scss */
    .nav_footer .records p {
      font-size: 1.2380952381vh;
      letter-spacing: 1.5px;
      color: black;
      line-height: 2.6666666667vh; }
    /* line 386, ../sass/header_footer.scss */
    .nav_footer .records span {
      display: flex;
      font-size: 1.2380952381vh;
      letter-spacing: 1px;
      color: black;
      line-height: 2.6666666667vh; }
      /* line 393, ../sass/header_footer.scss */
      .nav_footer .records span span {
        display: inline-block;
        height: 1.9047619048vh;
        margin: 0 0.2604166667vw; }
        /* line 398, ../sass/header_footer.scss */
        .nav_footer .records span span img {
          height: 100%; }

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