html,
    body {
      margin: 0;
      padding: 0;
      height: 100%;
    }

    .container {
      width: 100%;
      overflow: hidden;
    }

    .c_top {
      width: calc(100% - 40px);
      margin: 70px auto 0;
      overflow: hidden;
      display: flex;
    }

    .c_top_left {
      flex: 1;

    }

    .c_top_left img {
      width: 18px;
    }

    .top_title {
      font-size: 30px;
      color: #333333;
      line-height: 42px;
    }

    .top_label {
      font-size: 14px;
      font-weight: 400;
      color: #999999;
      line-height: 20px;
    }

    .c_top_right {
      width: 100px;
      margin-left: 34px;
    }

    .c_top_right img {
      width: 100%;
    }

    .list_nav {
      width: calc(100% - 40px);
      box-sizing: border-box;
      margin: 19px auto 0;
      overflow: hidden;
      display: flex;
      flex:1;
      flex-direction: row;
      /* justify-content: space-between; */

    }

    .list_nav a {
      height: 100%;
    }

    .list_nav a img {
      width: 100%;
    }

    .nav_map {
      width: calc(100% - 40px);
      display: inherit;
      margin: 12px auto 0;
      overflow: hidden;

    }

    .nav_map img {
      width: 100%;
    }

    .list_site {
      width: calc(100% - 40px);
      margin: 12px auto 0;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
    }

    .list_site a {
      width: 160px;
    }

    .list_site a img {
      width: 100%;
    }