@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
*/

.woocommerce-shop .wpc-debug-message {
	display:none
}
.wpc-filters-range-column,
.wpc-filters-range-inputs {
  position: relative;
}
.wpc-filters-range-column::after {
    content: "mm";
    position: absolute;
    right: 26px;
    top: 39%;
    transform: translateY(-50%);
    color: #555;
    font-size: 14px;
}

.wpc-chip-reset-all{
	display:none
}


.wpc-filters-range-min-column {
  position: relative;
}

.wpc-filters-range-min-column:before{
	 content: "Min";
	margin-top: 13px;
	margin-left: 10px;
    position: absolute;
	font-size:12px;
	color:#888
}

.wpc-filters-range-max-column:before{
	 content: "Max";
	margin-top: 13px;
	margin-left: 10px;
    position: absolute;
	font-size:12px;
	color:#888
}
.wpc-filters-widget-content .wpc-filters-section input[type="number"]{
	padding-left:40px !important;
}


/* 表格 */
table {
    border-collapse: collapse; /* Collapses the border to make it look like a single, continuous line */
}

th, td {
    text-align: left;
    padding: 12px 15px !important;
    border-bottom: 1px dotted #ddd;
	color:#2d2d2d!important;
}

thead {
    background-color: #333; /* Dark background for the header */
    color: #fff; /* White text color for the header */
}

tbody tr:nth-child(odd) {
    background-color: #ffffff; /* Sets every odd row to white */
}
tbody tr:first-child *{
    color: #fff;
}
tbody tr:first-child {
    background-color: #ffdc00; /* Green background for the first row in tbody */
    color: #2d2d2d!important; /* White text color for the first row in tbody */
}
tbody tr:first-child:hover {
    background-color: #ffdc00; /* Green background for the first row in tbody */
    color: #2d2d2d!important; /* White text color for the first row in tbody */
}

tbody tr:hover {
    background-color: #F5F5F5; /* Adds a hover effect with a medium grey background */
}

/* case悬停 */


/* 首页为什么选择 */
.why-list .fill{
    border-radius: 10px;

}

.why-list .banner{
    border-radius: 10px;
    transition: .25S;
	outline: 2px solid #ffdc0000;
}

.why-list .banner:hover{
    outline: 2px solid #ffdc00;
    border-radius: 10px;
}




/* 首页产品分类 */
.grid-products .fill{
	border-radius: 10px;
}
.grid-products .banner{
	border-radius: 12px;
}

/* 页脚 */
#footer .ff-default .ff-el-form-control{
	background-color:#6a6a6a59!important;
}
.address,.address .fill{
	border-radius: 8px;
}
.footer-bt .fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #ffdc00!important;
    color: #2d2d2d;
	 text-transform: capitalize!important;
}
.footer-bt .fluentform .ff-text-right {
    text-align:left!important;
}
form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {
    text-transform: capitalize!important;
}



/* banner */
.banner-inner .icon-box-img svg {
    padding-top: 10px;
}



/* 标题层级 */
.z-1{
	z-index:1;
}
.z-2{
	z-index:0;
}


/* 评价 */
.person-name {
    text-transform: capitalize;
}
/* cta按钮 */
.cta-bt span{
	color:#2d2d2d;
	
}
.cta-bt .icon-plus{
	color:#2d2d2d
}

.cta:hover{
	margin-left:30px!important;
	box-shadow:none;
}

/* logo */
@media screen and (max-width: 850px) {
    .logo-list-gap .has-icon-bg .icon .icon-inner {
  padding: 20px !important
}
}

.ux-logo{
	margin: 0px 16px !important;
}
.logo-list img{
	filter: grayscale(100%);
}
.logo-list img:hover{
	filter: grayscale(0%);
}

.logo-list-gap .has-icon-bg .icon .icon-inner {
  border-radius: 12px;
  padding: 60px !important
}


