.head-bottom{
  background-color:var(--head-bottom-bg-color);
  position:relative;
  z-index:199;
  width:100%;
}
.head-bottom-fixed{
  position:fixed;
  left:0;
  top:0;
  display:none;
}
.head-bottom-fixed-show{
  display:block;
}
.head-bottom-inner{
  display:flex;
  align-items:center;
  /*overflow-x:auto;*/
  /*padding-left:calc( 105 / 1233 * 100% );*/
}
@-moz-document url-prefix() {
  .head-bottom-inner{
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0,0.3) transparent;
  }
}
.head-bottom-inner::-webkit-scrollbar{
  width: 0.4vw;
  height: 0.4vw;
}
.head-bottom-inner::-webkit-scrollbar-button{
  display:none;
}
.head-bottom-inner::-webkit-scrollbar-track{
  background: rgba(0, 0, 0,0.3);
  border-radius:1vw;
}
.head-bottom-inner::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0,0.3);
  border-radius:1vw;
}
.head-bottom-inner::-webkit-scrollbar-thumb:hover{
  background: rgba(0, 0, 0,0.5);
}
.head-bottom-inner::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0,0.3);
}
.head-bottom-inner-unit{
  flex:none;
  display:flex;
  align-items:center;
  height:49px;
  position:relative;
  z-index:10;
}
.head-bottom-inner-unit:hover{
  z-index:99;
}
.head-bottom-inner-unit-link{
  flex:none;
  align-items:center;
  height:21px;
  line-height:21px;
  padding:0 16px;
  border-left:1px solid var(--head-bottom-inner-unit-link-border-color);
  font-size: 18px;
  font-weight: 900;
  color: var(--head-bottom-inner-unit-link-font-color);
}
.head-bottom-inner-unit-has-children .head-bottom-inner-unit-link{
  padding:0 5px 0 16px;
}
.head-bottom-inner-unit-img-link{
  flex:none;
  width:11px;
  padding-right:16px;
  box-sizing:content-box;
}
.head-bottom-inner-unit:first-of-type .head-bottom-inner-unit-link{
  border-left:0;
}
.head-bottom-inner-unit:first-of-type{
  margin-left:-16px;
}
.sub-menu{
  /*display:none;*/
  z-index:-10;
  transition:0.5s;
  opacity:0;
  transform:scaleY(0);
  transform-origin:50% 0;
  position:absolute;
  background-color:#ffffff;
  box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
  left:0;
  top:100%;
}
.head-bottom-inner-unit-has-children:last-child .sub-menu{
  left:unset;
  right:0;
}
.sub-menu-unit{
  padding-left:20px;
  padding-right:17px;
  padding-top:15px;
  padding-bottom:15px;
  white-space: nowrap;
  background-color:#ffffff;
  transition:0.5s;
}
.sub-menu-unit:hover{
  background: rgba(81, 114, 140, 1);
}

.sub-menu-unit-link{
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  font-family:Arial,georgia;
  transition:0.5s;
}
.sub-menu-unit:hover>.sub-menu-unit-link{
  color:#ffffff;
}
.head-bottom-inner-unit-has-children-line{
  opacity:0;
  transition:0.5s;
  width: 70px;
  height: 6px;
  background: rgba(81, 114, 140, 1);
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
}
.sub-menu-unit{
  position:relative;
}
.sub-menu-li-menu{
  position:absolute;
  top: 100% ;
  transform:translateY(-83.2%);
  left:100%;
  z-index:-10;
  opacity:0;
  transition:0.5s;
}
.sub-menu-unit-envideo:hover>.sub-menu-li-menu{
  z-index:99;
  opacity:1;
}
@media (min-width:1099px){
  .head-bottom-inner-unit:hover .head-bottom-inner-unit-has-children-line{
    opacity:1;
  }
  .head-bottom-inner-unit-has-children:hover>.sub-menu{
    z-index:99;
    opacity:1;
    transform:scaleY(1);
  }
}
@media (max-width:1500px){
  .head-bottom-inner-unit-has-children .head-bottom-inner-unit-link{
    padding: 0 5px 0 9px;
  }
  .head-bottom-inner-unit-img-link{
    padding-right: 9px;
  }
  .head-bottom-inner-unit-link{
    padding: 0 9px;
  }
  .head-bottom-inner-unit:first-of-type{
    margin-left:-9px;
  }
}
@media (max-width:1360px){
  .head-bottom-inner-unit-link{
    font-size:16px;
  }
}
@media (max-width:1200px){
  .head-bottom-inner-unit-link{
    font-size:14px;
  }
}
@media (max-width:1099px){
  .head-bottom-inner-unit-img-link{
    display:none;
  }
  .head-bottom-inner-unit-has-children .head-bottom-inner-unit-link{
    padding: 0 9px 0 9px;
  }
  .head-bottom-inner{
    overflow-x: auto;
    overflow-y:hidden;
  }
  .head-bottom-inner-unit:first-of-type{
    margin-left:0;
  }
  .head-bottom-inner-unit:first-of-type .head-bottom-inner-unit-link{
    padding:0 9px 0 0;
  }
}
@media (max-width:767px){
  .head-bottom-inner::-webkit-scrollbar{
    width: 0;
    height: 0;
  }
  .head-bottom-inner::-webkit-scrollbar-track{
    display:none;
  }
  .head-bottom-inner::-webkit-scrollbar-thumb{
    display:none;
  }
  .head-bottom-inner::-webkit-scrollbar-corner {
    display:none;
  }
  .head-bottom-inner{
    padding-left:0;
  }
}