@charset "UTF-8";
@import "main.css";
@import "fonts/stylesheet.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@media (max-width: 1330px) {
.products-col-list{
         flex-basis: 50%;
        max-width: 50%;   
}
}
@media (max-width: 1024px) {
.products-col-list{
         flex-basis: 60%;
        max-width: 60%;   
}
}
.close-btn:hover{
        background: #f0f0f01a!important;
}
.nav-btn-wechat a,
.nav-btn-phone a,
.nav-btn-email a {
  display: block;
  width: 100%;
  height: 100%;
}
/* 小手效果 */
.nav-btn-wechat,
.nav-btn-phone,
.nav-btn-email,
.nav-btn-wechat .img-inner,
.nav-btn-phone .img-inner,
.nav-btn-email .img-inner,
.nav-btn-wechat img,
.nav-btn-phone img,
.nav-btn-email img {
  cursor: pointer;
}


/*=================返回顶部=============*/
.is-outline:hover{
color: #606060!important;
    
}


.height-list{
    height: 100%;
}

.page-id-507 .header{
    display: none;
}

.b0-text-list-2{
        margin-bottom: 0em;
}


.title-list p{
        font-family: Bahnschrift !important;
}
/*====================机械关于我们================*/
.about-num h3{
    font-family: Bahnschrift !important;
}
/*==================机械产品==================*/
.a-white a{
    color: #fff!important;
}
.a-white a:hover{
    color: #fff!important;
}

.products-img-list a {
z-index: -1;
}



.products-img-list{
  transform: rotate(45deg);
    transform-origin: center center; 
}

/*======================首页=======================*/
.b0-text-list p{
    margin-bottom: 0.2em; 
}

  .b0-text p{
        margin-bottom: 0.8em; 
  }


.b0-text{
    line-height: 0px;
    
}
.from-top .col-inner{
    border-radius: 12px 12px 0px 0px;
}
.from-bottom .col-inner{
    border-radius: 0px 0px 12px 12px;
}
.footer-title p{
    line-height: 0px;
}
.footer-title p::before {
  font-family:Roboto!important;
  margin-bottom:6px;
  content: "›";               /* 或 content: ">"；可换成想要的符号 */
  display: inline-block;
  margin-right: 0.4em;        /* 符号和标题间距，可按需调整 */
  font-weight: 600;           /* 符号粗细 */
  font-size: 1.6em;             /* 符号大小，可与标题一致或调整 */
  color: #fff;                /* 符号颜色，改成你的品牌色 */
  vertical-align: middle;     /* 纵向对齐 */
  /* 如果你想让符号与文本完全分离成块，可使用 position:absolute 并调整 left/top */
}




/*圆角*/
.border-right .text {
    border-radius: 0 0 40px 0px !important;
}

/*取消banner限制宽度 */
.full .banner-inner .container{
    max-width: 100%;
}


.banner h5, .banner h6, .banner p {
     margin-bottom: 0em !important; 
     margin-top: 0em !important; 
    padding: 0;
}

.hover-text .banner-hover-text{
    opacity: 0;
    transition: .25s;
}
.hover-text:hover .banner-hover-text{
    opacity: 1;
    
}
.hover-text .fill{
    transition: .25s;
}
.hover-text:hover .fill {
    background: #00000061;
}

/*圆角*/
.border-top .text-center {
    border-radius: 40px 40px 0 0 !important;
}

/**/
.mark{
     background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}



/*======================详情=======================*/
@media (max-width: 1330px) {
    .goods-table {
    transform: scale(0.85);
    transform-origin: top center; 
}
}

.goods-table {
  width: 100%;
  overflow-x: auto;       /* 允许横向滚动 */
  overflow-y: hidden;     /* 禁止竖向滚动 */
  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
  padding: 8px 0;
  display: flex;
  justify-content: flex-start; /* 左对齐，滚动从左开始 */
}



/* 主体表格 */
.goods-table table {
    width: 100%;
    max-width: 1420px;
    border-collapse: collapse;
    text-align: center;
    font-family: inherit;
    border: 2px solid #625757;
    border-radius: 12px;
    overflow: hidden;
    background: #e3e3e3;
   

}
/* 表头 */
.goods-table thead th {
  background: #e5e5e5;               /* ✅ 更深的灰，区分层次 */
  font-weight: 600;
  color: #333;
  padding: 12px 16px;
  border-bottom: 1px solid #ccc;
}

