@charset "UTF-8";
@import "main.css";
@import "diy.css";
@import "fonts/HelveticaNeue/stylesheet.css";
@import "fonts/CircularStd/stylesheet.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/
/* ==========================================================================
服务下载
   ========================================================================== */
.page-service{
    .box-text-bottom .button{
        background: #04416A;
        margin-bottom: 0;
        border-radius: 4px;
    }
    .box-text-bottom .button:hover{
        background:var(--fs-color-primary) ;
    }
}

.item-card .box-shadow-1,
.goods-list-card-bg .box-shadow-1{
    background-color: rgba(255, 255, 255, .88) !important;
    backdrop-filter: blur(18px);
}
.goods-list-card-bg .col-inner>.img:not(:last-child),
.goods-list-card-bg .col>.img:not(:last-child) {
    margin-bottom: 0em !important;
}

.goods-list-card .banner .z99,
.goods-list-card .banner .arrow{
    transition: .25s;
}
.goods-list-card .banner .arrow{
    transition: .25s;
}
.goods-list-card .banner:hover .z99{
    transform: scale(.9);
}
.goods-list-card .banner:hover .arrow{
      filter: invert(100%);
  transform: rotate(-45deg);
}

.goods-list-card .res-text {
    font-size: 11px;
    overflow: clip;
}

.goods-list-card .col-inner>.has-hover:hover{
        background-color: rgb(48 167 144 / 12%) !important;
}


/*分类面包屑导航*/
.term-description ol.breadcrumb{
    margin-bottom: 20px;
}

.cat-item-22{
    display: none !important;
}


header .box-category:hover h5{
    color: var(--fs-color-primary)!important;
}
header .box-category h5{
   text-transform: capitalize !important;
}

/* 关键：给 a 提供定位上下文 */
.nav-line-bottom>li>a,
.nav-line-grow>li>a,
.nav-line>li>a {
    position: relative;
}

/* 下划线本体 */
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;              /* 👈 用 bottom，不用 top */
    
    height: 3px;
    width: 0;

    background-color: var(--fs-color-primary);

    transform: translateX(-50%);
    opacity: 1;

    transition: width .35s cubic-bezier(.22,1,.36,1);
}

/* hover / active 展开 */
.nav-line-bottom>li:hover>a:before,
.nav-line-grow>li:hover>a:before,
.nav-line>li:hover>a:before,
.nav-line-bottom>li.active>a:before,
.nav-line-grow>li.active>a:before,
.nav-line>li.active>a:before {
    width: 100%;
}


/* 永远可见，交给 opacity 控制 */
.header-nav .nav-dropdown {
    visibility: visible !important;

    opacity: 0;
    transform: translateY(-22px);
    pointer-events: none;

    transition:
        opacity .5s cubic-bezier(.22,1,.36,1),
        transform .5s cubic-bezier(.22,1,.36,1);
}

/* 展开状态 */
.header-nav li:hover > .nav-dropdown,
.header-nav li.current-dropdown > .nav-dropdown,
.header-nav li.active > .nav-dropdown,
.header-nav .ux-show > .nav-dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}



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


/*边栏*/
.post-sidebar .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;
    DISPLAY: block;
    WIDTH: 100%;
}
.post-sidebar  .nav-pagination>li>a, .post-sidebar .nav-pagination>li>span {
    border: 2px solid;
    border-radius: 5px;
    display: block;
    font-size: 1.1em;
    font-weight: bolder;
    height: 2.25em;
    line-height: 2em;
    min-width: 2.25em;
    padding: 0 7px;
    text-align: center;
    transition: all .3s;
    vertical-align: top;
    width: auto;
}


.ff-default .ff-el-form-control {

    border-radius: 4px !important;

}


.category .from_the_blog_excerpt{
    opacity: 1;
    font-size: 16px;
}
.category .post-item .box .box-text {
    padding: 23px !important;
}

.post-item:hover h3.post-title .plain{
    color: var(--fs-color-primary) !important;
}

