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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}





/* 引入字体 */


/* 字体修改 */

body,h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a {
/*     font-family: 'Montserrat', sans-serif !important; */
}

/* 布局 */
.bra10 img,
.bra10{
	border-radius:4px;
}

.ls2{
	letter-spacing:2px
}
.m0{
	margin:0!important
}
.mt20{
	margin-top:20px!important
}

.mt30{
	margin-top:30px!important
}

.pt0{
	padding-top:0!important
}

.mt0{
	margin-top:0!important
}


.mb0{
	margin-bottom:0!important
}

.p0{
	padding:0!important
}
.pb0{
	padding-bottom:0!important
}

.pb5{
	padding-bottom:5px!important
}

.pb10{
	padding-bottom:10px!important
}

.pb20{
	padding-bottom:20px!important
}

.pb30{
	padding-bottom:30px!important
}

.pt10{
	padding-top:10px!important
}

.pt20{
	padding-top:20px!important
}


.pt30{
	padding-top:30px!important
}

.m10{
	margin:10px!important
}

.m15{
	margin:15px!important
}
.text-000 *{
	color:#0a0a0a
}
.text-000 a:hover{
	color:var(--fs-color-primary)
}
/* 圆角 */
.img-bra-4 img{
	border-radius:4px;
}
.br0{
	border-radius:0 !important;
}
/* 图片样式 */
.big-img .bg-loaded{
  width: 100%; /* 图片宽度占据容器的100% */
  height: auto; /* 根据宽度自适应高度 */
  animation: breathe 20s infinite alternate; /* 使用关键帧动画，4秒完成一次来回，无限循环 */
}

/* 轮播箭头 */
.slider-nav-circle .flickity-prev-next-button .arrow,.slider-nav-circle .flickity-prev-next-button svg {
    border: 0px!important;
    border-radius:0px!important
}

/* 定义呼吸动画 */
@keyframes breathe {
  0% {
    transform: scale(1); /* 初始大小 */
  }
  50% {
    transform: scale(1.15); /* 最大1.2倍 */
  }
	100% {
    transform: scale(1); /* 初始大小 */
  }
}

/* 导航 */
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
	font-weight:400!important
}


.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    width: 0;
}
/* 激活和指向 */
header .nav>li.active>a:before,
header .nav>li>a:hover:before {
    color: hsla(0,0%,7%,.85);
	  width: 100%;
}

/* 表单 */
.fluentform .ff-el-form-control {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 100%;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
}
.fluentform .ff-el-form-control {
     border-radius: 0.1rem!important;
	  box-shadow: none !important;
}
.fluentform .ff-el-form-control:hover {
    background: #fff !important;

}
.fluentform .ff-el-input--label label{
	color:#444;
}
#fluentform_1_success>p{
	color:#444;
}
#fluentform_1_success{
	background:#fff;
	border-radius:6px;
	text-align:center;
}
.ff_btn_style,.ff-btn-submit,.ff-default .ff_btn_style{
	background-color:var(--primary-color)!important;
	border-radius:3px !important;
	margin-bottom:0 !important;

}
.fluentform_1_success p{
	color:#222;
}
input:hover, select:hover, textarea:hover {
    background: 0 0!important;
    box-shadow: none!important;
}
.ff-message-success{
	 border: 0!important;
    box-shadow: none!important;
    margin-top: 10px!important;
    padding: 15px 0!important;  
}

.footer-main a{
	font-size:14px
}
.footer-main a span{
	font-weight:300
}

/* 返顶部 */
.back-to-top{
	bottom:120px;
	right:40px;
	border-radius:0;
}


/** Table 表格样式 **/
table{
    border-collapse: collapse;
    width:100%;
    border:1px solid #c6c6c6 !important;
    margin-bottom:20px;
}
th{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important;
    background-color:#ddeeff !important; 
    padding:5px 9px;
    font-weight:normal;
    text-align:left;
}
td{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important; 
    padding:5px 9px;
    font-weight:normal;
    word-break: break-all;
}
tr:nth-child(odd){
    background-color:#fff !important; 
}
tr:nth-child(even){
    background-color: #f8f8f8 !important;
}

td:first-child, th:first-child {
    padding-left: 10px;
}

td:last-child, th:last-child {
    padding-right: 10px;
}

/* 阴影 */
.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: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgb(0 0 0 / 7%);
}


/* 按钮 */
.ux-relay__load-more-button,
.btn-lg {
/*     background-color: transparent;
    background-image: linear-gradient(90deg, #00CDFF 0%, #3497FF 100%);
	  border: 0;
	border-radius:3px;
 */
}


.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: inset 0 0 0 100px rgb(255 255 255 / 20%);
}

.section-title b{
	flex:0
}



.home-from .ff_submit_btn_wrapper {
	
}

.home-from-box{
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.ff-default .ff-el-form-control{
	border-radius:6px !important;
}

#fluentform_1_success{
	background: #3f3f3fc7;
}
.sub-menu-big .nav-vertical>li+li {
    border-top: 1px solid #ececec1f;
}


@media (min-width: 850px){
	.nav-vertical+.tab-panels {
border-left: 1px solid #ececec1f !important;

	}
}





.tabs{
  position:relative;
  width:100%;
  height:300px;
}
.tab-pane{
  display:block;
}
.tabs input[type='radio']{
  position:absolute;
  clip:rect(0,0,0,0)
}
.tab-item{
  display:block;
  width:100%;
  height:34px;
  line-height:34px;
  cursor:pointer;
  padding:0 10px
}

.tabs input[type='radio']:hover+.tab-item{
  background:orangered;
  color:#fff
}

.tab-content{
  position:absolute;
  border:1px solid rgb(11, 20, 66);
  padding:20px;
  left:100px; /* 调整左侧距离以适应纵向排列 */
  top:0;
  bottom:0;
  right:0;
  background:rgb(11, 20, 66);
}

.tabs input[type='radio']:hover+.tab-item+.tab-content{
  z-index:1
}


.lwptoc_title{
	font-size:120%;
}
.lwptoc-notInherit .lwptoc_i DIV A{
	font-size:120%;
}

.box-fff{
	background:#fff;
	border-radius:10px;
	padding:40px;
	margin-bottom:30px;
}

td:first-child, th:first-child {
    padding-left: 10px;
    white-space: nowrap;
}
.fz14{
	font-size:14px;
	line-height:24px;
}

/* 询盘 */
input.wpi-button{
	min-width:210px!important;
	border-radius:40px!important;
	line-height:30px!important;
	font-size: 20px!important;
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #00CDFF 0%, #3497FF 100%)!important;

}


.ui-button-icon-only .ui-icon {
    margin-left: -18px!important;
    margin-top: -20px!important;
    filter: invert(100%)!important;
}

input.wpi-button:hover{
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #00CDFF 0%, #3497FF 100%)!important;
}


.ui-dialog .ui-dialog-titlebar{
	background:#000e26 !important
}

#send-btn{
	background:#000e26 !important;
	border-radius:0px!important;
	width: 100%!important;
}

.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^=bullet-]){
	list-style:none;
}
.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li{
	position:relative
}
.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:after {
    content: ">";
    position: absolute;
    top: 1px;
    left: -15px;
}
.header-button a,
a.gt_switcher-popup{
	color:#fff
}
.page-col,
.page-col .box-text{
	padding:0;
	margin:0
}

.page-col .box-text { padding: 2px 20px; color:#2352ac}
.gt_container-du4fvk a.glink span {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
    color: #000 !important;
}