.function-details:hover + a{
  color: #ff962a!important;
}
.function-details:hover + a>span{
  width: 100%!important;
}
.dropdown-menu:hover + a{
  color: #ff962a!important;
}
.dropdown-menu:hover + a>span{
  width: 100%!important;
}
.nav-detail-box{
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: fit-content;
  margin: 0;
  padding: 0;
  box-shadow: 0px 2px 8px 0px rgba(51, 51, 51, 0.08);
  border-top: 2px solid #ffa952;
  border-radius: 0;
}
.nab-title {
  font-size: 22px;
  line-height: 29px;
  color: #333;
}
.nab-title > div {
  width: 52px;
  height: 2px;
  background-color: #ff962a;
  margin-top: 8px;
}
.ndb-content{
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 42px 0;
  display: flex;
  justify-content: space-between;
}
.ndb-content ul {
  width: 176px;
}
.ndb-content ul li a{
  display: flex;
  align-items: center;
}
.ndb-content ul li a:hover  span div{
  color: #ff962a;
}
.ndb-content ul li+li {
  margin-top: 36px;
}
.ndb-content ul li:nth-child(2){
  margin-top: 30px;
}
.ndb-content ul li:first-child{
  display: inline-block;
}
.ndb-content ul li span {
  margin-left: 12px;
  flex: 1;
}
.ndb-content ul li span div:first-child{
  font-size: 16px;
  color: #333;
}
.ndb-content ul li span div:last-child{
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}

.ndb-solution-content{
  height: 100%;
  margin: 0 auto;
  padding: 42px 0;
  display: flex;
  justify-content: center;
}
.ndb-sc-link{
  height: 288px;
  width: 1px;
  margin: 0 60px;
  margin-top: 70px;
  background-color: #efefef;
}
.ndb-solution-content ul{
  margin-top: 30px;
  width: 240px;
}
.ndb-solution-content ul li+li {
  margin-top: 36px;
}
.ndb-solution-content ul li a{
  display: flex;
  align-items: center;
  max-height: 45px;
}
.ndb-solution-content ul li a:hover  span div{
  color: #ff962a;
}
.ndb-solution-content ul li span {
  display: inline-block;
  margin-left: 12px;
  flex: 1;
}
.ndb-solution-content ul li span div:first-child{
  font-size: 16px;
  color: #333;
}
.ndb-solution-content ul li span div:last-child{
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}

@media screen and (max-width: 1400px) and (min-width: 769px) {
    .function-details.nav-detail-box .ndb-content {
        width: 1000px;
    }
    .ndb-content {
        padding: 28px 0;
    }
    .ndb-solution-content {
        height: 100%;
        margin: 0 auto;
        padding: 12px 0;
        display: flex;
        justify-content: center;
    }

    .ndb-solution-content > div {
        margin-left: 30px !important;
    }
    .ndb-sc-link {
        display: none;
    }

    .ndb-content ul li+li {
        margin-top: 24px !important;
    }
    
    .ndb-content ul {
        margin-left: 18px;
    }

    .ndb-solution-content ul li+li {
        margin-top: 18px;
    }
}

@media (max-width: 768px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin: 0 !important;
    }
    
}