@charset "UTF-8";
@import "main.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* 底部 */
.map-list p{
	margin-bottom: 0em!important;
	line-height:0;
}
.hide-img-post-list  .post-item {
	padding-bottom:0
}
.hide-img-post-list .text-left {
 
    PADDING: 0;
}
.hide-img-post-list img{
	display:none
}

/*首页服务*/
@media (max-width: 549px) {
.fuwu-btn{
 text-align: center !important;   
}
}
.rounded-top{
    border-radius:6px 0px 6px 0px;
}
.rounded-down{
    border-radius:0px 6px 0px 6px;
}

#custom_html-2 .custom-html-widget .sidebar-img-box .banner-inner .fill{
    border-radius:6px;
}
#recent-posts-2 ul li a{
    font-size: 14px;
}
#recent-posts-2{
    padding: 0px 8px;
}

.post-sidebar .widget_nav_menu .is-divider{
display:none;
}
.post-sidebar .widget_nav_menu .widget-title{
font-size:18px;
width: 100%;
color:#333;
padding: 0px 0px 0px 30px;
}


.post-sidebar .widget_nav_menu .menu {
margin: 0;
border-radius: 6px;
background: rgb(249 249 249);
border: 1px solid #ddd;
}
.post-sidebar .widget_nav_menu .sub-menu{
margin: 0;
border-radius: 4px;
background: rgb(249 249 249);
}
/*.post-sidebar .widget ul li::before{*/
/*content: '\e602';*/
/*position: absolute;*/
/*font-size: 20px;*/
/*right:14%;*/
/*color: #333;*/
/*font-family: 'iconfont';*/
/*line-height: 2;*/
/*}*/


.post-sidebar .widget_nav_menu ul li{
background: #00000000;
padding: 8px 24px;
transition: all 0.5s ease;
}

.post-sidebar .widget_nav_menu ul li:hover{
    background: #e97631;
}
.post-sidebar ul.menu>li ul{
    padding-left: 0px!important;
    border-left:none;
}



/* 文章*/
.category-blog .post-title a{
    font-size: 20px;
    font-weight: 600;
}
.category-blog .post-title a:hover{
  	color:#e97631;
	text-decoration: underline;
}

.archive .post-item .box {
    box-shadow: none!important;
    border-bottom: 1px solid #dddddd;
}
.from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* 限制为2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom:20px!important;
}


/* 首页博客 */
@media (max-width: 549px) {
    .home-blog-list .post-title a{
        font-size:16px!important;
        min-height: 20px!important;
    }
}
.home-blog-list .post-title a,.home-blog-list .post-meta{
	color:#333;
}
.home-blog-list .post-title a{
	font-size:20px;
	font-weight:600;
	min-height: 60px;
}
.home-blog-list .post-meta{
    font-size: 16px;
    padding-top:20px;
}

.home-blog-list .post-title a:hover{
	color:#e97631;
	text-decoration: underline;
}
.home-blog-list .box-text{
	padding:50px 24px 50px 30px!important;
}
.home-blog-list .blog-post-inner {
  position: relative; /* 必须有，保证伪元素定位基于当前元素 */
  padding-left: 30px; /* 给左边留出图片位置，数值按图片宽度调整 */
}


.home-blog-list .secondary {
  display: block;
  text-align: left;
}
.home-blog-list .secondary:hover {
  color: #e97631!important;
}

.home-blog-list .secondary::after {
  font-family: "Font Awesome 6 Free";  /* 确保已加载 FA6 */
  font-weight: 900; /* fa-solid */
  content: "\f178"; /* Unicode 对应 fa-arrow-right-long */
  margin-left: 8px; /* 文字和图标间距 */
  display: inline-block;
}


.title-text-top p{
	background:#fff;
	padding:20px 4px;
}



/* 基础表格样式 */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin: 20px 0;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* 轻微阴影增加层次 */
}

/* 表头 */
table thead {
  background-color: #f5f5f5; /* 浅灰色表头，纯白表格更清晰 */
  color: #333;
  text-align: left;
}

table th,
table td {
  padding: 12px 15px; /* 全部单元格统一内边距 */
  border: 1px solid #ddd;
  vertical-align: middle;
  background-color: #fff; /* 默认白色背景 */
  color: #333;
}

/* 第一列填充白色，保留padding */
table th:first-child,
table td:first-child {
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500; /* 第一列可加粗，突出标识 */
}

/* 表体隔行淡灰色 */
table tbody tr:nth-child(even) td:not(:first-child) {
  background-color: #f9f9f9;
}

/* 鼠标悬停高亮 */
table tbody tr:hover td {
  background-color: #f1f1f1;
  transition: 0.3s;
}

/* 响应式表格 */
@media screen and (max-width: 768px) {
  table thead {
    display: none;
  }
  table, 
  table tbody, 
  table tr, 
  table td {
    display: block;
    width: 100%;
  }
  table tr {
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
  }
  table td {

    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: 45%;
    text-align: left;
    font-weight: bold;
  }
}



/*产品详情页隐藏切换卡*/
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
}

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

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

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

/*按钮-表单-圆角*/
.ff-default .ff_btn_style {
    border-radius: 4px !important;
    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{
   
}



/*平板电脑及以下*/
@media (max-width: 849px) {
   
}

/*仅限移动设备*/

/*按钮*/
@media (max-width: 549px) {
    .button {
    font-size: 12px!important;
    text-align: left;
    }
   .button-center{
    font-size: 12px!important;
  } 
}


/*无缝滚动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;
}