.nav-div {
  height: 90px;
  background: transparent;
  height: 80px;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    color: #fff;
    justify-content:center
}

.nav-ul {

  height: 100%;
}

.nav {
  height: 100%;
  margin-left: 100px;
}

.nav-ul li {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.nav-ul li a{
  color: #fff;
 padding:0 15px;
padding-bottom: 10px;
border-bottom: 1px solid transparent;

}
.nav-ul li a.active,.nav-ul li a:hover{
  border-bottom: 1px solid #02b2b5;
color: #02b2b5;
}
.logo{
  font-size: 30px;
  font-weight: bold;
}
.second-ul-menu {
  position: absolute;
  top: 80px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 120px;
  line-height: 30px;
}

@media (max-width:1100px) {
  nav.nav {
    display: none;
  }
}

.mobile-bar {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 20px;
  height: 20px;
  display: none;
}

.mobile-nav-box {
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  left: 0;
  position: absolute;
  top: 80px;
  display: none;
box-shadow: rgba(0, 0, 0, 0.35);
border-radius: 3px;
}
.mobile-nav-box ul li{
  line-height: 30px;
}
.mobile-guanbi {
  text-align: right;
}

.mobile-guanbi img {
  width: 15px;
}