@import "main.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";

/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* logo  icon*/

.ux-logo .ux-logo-link{
	padding:4px !important;
}


/* 新闻小部件文字 */
.section-content .ux-menu a span{
	padding-left:12px;
}


/* banner */
 .banner p {
    margin-top: 0.3em;
}
.icon-box-img svg{
  padding-top:6px;
}

/* 相关产品类别 */
.related-products-wrapper .flickity-viewport .title-wrapper .category{
	display:none;
}

/* 联系我们底部按钮 */
@media (min-width: 768px) {
    .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
        height: 50px;
    }
}

/*存档页面*/
.page-wrapper {
    padding-bottom: 30px;
    padding-top: 0;
}

.banner h1 {
    font-size: 2.5em;
}

/* 字体修改 */

h1, h2, h3, h4{
    font-family: !important;
    font-weight: 300 !important;
}

p,body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a {
     font-family: 
}
/* contact */
.fluentform .ff-el-group h1{
	font-size:36px;
}
.fluentform .ff-el-group p{
	font-size:14px;
}

.contact-from form {
    padding:40px!important;
}


/* 页脚 */
footer .dark .widget>ul>li+li, .dark ul.menu>li+li {
        border-color: hsl(0deg 0% 100% / 0%);
}
footer .dark .widget a:hover, .dark a:hover {
    color: #e74003!important;
}

/* 新闻右侧 */

.post-sidebar{
	 width:100%!important;
	padding:0px!important;
}
.ux-menu-link__link{
	padding-left:10px
   
}
.ux-menu-link{
	padding:6px 0px;
	  border-left: 1px solid #e6e6e6; 
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.ux-menu-link:hover .ux-menu-link__text{
	color:#000;
}

/*首页*/
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 0.3em !important;
}

.realm-list{
    position: relative;
}
.realm-list-row{
    overflow: hidden;
}
.realm-list .item *{
    transition: .5s;
}
.realm-list .item:hover p{
    bottom: 16px;
    opacity: 1;
}
.realm-list .item:hover h3{
	bottom: 160px;
}

@media (max-width: 2200px) {
   .realm-list .item:hover h3{
	bottom: 200px;
}
}

@media (max-width: 1800px) {
   .realm-list .item:hover h3{
	bottom: 220px;
}
}

@media (max-width: 1200px) {
   .realm-list .item:hover h3{
	bottom: 280px;
}
}

@media (max-width: 900px) {
   .realm-list .item:hover h3{
	bottom: 320px;
}
}