h3.post-title .plain{
    font-size: 18px;
    transition: .25s;
}

@media (max-width: 549px) {
.category .post-item .box .box-text {
    padding: 10px !important;
}

h3.post-title .plain{
    font-size: 15px;
}

    
}

.category .post-meta {
    font-size: 14px;
}
/*======================文章页=======================*/

.page-id-3207 .ns-buttons-wrapper {
    display: block;
    flex-wrap: wrap;
}

/*======================文章页=======================*/

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

/* 隐藏最后一个面包屑（产品名） */
.single-post .breadcrumb-item:last-child,
.single-post .breadcrumb-item:last-child::after {
  display: none !important;
}

/* 去掉倒数第二个的分隔符 */
.single-post .breadcrumb-item:nth-last-child(2)::after {
  display: none !important;
}



/*线管文章*/
#at_posts_related h3.post-title .plain {
    font-size: 15px;
    transition: .25s;
}

@media screen and (min-width: 850px) {
    .single-post .row-divided>.col+.col:not(.large-12) {
        border-left: 1px;
    }
}
.single-post .widget>ul>li>a {
    display: inline-block;
    flex: 1;
    padding: 9px 0;
}
.single-post .entry-title{
    margin: 20px 0;
    font-size: 200%;
}

@media (max-width: 549px) {
.single-post .breadcrumb{
    font-size: 12px;
}
.single-post .entry-title{

    font-size: 160%;
}

.single-post .nav-previous{
    font-size: 12px;
}
.single-post .author-name{
    margin: 0;
    padding: 0;;
}
.single-post #at_posts_related .post-title{
    font-size: 12px;
}
.single-post .from_the_blog_excerpt{
    display: none;
}
.single-post .author-desc{
    font-size: 12px;
}
.single-post .circle, .circle img {
    width: 33px;
}

}



.single-post .entry-header-text {
    padding: 0;
}


/*======================产品详情=======================*/
.pswp__zoom-wrap img{
    border-radius: 10px;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border-color: var(--fs-color-primary) !important;
    border-radius: 10px;
    border: 2px solid transparent;
}

/*产品相册*/
.product-thumbnails,
.product-gallery-slider img, .product-thumbnails img {

    border-radius: 10px;
}
/*切角标题*/
.section-title-main {
    background: linear-gradient(246deg, transparent 20px, #43bfb5 0) !important;
    transition: 0.25s;
}

/* 产品页表格整体 */
.single-product .section-title-main{
    min-width: 200px !important;
}

.custom-product-tabs table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0;
  background:#fff;
  font-size:20px;
  color:#374151;
  border:1px solid #e5e7eb;
}

/* 普通单元格 */
.custom-product-tabs td,
.custom-product-tabs th{
  padding:4px 14px;
  border:1px solid #e5e7eb;
  text-align:left;
  vertical-align:middle;
}




/* 斑马纹 */
.custom-product-tabs tbody tr:nth-child(even) td{
  background:#f9fafb;
}

/* hover 高亮 */
.custom-product-tabs tbody tr:hover td{
  background:#3bbfb40f;
}

/* 多列对比表头 */
.custom-product-tabs thead th{
  background:#f1f5f9;
  font-weight:600;
  color:#1f2937;
}

/* 移动端横向滚动 */
@media (max-width:768px){
  .custom-product-tabs table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
}







/* ==================== 手机端适配 ==================== */

td {
    color: var(--fs-color-base);
}

