@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: regular;
  src:
       url('https://lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

* {
      font-family: jost, "Segoe UI", "Noto Sans", Roboto, Oxygen, Cantarell, "Fira Sans", "Liberation Sans", "Droid Sans", Ubuntu, 'Noto Sans SC', "PingFang SC", "Noto Sans CJK SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.hidden {
  display: none!important;
  width: 0!important;
  height: 0!important;
  opacity: 0!important;
}

.footer {
  padding: 0;
}

.hero-slider-01 .container {
  margin-top: -150px;
}


.services {
  display:grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  padding: 0 10px;
}

@media (max-width: 767px) {
    .services {
  display:grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  padding: 0 10px;
}
}

.service-item-01 {
  margin: 0;
}

.portfolio-section-1 {
  box-shadow: inset 0 -5px 16px 0px rgba(128,128,128,.14);
}

.box-wrapper {
    position: relative;
    background: rgba(20,109,255,.55);
    display: flex;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    backdrop-filter: blur(8px);
}

@media (max-width: 767px) {
    .box-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 10px;
    }
}

.icon-box-1 h5 {
    background: #fff;
    width: calc(100% - 48px);
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto -45px;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .12);
}

@media (max-width: 767px) {
    .about-section-1 {
        padding-top: 60px;
    }
}

.navbar-brand img {
  height: 60px;
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    cursor: none;
}

.images-container {
    display: inline-flex;
    animation: marquee 15s linear infinite;
}

.images-container img {
    max-width: 200px; /* 设置最大宽度 */
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.scroll-content {
    display: flex;
    
}

.scrolling-image {
    width: 200px;
    height: auto;
    flex-shrink: 0;
}

.copyright {
    display: flex;
    justify-content: space-around;
}

@media (max-width: 767px) {
    .copyright {
  flex-direction: column;
}
}