/* 文字渐变 */
.textGradient {
    display: inline-flex;
    background: -webkit-linear-gradient(135deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.textGradient1 {
    display: inline-flex;
    background: -webkit-linear-gradient(45deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

@keyframes rond {
    0% {
        transform: translateY(-50%) rotate(0deg)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

@keyframes rond1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}


/* header */
.header{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;box-sizing: border-box;padding: 0 2.6%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);color: #fff;line-height: 3.33rem;}
.header .logo img{height: 2.07rem;}
.header .nav .nLi{margin: 0 1.2rem;}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{display: block;
    background: -webkit-linear-gradient(135deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);}
.header .nav .navSub{position: absolute;left: 0;top: 100%;width: 100%;background: #fff url(../images/nav_bg.jpg) no-repeat center;background-size: cover;display: none;}
.header .nav .navSub .wrap{padding: 1.6rem 2.6% 2.6rem;border-top: 1px solid #DBDBDB;box-shadow: 0 0 0.67rem rgba(0, 0, 0, 0.1);}
.header .nav .navSub .title{flex-shrink: 0;line-height: 1.3;}
.header .nav .navSub .pic{width: 19.23%;padding-bottom: 6.33rem;border-radius: 5px;margin: 0 1.7rem 0 5.43rem;}
.header .nav .navSub .pic:hover .bgStyle{transform: scale(1.1);}
.header .nav .navSub .text{width: 24%;}
.header .nav .navSub .text .tit{color: var(--title-color);line-height: 1.3;margin-bottom: 0.33rem;}
.header .nav .navSub .text .desc{line-height: 0.93rem;color: var(--desc-text);}
.header .nav .navSub .line{width: 1px;height: 6.33rem;background: #DBDBDB;margin: 0 2.17rem 0 2.5rem;}
.header .nav .navSub .list{padding: 0.53rem 0;}
.header .nav .navSub .list a{position: relative;color: var(--title-color);line-height: 1.33rem;padding-left: 0.67rem;}
.header .nav .navSub .list a::before{content: "";width: 4px;height: 4px;background: currentColor;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .nav .navSub .list a:hover{background: -webkit-linear-gradient(45deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);}
.header .nav .navSub .list a:hover::before{background: var(--primary-color);}

.header .searchBtn{width: 1.37rem;height: 1.37rem;box-sizing: border-box;border: 1px solid currentColor;border-radius: 50%;cursor: pointer;margin-left: 1rem;}
.header .searchBtn img{height: 40%;}
.header .searchBtn:hover{background: currentColor;}
.header .searchBtn:hover img{filter: brightness(0) invert(0.5);}
.header.black,
.header:hover{background: #fff;color: #222222;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header.black .filterWhite,
.header:hover .filterWhite{filter: brightness(1) invert(0);}
.header.hide{opacity: 0;visibility: hidden;}

/* 了解更多 */
.moreBtn{width: 4.67rem;height: 1.47rem;box-sizing: border-box;padding: 0.67rem;background-image: linear-gradient(105deg, #DAB476 16%, #B3864F 110%);border-radius: 0.67rem;color: #fff;}
.moreBtn img{width: 0.67rem;transform: rotateZ(-45deg);}
.moreBtn:hover img,
a:hover .moreBtn img{transform: rotateZ(0deg);}
.moreBtn.border{border: 1px solid currentColor;}
.moreBtn.noBg{background: none;}
.moreBtn.black{color: var(--title-color);}
.moreBtn.white{color: #fff;background: none;}
.moreBtn.white img{filter: brightness(0) invert(1);}

/* footer */
.footer{width: 100%;;background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;}
.footer .logoBg{position: absolute;left: 0;bottom: 0.77rem;width: 11.17rem;}
.footer .top{padding: 2.27rem  0 4.27rem;justify-content: space-between;}
.footer .top .logo img{height: 2rem;}
.footer .nav dl{margin: 0 1.67rem;line-height: 0.93rem;}
.footer .nav dl dt{color: #42242C;margin-bottom: 0.4rem;}
.footer .nav dl dd{color: #7E7376;}
.footer .nav a:hover{color: #B3854F;text-decoration: underline;}
.footer .qrcode img{width: 5.4rem;}
.footer .btm{color: #FFFFFF;line-height: 0.8rem;z-index: 3;padding-bottom: 0.67rem;}
.footer .btm .right ul{justify-content: flex-end;margin-bottom: 0.5rem;line-height: 1;}
.footer .btm .right ul li{margin-left: 0.73rem;}
.footer .btm .right ul li .ma {position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);width: 130px;border-radius: 4px;padding: 6px;background: #fff;box-sizing: border-box;box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);visibility: hidden;opacity: 0;transition: 0.3s;}
.footer .btm .right ul li .ma::before {content: "";position: absolute;bottom: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-top: 0.4rem solid #fff;}
.footer .btm .right ul li .ma img {width: 100%;}
.footer .btm .right ul li:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .btm .link em{margin: 0 0.5em;}
.footer .btm a:hover{color: rgba(255, 255, 255, 0.7);text-decoration: underline;}
.footer .wave{position: absolute;left: 0;bottom: 0;width: 100%;height: 6rem;background: url(../images/wave1.svg) repeat-x 0 20px;animation: wave1 8s infinite;}
@keyframes wave1 {
    0% {background-position: 0 20px;}
    100% {background-position: 1600px 20px;}
 }

 @keyframes wave2 {
    0% {background-position: 1080px 0;}
    100% {background-position: 0 0;}
}
 /* 波纹 */
 .waveStyle{width: 100%;height: 78px;position: absolute;left: 0;bottom: 1.1rem;z-index: 2;background-image: url(../images/line1.svg);background-position: center 0;background-repeat: repeat-x; -webkit-animation-duration: 8s;animation-duration: 8s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: wave2;animation-name: wave2;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.waveStyle2{background-image: url(../images/line2.svg);animation-delay: 0.5s;}
.waveStyle3{background-image: url(../images/line3.svg);animation-delay: 1s;}


@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(2);}
}

@keyframes aniDot2{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(4);}
}

/* 分类 */
.navStyle{position: absolute;left: 5.33rem;bottom: 1.6rem;display: flex;align-items: center;z-index: 3;}
.navStyle li{width: 2.73rem;height: 2.73rem;box-sizing: border-box;margin-right: 1rem;box-sizing: border-box;border: 1px solid #fff;padding: 0.33rem;border-radius: 50%;width: 3rem;height: 3rem;}
.navStyle li a{display: block;width: 100%;height: 100%;position: relative;background: #fff;border-radius: 50%;}
.navStyle li a .icon{width: 100%;height: 100%;border-radius: 50%;}
.navStyle li a .icon::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(131deg, #DAB476 17%, #B3864F 105%);opacity: 0;border-radius: 50%;}
.navStyle li a .icon img{height: 50%;position: relative;z-index: 2;}
.navStyle li a .text{color: #FFFFFF;line-height: 0.6rem;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: bold;width: 100%;opacity: 0;white-space: nowrap;font-size: 0.48rem;}
.navStyle li .dot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.navStyle li .dot::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg, #DDAE66 0%, #AD7E4C 100%);border-radius: 50%;animation: aniDot 3s linear infinite;}
.navStyle li .dot::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg, #DDAE66 0%, #AD7E4C 100%);border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.navStyle li:hover,
.navStyle li.on{border-color: transparent;}
.navStyle li:hover .dot,
.navStyle li.on .dot{opacity: 1;}
.navStyle li:hover .icon,
.navStyle li.on .icon{transform: scale(1.2);}
.navStyle li:hover .icon::before,
.navStyle li.on .icon::before{opacity: 1;}
.navStyle li:hover .icon img,
.navStyle li.on .icon img{opacity: 0;transform: scale(0);}
.navStyle li:hover .text,
.navStyle li.on .text{opacity: 1;transition-delay: 0.3s;}

/* 控制器 */
.controlStyle{position: absolute;right: 3.33rem;bottom: 2.2rem;z-index: 3;}
.controlStyle .btn{width: 1.33rem;height: 1.33rem;background: #fff;border-radius: 50%;cursor: pointer;position: relative;flex-shrink: 0;}
.controlStyle .btn::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%;background: linear-gradient(131deg, #DAB476 17%, #B3864F 105%);opacity: 0;}
.controlStyle .btn img{position: relative;height: 30%;}
.controlStyle .btn:hover::before{opacity: 1;}
.controlStyle .btn:hover img{filter: brightness(0) invert(1);}
.controlStyle .btn.swiper-button-disabled{opacity: 0.4;pointer-events: none;}
.controlStyle .swiper-pagination{position: static;padding: 0 0.4rem;}
.controlStyle .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #D8D8D8;opacity: 1;margin: 0 10px;transition: 0.3s;}
.controlStyle .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform: scale(1.6);}
.controlStyle.grey .btn{border: 1px solid #DBDBDB;}
.controlStyle.grey .btn:hover{border-color: transparent;}
.controlStyle.center{right: auto;left: 50%;transform: translateX(-50%);}

.swiper-pagination-lock{display: flex;}
.swiper-pagination-bullet:only-child{display: block !important;}

/* 回到顶部 */
.goTop{width: 2rem;height: 2rem;position: fixed;right: 5%;bottom: 5%;z-index: 10;background: #fff;border-radius: 50%;border: 1px solid #efefef;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);cursor: pointer;opacity: 0;pointer-events: none;}
.goTop.show{visibility: visible;opacity: 1;pointer-events: inherit;}
.goTop::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(118deg, #DAB476 16%, #B3864F 108%);border-radius: 50%;opacity: 0;}
.goTop img{height: 40%;}
.goTop:hover{border-color: transparent;}
.goTop:hover::before{opacity: 1;}
.goTop:hover img{filter: brightness(0) invert(1);}

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

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

}

@media screen and (max-width: 1300px){
.footer .nav dl{margin: 0 1rem;}
}


@media screen and (max-width: 1024px){
.header .logo img{height: 1.8rem;}
.header .nav .nLi{margin: 0 0.5rem;}
.header .nav .navSub .pic{margin: 0 1rem 0 2%;}
.header .nav .navSub .line{margin: 0 1rem;}

.footer .nav dl{margin: 0 0.5rem;}
}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;}
.header .logo img{height: 1.2rem;} 
.header .nav{display: none;}
.header .menuIcon{display: block;}  
.header .searchBtn{width: 1rem;height: 1rem;margin-left: 0.5rem;}

.footer {font-size: 12px !important;}
.footer > .w1600{padding-right: 4.6rem;box-sizing: border-box;}
.footer .qrcode{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer .qrcode img{width: 4.5rem;}
.footer .nav,
.footer .logo{display: none;}
.footer .top{padding: 0.5rem 0;}
.footer .btm{display: block;color: #7E7376;line-height: 1.6;}
.footer .btm .right ul{justify-content: flex-start;display: none;}
.footer .btm .right ul li .icon{filter: brightness(0) invert(0.5);}
.footer .wave{display: none;}
.footer .logoBg{bottom: 0;}

.textGradient {
    display: inline-block;
    background: -webkit-linear-gradient(135deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.textGradient1 {
    display: inline-block;
    background: -webkit-linear-gradient(45deg, #DAB476, #B3864F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}


.navStyle{left: 5%;bottom: 0.2rem;}
.navStyle li{width: 2rem;height: 2rem;padding: 0.1rem;margin-right: 0;transform-origin: left center;transform: scale(0.8);}

.controlStyle{right: 5%;bottom: 0.8rem;}
.controlStyle .btn{display: none;}
.controlStyle .swiper-pagination{padding: 0;}

.moreBtn{width: 4rem;height: 1.2rem;padding: 0 0.5rem;}
.moreBtn img{width: 0.4rem;}

}

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