@charset "UTF-8";
@font-face {
  font-family: 'adobe';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/AdobeHeitiStd-Regular.otf) format("truetype");
}
body {
  padding-top: 0px;
  /*font-family: 'adobe' !important;*/
  font-family: 'Microsoft YaHei' !important;
}

.swiper-pagination-bullet-active {
  background: #359b3c;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #359b3c;
}

.side1 {
  background: #359b3c;
}

.header .navbar-nav .nav-link:after {
  background: #359b3c;
}

.header .navbar-brand > img {
  height: 2rem;
}

.header .s-menu {
  overflow: visible;
  width: 219px;
  top: 0 !important;
}
.header .s-menu > li {
  position: relative;
}
.header .s-menu > li:hover .f-menu2 {
  display: block;
}
.header .s-menu > li > a {
  text-transform: capitalize;
  position: relative;
}
.header .s-menu > li .f-menu2 {
  position: absolute;
  right: -220px;
  width: 220px;
  display: none;
  top: 0;
}
.header .s-menu > li .f-menu2 li a {
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 使用省略符号 */
}

.footer-bg-red {
  background: #e1e1e1;
  color: #737373 !important;
}
.footer-bg-red a {
  color: #737373 !important;
}

.footer-bg-red .fb-items {
  border-right: 1px solid #737373;
}

.footer-bg-red .fb-items a:hover, .footer-bg-red .fb-items a {
  color: #737373 !important;
}

.footer {
  background: #e6e6e6;
  color: #737373 !important;
}
.footer a {
  color: #737373 !important;
}
.footer .text-muted {
  color: #737373 !important;
}

/*

.side2{
   top:151px;
}
.side3{
   top: 202px;
}
.side5{
   top: 253px;
}
.side6{
   top: 304px;
}
*/
/*.header-wrap .navbar-transparent.liveheader{
   box-shadow: none;
   background-color: #f1f3f5 !important;

}*/
aside .side2 {
  top: 253px;
}
aside .side3 {
  top: 202px;
}
aside .side5 {
  top: 304px;
}
aside .side6 {
  top: 355px;
}

.header .navbar-nav .product-item .dropdown-menu .menu-product-box > li {
  width: calc(16% - 1rem);
}

@media (max-width: 768px) {
  body {
    padding-top: 0;
  }

  .footer {
    margin-bottom: 3rem;
  }

  .header .navbar-brand > img {
    height: 1.5rem;
    width: auto;
  }

  .header .navbar-nav .product-item .dropdown-menu .menu-product-box > li {
    width: 100%;
  }

  .header .s-menu {
    width: 100%;
  }

  .header .more-menu {
    display: none;
  }

  .header .wap_f-menu {
    position: static !important;
    width: 100% !important;
    transform: unset !important;
    height: auto !important;
  }
  .header .wap_f-menu li {
    width: 100% !important;
  }
  .header .wap_f-menu li a {
    display: block !important;
    text-align: left !important;
    padding-left: 12px !important;
  }
  .header .wap_f-menu li img {
    display: none !important;
  }

  .header .navbar-nav .nav-item.nav-item3.product-item:after {
    display: none;
  }

  .header .navbar-nav .nav-item.nav-item3.product-item .wap_f-menu a {
    font-size: 14px !important;
  }

  /*.header .navbar-nav .product-item .dropdown-menu .menu-product-box > li > a{
     font-size: 14px;
  }*/
}
.shipin_box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.shipin_box.on {
  display: flex;
}
.shipin_box #iframe_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shipin_box iframe {
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  display: block;
}
.shipin_box video {
  display: block;
  width: 1000px;
  height: 600px;
  margin: 0 auto;
}

@media (max-width: 1450px) {
  .shipin_box video {
    height: 460px;
  }
}
@media (max-width: 768px) {
  .shipin_box video {
    width: 100%;
    height: 300px;
  }
}

/*# sourceMappingURL=mypublic.css.map */
