@charset "UTF-8";
@import "main.css";

/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* .wpc-filters-section{
	width:20%;
	float:left
} */

.pewc-group-heading-wrapper{
	display:none
}

/*底部导航*/
.dark .widget>ul>li+li, .dark ul.menu>li+li {
    border-color: hsla(0,0%,100%,.08);
    border: none;
}

.menu-icon img{
    max-width: 50px;
    padding-right: 10px;
    
}

.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^=bullet-]) {
    display: list-item;
    margin-left: 0em!important;
}


.menu-icon{
    list-style: none !important;
   margin-left: 0!important;
}
.pewc-item {
    margin: 0 !important;
}

.is-divider {
    background-color: rgba(0,0,0,.1);
    display: block;
    height: 1px !important;
    margin: 1em 0;
    max-width: 30px;
    width: 100%;
}


.home-blog .box-text .button{
        min-width: 150px !important;
}
@media only screen and (min-width: 48em) {
    header .flex-row {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 100%;
        align-content: flex-end;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
    }
    
    header .flex-left {
        margin-right: revert;
    }
    .header .flex-row {
        height: auto;
    }
}
.silider {
	position: relative;
}
.swiper-pagination {
	position: inherit;
}
.swiper-container {
	background: rgb(82,82,82);
	background: linear-gradient(0deg, rgba(82,82,82,1) 0%, rgba(0,0,0,1) 100%);
	width: 100%;
	height: 100%;
	padding: 50px 0;
}
.swiper-slide-active img, .swiper-slide-duplicate-active img {
	transform: scale(1) !important;
}
.swiper-slide a {
	color: #fff;
}
.swiper-slide h4 {
	font-size: 150%;
	padding-top: 20px;
	margin-bottom: 0;
	font-family: Figtree, sans-serif;
	color: rgb(0,0,0,.0);
	transition: 300ms;
}
.swiper-slide-active p{
    color: rgb(255,255,255,.5) !important;
}
.swiper-slide-active *,.swiper-slide-duplicate-active * {
	color:#FFF;
}
.swiper-slide-active h4 {
	color: #fff;
}
.swiper-slide img {
	transform: scale(0.8);
	transition: .25s;
	max-width: 420px;
}
@media only screen and (max-width: 48em) {
    .swiper-slide img {
    	transform: scale(0.8);
    	transition: .25s;
    	max-width: 120px;
    }
}
.swiper-slide {
	text-align: center;
	color: rgb(0,0,0,.0) !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.3);
}
.swiper-slide P{
    color: rgb(0,0,0,.0) ;
}
/* 使用 Awesome 字体图标作为 Swiper 切换按钮 */
.swiper-button-prev::after,
.swiper-button-next::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color:#FFF;
    background: #000;
    border-radius: 40px;
    padding: 20px;
    font-size: 20px;
}

.swiper-button-prev::after {
    content: '\f053'; /* 左箭头图标 Unicode */
}

.swiper-button-next::after {
    content: '\f054'; /* 右箭头图标 Unicode */
}

/* 小圆点颜色改为灰白色 */
.swiper-pagination-bullet {
    background-color: #ccc; /* 灰白色 */
}

.swiper-pagination-bullet-active {
    background-color: #333; /* 激活状态颜色 */
}
.swiper-button-prev,.swiper-button-next{
    opacity: 0;
    transition: .25s;
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev{
    opacity: 1;
}


.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,420px);
    left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,420px);
    right: auto;
}

@media only screen and (max-width: 48em) {
   .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,20px);
    left: auto;
    }
    
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,20px);
        right: auto;
    } 
}


/*首页跑马灯*/
.tipBox {

    padding: .6rem 0.25rem;
    width: 100%;
    background-color: #444;
    display: flex;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    }
    .tipText {
      font-size: 12px;
      color: #fff;
      white-space: nowrap;
      width: fit-content;
      animation:tipText 10s linear infinite;
      -webkit-animation:tipText 10s linear infinite;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    .tipText::after{
      position: absolute; 
      right:-100%;
      content:attr(text);
    }
    @-webkit-keyframes tipText {
      0% {
       
        transform: translateX(0);
 
      }
      100% {
        transform: translateX(-100%);
      }
    }