/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.12
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

/* Flickity Buttons Flex Layout Styles */
.flickity-buttons-wrapper.is-flex {
    box-sizing: border-box;
}

.flickity-buttons-wrapper.is-flex > * {
    flex-shrink: 0; /* 防止子元素收缩 */
    width: auto !important; /* 重置宽度，让flex控制 */
    max-width: 100%; /* 防止超出容器 */
}

/* 按钮元素在flex容器中的特殊处理 */
.flickity-buttons-wrapper.is-flex > .button {
    width: auto !important;
    flex: 0 0 auto; /* 不放大，不缩小，自动宽度 */
}

/* 图片元素在flex容器中的特殊处理 */
.flickity-buttons-wrapper.is-flex > .img,
.flickity-buttons-wrapper.is-flex > .has-hover,
.flickity-buttons-wrapper.is-flex > .image-box {
    width: auto !important;
    flex: 0 0 auto; /* 不放大，不缩小，自动宽度 */
}

/* 处理嵌套的图片容器 */
.flickity-buttons-wrapper.is-flex .img,
.flickity-buttons-wrapper.is-flex .has-hover,
.flickity-buttons-wrapper.is-flex .img-inner,
.flickity-buttons-wrapper.is-flex .image-box {
    width: auto !important;
    max-width: none !important;
}

/* ux_image_box 特殊处理 */
.flickity-buttons-wrapper.is-flex .image-box .box {
    width: auto !important;
}

.flickity-buttons-wrapper.is-flex .image-box .box-image {
    width: auto !important;
}

/* 如果需要子元素等宽分布 */
.flickity-buttons-wrapper.is-flex.equal-width > * {
    flex: 1 1 0; /* 等宽分布 */
    width: auto !important;
}

/* 响应式支持 */
@media (max-width: 768px) {
    .flickity-buttons-wrapper.is-flex[style*="flex-direction: row"] {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .flickity-buttons-wrapper.is-flex[style*="flex-direction: row"] > * {
        width: auto !important;
        max-width: 100%;
    }
}
.flickity-buttons-wrapper>.img{
  border: 4px solid transparent;
}
.flickity-buttons-wrapper>.is-active{
  border-color: #292929 !important;
}
.flickity-buttons-wrapper .box-image{
  border: 4px solid transparent;
}
.flickity-buttons-wrapper>.is-active .box-image{
  border-color: #292929 !important;
}
/* .img, .img img{width: 15%;} */
.mainindex_sild .flickity-slider>.img.has-hover{width: 15% !important; height: 120px; padding: 0 20px;}
.stuck .nav-dark .nav>li>a{color: #000;}
.sidlermy .flickity-page-dots{bottom: 0;}
.lefttxt{z-index: 10;}
.my_boxdonghua{overflow: hidden;}
.my_boxdonghua.box-text-middle .box-text{
    top: auto; 
    transform: translateY(0%);
    /* bottom: -50px !important; */
    transition: all 0.3s ease;
}
.my_boxdonghua.box-text-middle:hover .box-text{
    bottom: 50% !important;
    transform: translateY(50%);
}
.style_my_contact .wpcf7-form-control-wrap>input{background-color: rgba(0, 0, 0, 0.5); border-color: #828282;color: #fff;}
.style_my_contact .wpcf7-form-control-wrap>textarea{background-color: rgba(0, 0, 0, 0.5); border-color: #828282;color: #fff;max-height: 160px; min-height: 70px;}
.my_tabbox .tab>a{background-color: #fff;padding:.8em 1.2em; position: relative; border-radius: 10px;font-size: 1em;
    display: flex;
  flex: 1;
  align-items: center;        /* 垂直居中内容 */
  justify-content: center;    /* 水平居中内容 */
  text-align: center;
}
.my_tabbox .tab.active>a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px; /* 控制三角形距离底部距离 */
    transform: translateX(-50%); /* 居中对齐 */
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000; /* 三角形颜色与背景色相同 */
}
.my_tabbox .nav {
  display: flex;              /* 使用flex布局 */
  flex-wrap: nowrap;            /* 如果太多会换行 */
  justify-content: center;    /* 居中对齐 */
}

.my_tabbox .nav>.tab{ margin-right: 1% !important; margin-bottom: 10px; flex: 1 1 auto;  display: flex;  align-items: stretch;}


.my_tabbox_jj .tab>a{background-color: #fff;padding: 15px 1.2em; position: relative; border-radius: 0px;font-size: 1em;
    display: flex;
  flex: 1;
  align-items: center;        /* 垂直居中内容 */
  justify-content: center;    /* 水平居中内容 */
  text-align: center;
}
.my_tabbox_jj .tab.active>a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px; /* 控制三角形距离底部距离 */
    transform: translateX(-50%); /* 居中对齐 */
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000; /* 三角形颜色与背景色相同 */
}
.my_tabbox_jj .nav {
  display: flex;              /* 使用flex布局 */
  flex-wrap: nowrap;            /* 如果太多会换行 */
  justify-content: center;    /* 居中对齐 */
}

.my_tabbox_jj .tab{ margin-right: 1%; margin-bottom: 10px; flex: 1 1 auto;  display: flex;  align-items: stretch; border: 1px solid #e6e6e6;}

.my_faqbox .accordion-title{padding-top:1em;padding-bottom: 1em;border-color:#e6e6e6}
.my_faqbox .accordion-title .toggle{right: inherit;left: 0;}
.my_faqbox .accordion-title span::before{content: 'Q'; background-color: #1a1a1a; font-size: 12px; color: #fff;padding: 6px 8px;      margin-left: 18px; margin-right: -10px; border-top-right-radius: 5px;border-bottom-left-radius: 5px;}
.my_faqbox .accordion-title.active{border-top: none;}
.my_faqbox .accordion-inner>.row::before{content: 'A'; background-color: #1a1a1a; font-size: 12px; color: #fff;padding: 3px 10px; flex-shrink: 0; margin-right: 6px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;}
.my_faqbox .accordion-inner>.row>.col{margin-top: -28px; padding-left: 50px;    padding-right: 50px;}
.my_faqbox .accordion-inner{background-color: #f7f7f7;}
.my_faqbox .accordion-title.active{background-color: transparent;}

.my_sdl_mini .col-inner{scale: 0.87;}
.my_daojiao.banner{background-color: transparent;}
.my_daojiao .fill{border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
.my_kuanvideo {padding-top: 0 !important; border-radius: 17px;}
.my_kuanvideo .wp-video{width: 100% !important;}
.mybox_daojiao>.text{border-top-left-radius: 40px;}
#mytanchuang.lightbox-content{max-width: 1200px;}
#mytanchuang .style_my_contact .wpcf7-form-control-wrap>textarea{background-color:inherit;}
#mytanchuang .style_my_contact .wpcf7-form-control-wrap>input{background-color:inherit;}
.mysearch{max-width: 100% !important;}
.mysearch>section{border-radius: 10px;}
.off-canvas .mysearch .nav-vertical>li>a{padding-top:6px; padding-bottom: 6px;}
.imgdaojiao img{ border-top-right-radius: 50px;}
.daojiao_left_top .col-inner{border-top-left-radius: 50px; z-index: 50;}
.index-up{z-index: 1000;}
.daojiao_banner .fill{ border-top-right-radius: 40px; border-bottom-right-radius: 40px;}
.daojiao_sens .fill{ border-radius: 20px;}
.imgdaojiao_lr img{border-top-right-radius: 50px;border-bottom-left-radius: 50px;}
.daojiao_left_banner .fill{ border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.daojiao_col .col-inner{ border-top-left-radius: 40px;border-bottom-right-radius: 40px;}
.onhide .flickity-viewport{overflow:inherit;}
.onhide .banner{opacity: 0;}
.onhide .banner.is-selected{opacity: 1;}
.mytable thead th{ background-color: #f2f2f2;padding: 15px 20px;}
.mytable tbody tr td{padding: 10px 20px; border-top:none}

.daojiao_col_top .col-inner{ border-top-left-radius: 40px;}

.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 20px rgba(0, 0, 0, .02), 0 6px 6px rgba(0, 0, 0, .08);
}
.box-shadow-2, .box-shadow-3-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover{
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .02), 0 3px 6px rgba(0, 0, 0, .08);
}
.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 14px 28px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .02);
}

.donghua_bn.banner {background-color: #f0f0f0;}
.donghua_bn.banner .banner-bg img{opacity: 0;}
.donghua_bn.banner:hover .banner-bg img{opacity: 1;}

.style_page_contact textarea{min-height:auto}
.wpcf7 .style_page_contact p{text-align: right;}
.style_page_contact .zdeyi p .wpcf7-submit{width: 200px; text-align: center; padding: 5px;}
.catboxtitle .nav{gap: 6%;}
.catboxtitle{margin-bottom: 40px; border-bottom: 1px solid #e0e0e0;}

.blog-single{background-color: #f7f7f7;}
.blog-single>.row{background-color: #fff; padding: 3% 0;}
.blog-single .entry-header .entry-header-text{text-align: center !important;}
.blog-single .entry-header{border-bottom: 1px solid #f0f0f0; margin-bottom: 20px;}
.hdp_rander .banner-bg img{border-bottom-left-radius: 40px; border-top-right-radius: 40px;}

.my_suofang .box{ scale: 0.9; transition: all 0.3s ease;}
.my_suofang .box:hover{ scale: 1;}
.my_suofang .box .box-text{flex: 1;}


.my_hover{width: 24.5%; float: left; margin-right: 0.5%; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.my_hover_big{width: 50% !important;}
.my_hover:last-child{margin-right: 0;}
.my_hover .text-box .text-inner h4{transition: all 0.3s ease;}
.my_hover .text-box .text-inner p{opacity: 0; height: 0; transition: all 0.3s ease; transform: translateY(100%);}
.my_hover:hover .text-box .text-inner p{opacity: 1; height: auto; transform: translateY(0%);}

/* 容器样式 */
.filezidy {position: relative;display: block;margin: 10px 0;}

/* 隐藏原始input */
.filezidy input[type="file"] { opacity: 0; width: 0.1px;height: 0.1px;position: absolute;}

/* 自定义上传按钮 */
.filezidy::before {content: '选择文件';display: inline-block; background: #f8f9fa;border: 1px solid #ddd;color: #333;padding: 8px 20px;
    border-radius: 4px;cursor: pointer;transition: all 0.3s;width: 100%;}

/* 悬停效果 */
.filezidy:hover::before {border-color: #4CAF50;background: #e8f5e9;}

/* 文件名显示区域 */
.filezidy::after {content: attr(data-file); display: inline-block; margin-left: 10px;font-size: 14px; color: #666;}

/*多文件上传插件样式修改*/
.codedropz-upload-handler{border: 1px solid #cdcdcd; border-radius: 0;}
.codedropz-upload-container{ padding: 6px 20px;}
.codedropz-upload-container h3,.codedropz-upload-container span,.dnd-upload-counter{display: none;}
.codedropz-upload-container .cd-upload-btn{width: 100%;display: block; text-align: left;}

.teshu_arra .flickity-prev-next-button{bottom:-36%;}
.teshu_arra .flickity-prev-next-button.next{right:inherit;left:8%;}



.product-short-description p{margin-bottom: 5px;}
.product-section{border-top: none;margin-top: 30px;}
.quick-links-xunjia{margin-top: 3em;}


.n2-ss-slider .n2-ss-slide.n2-ss-slide-active {
  --slide-spacing: 5px !important;
}
.n2-ss-slider:has(.n2-ss-slide-active) {
  --slide-width: 480px !important; /* 激活时宽度 */
}

.textcents .product p{text-align: center;}

.box-overlay.dark .box-text, .box-shade.dark .box-text{ text-shadow:none !important; }

/* Banner Scale - 图片自然缩放，容器跟随图片变化 */
.banner-scale {
    padding-top: 0 !important; /* 移除固定高度 */
    height: auto !important; /* 让容器高度自适应 */
}

.banner-scale .banner-inner {
    position: relative;
    height: auto !important;
}

.banner-scale .banner-bg-scale {
    position: relative;
    height: auto !important;
    background-color: #f5f5f5; /* 默认背景色，可以通过bg_color参数覆盖 */
}

/* 针对flatsome_get_image生成的图片 */
.banner-scale .banner-bg-scale img,
.banner-scale .banner-bg-scale .bg,
.banner-scale .banner-bg-scale .bg-scale {
    display: block !important;
    width: 100% !important;
    height: auto !important; /* 让图片高度自适应 */
    max-width: 100%;
    position: relative;
    z-index: 1;
}

/* 内容层定位 */
.banner-scale .banner-layers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none; /* 让点击事件穿透到图片 */
}

.banner-scale .banner-layers * {
    pointer-events: auto; /* 恢复子元素的点击事件 */
}

/* 为banner-scale添加位置类支持 */
.banner-scale .banner-layers .text-box {
    position: absolute;
}


.myhovers .fill.banner-link:after{
    content: "";    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20%;pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .6) 35%, rgba(0, 0, 0, .2) 70%, rgba(0, 0, 0, 0) 100%);}

.myhovers.banner.has-hover:hover .fill.banner-link:after{background: none;}
.nobottom ul,.nobottom ul li,.nobottom ul li h5{margin-bottom: 0;}
.xiaop p{margin-bottom: 5px;}
.nopss p{margin-bottom: 10px;}
.menu-item-has-block .nav-dropdown,.header-search-dropdown .nav-dropdown{box-shadow: none;}
.header-search-dropdown .nav-dropdown{border-top: 1px solid #e6e6e6;}
li.current-dropdown>.nav-dropdown-full.fullziji, li.has-dropdown:hover>.nav-dropdown-full.fullziji{
    max-width: inherit !important;    margin-top: 19px !important;
}
.fullziji .searchform-wrapper .searchform>.flex-row{flex-direction: row-reverse;}
.fullziji .searchform-wrapper.form-flat .flex-col:last-of-type{margin-right: -2.9em;margin-left: 0;}
.fullziji .searchform-wrapper .searchform .search-field{padding-left: 50px;border: none; background-color: transparent;}
/**隐藏shop页面的面包以及排序**/
.woocommerce .page-title-inner{display: none;}
#shop-sidebar{background-color:#f7f7f7; padding: 10px 20px;}
#shop-sidebar .widget_product_categories>ul>li{padding-left: 15px;padding-right: 15px;}
#shop-sidebar .active{background-color: #292929;}
#shop-sidebar .active a{color: #fff;}
#shop-sidebar .active ul{border-left: none;}
#shop-sidebar .active .icon-angle-down{color: #fff}
#shop-sidebar .is-divider{max-width: inherit; height: 1px;}

.tesilder .flickity-page-dots{bottom: -40px;}
.tesilder .flickity-page-dots .is-selected{width: 40px;border-radius: 15px;}

/* X轴位置类 (0-100) */
.banner-scale .banner-layers .x0 { left: 0%; }
.banner-scale .banner-layers .x5 { left: 5%; }
.banner-scale .banner-layers .x10 { left: 10%; }
.banner-scale .banner-layers .x15 { left: 15%; }
.banner-scale .banner-layers .x20 { left: 20%; }
.banner-scale .banner-layers .x25 { left: 25%; }
.banner-scale .banner-layers .x30 { left: 30%; }
.banner-scale .banner-layers .x35 { left: 35%; }
.banner-scale .banner-layers .x40 { left: 40%; }
.banner-scale .banner-layers .x45 { left: 45%; }
.banner-scale .banner-layers .x50 { left: 50%; }
.banner-scale .banner-layers .x55 { left: 55%; }
.banner-scale .banner-layers .x60 { left: 60%; }
.banner-scale .banner-layers .x65 { left: 65%; }
.banner-scale .banner-layers .x70 { left: 70%; }
.banner-scale .banner-layers .x75 { left: 75%; }
.banner-scale .banner-layers .x80 { left: 80%; }
.banner-scale .banner-layers .x85 { left: 85%; }
.banner-scale .banner-layers .x90 { left: 90%; }
.banner-scale .banner-layers .x95 { left: 95%; }
.banner-scale .banner-layers .x100 { left: 100%; }

/* Y轴位置类 (0-100) */
.banner-scale .banner-layers .y0 { top: 0%; }
.banner-scale .banner-layers .y5 { top: 5%; }
.banner-scale .banner-layers .y10 { top: 10%; }
.banner-scale .banner-layers .y15 { top: 15%; }
.banner-scale .banner-layers .y20 { top: 20%; }
.banner-scale .banner-layers .y25 { top: 25%; }
.banner-scale .banner-layers .y30 { top: 30%; }
.banner-scale .banner-layers .y35 { top: 35%; }
.banner-scale .banner-layers .y40 { top: 40%; }
.banner-scale .banner-layers .y45 { top: 45%; }
.banner-scale .banner-layers .y50 { top: 50%; }
.banner-scale .banner-layers .y55 { top: 55%; }
.banner-scale .banner-layers .y60 { top: 60%; }
.banner-scale .banner-layers .y65 { top: 65%; }
.banner-scale .banner-layers .y70 { top: 70%; }
.banner-scale .banner-layers .y75 { top: 75%; }
.banner-scale .banner-layers .y80 { top: 80%; }
.banner-scale .banner-layers .y85 { top: 85%; }
.banner-scale .banner-layers .y90 { top: 90%; }
.banner-scale .banner-layers .y95 { top: 95%; }
.banner-scale .banner-layers .y100 { top: 100%; }

/* 响应式位置类 */
@media (max-width: 768px) {
    .banner-scale .banner-layers .md-x0 { left: 0%; }
    .banner-scale .banner-layers .md-x5 { left: 5%; }
    .banner-scale .banner-layers .md-x10 { left: 10%; }
    .banner-scale .banner-layers .md-x15 { left: 15%; }
    .banner-scale .banner-layers .md-x20 { left: 20%; }
    .banner-scale .banner-layers .md-x25 { left: 25%; }
    .banner-scale .banner-layers .md-x30 { left: 30%; }
    .banner-scale .banner-layers .md-x35 { left: 35%; }
    .banner-scale .banner-layers .md-x40 { left: 40%; }
    .banner-scale .banner-layers .md-x45 { left: 45%; }
    .banner-scale .banner-layers .md-x50 { left: 50%; }
    .banner-scale .banner-layers .md-x55 { left: 55%; }
    .banner-scale .banner-layers .md-x60 { left: 60%; }
    .banner-scale .banner-layers .md-x65 { left: 65%; }
    .banner-scale .banner-layers .md-x70 { left: 70%; }
    .banner-scale .banner-layers .md-x75 { left: 75%; }
    .banner-scale .banner-layers .md-x80 { left: 80%; }
    .banner-scale .banner-layers .md-x85 { left: 85%; }
    .banner-scale .banner-layers .md-x90 { left: 90%; }
    .banner-scale .banner-layers .md-x95 { left: 95%; }
    .banner-scale .banner-layers .md-x100 { left: 100%; }

    .banner-scale .banner-layers .md-y0 { top: 0%; }
    .banner-scale .banner-layers .md-y5 { top: 5%; }
    .banner-scale .banner-layers .md-y10 { top: 10%; }
    .banner-scale .banner-layers .md-y15 { top: 15%; }
    .banner-scale .banner-layers .md-y20 { top: 20%; }
    .banner-scale .banner-layers .md-y25 { top: 25%; }
    .banner-scale .banner-layers .md-y30 { top: 30%; }
    .banner-scale .banner-layers .md-y35 { top: 35%; }
    .banner-scale .banner-layers .md-y40 { top: 40%; }
    .banner-scale .banner-layers .md-y45 { top: 45%; }
    .banner-scale .banner-layers .md-y50 { top: 50%; }
    .banner-scale .banner-layers .md-y55 { top: 55%; }
    .banner-scale .banner-layers .md-y60 { top: 60%; }
    .banner-scale .banner-layers .md-y65 { top: 65%; }
    .banner-scale .banner-layers .md-y70 { top: 70%; }
    .banner-scale .banner-layers .md-y75 { top: 75%; }
    .banner-scale .banner-layers .md-y80 { top: 80%; }
    .banner-scale .banner-layers .md-y85 { top: 85%; }
    .banner-scale .banner-layers .md-y90 { top: 90%; }
    .banner-scale .banner-layers .md-y95 { top: 95%; }
    .banner-scale .banner-layers .md-y100 { top: 100%; }
}

@media (min-width: 769px) {
    .banner-scale .banner-layers .lg-x0 { left: 0%; }
    .banner-scale .banner-layers .lg-x5 { left: 5%; }
    .banner-scale .banner-layers .lg-x10 { left: 10%; }
    .banner-scale .banner-layers .lg-x15 { left: 15%; }
    .banner-scale .banner-layers .lg-x20 { left: 20%; }
    .banner-scale .banner-layers .lg-x25 { left: 25%; }
    .banner-scale .banner-layers .lg-x30 { left: 30%; }
    .banner-scale .banner-layers .lg-x35 { left: 35%; }
    .banner-scale .banner-layers .lg-x40 { left: 40%; }
    .banner-scale .banner-layers .lg-x45 { left: 45%; }
    .banner-scale .banner-layers .lg-x50 { left: 50%; }
    .banner-scale .banner-layers .lg-x55 { left: 55%; }
    .banner-scale .banner-layers .lg-x60 { left: 60%; }
    .banner-scale .banner-layers .lg-x70 { left: 70%; }
    .banner-scale .banner-layers .lg-x75 { left: 75%; }
    .banner-scale .banner-layers .lg-x80 { left: 80%; }
    .banner-scale .banner-layers .lg-x85 { left: 85%; }
    .banner-scale .banner-layers .lg-x90 { left: 90%; }
    .banner-scale .banner-layers .lg-x95 { left: 95%; }
    .banner-scale .banner-layers .lg-x100 { left: 100%; }

    .banner-scale .banner-layers .lg-y0 { top: 0%; }
    .banner-scale .banner-layers .lg-y5 { top: 5%; }
    .banner-scale .banner-layers .lg-y10 { top: 10%; }
    .banner-scale .banner-layers .lg-y15 { top: 15%; }
    .banner-scale .banner-layers .lg-y20 { top: 20%; }
    .banner-scale .banner-layers .lg-y25 { top: 25%; }
    .banner-scale .banner-layers .lg-y30 { top: 30%; }
    .banner-scale .banner-layers .lg-y35 { top: 35%; }
    .banner-scale .banner-layers .lg-y40 { top: 40%; }
    .banner-scale .banner-layers .lg-y45 { top: 45%; }
    .banner-scale .banner-layers .lg-y50 { top: 50%; }
    .banner-scale .banner-layers .lg-y55 { top: 55%; }
    .banner-scale .banner-layers .lg-y60 { top: 60%; }
    .banner-scale .banner-layers .lg-y65 { top: 65%; }
    .banner-scale .banner-layers .lg-y70 { top: 70%; }
    .banner-scale .banner-layers .lg-y75 { top: 75%; }
    .banner-scale .banner-layers .lg-y80 { top: 80%; }
    .banner-scale .banner-layers .lg-y85 { top: 85%; }
    .banner-scale .banner-layers .lg-y90 { top: 90%; }
    .banner-scale .banner-layers .lg-y95 { top: 95%; }
    .banner-scale .banner-layers .lg-y100 { top: 100%; }
}

/* 响应式优化 */
@media (max-width: 768px) {
    .banner-scale .banner-bg-scale img,
    .banner-scale .banner-bg-scale .bg,
    .banner-scale .banner-bg-scale .bg-scale {
        width: 100% !important;
        height: auto !important;
    }
}



.demo514-container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  direction: ltr; /* 强制从左到右 */
}

.demo514-right {
  width: 260px;
}

.demo514-left {
  flex: 1;
  overflow: hidden;
}

.demo514-content {
  display: none;
  border-radius: 30px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  overflow: hidden;
}

.demo514-content.active {
  display: block;
}

.demo514-img {
  display: block;
}

.demo514-img img {
  display: block;
  width: 100%;
  transition: all 460ms;
}

.demo514-img:hover img {
  transform: scale(1.05);
}

.demo514-tab {
  background: url("images/51422.png") no-repeat 0px center;
  direction: ltr; /* 强制从左到右 */
}

.demo514-tab .demo514-li {
  cursor: pointer;
  margin-inline-start: 30px; /* 使用逻辑属性 */
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0);
  width: 50px;
  height: 50px;
}

.demo514-tab .demo514-li img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  transition: all 360ms;
  max-width: inherit;
}

.demo514-tab .demo514-li.active {
  border: 1px solid #888;
}

.demo514-tab .demo514-li:hover img {
  transform: scale(1.1);
}

/* 明确指定每个子元素的位置，使用逻辑属性 */
.demo514-tab .demo514-li:nth-child(2) {
  width: 70px;
  height: 70px;
  margin-inline-start: 80px; /* 使用逻辑属性替代 margin-left */
  margin-top: -15px;
}

.demo514-tab .demo514-li:nth-child(2) img {
  width: 70px;
  height: 70px;
}

.demo514-tab .demo514-li:nth-child(2):hover img {
  transform: scale(1.05);
}

.demo514-tab .demo514-li:nth-child(3) {
  width: 90px;
  height: 90px;
  margin-inline-start: 130px; /* 使用逻辑属性替代 margin-left */
  margin-top: -15px;
}

.demo514-tab .demo514-li:nth-child(3) img {
  width: 90px;
  height: 90px;
}

.demo514-tab .demo514-li:nth-child(3):hover img {
  transform: scale(1.05);
}

.demo514-tab .demo514-li:nth-child(4) {
  width: 110px;
  height: 110px;
  margin-inline-start: 130px; /* 使用逻辑属性替代 margin-left */
  margin-top: 15px;
  margin-bottom: 15px;
}

.demo514-tab .demo514-li:nth-child(4) img {
  width: 110px;
  height: 110px;
}

.demo514-tab .demo514-li:nth-child(4):hover img {
  transform: scale(1.05);
}

.demo514-tab .demo514-li:nth-child(5) {
  width: 90px;
  height: 90px;
  margin-inline-start: 130px; /* 使用逻辑属性替代 margin-left */
}

.demo514-tab .demo514-li:nth-child(5) img {
  width: 90px;
  height: 90px;
}

.demo514-tab .demo514-li:nth-child(5):hover img {
  transform: scale(1.05);
}

.demo514-tab .demo514-li:nth-child(6) {
  width: 70px;
  height: 70px;
  margin-inline-start: 80px; /* 使用逻辑属性替代 margin-left */
}

.demo514-tab .demo514-li:nth-child(6) img {
  width: 70px;
  height: 70px;
}

.demo514-tab .demo514-li:nth-child(6):hover img {
  transform: scale(1.1);
}

.demo514-tab .demo514-li:nth-child(7) {
  width: 50px;
  height: 50px;
}

.demo514-tab .demo514-li:nth-child(7) img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {
  .demo514-container {
    display: block;
  }
  
  .demo514-content {
    border-radius: 24px;
  }
  
  .demo514-right {
    width: auto;
    margin: 35px 15px;
  }
  
  .demo514-tab {
    display: flex;
    background: url("images/51423.png") no-repeat center -30px;
    background-size: 100% auto;
    justify-content: space-between;
    direction: ltr; /* 强制从左到右 */
  }
  
  .demo514-tab .demo514-li {
    margin: 0 !important;
    margin-top: -20px !important;
    width: 30px;
    height: 30px;
  }
  
  .demo514-tab .demo514-li img {
    width: 30px;
    height: 30px;
  }

  .demo514-tab .demo514-li:nth-child(2) {
    width: 35px;
    height: 35px;
    margin-top: 10px !important;
  }
  
  .demo514-tab .demo514-li:nth-child(2) img {
    width: 35px;
    height: 35px;
  }
  
  .demo514-tab .demo514-li:nth-child(2):hover img {
    transform: scale(1.05);
  }
  
  .demo514-tab .demo514-li:nth-child(3) {
    width: 40px;
    height: 40px;
    margin-top: 30px !important;
  }
  
  .demo514-tab .demo514-li:nth-child(3) img {
    width: 40px;
    height: 40px;
  }
  
  .demo514-tab .demo514-li:nth-child(3):hover img {
    transform: scale(1.05);
  }
  
  .demo514-tab .demo514-li:nth-child(4) {
    width: 50px;
    height: 50px;
    margin-inline-start: 130px !important; /* 使用逻辑属性 */
    margin-top: 30px !important;
  }
  
  .demo514-tab .demo514-li:nth-child(4) img {
    width: 50px;
    height: 50px;
  }
  
  .demo514-tab .demo514-li:nth-child(4):hover img {
    transform: scale(1.05);
  }
  
  .demo514-tab .demo514-li:nth-child(5) {
    width: 40px;
    height: 40px;
    margin-top: 30px !important;
  }
  
  .demo514-tab .demo514-li:nth-child(5) img {
    width: 40px;
    height: 40px;
  }
  
  .demo514-tab .demo514-li:nth-child(5):hover img {
    transform: scale(1.05);
  }
  
  .demo514-tab .demo514-li:nth-child(6) {
    width: 35px;
    height: 35px;
    margin-top: 10px !important;
  }
  
  .demo514-tab .demo514-li:nth-child(6) img {
    width: 35px;
    height: 35px;
  }
  
  .demo514-tab .demo514-li:nth-child(6):hover img {
    transform: scale(1.1);
  }
  
  .demo514-tab .demo514-li:nth-child(7) {
    width: 30px;
    height: 30px;
  }
  
  .demo514-tab .demo514-li:nth-child(7) img {
    width: 30px;
    height: 30px;
  }
}

/* 确保在任何环境下都保持LTR布局 */
[dir="rtl"] .demo514-container,
[dir="rtl"] .demo514-tab {
  direction: ltr !important;
}




/* 上下细线 */
.step .line { width: 100%;padding: 0 5%;height: 3px;background: #e6e6e6;}
.step .line.top { margin-bottom: 25px;position: relative;}
.step .line.bottom {margin-top: 25px;}

.step .icon-box-text{height: 55px;}
/* =============== 选中状态 =============== */
.step.is-active .line {
    background: #000;
}
/* 顶部增加小箭头 */
.step.is-active .line.top::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid black;
}

.wenziyuanb{ border-top-left-radius: 30px;border-bottom-left-radius: 30px;    background-color: var(--primary-color);}
.wenziyuanb h2,.wenziyuanb h1{margin-bottom: inherit;}
.teshuzu h2,.teshuzu h1{margin-bottom: inherit;}
.dandanxian{border-width: 1px !important;}
.dandanxian.white.is-outline:hover{background-color: var(--primary-color) !important; color: #fff !important;border-color: #333 !important;}

.zdeyi p{display: flex;justify-content: flex-end;}
.zdeyi p .wpcf7-submit {order: 2;}
.zdeyi p .wpcf7-spinner{order: 1;}

.product-section-title-related{font-size: 1.8em;}


.jianbian .text-box-content{background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}

.notouming .slider-style-container .flickity-slider>:not(.is-selected){opacity: 1 !important;}

.yuandian h4,.yuandian h3,.yuandian h5{ margin:0; }

.yuandian h4 strong::before{ content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;    /* 黑色 */
    border-radius: 50%;  /* 变成圆形 */
    margin-left: 8px;}
.sanjiao{position: relative;}
.sanjiao.is-active{background-color: #000 !important;}
.sanjiao.is-active .jiantou::before {
    content: "";
    position: absolute;
    top: -10px;          /* 三角形往上移动，数值根据大小调 */
    left:45%;          /* 三角形距离左侧的位置 */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;  
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;  /* 三角形颜色 = box 背景色 */
}
.sanjiao.is-active h5{color: #fff;}

.youjiantou:before{
    content: "";
    position: absolute;
    top: 45%;  
    right:-10px;         
    width: 0;
    height: 0;
    border-top: 10px solid transparent;  
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
    z-index: 100;
}
.zuojiantou:before{
    content: "";
    position: absolute;
    top: 45%;          /* 三角形往上移动，数值根据大小调 */
    left:-10px;          /* 三角形距离左侧的位置 */
    width: 0;
    height: 0;
    z-index: 100;
    border-top: 10px solid transparent;  
    border-bottom: 10px solid transparent;
    border-right: 10px solid #000;  /* 三角形颜色 = box 背景色 */
}
#wide-nav .nav-dropdown.nav-dropdown-simple{
 padding: 0;
}
#wide-nav .nav-dropdown>li>a{
    line-height: 1.5; padding: 15px 20px;
}

.nav-dropdown.nav-dropdown-simple>li.active>a{    background-color:#f5f5f5;}
.rtlright .text{padding-right: 8px;}
.button span{font-weight: normal !important;}

@media (min-width: 850px) {
	.indexrenren .flickity-button.previous{left: -80px !important; top:82% !important;}
.indexrenren .flickity-button.next{right: 115% !important;top: 82% !important;}
}
.mfp-close-btn-in .mfp-close{color: #fff;}
.conlianxi .style_my_contact .wpcf7-form-control-wrap>input,.conlianxi .style_my_contact .wpcf7-form-control-wrap>textarea{ border-color: #5a5a5a;}
.conlianxi .codedropz-upload-handler{border-color: #5a5a5a;}
.fufuzhon{    margin-bottom: -300px;
    z-index: 20;
    position: relative;}
.topzindex{z-index: 100;
    position: relative}

.jianpabian .banner-layers::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to top, 
    rgba(0,0,0,0.8), 
    rgba(0,0,0,0));
  pointer-events: none;
}
.jianpabian .banner-layers .text-box{z-index:5;}