#main, #wrapper{
    background: #f5f5f5;
}
.s-cat .item{
padding: 0 !important;
}
.s-cat {
    background: #fff;
}
.s-cat .title{
    background: #000;
    width: 100%;
    padding: 0;
    margin: 0;
    padding: 14px !important;
    border-radius: 12px 12px 0 0 ;
    margin-bottom: 20px;
}
.s-cat .title p{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.s-cat-box{
    padding: 10px 5px 15px 5px !important;
}

.s-cat .icon svg {
    width: 100%;
    margin: 0 !important;
}

.s-cat .active .icon-inner{
    background:rgb(255, 220, 0) !important ;
}

.s-cat .tags{
    line-height: 2;
}



@media screen and (min-width: 850px) {
    .archive .large-9 {
        flex-basis: 75%;
        max-width: 75%;
        padding-left: 40px;
    }
}
.home .box-image img,
.page-id-268 .box-image img,
.category-cases .box-image img,
.shop-container .box-image img{
    border-radius: 10px;
}
.home .box-image,
.page-id-268 .box-image,
.category-cases .box-image,
.shop-container .box-image{
    border: 2px solid #00000000;
    border-radius: 10px;
    transition: .25S;
}
.home .post-item:hover .post-title a,
.page-id-268 .post-item:hover .post-title a,
.category-cases .post-item:hover .post-title a{
    color: rgb(247 185 0);
}

.home .product-small:hover .product-title a{
	color: rgb(247 185 0)!important;
}
@media (max-width: 1000px){
	.product-title a{
	font-size:14px!important;
}
}
.product-title a{
	font-size:18px;
	font-weight:500;
}

.home .box-image:hover,
.page-id-268 .box-image:hover,
.category-cases .box-image:hover,
.shop-container .box-image:hover{
    border: 2px solid #000;
    
}
.home .box-image:hover:after,
.page-id-268 .box-image:hover:after,
.category-cases .box-image:hover:after,
.shop-container .box-image:hover:after{
    content: '\e80e'!important;
    position: absolute;
    bottom: 0;
    right: 0;
    speak: none !important;
        display: inline-block;
        font-display: block;
        font-family: fl-icons !important;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: 400 !important;
        line-height: 1;
        background: rgb(255, 220, 0);
        padding: 10px 10px;
        color: #000;
        border-radius: 10px 0px 0px 0px;

}
.home .box-image:hover:after,
.page-id-268 .box-image:hover:after,
.category-cases .box-image:hover:after{
    content: '\e80a'!important;
}

.page-title-inner{
    display: none;
}

/*面包屑样式*/
.wpseo {
    background: #00000047;
    padding: 15px 20px;
    display: inline-block;
    border-radius: 10px 10px 0px 0px;
}

/*列表标题大小*/
@media screen and (min-width: 850px) {
    .woocommerce-loop-product__title{
        font-size: 110%;
    }
}


/*联系我们*/
.contact-icon p{
    padding: 0;
    margin: 0;
}

/*logo*/

@media (min-width: 900px){
    .logo-bg::after {
        width: 300px;
        max-width: none;
        height: 300px;
        padding: 0;
        top: 50%;
        left: auto;
        right: 50%;
        transform: translate(max(-15vw, -288px), -64%);
        }
    .logo-bg::after {
        content: '';
        display: block;
        width: 108%;
        max-width: 569px;
        position: absolute;
        top: 50%;
        left: 18%;
        transform: translate(-50%, -50%);
        background: url(img/logo-bg.webp) no-repeat center center / contain;
        pointer-events: none;
    }
}

/*表单*/
.ff-default .ff-el-form-control{
    background: #F5F5F5;
    border: none !important;
    font-family: inherit !important;
}

.ff-default textarea {
    min-height: 140px !important;
}


.ff-default .ff-el-form-control:focus,
.fluentform .ff-el-form-control:hover {
    background: #F5F5F5 !important;
}

/*地图闪烁的点*/

.marker {
    border-radius: 50%;
    padding: 0 3px 3px 0;
    width: 40px;
    height: 40px;
    background: #000;
    position: absolute;
    left: 44%;
    top: 51%;
    margin: -35px 0 0 -15px;
    -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
    -moz-box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
    box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
}
.marker:after {
    content: '';
    width: 16px;
    height: 16px;
    margin: 12px 12px 11px -6px;
    background: #FFDC00;
    position: absolute;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
    -webkit-box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
    box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
}
.beacon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    margin-top: -39px;
}
.beacon:before,
.beacon:after {
  position: absolute;
  content: "";
  height: 48px;
  width: 48px;
  left: 0;
  top: 0;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #FFDC00;
  -webkit-animation: active 2s infinite linear;
  -moz-animation: active 2s infinite linear;
  animation: active 2s infinite linear;
}

.beacon:after {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes active {
  0% {
    -webkit-transform: scale(.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2.5);
    opacity: 0;
  }
}

@keyframes active {
  0% {
    transform: scale(.1);
    transform: box-shadow(0px 0px 0px 1px #FFDC00);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
/*文章分类页*/
.single #content,
.category #content{
    padding: 0 !important;
}