@import "main.css";
@import "diy.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
  font-family: 'iconfont';  /* Project id 4921827 */
  src: url('//at.alicdn.com/t/c/font_4921827_x2l5jf5vwze.woff2?t=1748571738860') format('woff2'),
       url('//at.alicdn.com/t/c/font_4921827_x2l5jf5vwze.woff?t=1748571738860') format('woff'),
       url('//at.alicdn.com/t/c/font_4921827_x2l5jf5vwze.ttf?t=1748571738860') format('truetype'),
       url('//at.alicdn.com/t/c/font_4921827_x2l5jf5vwze.svg?t=1748571738860#iconfont') format('svg');
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
	text-transform: capitalize;
	font-size:16px;
}
.nav-vertical li li.menu-item-has-children>a {
	text-transform: capitalize;
}
.shadows .box-shadow-3{
	box-shadow: 0 10px 20px rgba(0, 0, 0, -0.81), 0 6px 6px rgba(0, 0, 0, 0.1)!important;
}  


.service-title-num p{
	padding:0px!important;
	margin:0px!important;
}


.nav-dropdown-default{
	padding:20px 20px;
}

/* .container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-bottom: -70px;
    margin-left: -10px;
    margin-right: -10px;
} */



/* 产品详情 */
.flickity-viewport .product-small .box-text .price-wrapper .price{
	padding-bottom:8px;
}
.flickity-viewport .box-text{
	background: #fffbf8;
	padding:20px;
}
 .box-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	 padding-top:12px;
  }




/* 产品详情边栏 */
@media screen and (min-width: 850px) {
   .category-page-row .large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
}


.products-details .sidebar-wrapper .is-divider{
	display:none;
}
.products-details .sidebar-wrapper .widget-title{
	font-size:18px;
   width: 100%;
	color:#fff;
	padding: 0px 0px 0px 30px;
}

.products-details .sidebar-wrapper .widget {
    margin-bottom: 1.5em;
    background: #333;
    padding: 20px 0px 0px 0px;
}
.products-details .sidebar-wrapper .widget ul {
    margin: 0;
    margin-top: 20px;
    padding:20px 20px;
	 background: rgb(250, 246, 237);
}
/* .products-details .sidebar-wrapper .widget ul li::before{
    content: '\e602';
	  position: absolute;
    font-size: 20px;
    right:14%;
    color: #333;
    font-family: 'iconfont';
    line-height: 2;
} */

.products-details .sidebar-wrapper .widget ul li::before:hover{
    color: #333;
}
.products-details .sidebar-wrapper .widget ul li{
	 background: #00000000;
	padding:4px 10px;
	transition: all 0.5s ease;
}

.products-details .sidebar-wrapper .widget ul li:hover{
	 background: rgb(231 227 218);
	color:#fff;
}





/* faq */
.accordion-title .active {
    background-color: rgb(250, 246, 237);
}


/* 导航 */
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {

    height: 1px;

}


.hide-for-medium .nav-left {
    justify-content: center;
}
.hide-for-medium .nav-left li{
	  padding: 0px 20px 0px 0px;
}
/* 产品边栏 */
@media screen and (min-width: 850px) {
   .category-page-row .large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
}


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

#shop-sidebar .widget {
    margin-bottom: 1.5em;
    background: #333;
    padding: 20px 0px 0px 0px;
}

#shop-sidebar .widget ul {
    margin: 0;
    margin-top: 20px;
    padding:20px 20px;
	 background: rgb(250, 246, 237);
}
#shop-sidebar .widget .sub-menu{
	margin-top: 0px!important;
	padding: 12px 20px!important;
}

/* #shop-sidebar .widget ul li::before{
    content: '\e602';
	  position: absolute;
    font-size: 20px;
    right:14%;
    color: #333;
    font-family: 'iconfont';
    line-height: 2;
} */

#shop-sidebar .widget ul li::before:hover{
    color: #333;
}
#shop-sidebar .widget ul li{
	 background: #00000000;
	padding:4px 10px;
	transition: all 0.5s ease;
}

#shop-sidebar .widget ul li:hover{
	 background: rgb(231 227 218);
	color:#fff;
}

/* 产品页 */
.products .col-inner{
	border: 3px solid #00000000;
	 transition: all 0.5s ease;
}
.products .col-inner:hover{
	border: 3px solid #000;
}

.post-type-archive-produc #wrapper main{
	background:rgb(250, 246, 237)!important;
}

.shop-page-title{
    display:none;
}
.product .price {
    line-height: 1;
	padding-top:20px;
	padding-bottom:20px;
    font-size: 18px;
}
.title-wrapper .woocommerce-loop-product__title{
	font-size:22px;
   padding-bottom: 12px;
   border-bottom: 1px solid #00000017;
	 display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* .title-wrapper .woocommerce-loop-product__title{
    content: '';
    position: absolute;
    left: 5%;
    top: 60px;
    height: 1.5px;
    width: 90%;
    background-color: #00000017;
    text-align: center;
    z-index: 1; */
}

/* 手机端标题 */
.post-type-archive-product .is-small, .is-small.button {
    font-size: 1em;
}
.post-type-archive-product .box-text {
    padding: 19px;
    background: #fffbf8;
    font-size: .9em;
    position: relative;
    width: 100%;
}
.products .box-text {
    padding: 19px;
    background: #fffbf8;
    font-size: .9em;
    position: relative;
    width: 100%;
}
   
/* 表单 */
.ff-default .ff-el-form-control {
    box-shadow: none;
}
.archive .fluentform{
/* 	padding:20px 20px 10px 20px; */
	background:rgb(250, 246, 237);
}

/* blog */
.archive .post-item .box .box-text {
    padding: 20px!important;
}}



