/*
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.
***************/

/* .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: 0 1.2em; position: relative; border-radius: 0px;}
.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 .tab{ margin-right: 1%; margin-bottom: 10px;}
.my_faqbox .accordion-title .toggle{right: 0;left: inherit;}
.my_faqbox .accordion-title span::before{content: 'Q'; background-color: #1a1a1a; font-size: 12px; color: #fff;padding: 4px 6px; border-top-right-radius: 50%;border-bottom-left-radius: 50%; margin-left: -20px; margin-right: 10px;}
.my_faqbox .accordion-title.active{border-top: none;}

.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 #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%;}
/*.my_hdptxt .myhdptxt{transition: all 0.3s ease; transform: translateY(100%); height:1px;}*/


.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;}


  }