@charset "UTF-8";
@import "main.css";
@import "diy.css";
@import "fonts/stylesheet.css";
@import "fonts/base/stylesheet.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/
ul.header-nav li.html p a{
	color:#333;
}
/*鼠标悬停时也显示蓝色+下划线 */
.header-nav-main .menu-item .nav-top-link:hover {
    color: #007bff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}


header .icon-angle-down{
    display: none;
}

.gs .flickity-page-dots{
    bottom: -20px;
}

/*联系我们-地图*/
.map p {
  margin: 0;
  padding: 0;
  line-height: 0;
}


.single-product table {
	width: 100%;
	overflow: hidden;
	border-collapse: collapse
}

.single-product table tr th {
	width: 45%;
	color: #999;
	font-weight: normal;

}

.single-product table tr th,.single-product table tr td {
	padding: 10px 25px;
	text-align: left;
	font-size: 14px;
		border: none !important;
}

.single-product table tr:nth-child(2n+1) {
	
}

.single-producttable tr:nth-child(2n) {
	
}

.woocommerce .add-request-quote-button.button {
    margin: 0px 0 10px 0 !important;
   
}

table tr:nth-child(odd) {
  background-color: #f9f9f9; /* 奇数行背景色 */
}

table tr:nth-child(even) {
  background-color: #ffffff; /* 偶数行背景色 */
}



/* Give the new spotify follow link a color */
.button.wechat:hover, .button.wechat:not(.is-outline) {
    color: #1dd05c!important; /* green */
}



.button, button, input[type=button], input[type=reset], input[type=submit] {
    border: 0px solid transparent; 
    vertical-align: middle;
}

/*博客分类*/
.tabs-blog{
    .tabbed-content ul {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        width: auto !important;
        MARGIN: 0 AUTO;
        background: #ffffff;
        border-radius: 40px;
        padding: 10px;
        box-shadow: 1px 2px 10px #00000017;
    }
    .box-image{
        border-radius: 4px;
    }

}


/*联系*/
.page-contact-us{
    .icon-box .has-icon-bg .icon .icon-inner {
    background-color: currentColor;
    }
    
    .icon-box .has-icon-bg i, .icon-box .has-icon-bg svg, .icon-box .has-icon-bg svg path {
        fill: #fff;
    }
    
    .fluentform .ff_upload_btn.ff-btn{
        border-radius: 4px;
    }
    
    .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 2px 15px rgb(239 241 245);
    border: 1px solid #eee;
}


}


/*首页*/
.tabs-goods{
    .nav>li.active a{
     color: var(--fs-color-primary);   
    }
    .nav>li:before.active{
        background-color: var(--fs-color-primary);
        content: " ";
        height: 3px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        transition: all .3s;
        width: 100%;
    }

}

/*筛选插件*/
.wpc-posts-found{
    display: none;
}
.product-categories{
    font-size: 13px;
}


header .nav-left {
    justify-content: center;
}


header .nav-dropdown.nav-dropdown-bold>li>a:hover {
    background-color: #2e6ce029;
    color: #2e6ce0 !important;
}

header .nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a {
    border-radius: 5px;
    margin: 0 10px;
    padding-left: 10px;
    padding-right: 6px;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 0px rgb(0 0 0 / 6%);
}

header .nav-box>li.active>a,
header .nav-pills>li.active>a {
    background-color: #f3f3f3;
    color: #fff;
    opacity: 1;
}

header .nav-box>li>a,
header .nav-pills>li>a {
    line-height: 2.5em;
    padding: 0 .95em;
}

.header-button{
    padding: 5px 30px;
    font-size: 14px;
}

.gradientbtn:hover,
.header-button a:hover{
     background: #fff !important;
    color: #000 !important;
    box-shadow: inset 0 0 0 2px #000 !important;   
    border-color: transparent !important;
}



.ux-relay__button {
    border-radius: 4px !important;
}


/*隐藏分类的面包屑和标题*/
.archive .page-title-inner{
    display: none;
}



/*分类背景色*/
.post-type-archive-product #wrapper,
.post-type-archive-product #main{
    
}

/*分类-产品卡片*/
.box-category .box-text,
.product-small .box-text{
    padding: 15px;
}
.product-category .box, .product-small .box {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
}
/*产品卡片-标题*/
.product-small .woocommerce-loop-product__title{
    font-size: 14px;
}



/*页面表格 */
.page-template table {
  width: 100%;
  border-collapse: collapse; /* 合并边框 */
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
}

