.bg-dark {
  height: 76px;
  background-color: #28292e !important;
  box-shadow: 0px 4px 12px 1px rgba(33, 33, 33, 0.1);
  }
  .bg-dark .site-logo {
    width: 161px;
    height: 100px;
    background-image: url(https://www.chinareactor.com/template/pc/skin/img/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(https://www.chinareactor.com/template/pc/skin/img/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 span a{
      color: #fff;
      opacity: 1.0;
      display: inline-block;
      margin: 0 auto;
      align-self: center;
      height: 30px;
      padding-right: 10px;
      line-height: 30px;
      border-radius: 15px;
      font-weight: normal;}
    .bg-dark .phone .telbg {
      align-self: center;
      background-image: url(../image/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;
      white-space: nowrap;
      /*background-color: #ffffff;*/ }
      .bg-dark .container-xl .navbar-nav .nav-item span.nav-link:after {
        content: ' ';
        width: 10px;
        height: 6px;
        background-image: url(https://www.chinareactor.com/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(../image/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 15px 10px 15px;
        box-sizing: border-box;
        justify-content: flex-start;
        /* width: 920px; */
        /* max-width: 920px; */
        /* height: 600px; */
        overflow: auto; }

        .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot-wrap {
          flex-wrap: wrap;
          width: 870px;
        }


        .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: center; }
          .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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/robot-12.png); }
          .bg-dark .container-xl .navbar-nav .nav-item .sub-menu.sub-menu-robot .sub-menu-item .robot-type {
            font-size: 14px;
            text-align: center;
            font-weight: 400;
            color: #222222;}
          .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(../image/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(https://www.chinareactor.com/template/pc/skin/img/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(https://www.chinareactor.com/template/pc/skin/img/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/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(https://www.chinareactor.com/images/menu/robot-mobile-12.png); }
    .bg-dark .navbar-toggler {
      padding: 3px; } }

@keyframes menuAnim {
0% {
opacity: 0;
transform: translateY(10px); }
100% {
opacity: 1;
transform: translateX(0); } }

#myBtn {
width: 60px;
height: 60px;
display: none;
position: fixed;
bottom:8%;
right: 25px;
z-index: 99;
border: none;
outline: none;
cursor: pointer;
background: url(../image/orionstar_web_btn_backtotop.png) no-repeat center;
background-size: 100%;
}
#myBtn span{
position:absolute;
top:70px;
font-size: 16px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
color: #acaeb6;
line-height: 25px;
display: none;
width: 70px;
text-align: center;
}

#myBtn:hover {
background: url(../image/orionstar_web_btn_backtotop_hilighted.png) no-repeat center;
background-size: 100%;
}
#myBtn:hover span{
display: block;
}

#leave_msg_container {
    position: fixed;
    right: 30px;
    top: calc(35% + 160px);
    cursor: pointer;
    z-index: 9999999;
}
#leave_msg_container2 {
    position: fixed;
    right: 80px;
    top: calc(25% + 160px);
    cursor: pointer;
    z-index: 9999999;
}
  #leave_msg_href span{
    font-size: 14px;
}
#leave_msg_href:hover {
    /*box-shadow: 0px 0px 20px rgb(0 0 0 / 40%);*/
    /*background: #2B86FF;*/
}

/* #leave_msg_href {
    width: 105px;
    height: 105px;
    display: block;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: url(../img/orionstar_leave_msg.webp?v=001);
    background-size: 100%;
    z-index: 99;
} */

    
@media (max-width: 576px){
    .footer .msg-label-span{width: 120px;}
    .footer .res-company .msg-value-span{margin-left: 120px !important;}
    /* #leave_msg_container{right:-115px} */
    /* #leave_msg_href{width:45px;height:45px;
    background: url(../img/orionstar_leave_msg.png?v=001);background-size: 100%;} */
    #myBtn{width:45px;height:80px;right:19px}
	    #leave_msg_container2 {
	    position: fixed;
	    right: 50px;
	    top: calc(28% + 160px);
	    cursor: pointer;
	    z-index: 9999999;
	}
}

/* 解决主要页面适配顶部导航栏高度下开始布局 */
@media (min-width:1200px) {
  main {
    padding-top:65px;
  }
}

@media (max-width:1199.98px) {
  main {
    padding-top:46px;
  }
}


/*
利用后面的样式，覆盖前面，防止破坏其他引用的地方
*/
.xyq .product-menu {
  min-width: 0;
}

.xyq .product-menu li:nth-of-type(n+7) {
  margin-top: 10px;
}