header {
  background: #fff;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
}


.logo img {
  height: .3542rem;
  width: 1.0833rem;
}

.f16 {
  font-size: .0833rem;
}



@media(min-width:1200px) {
  .nav-list>li {
    margin: 0 1.3vw;
  }

  .nav-list>li>a {
    line-height: .5052rem;
    position: relative;
  }

  .nav-list>li>a::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: .0156rem;
    background: #008CD6;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }

  .nav-list>li.cur>a::after,
  .nav-list>li:hover>a::after {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }


  .sec-nav {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    background: #fff;
    width: .9375rem;
    position: absolute;
    left: 50%;
    top: .5052rem;
    margin-left: -0.026rem;
    transform: translate(-50%);
    box-shadow: inset 0 .0156rem .026rem rgba(0, 0, 0, 0.1);
  }


  .sec-nav a {
    display: block;
    line-height: .25rem;
    padding-left: .1042rem;
    position: relative;
    transition: all 0.3s ease-in-out;
  }

  .sec-nav a span {
    display: block;
    position: relative;
    z-index: 3;
  }

  .sec-nav a i {
    background: url(../images/menu_ar.png) no-repeat center center;
    height: .0833rem;
    width: .1302rem;
    position: absolute;
    top: 50%;
    margin-top: -0.0417rem;
    right: .2083rem;
    transition: all 0.8s ease-in-out;
    transform: translateX(-0.2344rem);
    opacity: 0;
    z-index: 3;
  }

  .sec-nav a::after {
    content: "";
    background: linear-gradient(-90deg, #9ED8F6, #008CD6);
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    bottom: -0.0133rem;
    transition: all 0.3s ease-in-out;
  }

  .sec-nav a:hover {
    color: #fff;
  }

  .sec-nav a:hover::after {
    width: 100%;
  }

  .sec-nav a:hover i {
    opacity: 1;
    transform: translateX(.1563rem);
  }


  .nav-list>li:hover .sec-nav {
    opacity: 1;
    visibility: visible;
  }

  .search {
    font-size: .1458rem !important;
    cursor: pointer;
  }

}


.lang {
  width: .5625rem;
  background: rgba(103, 103, 103, 0);
  border-radius: .1042rem;
  border: .0052rem solid #D8D8D8;
  margin-left: 2vw;
}

.lang-qh {
  line-height: .25rem;
  padding: 0 .0521rem;
  box-sizing: border-box;
  cursor: pointer;

}

.icon-duoyuyan {
  font-size: .125rem !important;
}

.lang-qh .txt {
  font-size: .0938rem;
}

.lang:hover {
  background: #008CD6;
  border: .0052rem solid #008CD6;
  color: #fff;
  border-radius: .1042rem .1042rem 0 0;
}

.hbox .item {
  height: .4167rem;
  position: absolute;
  width: 100%;
  background: #008CD6;
  border: .0052rem solid #008CD6;
  left: 0;
  margin-left: -0.0052rem;
  padding-bottom: .0521rem;
  display: none;
}

.hbox .item a {
  line-height: .2083rem;
  text-align: center;
  font-size: .0938rem;
}

.lang:hover .item {
  display: block;
  border-radius: 0 0 .1042rem .1042rem;
}

.lang:hover .item a {
  color: #fff;
}



.auto {
  height: 100%;
  overflow: hidden
}

.m-none {
  display: none;
}

@media(max-width:1200px) {
  .mob-nav {
    display: block !important;
  }

  .wrap {
    max-width: 95% !important;
  }

  header {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-content: center;
  }

  .logo img {
    height: 35px;
    width: auto;
  }

  .nav {
    position: absolute;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;

  }


  .lang {
    display: none;
  }

  .search {
    font-size: 24px !important;
    margin-right: 15px;
  }

  .nav-list {
    max-width: 50%;
    background: #fff;
    height: 100%;
    display: block !important;
    font-size: 16px !important;
    padding: 20px 30px;
    transition: 0.5s;
    transform: translate(-100%);
  }

  .nav-list li>a {
    line-height: 40px;
    border-bottom: 1px solid #d9e1e9;
  }

  .sec-nav {
    background: #fafafa;
    padding: 20px;
  }

  .sec-nav a {
    line-height: 36px;
    font-size: 14px;
  }


  .nav.on {
    display: block;
  }

  .nav-list.on {
    transform: translate(0);
  }

  .m-none {
    display: block;
  }

  .mt97 {
    margin-top: 60px !important;
  }
}