.realm-list .item h3{
    position: absolute;
    bottom: 80px;
}
.realm-list .item p{
    position: absolute;
    bottom: -100px;
    opacity: 0;
}
.num i{
    font-size: 14px !important;
    font-style: normal;
    font-weight: 300px !important;
    margin-left: 15px;
}
/* 发展愿景图片阴影 */
.shadow-img .fill{
	transition: transform 0.5s ease; 
	background: linear-gradient(0deg, #000000 0, rgb(50 50 50 / 0%) 65%);
}
.shadow-img:hover .fill{
	background: linear-gradient(0deg, #000000 0, rgb(50 50 50 / 0%) 100%);
	transform: translateY(-10px);
}

/* 产品详情图片阴影 */
.app-list .fill{
	background: linear-gradient(0deg, #323232 0, rgba(50, 50, 50, 0) 33%);
}
/* 产品描述 */
.product-short-description ul li{
	font-size:15px;
}
/* 新闻阴影 */
/* .box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
        box-shadow: 0 0px 1px 0px rgba(0, 0, 0, .04), 0 1px 9px rgba(0, 0, 0, .07);
}

.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover {
    box-shadow:none;
}

.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
    box-shadow:none;
} */
}













/* 产品详情案例下划线 */
.case-list .is-divider{
	display:none;
}

.case-list .box-text a:not(.button), .box-text h5 {
    line-height: 1.6;
}


.image-tools.bottom.left{
    background: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 50%;
    box-shadow: 0 4px 6px #00000014;
    font-size: 10px;
}

.products-btn:before {
    position: absolute;
    content: '';
    opacity: 0;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
    width: 30%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}

table {
    border-collapse: collapse; /* Ensures borders are collapsed for a cleaner look */
    width: 100%; /* Optional: makes the table take the full width of its container */
}
td:first-child, th:first-child,
table th, table td {
    padding: 20px; /* Adds 10px padding to all sides of the cells */
    text-align: left; /* Aligns text to the left */
}

table tbody tr:nth-child(odd) {
    background-color: #f2f2f2; /* Light gray for odd rows */
}

table tbody tr:nth-child(even) {
    background-color: #ffffff; /* White for even rows */
}
table td:first-child {
    font-weight: bold; /* Makes the text in the first column bold */
}


/* 联系我们 */

.contact-from form{
    box-shadow: 0 10px 25px 1px rgba(0,0,0,0.1);
    padding: 20px;
    border-top: 4px solid var(--fs-color-primary);
}

.ff-default .ff-el-form-control:focus{
    border-color: var(--fs-color-primary) !important;
}

.ff-default .ff-el-input--label label {
    display: inline-block;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    font-size: 12px;
}

.ff-default .ff-el-form-control {
    font-family: 'Noto Sans' !important;
    line-height: 1.5 !important;
  
}

form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit{
    background-color: var(--fs-color-primary) !important;
    border-color: var(--fs-color-primary) !important;
}

form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
    border-color: var(--fs-color-primary) !important;
    color: #fff !important;
    min-width: 100%;
}

.ff-default .ff-el-form-control{
    background: none;
    height: 50px;
    width: 100%;
    line-height: 50px;
    padding-left: 50px;
    font-size: 14px;
    color: #808080;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1) inset !important;
}

.header-wrapper{
    width: 1380px;
    margin:  0 auto;

    
}
@media screen and (max-width: 1280px) {
    .header-wrapper{
        width: auto;
    }
}
#masthead{
   background: #fff !important;
   border-radius: 5px !important;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper{
    box-shadow: none;
}

.stuck{
    width: 100%;
}

#top-bar{
    background: #ffffff00!important;
}


/*按钮*/
.main-btn{
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%, 0% 100%, 0% 35%);
    clip-path: polygon(10% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%, 0% 100%, 0% 35%);
    transition: .25s;
}
.main-btn:hover{
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(10% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%, 0% 100%, 0% 0%);
}

.flickity-page-dots {
    bottom: -20px;
}


.logo-list img {
    filter: grayscale(100%); /* 将图片设为灰色 */
    transition: filter 0.3s; /* 添加过渡效果 */
}

.logo-list img:hover {
    filter: grayscale(0%); /* 鼠标悬停时恢复原色 */
}


/*无缝滚动logo*/
 .swiper-container-free-mode > .swiper-wrapper{
     transition-timing-function:linear;
 }
.swiper-wrapper{
    height: 90px !important;
 }
.swiper-slide{ width: 25%;}
@media only screen and (max-width: 48em) {
    .logo-list .swiper-slide img{ height: 38px}
    .logo-list .swiper-slide { width: 30% !important;}
    #case5 .swiper-slide { width: 40% !important;}
}

/* iPad */
@media(max-width: 849px) {
        

}
    
/*手机*/
@media only screen and (max-width: 48em) {
 
    .main-btn{
        -webkit-clip-path:none;
        clip-path: none;
        transition: .25s;
    }
    .main-btn:hover{
        -webkit-clip-path:none;
        clip-path: none;
    }

}


.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
    border: 2px solid;
    border-radius: 100%;
    background: #000;
    color: #fff;
    border-radius: 0;
}

.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
    opacity: .7;
    transform: translateX(0)!important;
    padding: 25px;
}



@media only screen and (max-width: 48em) {
 
    .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
        opacity: .7;
        transform: translateX(0)!important;
        padding: inherit;
    }

}