/* 底部 */

.footer-form-btn .ff-btn{
	    line-height: 0.5;
}


#menu-header-menu-1{
	margin-top:20px;
}

#footer .menu{
	margin-top:20px;
}

#footer .widget-title{
	font-size:18px;
}
#footer .is-divider{
	display:none;
}

#footer .widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}

.footer-row{
	z-index:99!important;
}
.footer-text h1{
	line-height:0.5;
	z-index:0!important;
	font-size: 200%!important;
   position: absolute;
	left: 650px;
   bottom: 16px;
}
.footer-text{
	z-index:0!important;
}

/* 表格 */
@media (min-width: 2400px) {
 
.et5{
	background:rgb(111 143 193)!important;
	color:#fff!important;
}
	
table {
  margin: 0 auto; /* 水平居中表格 */
  width: 100%; /* 让表格占满容器 */
  width: 1420px !important;
  max-width:1420px!important;
  border-collapse: collapse; /* 合并边框 */
	
	
}

td:first-child, th:first-child {
    padding-left:30px;
	  font-size:16px;
	color:#333;
}

td, th {
  border: 1px solid #ddd; /* 添加单元格边框 */
  padding: 30px 20px; /* 添加内边距 */
  text-align: center; /* 文本居中 */
  vertical-align: middle; /* 垂直居中 */
}
table tr td:nth-child(2){
	font-size:20px!important;
	color:#333;
}
table tr td:nth-child(2){
	border:2px solid rgb(111 143 193);
}

/* 表头样式 */
thead td {
  background-color: rgb(250, 246, 237); /* 头部背景色 */
  font-weight: bold;
}

/* 奇偶行背景色不同 */
tbody tr:first-child td{
  font-size:18px;
	color:#333;
	font-weight:700;
}

tbody tr:nth-child(odd) {
  background-color: rgb(250, 246, 237);
}

tbody tr:nth-child(even) {
  background-color: #ffffff;
}
  }




/* 小屏幕 */
@media (max-width: 800px) {
 .et5{
	background:rgb(111 143 193)!important;
	color:#fff!important;
}
	
table {
  transform: scale(1); /* 初始比例为100% */
  margin: 0; 
  width: 100%!important;
  max-width:100%!important;
  border-collapse: collapse;
text-align: center;
	margin-left: 0;
    margin-right: 0;
	
	
}

td:first-child, th:first-child {
   padding-left:4px;
	color:#333;
}

td, th {
  border: 1px solid #ddd; /* 添加单元格边框 */
  padding: 10px 10px; /* 添加内边距 */
  text-align: center; /* 文本居中 */
  vertical-align: middle; /* 垂直居中 */
}
table tr td:nth-child(2){
	color:#333;
}
table tr td:nth-child(2){
/* 	border:1px solid rgb(111 143 193); */
}

/* 表头样式 */
thead td {
  background-color: rgb(250, 246, 237); /* 头部背景色 */
  font-weight: bold;
}

/* 奇偶行背景色不同 */
tbody tr:first-child td{
	color:#333;
	font-weight:700;
}

tbody tr:nth-child(odd) {
  background-color: rgb(250, 246, 237);
}

tbody tr:nth-child(even) {
  background-color: #ffffff;
}
}



/* 平板 */
@media (min-width: 800px) {
	
	 .et5{
	background:rgb(111 143 193)!important;
	color:#fff!important;
}
 table {
  margin: 0; 
  border-collapse: collapse;
  text-align: center;
	margin-left: 0;
    margin-right: 0;
	width: 100%!important;
  max-width:100%!important;
	
}

td:first-child, th:first-child {
   padding-left:4px;
	color:#333;
}

td, th {
  border: 1px solid #ddd; /* 添加单元格边框 */
  padding: 20px 20px; /* 添加内边距 */
  text-align: center; /* 文本居中 */
  vertical-align: middle; /* 垂直居中 */
}
table tr td:nth-child(2){
	color:#333;
}
table tr td:nth-child(2){
/* 	border:3px solid rgb(111 143 193); */
}

/* 表头样式 */
thead td {
  background-color: rgb(250, 246, 237); /* 头部背景色 */
  font-weight: bold;
}

/* 奇偶行背景色不同 */
tbody tr:first-child td{
	color:#333;
	font-weight:700;
}

tbody tr:nth-child(odd) {
  background-color: rgb(250, 246, 237);
}

tbody tr:nth-child(even) {
  background-color: #ffffff;
}
}





/* 服务 */
.number-list-1::after{
	content: '01';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}
.number-list-2::after{
	content: '02';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}
.number-list-3::after{
	content: '03';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}
.number-list-4::after{
	content: '04';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}
.number-list-5::after{
	content: '05';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}.number-list-6::after{
	content: '06';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}.number-list-7::after{
	content: '07';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}.number-list-8::after{
	content: '08';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}.number-list-9::after{
	content: '09';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}.number-list-10::after{
	content: '10';
	 position: absolute;
    font-size: 70px;
    right: 120px;
	 bottom:10px;
    color: #0000000d;
    line-height: 0.2;
	font-weight:700;
}

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

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

/*======================表单=======================*/
/*按钮-表单-圆角*/
.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{
   
}




.breadcrumbs .divider, .breadcrumbs .separator{
   font-family: auto;
}



/*导航条字重*/
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
    
}


/*移动端最大logo宽度*/
@media only screen and (max-width: 48em) {
    #logo img {
        height: 31px;
    }
}



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

/*仅限移动设备*/

@media (max-width: 549px) {
    .title-wrapper .woocommerce-loop-product__title::after{
    content: '';

    width: 90%;
    background-color: #00000017;
    text-align: center;
    z-index: 1;
}
}