/*
Theme Name: dahuanggou Child
Template: dahuanggou
Version: 3.0
*/
html{
    scroll-behavior: smooth;
}
.ux-menu-title {
    font-weight: 500;
    color: #333333;
    font-size: 24px;
    padding-left: 10px;
}

.ux-menu-title:after {
    content: "";
    width: 4px;
    height:20px;
    display: inline-block;
    background: #00569c;
    position: absolute;
    left: 30px;
}


.ux-menu-link a {
    background: #e6e7f2;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
}

.ux-menu-link a:hover {
    background: #f0f0f5
}

*{
	font-weight:500;
}

body {
    FONT-SIZE: .8rem;
	
}




/* ==================== 客户评价 ==================== */
.reviews-b .name {
  display: inline-flex;
  align-items: center;
}

.reviews-b .name::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="blue" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="m9 12 2 2 4-4"/></svg>');
  display: inline-block;
  margin-left: 4px;
  height: 1em;
}


/* 方案B: 使用CSS Columns，兼容Flatsome */
.row.reviews-b-list {
  display: block !important;
  column-count: 3 !important;
  column-gap: 20px !important;
  column-fill: balance !important;
  /* 重置Flatsome样式 */
  flex-wrap: unset !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /* 居中对齐 */
  max-width: 1200px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.row.reviews-b-list .col.item {
  display: inline-block !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  vertical-align: top !important;
}

/* 响应式调整 */
@media (max-width: 549px) {
  .row.reviews-b-list {
    column-count: 1 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 550px) and (max-width: 849px) {
  .row.reviews-b-list {
    column-count: 2 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 850px) {
  .row.reviews-b-list {
    column-count: 3 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* 额外的居中优化 */
.row.reviews-b-list .col.item:first-child {
  margin-top: 0 !important;
}



/* 评论区域容器样式 - 动态添加到现有元素 */
.reviews-b-wrapper {
    position: relative;
    overflow: hidden;
    /* 不设置默认高度，通过JS控制 */
}

/* 渐变遮罩层 - 默认深色 */
.reviews-b-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px; /* 遮罩高度 */
    background: linear-gradient(
        to bottom,
        rgba(28, 28, 28, 0) 0%,
        rgba(28, 28, 28, 0.3) 30%,
        rgba(28, 28, 28, 0.8) 70%,
        rgba(28, 28, 28, 1) 100%
    );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    pointer-events: none;
    z-index: 10;
}

/* 白色遮罩层 - 当父元素包含reviews-b-w类时 */
.reviews-b.reviews-b-w .reviews-b-overlay {
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 30%,
        rgba(255, 255, 255, 0.8) 70%,
        rgba(255, 255, 255, 1) 100%
    );
}

/* 查看更多按钮 - 使用Flatsome默认样式 */
.view-more-btn {
    pointer-events: auto;
}

/* 展开状态 */
.reviews-b-wrapper.expanded {
    height: auto !important;
    overflow: visible !important;
}

.reviews-b-wrapper.expanded .reviews-b-overlay {
    display: none;
}

.reviews-b-wrapper.expanded .collapse-btn {
    display: block;
}

/* 收起按钮 - 使用Flatsome默认样式 */
.collapse-btn {
    margin: 20px auto 0;
    display: none;
    text-align: center;
}




/* 保留原有过渡动画 */
.box-shadow-1,
.box-shadow-1-hover,
.box-shadow-2,
.box-shadow-2-hover,
.box-shadow-3,
.box-shadow-3-hover,
.box-shadow-4,
.box-shadow-4-hover,
.box-shadow-5,
.box-shadow-5-hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner,
.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner,
.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 阴影美化：更柔和、立体、现代感 */

/* Level 1 - 最轻微、几乎平面 */
.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Level 2 - 稍有浮起感 */
.box-shadow-2,
.box-shadow-2-hover:hover,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* Level 3 - 现代卡片阴影（如 Material 设计） */
.box-shadow-3,
.box-shadow-3-hover:hover,
.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.08);
}

/* Level 4 - 悬浮卡片感（对比明显） */
.box-shadow-4,
.box-shadow-4-hover:hover,
.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner:hover {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.08);
}

/* Level 5 - 强调卡片、弹窗、模态框等 */
.box-shadow-5,
.box-shadow-5-hover:hover,
.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner:hover {
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.2);
}

/* Hover 状态上浮 */
.box-shadow-4-hover:hover,
.box-shadow-5-hover:hover,
.row-box-shadow-4-hover .col-inner:hover,
.row-box-shadow-5-hover .col-inner:hover {
  transform: translateY(-4px);
}



/* ==================== 滑块 ==================== */

/*滑块*/
  .swiper {
    width: 100%;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.swiper-container-outer{
    position: relative;
}

/*2*/

  .list-2 .swiper-slide {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: scale(0.9);
    opacity: 0.6;
  }
  .list-2 .swiper-slide-active {
    transform: scale(1.05);
    opacity: 1;
    z-index: 2;
  }
/*3 logo*/

.slider-logo {
  width: 100%;
  height: 200 !important;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

.slider-logo .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

/* 为 .slider-logo 添加间隔样式 */
.slider-logo .swiper-slide {
    width: 200px !important; /* 固定宽度 */
    margin-right: 120px !important; /* 右边距 */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* 防止收缩 */
    height: 200px !important; /* 设置高度 */
}

.slider-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 响应式调整 */
@media (max-width: 767px) {
    .slider-logo .swiper-slide {
        width: 150px !important;
        margin-right: 80px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slider-logo .swiper-slide {
        width: 180px !important;
        margin-right: 100px !important;
    }
}

@media (min-width: 1024px) {
    .slider-logo .swiper-slide {
        width: 200px !important;
        margin-right: 120px !important;
    }
}




/* ==================== slider-logo-r 向右滚动 ==================== */
.slider-logo-r {
  width: 100%;
  height: 200px !important;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  direction: rtl; /* 设置从右到左的方向 */
}

.slider-logo-r .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

/* 为 .slider-logo-r 添加间隔样式 */
.slider-logo-r .swiper-slide {
    width: 200px !important; /* 固定宽度 */
    margin-right: 120px !important; /* 右边距 */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* 防止收缩 */
    direction: ltr; /* 恢复从左到右的内容方向 */
    height: 200px !important; /* 设置高度 */
}

.slider-logo-r img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* slider-logo-r 响应式调整 */
@media (max-width: 767px) {
    .slider-logo-r .swiper-slide {
        width: 150px !important;
        margin-right: 80px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slider-logo-r .swiper-slide {
        width: 180px !important;
        margin-right: 100px !important;
    }
}

@media (min-width: 1024px) {
    .slider-logo-r .swiper-slide {
        width: 200px !important;
        margin-right: 120px !important;
    }
}




/*====================底部二维码====================*/
.ewm {
    width: 120px;
    height: 120px;
    padding: 5px;
    position: relative;
    display: inline-block;
    background-size: 100%;
    background: url(img/footer_cline2.webp) center center no-repeat;
    overflow: hidden;
}

.ewm img {
    width: 150px
}

.ewm .sm {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    animation: run1 2s infinite;
    -webkit-animation: run1 2s infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes run1 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}

@-webkit-keyframes run1 {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}

/*====================面包屑====================*/
.breadcrumb li {
    margin: 0;
    display: inline-block;
    position: relative;
    margin: 0 !important;
}


/*====================底部图标居中====================*/
/*图标横向水平居中*/
.icon-center {
  display: flex;
  justify-content: center;
  align-items: center; /* 如果你想要垂直也居中可以保留 */
  height: 100%; /* 保证撑满父元素 */
}





/*====================底部菜单====================*/
@media screen and (max-width: 768px) { 
    .ux-menu-link a span{
        font-size: 12px;
    }
}

.footer-menu-line-w .ux-menu-link a span,
.footer-menu-line .ux-menu-link a span{
    position: relative;
}
.footer-menu-line-w .ux-menu-link a span:after,
.footer-menu-line .ux-menu-link a span:after{
    content: '';
    width: 100%;
    height: 2px;
    color: #fff;
    display: block;
    background: #fff;
    bottom: 0;
    width: 0;
    transition: .25s;
}
.footer-menu-line-w .ux-menu-link a span:after{
    background: #ccc;
}
.footer-menu-line-w .ux-menu-link a span:hover:after,
.footer-menu-line .ux-menu-link a span:hover:after{
    width: 100%;
}

.footer-menu-line-w .ux-menu-link a:hover,
.footer-menu-line .ux-menu-link a:hover{
    opacity: .7;
}

/*====================版式====================*/

.border0 *{
    border: none !important;
}



.pb0 *{
    padding-bottom: 0;
    margin-bottom: 0;
}
/*文字标题两行*/
.row-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 最多显示2行 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;      /* 每行高度 */
  min-height: 3em;         /* 至少2行的高度 */
}

/* li 风格星星 */
.lis-1 ul li.bullet-checkmark:before,
.lis-1 ul li.bullet-star:before {
    color: #fff;   
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: var(--fs-color-primary);
    text-align: center;
    border-radius: 12px;
}

/*字体颜色*/
.lis-c-000 *:before {
    background:#000 !important;
}

.lis-1 ul li.bullet-checkmark, ul li.bullet-star {
    padding: 7px 0 7px 34px;
}

/*点位美化*/
.flickity-page-dots .dot {
    border: 5px solid #111;
    height: 10px;
    width: 10px;
}

/*====================切换卡样式====================*/

/*icon-1 切换卡*/
.icon-tabs-1 .nav li.tab a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #333;
  text-decoration: none;
}

.icon-tabs-1 .nav li.tab a::before {
  content: ""; 
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 24px;
  position: absolute;
  top: 0.2em;
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  pointer-events: none; 
}

.icon-tabs-1 .nav li.tab:nth-child(1) a::before {
  content: "\f015";
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(2) a::before {
  content: "\f007"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(3) a::before {
  content: "\f013"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(4) a::before {
  content: "\f5fc"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab.active a::before,
.icon-tabs-1 li.active a span{
    color: var(--fs-color-primary);
}
.icon-tabs-1 li.active a{
    background: var(--fs-color-primary) !important;
    
}
.icon-tabs-1 .nav li.tab.active a::before,
.icon-tabs-1 li.active a span{
    color: #fff !important;
}
.icon-tabs-1 .nav li a{
    margin: 0 2px;
    background: #f7f7f7;
    border-radius: 8px;
    display: block;
    padding: 10px 15px;
}

/*====================轮播====================*/
.flickity-page-dots {
    bottom: 0;
}

/*====================视频插件====================*/
.plyr__control--overlaid{
    background: var(--fs-color-primary)!important;
}
/*====================头部====================*/

.icon-box i{
    font-size: 14px;
}

/*====================头部====================*/

/*透明亮文字添加遮罩*/
.has-transparent{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); /* 从黑色到透明的渐变背景 */
}

/*头部下拉三角形缩小*/
header .has-dropdown .icon-angle-down {
    font-size: 12px;
    margin-left: 0.2em;
    opacity: .6;
}

/*头部全宽*/
.header-full-width .container {
    max-width: 98% !important;
}


/*====================排版====================*/
/*轮播数量小圆点移动端缩小*/
@media screen and (max-width: 768px) { 
    .flickity-page-dots .dot {
        height: 6px;
        width: 6px;
    }

}

.link-color a{
    color: var(--wp--preset--color--black);
}
.link-color a:hover{
    color:var(--fs-color-primary)
}

/*====================排版====================*/

.banner h1 {
    font-size: 2em;
}


/* 取消H6默认大写 */
h6{
    text-transform: capitalize;
}

/* 字间距 */
.ls2{
    letter-spacing:2px
}

/*图片和文字排序*/
@media screen and (max-width: 768px) { 
	.text-img-box { 
		display: flex; 
		flex-direction: column-reverse; 
	} 
	.text {
		order: 1;
	}
    .img {
		order: 2;
	} 

}

/*行分割线透明度降低*/
@media screen and (min-width: 850px){
    .row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid #ecececed;
    }
}
.section-title-bold span, .section-title-bold-center span {
    border: 2px solid rgba(0,0,0,.1);
    padding: 0;
}


/*====================布局-距离====================*/

/*布局*/
/*5列布局*/
.col-5 {
    width: 20% !important;
    float: left !important;
    display: block !important;
    flex-basis: 20%;
    max-width: 20%;
}

@media only screen and (max-width: 48em) {
  .col-5 {
        width: 50% !important;
        float: left !important;
        display: block !important;
        flex-basis: 50%;
        max-width: 50%;
    }  
}

/* 元素间距 */
.m0{
    margin:0!important
}
.mb0{
    margin-bottom:0!important
}
/* 填充 */
.p0{
    padding:0!important
}
.pb0{
    padding-top:0!important
}
.b0{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.text-000 a:hover{
    color:var(--fs-color-primary)
}

/*====================文字展开收起 CSS====================*/
/* 文字展开收起 CSS - 支持多个P标签 */

/* 基础限制样式 - 2行 */
.text-limit,
.text-limit-btn {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.6 !important;
    max-height: 3.2em !important;
    position: relative !important;
}

/* 3行版本 */
.text-limit-3,
.text-limit-btn-3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.6 !important;
    max-height: 4.8em !important;
    position: relative !important;
}

/* 4行版本 */
.text-limit-4,
.text-limit-btn-4 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.6 !important;
    max-height: 6.4em !important;
    position: relative !important;
}

/* 展开状态 - 重要！这里是关键 */
.text-limit-btn.expanded,
.text-limit-btn-3.expanded,
.text-limit-btn-4.expanded {
    -webkit-line-clamp: none !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
}

/* 内部P标签样式重置 */
.text-limit p,
.text-limit-btn p,
.text-limit-3 p,
.text-limit-btn-3 p,
.text-limit-4 p,
.text-limit-btn-4 p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    overflow: visible !important;
    -webkit-line-clamp: none !important;
    max-height: none !important;
}

/* P标签之间的间距 */
.text-limit p + p,
.text-limit-btn p + p,
.text-limit-3 p + p,
.text-limit-btn-3 p + p,
.text-limit-4 p + p,
.text-limit-btn-4 p + p {
    margin-left: 0.5em !important;
}

/* 按钮样式 - 强制显示 */
.text-expand-button {
    margin-top: 15px !important;
    text-align: left !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
}

.text-expand-toggle {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
    color: white !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.text-expand-toggle:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.text-expand-toggle i {
    margin-left: 8px !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-block !important;
}

/* 展开动画 */
.text-limit-btn.expanding,
.text-limit-btn-3.expanding,
.text-limit-btn-4.expanding {
    animation: textSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

@keyframes textSlideIn {
    from {
        opacity: 0.8;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 悬停展开版本（无按钮） */
.text-hover-expand {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.6 !important;
    max-height: 3.2em !important;
    transition: all 0.3s ease !important;
}

.text-hover-expand:hover {
    -webkit-line-clamp: none !important;
    max-height: none !important;
    overflow: visible !important;
}

.text-hover-expand p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
}

.text-hover-expand p + p {
    margin-left: 0.5em !important;
}
/*====================底部====================*/

/*隐藏底部*/
.absolute-footer {
    display: none;
}

/*底部小工具菜单隐藏横线*/
.widget>ul>li, ul.menu>li {
    list-style: none;
    margin: 0;
    text-align: left;
}



/*====================翻译插件====================*/
.gtranslate_wrapper{
    margin-top: 6px;
}
.gt-lang-code {
    font-size: 10pt!important;
    top: 0px!important;
}

.gt-current-lang img {
    width: 20px!important;
    margin: 0 1px 0 0!important;
}

.gt-current-lang {
    padding: 4px 7px!important;
}

.gt_options a {
    font-size: 10pt!important;
    padding: 7px 9px!important;
}

.gt_options a img {
    width: 20px!important;
}

.gt_options {
    position: absolute!important;
    /* 响应式宽度，避免超出屏幕 */
    width: min(200px, calc(100vw - 20px))!important;
    max-width: min(200px, calc(100vw - 20px))!important;
    background: white!important;
    /* 自动调整左右位置 */
    left: 0;
    right: auto;
}
.gt_float_switcher{
    font-family: inherit !important;
}

/* 当接近右边缘时，调整到左侧显示 */
.gt_float_switcher.gt-near-right .gt_options {
    left: auto;
    right: 0;
}

.gt_float_switcher-arrow {
    height: 22px!important;
    background-size: 8px!important;
}

/* 移除所有过渡动画 */
.gt_float_switcher {
    transition: none !important;
    font-size: 12px !important;
    border-radius: 2px;
    color: #555;
    display: inline-block;
    line-height: 20px;
    box-shadow: rgba(0,0,0,0.15) 0 5px 15px;
    background: #fff;
    overflow: hidden;
}

.gt_float_switcher img {
    vertical-align: middle;
    display: inline-block;
    width: 33px;
    height: auto;
    margin: 0 5px 0 0;
    border-radius: 3px;
}

.gt_float_switcher .gt_options {
    position: relative;
    z-index: 777;
    max-height: 250px;
    overflow-y: auto;
    cursor: pointer;
    /* 移除过渡动画 */
    transition: none !important;
    /* 初始状态隐藏 */
    opacity: 0;
    transform: translateY(-30px);
}

.gt_float_switcher .gt_options a {
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    color: #444;
    /* 移除过渡动画 */
    transition: none !important;
}

.gt_float_switcher .gt-selected {
    position: relative;
    z-index: 888;
    background-color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden;
}

.gt_float_switcher .gt_options.gt-open {
    opacity: 1;
    transform: translateX(0px);
    margin-top: 30px;
}

.gt_float_switcher .gt_options::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.gt_float_switcher .gt_options::-webkit-scrollbar {
    width: 5px;
}

.gt_float_switcher .gt_options::-webkit-scrollbar-thumb {
    background-color: #888;
}

.gt_float_switcher .gt_options a:hover {
    background: var(--fs-color-primary) !important;
    color: #fff;
}

.gt_float_switcher .gt_options a.gt-current {
    display: none;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 10px 15px;
    color: #333;
    font-weight: bold;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    position: relative;
    top: 2px;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    display: inline-block;
    height: 24px;
    width: 15px;
    vertical-align: middle;
    background-position: 50%;
    background-size: 11px;
    background-repeat: no-repeat;
    /* 移除过渡动画 */
    transition: none !important;
    transform: rotate(-180deg);
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
    transform: rotate(0deg);
}

/* 响应式媒体查询 */
@media (max-width: 350px) {
    .gt_options {
        width: calc(100vw - 10px)!important;
        max-width: calc(100vw - 10px)!important;
    }
}







/*====================图片美化====================*/

/* 图片圆角样式 */
.bra5 img{
    border-radius:5px;
}
.bra10 img{
    border-radius:10px;
}
.bra15 img{
    border-radius:15px;
}
.bra20 img{
    border-radius:20px;
}
.bra50 img{
    border-radius:50%;
}

/* 定义呼吸动画 */
@keyframes breathe {
  0% {
    transform: scale(1); /* 初始大小 */
  }
  50% {
    transform: scale(1.15); /* 最大1.2倍 */
  }
    100% {
    transform: scale(1); /* 初始大小 */
  }
}

.big-img .bg-loaded{
  width: 100%; /* 图片宽度占据容器的100% */
  height: auto; /* 根据宽度自适应高度 */
  animation: breathe 20s infinite alternate; /* 使用关键帧动画，4秒完成一次来回，无限循环 */
}

/*修改按钮线条宽度*/
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    background-color: transparent;
    border: 1px solid;
}

/*修复图标和文字偏离*/
.button i, button i {
    top: 0;
}

.button.is-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .3;
    position: absolute;
    transition: all .3s;
    width: 100%;
}


/* 表单 */
.fluentform .ff-el-form-control {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 100%;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
}
.fluentform .ff-el-form-control {
     border-radius: 0.1rem!important;
	  box-shadow: none !important;
}
.fluentform .ff-el-form-control:hover {
    background: #fff !important;

}
.fluentform .ff-el-input--label label{
	color:#444;
}
.ff-default .ff-el-input--label label {
    display: inline-block;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    font-size: 100%;
}

.ff-message-success {
    border: 1px solid #ced4da;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    margin-top: 10px;
    padding: 15px;
    position: relative;
    color: #569791;
    font-size: 200%;
    text-align: center;
    line-height: 1.2;
}


.ff-default .ff_btn_style {
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 8px 20px;
    position: relative;
    text-align: center;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    background: var(--fs-color-primary) !important;
    border-radius: 0 !important;
}

.ff_submit_btn_wrapper{
    margin-bottom: 0 !important;
}
.ff-btn-submit:not(.ff_btn_no_style) {
    margin: 0;
    border-radius: 4px !important;
}

.ff-default .ff-el-form-control:focus{
    border-color: var(--fs-color-primary) !important;
}

.ff-default .ff-el-input--label label {
    display: inline-block;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    font-size: 12px;
}
.fluentform .iti__selected-flag {
    background: rgb(0 0 0 / 3%) !important;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}


.ff-default .ff-el-form-control:focus {
    border-color: var(--fs-color-primary) !important;
}


.ff-message-success {
    border: 1px solid #ced4da;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    margin-top: 10px;
    padding: 20px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.ff-default .ff-el-form-control {
    font-family: inherit !important;
    background: none;
    height: 40px;
    width: 100%;
    line-height: 44px;
    font-size: 14px;
    color: #808080;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1) inset !important;
}

.ff-default textarea {
    min-height: 190px !important;
}


/** Table 表格样式 **/
.single-post table{
    border-collapse: collapse;
    width:100%;
    border:1px solid #c6c6c6 !important;
    margin-bottom:20px;
}
.single-post th{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important;
    background-color:#ddeeff !important; 
    padding:5px 9px;
    font-weight:normal;
    text-align:left;
}
.single-post td{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important; 
    padding:5px 9px;
    font-weight:normal;
    word-break: break-all;
}
.single-post tr:nth-child(odd){
    background-color:#fff !important; 
}
.single-post tr:nth-child(even){
    background-color: #f8f8f8 !important;
}

.single-post td:first-child, .single-post th:first-child {
    padding-left: 10px;
}

.single-post td:last-child, .single-post th:last-child {
    padding-right: 10px;
}

/*
* FAQs 样式调整
最外围添加.faq-list即可
*/
.faq-list .accordion .toggle {
    right: 0 !important;
    left: auto;
}
.faq-list .accordion .toggle {
    right: 0 !important;
    left: auto;
}
.faq-list .toggle i {
    font-size: 1em;
    transition: all .3s;
}

.faq-list .icon-angle-down:before{
    content: "" !important;
    font-size: 12px;
}

.faq-list .accordion-title:before {
    content: "\f29c"; 
    font-family: "Font Awesome 5 Free"; 
    margin-right: 5px; 
    position: absolute;
    left: 10px;
}

.faq-list .accordion-title {
    padding: 0.6em 2.3em 0.6em 2.3em;
    font-size: 90%;
}
/*变体插件描述取消斜体*/
.wc-pao-addon .wc-pao-addon-description {
    font-style: inherit;
}



/* 页面导航热点 */

.navFix{
  position: fixed;
  top: 63px;
  left: 0;
z-index: 999;
}
.navp {
  width: 100%;
  height: 50px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  padding-left: 20px;
  background-color: #1d2327;


}

.navp ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.navp li {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  height: 50px;
  line-height: 50px;

}

.navp li a {
color: #ddd;
  transition: .15s;
  position: relative;
  display: block;
  padding: 0 40px;
    font-weight:300
}
.nav-mobile {
  display: none;
  font-weight: bold;
  width: 100%;
    color:#999
}
.navp li a:hover{
  color: #fff;
}

.navp li a.active {
/*   background-color: var(--primary-color); */
  color: #FFF;
}

.navp li a:after{
  content: "";
  width: 14px;
  height: 14px;
  left: 10px;
  border: 2px solid rgb(255 255 255 / 17%);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);

}
.navp li a.active{
  color:#fff
}
.navp li a.active:after{
  background:var(--fs-color-secondary);
  border: 2px solid var(--fs-color-secondary);
}


.navp-mobile {
  display: none;
  font-weight: bold;
  width: 100%;
}

.click-me {
  width: 150px;
  height: 30px;
  background: #435AB8;
  color: white;
  text-align: center;
  line-height: 30px;
}

.click-me a {
  display: block;
  color: white;
}

.scroll-status {
  background-color: black;
  border-top-left-radius: 4px;
  bottom: 0;
  color: white;
  display: none;
  padding: 10px;
  position: fixed;
  right: 0;
}

@media (max-width: 768px) {

  .navFix{
    position: fixed;
    top: 62px !important;
    left: 0;
    z-index: 9999;
  }
.navp ul {
    display: none;
    background-color: #313131;
    margin-left: 0;
    box-shadow: 1px 1px 10px #0000002b;
    width: 100%;
    position: absolute;
    left: 0;
}
    
  .navp li {
    width: 100%;
  }

  .navp li a {
    padding: 0 30px;
  }

  .nav-mobile {
    display: inline-block;
    height: 50px;
    line-height: 50px;
  }
  .navp li a.active,
  .navp li a:hover{
    color:#bebebe !important
  }

  .navp li a.active:after{
    border: none;
  }

  .navp li a:after{
    content: "";
    display: none;
  }
 /*  .navp{
    display: none;
  }
  .navFix{
    display: block;
  } */
}

@media (min-width: 769px) {
  .navp ul {
    display: block !important;
  }
}

/* ========================================
 * Tabs内容淡入淡出效果
 * ======================================== */

/* 面板淡入淡出动画 */
.tab-panels .panel {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.tab-panels .panel.active {
    opacity: 1;
}


/* ==================== list-3 轮播样式 ==================== */

/* ==================== list-3 轮播样式 ==================== */

.list-3 {
    position: relative;
    max-width: 100%; /* 限制最大宽度 */
    margin: 0 auto; /* 居中容器 */
    overflow: hidden; /* 隐藏超出部分 */
}

.list-3 .swiper-wrapper {
    display: flex;
    align-items: center;
    width: 100%; /* 确保wrapper宽度 */
}

.list-3 .swiper-slide {
    flex-shrink: 0; /* 防止幻灯片收缩 */
    width: calc(100% / 5); /* 每个幻灯片占1/5宽度 */
    scale: 1;
    transition: scale 250ms ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden; /* 防止模糊 */
    transform: translateZ(0); /* 启用硬件加速 */
    will-change: transform; /* 优化性能 */
}

.list-3 .swiper-slide.swiper-slide-active {
    scale: 1.25; /* 轻微减少缩放，从1.5改为1.25 */
    z-index: 10;
}

.list-3 .swiper-slide.swiper-slide-prev,
.list-3 .swiper-slide.swiper-slide-next {
    scale: 1.15; /* 轻微减少缩放，从1.3改为1.15 */
    z-index: 5;
    transition-duration: 150ms;
}

.list-3 .swiper-slide.swiper-slide-next + .list-3 .swiper-slide {
    z-index: 2;
}

/* 独立的渐变遮罩类 */
.list-3-gradient-white {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-gradient-black {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

/* 独立的玻璃遮罩类 */
.list-3-glass-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgb(255 255 255), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-glass-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

/* 组合玻璃遮罩类 - 一个类同时显示左右遮罩 */
.list-3-glass {
    position: relative;
}

.list-3-glass::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgb(255 255 255), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-glass::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 5;
    pointer-events: none;
}

/* 组合黑色遮罩类 - 一个类同时显示左右黑色遮罩 */
.list-3-dark {
    position: relative;
}

.list-3-dark::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

.list-3-dark::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 5;
    pointer-events: none;
}

/* 透明渐变遮罩类 - 适合位图，让边缘更自然 */
.list-3-fade {
    position: relative;
}

.list-3-fade::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

.list-3-fade::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

.list-3 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 改为 cover，确保填充整个容器 */
    user-select: none;
    image-rendering: -webkit-optimize-contrast; /* 提高清晰度 */
    image-rendering: crisp-edges;
    backface-visibility: hidden; /* 防止模糊 */
    transform: translateZ(0); /* 启用硬件加速 */
    will-change: transform; /* 优化性能 */
}

/* 响应式高度调整 */
@media (max-width: 768px) {
    .list-3 {
        height: 200px; /* 手机端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 3); /* 手机端每个幻灯片占1/3宽度 */
    }
    .swiper-button{
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .list-3 {
        height: 400px; /* iPad端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 5); /* 平板端保持1/5宽度 */
    }
}

@media (min-width: 1025px) {
    .list-3 {
        height: 500px; /* 电脑端高度 */
    }
    .list-3 .swiper-slide {
        width: calc(100% / 5); /* 桌面端保持1/5宽度 */
    }
}



.swiper-button-prev,
.swiper-button-next,
.swiper-button {
    --position: 17%;
    background-color: #ffffff;
    height: 3rem;
    width: 3rem;
    border-radius:50%;
    box-shadow: 1px 1px 8px #00000059;
}
.swiper-button-prev,
.swiper-button.swiper-button-prev {
    left: var(--position);
}
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button::after{
    color: #000 !important; 
    font-size: 12px !important;
}
.swiper-button-next,
.swiper-button.swiper-button-next {
    right: var(--position);
}
.swiper-button-prev:hover ,
.swiper-button-next:hover ,
.swiper-button:hover {
    background-color: #000000;
    color: #fff !important;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after,
.swiper-button:hover::after{
    color: #fff !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000;
}

.swiper-pagination {
    bottom: 0px !important;
}