@charset "UTF-8";
@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
*/

/* 常见列表2 */
.faq-list-2 .accordion-item{
    border-style: solid;
    border-width: 0.5px 0.5px 0.5px 0.5px;
    border-color: #FFFFFF33;
    border-radius: 10px 10px 10px 10px;
    background: #ffffff1c;
	    margin-bottom: 15px;
}
.faq-list-2 .accordion-title {
	border-top: 0;
}

.faq-list-2 .tab span{
	font-size:14px;
}

.faq-list-2 .nav-box>li>a,
.faq-list-2 .nav-pills>li>a {
    line-height: 2em;
    padding: 0 1em;
	font-weight:bold
}
.faq-list-2 .dark .nav>li>a{
	background:#000
}

.faq-list-2 .accordion .toggle {
    right: 0 !important;
    left: auto;
}
.faq-list-2 .accordion .toggle {
    right: 0 !important;
    left: auto;
}
.faq-list-2 .toggle i {
    font-size: 1em;
    transition: all .3s;
}

.faq-list-2 .icon-angle-down:before{
    content: "" !important;
    font-size: 12px;
}

.faq-list-2 .accordion-title {
    padding: 20px;
    font-size: 90%;
}

.faq-list-2 h3{
	font-weight:bold
}


.faq-list-2 .accordion .toggle { 
    left: auto;
    margin-right: 15px;
    top: 15px;
}

.faq-list-2 .nav-box>li.active>a,
.faq-list-2 .nav-pills>li.active>a {
    background-color: var(--fs-color-primary);
	border-color: var(--fs-color-primary);
}

.faq-list-2 .nav-box>li>a,
.faq-list-2 .nav-pills>li>a {
border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF33;
	margin:0 5px;
}




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


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