* {
  padding: 0;
  margin: 0;
}
.mobile-nav-left { display: none; }
.nav-left {
  height: 100%;
  width: 240px;
  background-color: #FFFFFF;
  box-shadow: 0 0 17px rgba(72, 72, 72, 0.1);
}
 
 .nav-left .navDiv .nav-list ul .a_active {
  background-color: #f9f9f9;
}
 .nav-left .navDiv .nav-list ul .a_active .active {
  color: var(--hcolor) !important;
  font-weight: 700;
}
 .nav-left .navDiv .nav-list ul .nav-tab {
  list-style: none;
}
 .nav-left .navDiv .nav-list ul .nav-tab .li-a {
  padding: 20px 15px 12px 25px !important;
  text-decoration: none;
  display: block;
  padding: 0.65rem 1.5rem; font-weight: 700;
  font-size: 14px;
  color: #000;
}
 .nav-left .navDiv .nav-list ul .nav-tab .li-a .piconfont {
  font-size: 12px;
  vertical-align: text-top;
  margin-right: 6px; font-weight: bold;
}
 .nav-left .navDiv .nav-list ul .nav-tab .nav-box {
  height: 0;
  overflow: hidden;
}
 .nav-left .navDiv .nav-list ul .nav-show .nav-box {
  height: auto !important;
  padding-bottom: 10px;
  transition: all 0.6s;
}
 .nav-left .navDiv .nav-list ul .nav-show .nav-box a {
  padding: 5px 52px !important;
  text-decoration: none;
  display: block;
  padding: 0.65rem 1.5rem;
  font-size: 12px;
  color: #000;
  transition: all 0.3s;
  margin-left: 0px;
}
 .nav-left .navDiv .nav-list ul .nav-show .nav-box .active-li-a {
  color: var(--hcolor) !important;
  font-weight: 700;
}
 .nav-left .navDiv .nav-list ul .nav-show .nav-box a:hover {
  margin-left: 6px; color: var(--hcolor) !important; font-weight: bold;
}
 .nav-left .navDiv .nav-list .li-a {
  transition: all 0.8s;
  margin-left: 0px;
}
 .nav-left .navDiv .nav-list .li-a:hover {
  margin-left: 6px;
}

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

    ul.mobile-nav-left {
        display: flex; justify-content: space-between; width: 100%;
        box-shadow: 0 0 17px rgba(72, 72, 72, 0.1); margin-bottom: 10px;
    }
    ul.mobile-nav-left li { width: 33.3%; text-align: center; padding: 8px 0; cursor: pointer; }
    ul.mobile-nav-left li:hover,
    ul.mobile-nav-left li.active { background-color: var(--hcolor); }
    ul.mobile-nav-left li:hover a,
    ul.mobile-nav-left li.active a { color: #fff; transition: all 0.3s; }
}

@media (max-width: 415px) {
  
   
}