.bg-dark {
  height: 76px;
  background-color: #28292e !important;
  box-shadow: 0px 4px 12px 1px rgba(33, 33, 33, 0.1);
  /*#languageSelect{
      .form-control{
          background-color: transparent;
          border: 1px solid rgba(255,255,255,1.0);
          border-radius: 17px;
          color:rgba(255,255,255,1.0);
          option{
              background-color: #35363c;
              border-radius: 16px;
              box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
          }
          option:after{
              content: '';
              width: 20px;
              height: 20px;
              display: inline-block;
              background: url(../images/orionstar_website_icon_chinese.png) no-repeat left center;
          }
      }
  }*/ }
  .bg-dark .site-logo {
    width: 121px;
    height: 44px;
    background-image: url(../images/orionstar-logo-white-x2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*margin-top: 10px;*/
    display: flex; }
    .bg-dark .site-logo a {
      display: block;
      flex: 1; }
  .bg-dark .site-logo-abroad {
    width: 121px;
    height: 44px;
    background-image: url(../images/orionstar-logo-abroad-x1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-y: 5px;
    /*margin-top: 10px;*/
    display: flex; }
    .bg-dark .site-logo-abroad a {
      display: block;
      flex: 1; }
  .bg-dark .phone {
    height: 100%;
    display: flex;
    display: -webkit-flex; }
    .bg-dark .phone .telbg {
      align-self: center;
      background-image: url(../images/orionstar_tel.png);
      width: 26px;
      height: 26px;
      background-size: contain;
      background-repeat: no-repeat; }
    .bg-dark .phone span {
      color: #fff;
      opacity: 1.0;
      display: inline-block;
      margin: 0 auto;
      align-self: center;
      height: 30px;
      /*padding-left: 10px;*/
      padding-right: 10px;
      line-height: 30px;
      /* border: 1px solid; */
      border-radius: 15px;
      font-size: 18px;
      font-weight: normal;
      /*margin-right: 70px;*/ }
  .bg-dark .container-xl .navbar-nav {
    height: 76px;
    margin: 0 auto; }
    .bg-dark .container-xl .navbar-nav .nav-item {
      display: flex;
      height: 76px;
      position: relative;
      padding: 0 10px;
      font-size: 16px;
      /*font-family: 'Microsoft YaHei', 'Heiti SC';*/
      /*font-weight: 400;*/
      color: white;
      /*background-color: #ffffff;*/ }
      .bg-dark .container-xl .navbar-nav .nav-item span.nav-link:after {
        content: ' ';
        width: 10px;
        height: 6px;
        background-image: url(../images/menu_down_grey@2x.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 38px;
        right: 8px; }
      .bg-dark .container-xl .navbar-nav .nav-item .nav-link {
        height: 76px;
        line-height: 60px;
        /*font-weight: 500;*/
        color: white;
        /*background-color: #ffffff;*/
        font-size: 16px; }
      .bg-dark .container-xl .navbar-nav .nav-item .dropdown-toggle::after {
        content: '';
        display: inline-block;
        height: 12px;
        width: 19px;
        background: url(../images/orioinstar_web_icon_btn_arrow_down_gray.png) no-repeat center;
        background-size: cover;
        position: relative;
        border: none;
        top: 5px;
        left: -8px; }
      .bg-dark .container-xl .navbar-nav .nav-item .sub-menu {
        min-width: 100%;
        background: #ffffff;
        box-shadow: 4px 1px 23px 1px rgba(33, 33, 33, 0.16);
        border-radius: 0px 0px 4px 4px;
        padding: 10px 0;
        z-index: 10; }
        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu .sub-menu-item a {
          display: block;
          font-size: 14px;
          /*font-family: 'Microsoft YaHei', 'Heiti SC';*/
          /* font-weight: 400;*/
          line-height: 44px;
          padding: 0 30px;
          color: #222222;
          white-space: nowrap; }
        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu .sub-menu-item a:hover {
          color: #084897; }
      .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot {
        display: flex;
        flex-wrap: wrap;
        /* flex-wrap: wrap;
         width: 350px;*/
        padding: 20px 5px 10px 15px;
        box-sizing: border-box;
        justify-content: flex-start;
        width: 920px;
        height: 660px;
        overflow: auto; }
        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item:hover {
          background-color: #fff;
          opacity: 0.8; }
        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item {
          width: 140px;
          margin: 0 5px 10px;
          padding: 0;
          display: flex;
          justify-content: space-between; }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item a {
            display: flex;
            flex-direction: column;
            padding: 0; }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon {
            width: 130px;
            height: 211px;
            margin: 0 auto;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border-radius: 5px;
            /* background-color: #F9F9F9;*/ }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-1 {
            background-image: url(../images/robot-1.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-2 {
            background-image: url(../images/robot-2.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-3 {
            background-image: url(../images/robot-3.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-4 {
            background-image: url(../images/robot-4.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-5 {
            background-image: url(../images/robot-5.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-6 {
            background-image: url(../images/robot-6.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-7 {
            background-image: url(../images/robot-7.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-8 {
            background-image: url(../images/robot-8.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-9 {
            background-image: url(../images/robot-9.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-10 {
            background-image: url(../images/robot-10.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-11 {
            background-image: url(../images/robot-11.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-icon.robot-icon-12 {
            background-image: url(../images/robot-12.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-type {
            font-size: 12px;
            text-align: center;
            /*font-weight: 400;*/
            color: #84888f; }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-text {
            text-align: center;
            color: #222222;
            line-height: 14px;
            font-size: 14px; }
        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item.sub-menu-item-partner {
          position: relative;
          width: 350px;
          margin-left: -30px;
          height: 56px;
          display: flex;
          margin-bottom: 0px;
          margin-right: 0px; }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item.sub-menu-item-partner a {
            width: 350px;
            background-color: #f5f5f5;
            font-size: 14px;
            color: #222222;
            text-align: center;
            flex: 1;
            line-height: 56px;
            /* font-weight: 400;*/ }
      .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot::-webkit-scrollbar {
        display: none; }
    .bg-dark .container-xl .navbar-nav .nav-item:before {
      display: block;
      content: '';
      margin-bottom: -2px;
      border-bottom: 2px solid #084897;
      position: relative;
      top: 58px;
      visibility: hidden; }
    .bg-dark .container-xl .navbar-nav .dropdown-menu {
      background: #fff;
      border: none;
      padding: 0;
      margin-top: 0;
      margin-bottom: 20px; }
    .bg-dark .container-xl .navbar-nav .dropdown-menu.dropdown-menu-robot {
      left: 50%;
      transform: translateX(-25%); }
    .bg-dark .container-xl .navbar-nav .dropdown-item {
      padding: 0; }
      .bg-dark .container-xl .navbar-nav .dropdown-item a {
        text-decoration: none; }
    .bg-dark .container-xl .navbar-nav .dropdown-item:active {
      background: #fff; }

.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/orionstar_h5_navi_icon_menu.png); }
.navbar-dark .navbar-toggler {
  border-color: white; }

.navbar-toggler {
  border: 1px dashed white; }

.navbar-toggler-icon {
  width: 1.2em;
  height: 1.2em; }

@media (min-width: 1200px) {
  .bg-dark .container-xl .navbar-nav .dropdown-menu.show {
    top: 76px;
    background: #fff;
    border: none; }

  .bg-dark .container-xl .navbar-nav .open .dropdown-menu {
    display: block; } }
@media (max-width: 520px) {
  .bg-dark .navbar-brand-phone {
    display: none; } }
@media (max-width: 1280px) {
  .bg-dark .container-xl .navbar-nav .nav-item .nav-link {
    font-size: 14px; }
  .bg-dark .phone span {
    font-size: 16px; } }
@media (max-width: 1199.98px) {
  .bg-dark {
    /* padding-left: 0;
     padding-right: 0;*/
    padding: 6px 0;
    height: auto;
    background: #28292e !important;
    box-shadow: 0px 4px 12px 1px rgba(33, 33, 33, 0.1); }
    .bg-dark.navbar {
      /* padding-top: 0;
       padding-bottom: 0;*/
      display: block;
      height: 66px; }
    .bg-dark .navbar-brand-phone {
      /*display: none;*/
      position: absolute;
      margin-right: 0;
      right: 163px;
      top: 15px; }
      .bg-dark .navbar-brand-phone .phone > span {
        margin-right: 0; }
    .bg-dark .site-logo {
      background-image: url(../images/orionstar-logo-white-x2.png);
      /*  margin-left: 20px;
        margin-top: 7px;*/
      height: 40px;
      width: 109px;
      margin-left: 1rem; }
    .bg-dark .site-logo-abroad {
      background-image: url(../images/orionstar-logo-abroad-x1.png);
      /*  margin-left: 20px;
        margin-top: 7px;*/
      height: 40px;
      width: 109px;
      margin-left: 1rem;
      background-position: center; }
    .bg-dark .wrapper-dropdown-3 {
      position: absolute;
      right: 67px;
      top: 18px; }
    .bg-dark .navbar-toggler {
      position: absolute;
      right: 15px;
      top: 17px; }
    .bg-dark .container-xl {
      margin: 0 auto;
      /*padding: 10px 0;*/
      justify-content: space-between;
      /* height: 60px;
       line-height: 60px;*/
                    /* height: 60px;
line-height: 60px;*/ }
      .bg-dark .container-xl .navbar-collapse {
        overflow: auto;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #28292e; }
      .bg-dark .container-xl .navbar-nav {
        height: 100%; }
        .bg-dark .container-xl .navbar-nav .nav-item {
          display: block;
          flex-wrap: wrap;
          height: auto;
          position: relative; }
          .bg-dark .container-xl .navbar-nav .nav-item .dropdown-toggle::after {
            position: absolute;
            right: 40px;
            top: 33px;
            left: auto; }
          .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot {
            left: 0;
            transform: translateX(0%); }
            .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot {
              flex-wrap: wrap; 
                width: 100%;
             height: auto;}
              .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item {
                width: 140px;margin: auto; }
                .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a {
                  margin: 0 auto;
                  width: 120px; }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon {
                    width: 100%;
                    background-position: 56% center;
                    height: 154px; }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-type {
                    line-height: 28px; }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-1 {
                    background-image: url(../images/robot-mobile-1.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-2 {
                    background-image: url(../images/robot-mobile-2.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-4 {
                    background-image: url(../images/robot-mobile-4.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-6 {
                    background-image: url(../images/robot-mobile-6.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-9 {
                    background-image: url(../images/robot-mobile-9.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-10 {
                    background-image: url(../images/robot-mobile-10.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-11 {
                    background-image: url(../images/robot-mobile-11.png); }
                  .bg-dark .container-xl .navbar-nav .nav-item .dropdown-menu.dropdown-menu-robot .sub-menu.sub-menu-robot .sub-menu-item a .robot-icon.robot-icon-12 {
                    background-image: url(../images/robot-mobile-12.png); }
    .bg-dark .navbar-toggler {
      padding: 3px; } }
@keyframes menuAnim {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }