/*
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: #636363;color: #fff;}
.style_my_contact .wpcf7-form-control-wrap>textarea{background-color: rgba(0, 0, 0, 0.5); border-color: #636363;color: #fff;max-height: 160px; min-height: 70px;}
.style_my_contact p>label{font-weight: normal;}
.my_tabbox .tab>a{background-color: #fff;padding: 0 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 .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 .tab{ margin-right: 1%; 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_tabbox_jj.tewense .tab{margin-right: 3%;max-width: 32%;text-align: center;}

.my_faqbox .accordion-title{padding-top:1em;padding-bottom: 1em;border-color:#e6e6e6}
.my_faqbox .accordion-title .toggle{right: 0;left: inherit;}
.my_faqbox .accordion-title span::before{content: 'Вопрос'; background-color: #1a1a1a; font-size: 12px; color: #fff;padding: 4px 6px;  margin-left: -20px; margin-right: 10px;}
.my_faqbox .accordion-title.active{border-top: none;}
.my_faqbox .accordion-inner>.row::before{content: 'Ответ'; background-color: #1a1a1a; font-size: 12px; color: #fff;padding: 3px 10px; flex-shrink: 0; margin-right: 6px;}
.my_faqbox .accordion-inner>.row>.col{margin-top: -28px; padding-left: 64px;}
.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}
.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 #828282; 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: 13px !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;}

/* 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;}
  .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;}
  .demo514-tab .demo514-li{cursor:pointer;margin-left: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-left:80px;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-left:130px;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-left:130px;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-left:130px;}
  .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-left:80px}
  .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;}
    .demo514-tab .demo514-li{margin:0 !important;margin-top:-20px !important}
    .demo514-tab .demo514-li{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-left:130px;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;}


  }
  
  .notouming .slider-style-container .flickity-slider>:not(.is-selected){opacity:1 !important;}
  
  .aiait >.col-inner{display: flex;flex-direction:column; justify-content:center;}
  .mmti{z-index:10;}