.box_sitemap {
  margin-bottom:15px;
}
.box_sitemap h2 {
  background:url(../images/icon_cat.gif) left no-repeat ;
  border-bottom:1px dotted #CCCCCC;
  color: var(--web-color);
  font-size:16px;
  line-height:30px;
  padding-left:10px;
  margin-bottom: 10px;

}
.box_sitemap h2 a {
  color: var(--web-color);
}
.box_sitemap ul {list-style:none;}
.box_sitemap ul::after {
  content: '';
  clear: both;
  display: table;
}
.box_sitemap li {
  float:left;
  line-height:30px;
  width:24%;
}
.box_sitemap li  a {
  background:url(../images/icon_li.gif) left no-repeat ;
  display:block;
  line-height:30px;
  padding-left:10px;
  color:#3D3D3D;
}


.box_list_cat   {
  margin-bottom:10px;
}
.box_list_cat h2 {
  background:url(../images/icon_cat.gif) left no-repeat ;
  border-bottom:1px dotted #CCCCCC;
  color: var(--web-color);
  font-size:16px;
  line-height:25px;
  padding-left:10px;
  margin-bottom: 10px;
}
.box_list_cat h2 a {
  color: var(--web-color);
}

.box_list_cat ul {list-style:none;}

.box_list_cat .col {
  float:left;
  width:24%;
  overflow:hidden;
}

.box_list_cat .col h3 {
  margin:10px 0px 5px;
}
.box_list_cat .col ul {
  margin-bottom:15px;
  list-style:none;
  padding-left:5px;
}
.box_list_cat .col li a {
  background:url(../images/icon_li.gif) left no-repeat ;
  display:block;
  line-height:25px;
  padding-left:10px;
  color:#3D3D3D;
}











.vnt-meganav__box {
  display: none;
  position: absolute;
  left: 270px;
  top: 0;
  box-sizing: border-box;
  min-height: 600px;
  padding: 10px 15px;

  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
  width: 900px;
}
.menuToggle .menu>ul>li:hover .vnt-meganav__box , .menuToggle .menu>ul>li.active .vnt-meganav__box{
  display: block;
}
.vnt-meganav__box-inner {
  margin-bottom: 185px;
  overflow-y: auto;
  max-height: 390px;
  display: block;
}
.vnt-meganav__box-inner::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.vnt-meganav__box-inner::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.vnt-meganav__list-level2 {
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  column-count: 3;
  column-gap: 30px;
}
.vnt-meganav__list-level2 > ul {
  list-style: none;

}
.vnt-meganav__list-level2> ul > li {

  margin: 0 0 15px 0;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.vnt-meganav__list-level2> ul > li > a {
  display: block;
  font-weight: bold;
  font-size: 15px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7b100;
}

.vnt-meganav__list-level2> ul > li > ul >li>a {
  display: block;
  position: relative;
  padding: 2px 0 2px 15px;
}
.vnt-meganav__list-level2> ul > li > ul >li>a::before{
  position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  left: 0;
  top: 2px;
  color:#e7b100;
}


.vnt-meganav__list-level2.has-icon > ul > li > a {
  position: relative;
  padding-left: 15px;
}
.vnt-meganav__list-level2.has-icon > ul > li > a::before{
  position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color:#e7b100;
}

.vnt-meganav__list-level2> ul > li > ul >li > ul {display: none}

.vnt-meganav__list-level2.has-icon > ul > li > ul >li>a {
  position: relative;
  padding-left: 15px;
}
.vnt-meganav__list-level2.has-icon > ul > li > ul >li>a::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.vnt-meganav__list-level2.has-icon > ul > li > ul >li>a:hover::before {
  border-color:#e7b100;
}

.vnt-meganav__box-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 175px;
  width: 100%;
  background-color: #fff;
  padding: 15px 25px;
  border-top: 1px solid #f4f4f4;
}
.vnt-meganav__flex {
  display: flex;
  margin: 0 -10px;
}
.vnt-meganav__flex .vnt-meganav__flex-item {
  width: 50%;
  padding: 0 10px;
}

.vnt-meganav__box-footer .cat-image {
  height: 140px;
}
.vnt-meganav__box-footer .cat-image img {
  max-width: 100%;
  max-height: 100%;
}
.vnt-meganav__box-footer .cat-desc {
  margin-bottom: 15px;

  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}
.vnt-meganav__box-footer .brand-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.vnt-meganav__box-footer .brand-list a {
  display: block;
  padding: 3px 3px;
  width: 25%;

}
.vnt-meganav__box-footer .brand-list a img {
  max-height: 60px;
  border: 1px solid #f4f4f4;
}