@media (max-width:768px){

  /* 表格整体字体缩小 */
  .custom-product-tabs table{
    font-size:12px;
  }

  /* 单元格字体 */
  .custom-product-tabs td,
  .custom-product-tabs th{
    font-size:12px;
    padding:8px 10px;
  }

.custom-product-tabs tr:has(td[colspan="3"]) td {

    font-size: 13px;
}

  /* 横向拖拽查看 */
  .custom-product-tabs{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .custom-product-tabs table{
    min-width:720px; /* 关键：强制可拖动 */
  }
}




/*应用领域相册*/

.application-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.application-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* 平板 */
@media (max-width: 849px) {
    .application-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 手机 */
@media (max-width: 549px) {
    .application-gallery {
        grid-template-columns: 1fr;
    }
}



/*======================头部=======================*/
/*下滑变色*/
/*.stuck .header-main{*/
/*    background: var(--fs-color-secondary)!important;*/
/*    .nav>li>a{*/
/*    color: #fff;*/

/*    }*/
/*    .nav>li.active>a{*/
/*        color: #fff;*/
/*    }*/
/*    .nav-line-bottom>li>a:before{*/
/*        background-color: var(--fs-color-primary)!important;*/
/*    }*/
/*}*/

/*阴影变线*/
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .03);
}



/* 防止提前显示 */
.logo-text,
.logo-text-img {
  visibility: hidden;
}

/* 小标题普通文字 */
.logo-text p:last-child strong {
  color: rgba(0,0,0,0.55);
  letter-spacing: 0.14em;
}

/* ===== 首字母：描边状态（JS 会加这个类） ===== */
.logo-text span[data-text-color="primary"].is-outline {
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(0,0,0,0.18);
  text-shadow: 0 0 0 rgba(0,0,0,0.18);
  display: inline-block;
}

/* ===== 首字母：激活填色状态 ===== */
.logo-text span[data-text-color="primary"].is-active {
  color: #43bfb5 !important;
  -webkit-text-stroke: 0 transparent;
  text-shadow: none;
}




/*联系我们*/
.follow-list a{
    margin: 10px !important;
   
    color: #2b3e4b;
}

footer .follow-list a{
    margin-right: 10px !important;
    color: #fff;
}
footer .follow-list i{
    font-size: 15px;
}

.follow-list i{
     font-size: 22px;
}

@media (max-width: 549px) {
     .follow-list a{
        margin: 4px !important;
    }
    
    .follow-list i{
         font-size: 12px;
    }   
}


.card-border .item .col-inner{
    overflow: hidden !important;
}

/* Page / Product 通用 H2 目录样式 */
.woocommerce-h2-directory {
    padding: 10px 15px;
    background: #373737;
    position: sticky;
    top: 0;
    z-index: 3;
    user-select: none;
}

.woocommerce-h2-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    text-align: center;
}

.woocommerce-h2-scroll::-webkit-scrollbar {
    display: none;
}

.woocommerce-h2-list {
    display: inline-flex;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce-h2-list li {
    flex-shrink: 0;
}

.woocommerce-h2-list a {
    position: relative;
    display: inline-block;
    padding: 0 12px 0 24px;
    font-size: 14px;
    font-weight: 500;
    color: #ccc;
    text-decoration: none;
    white-space: nowrap;
    transition: color .3s;
}

.woocommerce-h2-list a::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 2px solid #555;
    border-radius: 50%;
}

.woocommerce-h2-list a:hover,
.woocommerce-h2-list a.active {
    color: var(--fs-color-primary);
}

.woocommerce-h2-list a.active::before {
    background: var(--fs-color-primary);
    border: none;
    width: 12px;
    height: 12px;
    box-shadow: 0 0 8px rgba(255,255,255,.3);
}

@media (max-width: 1024px) {
    .woocommerce-h2-scroll {
        display: none;
    }
    .woocommerce-h2-directory select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 0 40px 0 15px;
        background: #222;
        color: #ccc;
        border: 1px solid #444;
        appearance: none;
    }
}

@media (min-width: 1025px) {
    .woocommerce-h2-directory select {
        display: none;
    }
}



/*隐藏分类的面包屑和标题*/
.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;
}
/*产品卡片-标题*/
.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;

}



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

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

/*.footer-img::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url(img/map.svg) no-repeat center center;*/
/*    background-size: contain;*/
/*    pointer-events: none;*/
/*    z-index: 1;*/
/*    opacity: 1;*/
/*}*/


/*切换卡图片*/

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


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

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

/* 标题字体修改 */
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-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;
}