.header-pc {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 8.33333vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fff; }
  .header-pc .logoBox {
    display: block;
    width: 9.89583vw;
    height: 1.875vw; }
    .header-pc .logoBox img {
      width: 100%;
      height: 100%; }
  .header-pc .right-nav-container {
    display: flex;
    flex-direction: column;
    padding-top: 0.83333vw; }
    .header-pc .right-nav-container .top {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 1.04166vw;
      justify-content: flex-end; }
      .header-pc .right-nav-container .top .line {
        width: 0.05208vw;
        height: 0.78125vw;
        background-color: #E2E2E2;
        margin-left: 1.04166vw;
        margin-right: 1.04166vw; }
      .header-pc .right-nav-container .top a {
        display: flex;
        cursor: pointer;
        flex-direction: row;
        align-items: center;
        position: relative; }
        .header-pc .right-nav-container .top a .tips {
          white-space: nowrap;
          display: block;
          padding: 0.52083vw;
          background: #FFFFFF;
          box-shadow: 0px 0.52083vw 0.52083vw 0px #eee;
          position: absolute;
          left: 0;
          bottom: -2.08333vw;
          font-size: 0.72916vw;
          z-index: 20;
          border-radius: 0.20833vw;
          display: none; }
        .header-pc .right-nav-container .top a:hover .tips {
          display: block; }
        .header-pc .right-nav-container .top a .iconBox {
          width: 0.83333vw;
          height: 0.83333vw;
          font-size: 0.625vw; }
        .header-pc .right-nav-container .top a .lanIcon {
          background: url(../img/icon-lan.png) no-repeat;
          background-size: 100% 100%;
          margin-right: 0.26041vw; }
        .header-pc .right-nav-container .top a .phoneIcon {
          background: url(../img/icon-phone.png) no-repeat;
          background-size: 100% 100%; }
        .header-pc .right-nav-container .top a .emailIcon {
          background: url(../img/icon-email.png) no-repeat;
          background-size: 100% 100%; }
        .header-pc .right-nav-container .top a .addressIcon {
          background: url(../img/icon-address.png) no-repeat;
          background-size: 100% 100%; }
      .header-pc .right-nav-container .top .lan:hover .lanIcon {
        background: url(../img/icon-lan-active.png) no-repeat;
        background-size: 100% 100%; }
      .header-pc .right-nav-container .top .lan:hover {
        color: #0097E0; }
      .header-pc .right-nav-container .top .phone:hover .phoneIcon {
        background: url(../img/icon-phone-active.png) no-repeat;
        background-size: 100% 100%; }
      .header-pc .right-nav-container .top .email:hover .emailIcon {
        background: url(../img/icon-email-active.png) no-repeat;
        background-size: 100% 100%; }
      .header-pc .right-nav-container .top .address:hover .addressIcon {
        background: url(../img/icon-address-active.png) no-repeat;
        background-size: 100% 100%; }
    .header-pc .right-nav-container .bottom-nav {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .header-pc .right-nav-container .bottom-nav a {
        display: block;
        font-size: 0.9375vw;
        color: #000;
        padding-bottom: 0.88541vw;
        border-bottom: 0.20833vw solid #fff; }
        .header-pc .right-nav-container .bottom-nav a:last-child {
          margin-right: 0; }
      .header-pc .right-nav-container .bottom-nav .active {
        color: #0097E0;
        font-weight: bold;
        border-color: #0097E0; }

.navA:hover {
  font-weight: bold;
  color: #0097E0 !important;
  border-color: #0097E0 !important; }

.drop-nav-container {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  z-index: 11;
  display: none; }

.hasMr {
  margin-right: 3.125vw; }
  .hasMr:last-child {
    margin-right: 0; }

.hoverA .inside {
  position: fixed;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  justify-content: center;
  padding-top: 2.60416vw;
  background-color: #fff;
  padding-left: 41.04166vw;
  box-sizing: border-box;
  padding-bottom: 3.90625vw;
  padding-right: 8.33333vw;
  display: none; }
  .hoverA .inside .nav-list-container {
    height: 0;
    transition: all .2s linear;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    overflow-y: auto; }
    .hoverA .inside .nav-list-container::-webkit-scrollbar {
      width: 4px;
      background-color: #E2EDF3; }
    .hoverA .inside .nav-list-container::-webkit-scrollbar-thumb {
      background-color: #0097E0; }
    .hoverA .inside .nav-list-container .list {
      display: flex;
      flex-direction: column;
      margin-right: 6.25vw; }
      .hoverA .inside .nav-list-container .list h2 {
        font-size: 0.9375vw;
        color: #000;
        margin-bottom: 1.45833vw;
        font-weight: bold; }
      .hoverA .inside .nav-list-container .list a {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 0.83333vw;
        color: #121212;
        margin-bottom: 1.35416vw !important; }
        .hoverA .inside .nav-list-container .list a .arr {
          width: 0.625vw;
          height: 0.625vw;
          background: url(../img/navArr-head.png) no-repeat;
          background-size: 100% 100%;
          margin-left: 0.41666vw; }
        .hoverA .inside .nav-list-container .list a:hover {
          color: #0097E0; }
        .hoverA .inside .nav-list-container .list a:hover .arr {
          background: url(../img/navArrActive-head.png) no-repeat;
          background-size: 100% 100%; }
      .hoverA .inside .nav-list-container .list a.active {
        color: #0097E0;
        border: none; }
        .hoverA .inside .nav-list-container .list a.active .arr {
          background: url(../img/navArrActive-head.png) no-repeat;
          background-size: 100% 100%; }

.aboutHover .inside {
  padding-left: 35vw !important; }

.header-m {
  display: none; }

.nav-head-mobile {
  display: none; }

@media screen and (max-width: 750px) {
  .header-pc {
    display: none; }
  .header-m {
    width: 100%;
    height: 11.73333vw;
    background-color: #fff;
    padding: 0 5.33333vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 101; }
    .header-m a {
      display: block; }
      .header-m a img {
        width: 25.33333vw;
        height: 4.8vw;
        display: block; }
    .header-m .iconBox {
      width: 4.8vw;
      height: 4.8vw;
      display: flex;
      align-items: center;
      justify-content: center;
      background: url(../img/icon-nav-m.png) no-repeat center;
      background-size: 4.8vw 2.13333vw; }
    .header-m .closeMnav {
      width: 4.8vw;
      height: 4.8vw;
      display: flex;
      background: url(../img/closeMnav.png) no-repeat center;
      background-size: 3.2vw 3.2vw; }
  .nav-head-mobile {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    display: none; }
    .nav-head-mobile .nav-container-mobile {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: auto;
      padding: 0 5.33333vw;
      box-sizing: border-box;
      padding-bottom: 34.66666vw; }
      .nav-head-mobile .nav-container-mobile .listRow {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-bottom: 0.05208vw;
        padding: 5.33333vw 0;
        border-bottom: 0.13333vw solid #E2EDF3;
        box-sizing: border-box; }
        .nav-head-mobile .nav-container-mobile .listRow .first {
          width: 100%;
          font-size: 4.26666vw;
          color: #000;
          display: flex;
          flex-direction: column;
          font-weight: bold;
          position: relative; }
          .nav-head-mobile .nav-container-mobile .listRow .first .plus {
            width: 3.73333vw;
            height: 3.73333vw;
            background: url(../img/icon-plus.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            right: 0;
            top: 0.53333vw; }
          .nav-head-mobile .nav-container-mobile .listRow .first .minus {
            width: 3.73333vw;
            height: 3.73333vw;
            background: url(../img/icon-minus.png) no-repeat;
            background-size: 100% 100%; }
        .nav-head-mobile .nav-container-mobile .listRow .second {
          padding-top: 5.33333vw;
          font-size: 3.73333vw;
          display: none; }
          .nav-head-mobile .nav-container-mobile .listRow .second .third {
            padding-top: 5.33333vw;
            border-top: 0.13333vw solid #E2EDF3;
            display: flex;
            flex-direction: column;
            color: #000;
            font-weight: bold;
            position: relative; }
            .nav-head-mobile .nav-container-mobile .listRow .second .third .blackArr {
              width: 1.86666vw;
              height: 3.46666vw;
              background: url(../img/navArr-black.png) no-repeat;
              background-size: 100% 100%;
              position: absolute;
              right: 0;
              top: 6.13333vw; }
            .nav-head-mobile .nav-container-mobile .listRow .second .third .plus-third {
              width: 3.73333vw;
              height: 3.73333vw;
              background: url(../img/icon-plus.png) no-repeat;
              background-size: 100% 100%;
              position: absolute;
              right: 0;
              top: 6.13333vw; }
            .nav-head-mobile .nav-container-mobile .listRow .second .third .minus-third {
              width: 3.73333vw;
              height: 3.73333vw;
              background: url(../img/icon-minus.png) no-repeat;
              background-size: 100% 100%; }
        .nav-head-mobile .nav-container-mobile .listRow .fourth {
          padding-top: 5.33333vw;
          display: none; }
          .nav-head-mobile .nav-container-mobile .listRow .fourth a {
            display: flex;
            flex-direction: row;
            align-items: center;
            font-size: 3.73333vw;
            color: #121212;
            margin-bottom: 5vw; }
            .nav-head-mobile .nav-container-mobile .listRow .fourth a .arr {
              width: 1.6vw;
              height: 2.93333vw;
              margin-left: 2.53333vw; }
            .nav-head-mobile .nav-container-mobile .listRow .fourth a:last-child {
              margin-bottom: 0; }
    .nav-head-mobile .bottom {
      width: 100%;
      height: auto;
      position: fixed;
      bottom: 0;
      padding: 0 5.33333vw;
      padding-top: 13.33333vw;
      box-sizing: border-box;
      background-color: #fff; }
      .nav-head-mobile .bottom .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 4vw; }
        .nav-head-mobile .bottom .row .iconBox {
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 2.93333vw;
          color: #000; }
          .nav-head-mobile .bottom .row .iconBox .icon {
            width: 4.8vw;
            height: 4.8vw;
            display: block; }
          .nav-head-mobile .bottom .row .iconBox .lan {
            background: url(../img/icon-lan.png) no-repeat;
            background-size: 100% 100%; }
          .nav-head-mobile .bottom .row .iconBox .phone {
            background: url(../img/icon-phone.png) no-repeat;
            background-size: 100% 100%; }
          .nav-head-mobile .bottom .row .iconBox .email {
            background: url(../img/icon-email.png) no-repeat;
            background-size: 100% 100%; }
          .nav-head-mobile .bottom .row .iconBox .address {
            background: url(../img/icon-address.png) no-repeat;
            background-size: 100% 100%; }
          .nav-head-mobile .bottom .row .iconBox span {
            margin-left: 1.6vw; }
        .nav-head-mobile .bottom .row .line {
          width: 0.13333vw;
          height: 3.86666vw;
          margin: 0 4vw; }
      .nav-head-mobile .bottom .info {
        font-size: 2.93333vw;
        color: #6E7071;
        padding-bottom: 4vw; } }