@charset "UTF-8"; /*!
/*
Theme Name: Zhuiyi
Theme URI: https://boke.xu-long.com/
Author: Xulong
Author URI: https://boke.xu-long.com/
Description: 君华英文站主题模板
Version: 3.0.0
Tags: JUNHUA, 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%);right:0;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}
.contact-sidebar .contact-icon{align-items:center;text-align:center;}
@media (max-width:768px){.contact-sidebar{position:fixed;bottom:0;top:auto;right:auto;width:100%;transform:translateY(0)}
.contact-sidebar .contact-icon{width:23%}
.contact-sidebar .contact-icon1{width:50%}
}
/*客服系统增加圆圈扩散水纹效果*/    
.contact-icon1 {
  position: relative;
}
.contact-icon1::before,
.contact-icon1::after {
  content: "";
  position: absolute;
  width: 1rem;/* 初始波纹大小 */
  height: 1rem;
  border: 2px solid rgba(255,255,255,0.5);  /* 波纹边框颜色与透明度 */
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  animation: ripple 2s linear infinite;
  pointer-events: none;       /* 不影响点击 */
}

/* 通过延迟使波纹错开，形成连续效果 */
.contact-icon1::after {
  animation-delay: 1s;
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}

      /* 高德地图响应式图片样式 */
      .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 {display: none; }  }
@media (min-width: 900px) and (max-width: 1200px) {#menu-item-381, #menu-item-33 {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);}