.page-template table th,
.page-template table td {
  border: 1px solid #ccc; /* 黑色边框 */
  padding: 20px;
  text-align: center;

}

.html5_video_players{
    border-radius: 4px;
    overflow: hidden;
}



.nav>li.active:before a{
    background-color: var(--fs-color-primary);
    content: " ";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: all .3s;
    width: 100%;
}


/*底部*/
footer .section-content .ux-menu-link__text,
footer .section-content .col a{
    display: inline-block;
}
footer *,
footer .widget .current-cat>a{
    font-weight: 300 !important;
}
footer .widget>ul>li>a {
    padding: 7px 0;
    font-size: 14px;
}
footer .ux-menu-link__link,
footer .ux-menu-link__text{
    font-size: 14px !important;
    padding: 0;
    font-weight: 300 !important;
}
.cat-item-22{
    display: none !important;
}


footer .widget_product_categories>ul>li{
    display: block !important;
}
footer .product-categories{
    position: relative;
    font-weight: 300 !important;
}

footer .ux-menu-link__link:after,
footer .product-categories a:after{
    content: '';
    width: 100%;
    height: 1px !important;
    color: #fff;
    display: block;
    background: #fff;
    bottom: 0;
    width: 0;
    transition: .25s;
}
footer .product-categories a:after{
    background: #ccc;
}

footer .product-categories a:hover:after{
    width: 100%;
}


footer .product-categories a:hover{
    opacity: .7;
}



/*产品详情页隐藏切换卡*/
li.description_tab {
    /*display: none !important;*/
}

/*底部叠加图片*/
.home-about {
  position: relative;
  overflow: hidden;
}

.home-about::before {
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 50%;
    height: 90%;
    background: url(img/about-logo.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    opacity: .2
}
.home-about video{
    z-index: 999;
}


/*切换卡图片*/

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


/*字体渐变*/

.h1-color-1 * {
  background-image: linear-gradient(to right, #fbb5d3 0%, #ffeaea 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.archive .post-item .box .box-text{
    padding: 10px
}

/*======================表单=======================*/
.widget-area .fluentform .ff-el-group {
    margin-bottom: 10px;
}
.widget-area .ff-custom_html h2{
    font-size: 18px;
}
.widget-area .frm-fluent-form .ff-t-container {
    display: block;
    gap: 15px;
    width: 100%;
}
/*======================头部=======================*/

/*logo宽度*/
@media (max-width: 549px) {
  #logo img {
    /*max-height: 24px !important;    */
  }
}


/*======================字体版式=======================*/

header a{
     font-family: 'Resources' !important
}
/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{
    font-family: 'Helvetica Neue';
   font-weight: 400;
}

  

/* 标题字体修改 */
ul.header-nav li.html a,
.header-button .button span,
.slide-title,
.tabbed-content ul a,
.breadcrumb-item a,
.wpc-filter-link,
.product-categories a,
.widget-title,
.button,
.nav-line li a,
.advantage-btn,
h1, h2, h3, h4,.fs{
   font-family: 'Circular Std';
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-style: normal;
}
/*======================修复字体加粗渲染=======================*/

/* 移除标题左右 <b> 的粗体影响 */
.section-title-normal b {
    font-weight: normal !important;
}

/* 禁用 skew 变形造成的字体模糊 */
.section-title-normal {
    transform: none !important;
}

/* 提高标题字体清晰度 */
.section-title-main {
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
}

*:not(i) {
    font-synthesis: none;
}


/*======================翻译插件=======================*/
.trp-ls-shortcode-current-language input,
.ff-default .ff-el-form-control {
    height: 50px !important;
}

.trp-language-switcher > div{
    padding: 0;
    background-color:#fff;
    border: none;
}


.transparent .trp-language-switcher > div > a{
    color: #fff;
}
.trp-language-switcher > div:hover {
    background-image: block !important;
}

.trp-language-switcher{
    width: inherit !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
     padding: 0;
}


.transparent .trp-language-switcher > div > a{
    color: #fff;
}
.trp-language-switcher > div:hover {
    background-image: block !important;
}

.trp-language-switcher{
    width: inherit !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
     padding: 0;
}

/*======================关于我们=======================*/

.about-list-info p{
    margin-bottom: 20px !important;
    margin-left: 0 !important;
}

.about-list-info .text-limit-btn-3 p{
    display: block !important;
}