.no-js .navbar-header button {
  display: none;
}
.js .navbar-header a.navbar-toggle {
  display: none;
}
.no-js .dropdown-menu {
  display: block;
  top: -9999em;
  left: -9999em;
}
.no-js .dropdown:hover .dropdown-menu {
  display: block !important;
  top: auto;
  left: auto;
}
.no-js .dropdown-menu li:hover .sub-menu {
  visibility: visible;
}
.no-js #main-navigation:target {
  display: block;
}
@media (max-width: 48em) {
  .no-js .dropdown-menu {
      top: auto;
      left: auto;
      position: relative;
      width: 100%;
      background: transparent;
  }
    /* .echarts{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    } */
}
.navbar-inverse {
  border-radius: 0;
  background-color: #101439ab;
}
#main-navigation li a {
  color: #fff !important;
}
#main-navigation li li a {
  color: #000 !important;
}
#main-navigation a:focus,
.navbar-toggle:focus,
.navbar-brand:focus {
  /* outline: 1px solid #fff; */
  background-color: rgba(17,24,76,0.6);;
  /* color: #fff !important; */
}
.index-box {
    height: 51vh;
}
@media (max-width: 48em) {
  .no-js .dropdown-menu {
      display: block !important;
      top: auto;
      left: auto;
      box-shadow: none;
      border: 0;
      margin-bottom: 1em;
  }
  #main-navigation li a {
      color: #fff !important;
  }
  #main-navigation li li a {
      color: #fff !important;
  }
  #main-navigation li li a:hover {
      background-color: transparent !important;
  }
   .footer-container{
        padding: 0 0 60px 0;
   }
    .index-box {
        height: 55vh;
    }
}
/* p,
li {
  font-size: 0.3em;
}  */

/* .navbar{
  min-height: 76px;
}*/
.navbar-brand{
  padding: 0 15px;
  height: auto;
  float: right;
  width: 40%;
  padding: 9px 10px;
}

.navbar-toggle{
  float: left;
}


@media ( min-width: 769px){
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-inverse{
    background: none;
  }
  .navbar-content{
    display: flex;
    justify-content: center;
  }
  .footer-container{
    margin-top: 0px;
  }
  #echarts{
    height: 75vh;
  }
  .navbar-brand{
    padding: 0 15px;
    height: auto;
    float: right;
    width: auto;
  }
}

.navbar {
  position: fixed;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  z-index: 99;
  width: 99%;
}
.navbar-nav{
  height: 100vh;
  background-color: rgba(15,21,56,0.8);
}

.navbar-collapse{
  position: absolute;
  left: 0;
}
.navbar-inverse {
  background-color: rgba(16,20,57,0.3);
  padding: 10px;
}
.navbar-toggle{
      background-color: #0d1641;
      border-color: inherit;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color: #0d1641;
  border-color: initial;
}