/* header */
.header{background: url(../images/header_bg.png) no-repeat center top;background-size: cover;}
.header .logo{line-height: 5.07rem;}
.header .logo img{height: 2.67rem;}
.header .search .text{width: 11.33rem;height: 1.67rem;box-sizing: border-box;background: #FFFFFF;border-radius: 0.83rem;border: 1px solid #F4F4F4;padding: 0 3rem 0 1rem;color: #222;line-height: 1.6rem;}
.header .search .text::placeholder{color: #999999;}
.header .search .subm{width: 2.4rem;height: 1.67rem;position: absolute;right: 0;top: 0;background: url(../images/icon_search.svg) no-repeat center;background-size: 100%;border: none;cursor: pointer;}
.header .searchBtn{filter: brightness(0) invert(0.4);}
.header .wapRight{display: none;}

/* 按钮 */
.btnStyle{width: 2rem;height: 2rem;box-sizing: border-box;border: 1px solid #4AA469;background: rgba(255, 255, 255, 0.14);border-radius: 50%;cursor: pointer;backdrop-filter: blur(10px);position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.btnStyle:hover{border-color: rgba(255, 255, 255, 0.72);}
.btnStyle:hover img{filter: brightness(0) invert(1);}
.btnStyle.prev{left: 5%;}
.btnStyle.next{right: 5%;}

/* 导航 */
.nav{width: 100%;position: absolute;left: 0;top: 0;z-index: 3;background: rgba(255, 255, 255, 0.1);color: #FFFFFF;line-height: 2.67rem;}
.nav .nLi{position: relative;}
.nav .nLi h2 a{font-weight: normal;}
.nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.nav .nLi .navSub ul li{padding: 12px 0;}
.nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;color: #333;padding: 0 4px;position: relative;}
.nav .nLi .navSub a:hover{color: #4AA469;}
.nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #4AA469;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}

/* 更多 */
.moreStyle{color: #666666;}
.moreStyle .icon{margin-left: 0.27rem;filter: brightness(0) invert(0.5);}
.moreStyle.left{justify-content: flex-start;}
a:hover .moreStyle,
.moreStyle:hover{color: #4AA469;}
a:hover .moreStyle .icon,
.moreStyle:hover .icon{filter: brightness(1) invert(0);}

/* 查看更多 */
.moreBtn{width: 5rem;height: 1.67rem;box-sizing: border-box;background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.5);color: #FFFFFF;border-radius: 0.83rem;}
.moreBtn img{filter: brightness(0) invert(1);margin-left: 0.27rem;}

/* 分页器 */
.paginationStyle.swiper-pagination{bottom: 4.83rem;width: 100%;top: auto;transform: translateY(0);}
.paginationStyle.swiper-pagination .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 0.3rem;position: relative;background: none;opacity: 1;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet::before{content: "";width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;position: absolute;left: 0;top: 0;transform: scale(0.6);opacity: 0;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet::after{content: "";width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);box-sizing: border-box;box-sizing: border-box;border: 1px solid #fff;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform: scale(1);opacity: 1;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{background: #fff;}

/* 底部 */
.footer{background: #F6F6F6;color: #666666;line-height: 1;}
.footer .top{border-bottom: 1px solid rgba(228, 228, 228, 0.4);}
.footer .logo{height: 4rem;}
.footer .logo img{height: 2rem;}
.footer .select{margin-left: 1rem;position: relative;z-index: 2;width: 9.33rem;}
.footer .select dt{padding: 0 1rem;position: relative;z-index: 2;background: rgba(207, 207, 207, 0.11);border-radius: 0.83rem;line-height: 1.67rem;cursor: pointer;}
.footer .select dt::before{content: "";width: 5px;height: 5px;border-left: 1px solid #999999;border-bottom: 1px solid #999999;position: absolute;right: 1rem;top: 50%;margin-top: -3px;transform: rotateZ(-45deg);}
.footer .select dd{position: absolute;left: 0;top: 100%;width: 100%;background: #f2f2f2;border-radius: 0.83rem;display: none;}
.footer .select dd ul{padding: 0.5rem 0;max-height: 6rem;overflow: auto;}
.footer .select dd ul a{display: block;line-height: 0.93rem;padding: 3px 1rem;}
.footer .select dd ul a:hover{color: #4AA469;}
.footer .meddle{padding: 1rem 0;}
.footer .meddle .text{line-height: 1.07rem;margin-top: 1rem;}
.footer .meddle .text span{margin-right: 2.33rem;}
.footer .meddle .text span:last-child{margin-right: 0;}
.footer .fNav li{margin-right: 2rem;}
.footer .fNav li:last-child{margin-right: 0;}
.footer .qrcode li{width: 4.27rem;margin-left: 1.33rem;text-align: center;line-height: 0.73rem;}
.footer .qrcode li:first-child{margin-left: 0;}
.footer .qrcode li img{width: 4rem;height: 4rem;margin-bottom: 0.4rem;}
.footer a:hover{color: #4AA469;text-decoration: underline;}
.footer .bottom{padding: 0.67rem 0;line-height: 1rem;background: rgba(207, 207, 207, 0.11);}
.footer .bottom span{margin-right: 2rem;}
.footer .bottom span:last-child{margin-right: 0;}

@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
.footer .fNav li,
.footer .meddle .text span{margin-right: 1rem;}
}



@media screen and (max-width: 1024px){
.nav,
.header .search{display: none;}
.header .logo{line-height: 3rem;}
.header .logo img{height: 2rem;}
.header .wapRight{display: flex;}

.btnStyle{width: 1.2rem;height: 1.2rem;}
.btnStyle img{height: 0.2rem;}


}

@media screen and (max-width: 760px){
.footer .logo,
.footer .fNav{display: none;}
.footer .top,
.footer .meddle{padding: 0.3rem 0;}
.footer .meddle{flex-wrap: wrap;}
.footer .meddle .text{flex-wrap: wrap;width: 100%;margin: 0 0 0.5rem;}
.footer .meddle .text span{display: block;}
.footer .qrcode li{margin-left: 0.5rem;}
.footer .bottom{font-size: 13px;}
.footer .bottom > .w1400{display: block;}
.footer .bottom .flexCenter{display: block;}
.footer .bottom span{display: block;margin: 0;}

.header .logo{line-height: 2.4rem;}
.header .logo img{height: 1.3rem;}

.moreBtn{width: 4rem;height: 1.3rem;}
.moreBtn img{margin-left: 0.3rem;height: 0.2rem;}
}

@media screen and (max-width: 468px){
}