/* 单元格 */
.goods-table th,
.goods-table td {
  padding: 12px 16px;
   font-size: 18px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;  /* ✅ 行分隔线略浅 */
  white-space: nowrap;
}

/* 最后一行不画线 */
.goods-table tbody tr:last-child td {
  border-bottom: none;
}

/* 隔行换色（第一行灰、第二行白） */
.goods-table tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.goods-table tbody tr:nth-child(even) {
  background: #ffffff;
}

/* 悬停效果 */
.goods-table tbody tr:hover {
  background: #ededed;
}

/* 小屏适配 */
@media (max-width: 600px) {
  .goods-table th,
  .goods-table td {
    padding: 8px 10px;
    font-size: 14px;
    white-space: normal;
  }
}


/* 给 .goods-table 预留顶部空间，让伪元素显示完整 */
.goods-table {
  position: relative;
  padding-top: 190px; /* 根据图标高度调整，这里留出80px图标的一半+一点间距 */
}

.goods-table::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 111px;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 240px;
    background: url(img/form-top-icon.svg) no-repeat center / contain;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 600px) {
    .goods-table {
        position: relative;
        padding-top: 80px; /* 根据图标高度调整，这里留出80px图标的一半+一点间距 */
    }
    
    .goods-table::after {
    content: "";
        position: absolute;
        left: 50%;
        top: 71px;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        background: url(img/form-top-icon.svg) no-repeat center / contain;
        pointer-events: none;
        z-index: 5;
    }
}


/*======================关于我们=======================*/
/**/
.tl2 {
  text-indent: 3ch; 
}

/*======================优势打造=======================*/
.bra-left *{
    border-top-left-radius: 50px
}
.bra-right *{
    border-top-right-radius: 50px
}
.bra-left-b *{
    border-bottom-left-radius: 50px
}
.bra-right-b *{
    border-bottom-right-radius: 50px
}
@media (max-width: 600px) {
  .bra-right-b *,
   .bra-left-b *,
    .bra-right *,
   .bra-left *{
    border-radius: 0
    }
   
}
.stuck .logo img{
    height: 36px;
}

/*页面表格 */
.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: 2px solid #eee; /* 黑色边框 */
  padding: 20px;
  white-space: nowrap;

}

table th {
  font-weight: bold;
  text-align: center;
}




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

/* 轮播图片底部点点 */
.flickity-page-dots {
	bottom: -40px;
}

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

.footer-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    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;
}

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

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

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

.icon-tabs-1 .nav li.tab:nth-child(5) a::before {
  content: "\e4f3"; 
  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;
}

.h1-color-2 * {
    background-image: linear-gradient(to right, #9ab1ed 0%, #d1c3ed 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


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


/*块背景圆角*/
.bg-r50 .section-bg{
    border-radius: 0 100px 0 0;
}
/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

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

/*======================头部=======================*/



.transparent .flex-right .header-nav-main .menu-item a{
    color: #003893!important;
}
.transparent .menu-light{
    display: none;
}
.stuck .menu-dark{
    display: none;
}
.html_topbar_right .row{
    margin-left: 20px;
    max-width: 160px;
}



.stuck #logo img {
       max-height: 0px !important;
}
.stuck .logo img {
    height: 30px;
}
.page-id-6 .stuck .logo img {
    height: 60px;
}

.header-logo-sticky {
   height: 40px !important;
}


@media (max-width: 549px) {
   .stuck .logo img {
    height: 30px;
} 
}

/*logo宽度*/
@media (max-width: 549px) {
    .page-id-6 .stuck .logo img {
    height: 34px;
}
    
  #logo img {
    max-height: 34px !important;    
  }
}

/*======================表单=======================*/

/*按钮-表单-圆角*/
.button,
#submit,
.ff-default .ff_btn_style {

}
.ff-default .ff_btn_style {
    padding: 0;
    margin-bottom: 0;
}

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

/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{

}

/* 标题字体修改 */
h1, h2, h3, h4,.fs{
   
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-style: normal;
}



/*无缝滚动logo*/
.logo-list img {
   max-width: 140px
}
.logo-list .swiper-wrapper{
    height: 140px;
 }

.swiper-wrapper {
         -webkit-transition-timing-function: linear;
         -moz-transition-timing-function: linear;
         -ms-transition-timing-function: linear;
         -o-transition-timing-function: linear;
         transition-timing-function: linear;
}