@charset "UTF-8"; /*!
/*
Theme Name: Zhuiyi
Theme URI: https://boke.xu-long.com/
Author: Xulong
Author URI: https://boke.xu-long.com/
Description: zhuiyi theme template produced by Xu Long
Version: 2.0.2
Tags: Zhuiyi, Xulong
Text Domain: zhuiyi_theme
*/
@charset "UTF-8";
.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
.flex-center {
  display: inline-flex !important;
}
.border.border-dashed {
  border-style: var(--bs-border-style-dashed) !important;
}
.border.border-dotted {
  border-style: var(--bs-border-style-dotted) !important;
}
.hover-shadow,
[class*="hover-shadow-"],
[class~="hover-shadow-"] {
  transition: all 0.25s ease-in-out;
}
.hover-shadow-sm:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.05) !important;
}
.hover-shadow:hover {
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.05) !important;
}
.hover-shadow-lg:hover {
  box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.075) !important;
}
.hover-shadow-xl:hover {
  box-shadow: 0 2rem 4rem rgba(8, 7, 19, 0.0875) !important;
}
.hover-shadow-3d:hover {
  box-shadow: 5px 5px 0 0 #080713 !important;
}
.grid-separator {
  overflow: hidden;
}
.grid-separator > * {
  box-shadow: -1px -1px 0 0 var(--bs-border-color);
}
.grid-separator [class^="col-"],
.grid-separator > [class*="col-"] {
  padding: 2rem 1rem;
}
[data-bs-theme="dark"] img.img-invert {
  filter: invert(1) grayscale(100%) brightness(200%);
}
    .contact-sidebar {
      position: fixed;
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      width: auto;
      background-color: #1b3e6f;
      color: #fff;
      border-radius: 5px;
      z-index: 100;
    }

    .contact-sidebar .contact-icon {
      display: flex;
      align-items: center;
    }

    .contact-sidebar .contact-icon svg {
      width: 30px;
    }

    .contact-sidebar .contact-info {
      font-size: 14px;
      flex-direction: row;
      justify-content: space-around;
      margin-bottom: 0;
    }

    .qr-image-container {
      display: none;
      position: absolute;
      width: 150px;
      height: 150px;
      background-color: #fff;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
      z-index: 200;
    }

    .qr-image-container img {
      width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .contact-sidebar {
        display: none;
        position: fixed;
        bottom: 0px;
        top: auto;
        right: auto;
        width: 100%;
        transform: translateY(0%);
      }

      .contact-sidebar .contact-icon {
        align-items: center;
        text-align: center;
        width: 32%;
      }
    }
      /* 高德地图响应式图片样式 */
      .infowindow img {
        float: left;
        max-width: 100%;
        height: auto;
      }

      /* 高德地图 信息窗口内容样式调整 */
      .infowindow {
        font-size: 14px; /* 根据需要调整字体大小 */
        overflow-wrap: break-word; /* 允许长单词换行 */
      }

      /* 高德地图 可选：针对不同屏幕尺寸的样式调整 */
      @media screen and (max-width: 768px) {
        .infowindow h3 {
          font-size: 18px; /* 在小屏上适当减小标题字体大小 */
        }
      }
      
/* 屏幕宽度小于1400px时，隐藏 材料性能 新闻 下载中心 联系我们  这些元素 */  
@media (min-width: 900px) and (max-width: 1400px) { #menu-item-382, #menu-item-188, #menu-item-6074{display: none; }  }
@media (min-width: 900px) and (max-width: 1200px) {#menu-item-381, #menu-item-33, #menu-item-5252{display: none; }  }
@media screen and (max-width: 768px) {.toTop{bottom:3rem}}
@media (min-width: 992px) {
    header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1);
    }
}
.zhuiyi-scrollbar::-webkit-scrollbar { width: 10px; height: 8px; } .zhuiyi-scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background: #eee; } .zhuiyi-scrollbar::-webkit-scrollbar-thumb:hover { background: #e5e5e5; } .zhuiyi-scrollbar::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
/*后台样式的codestarframework和Bootstrap冲突*/
.csf-title h4{font-size: 13px;}
.csf-field-spinner .ui-spinner .ui-spinner-button{display: flex;flex-direction: column;justify-content: center;text-align: center;min-width: 20px;padding: 0 4px;margin: 0;color: #555;background-color: #f5f5f5;border: 1px solid #7e8993;}
.z-fixed.header-absolute-top:not(.scroll-up) .frosted-glass {background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px);  border: 1px solid rgba(255, 255, 255, 0.3);}

.table-wrapper {
max-height: calc(100vh - 200px);
/* 表格最大高度（可按需要调整，比如减去顶部导航高度） */
                            overflow-y: auto;
                            border: 1px solid #dee2e6;
                            /* 保持Bootstrap边框风格 */
                        }

                        /* 固定表头 */
                        .table-wrapper thead th {
                            position: sticky;
                            top: 0;
                            box-shadow: inset 0 -1px 0 #dee2e6;
                        }