/* 查看更多 */
.moreBtn{width: 6.67rem;height: 2rem;box-sizing: border-box;padding: 0 0.67rem;color: #fff;background: var(--primary-color);}
.moreBtn::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;background: url(../images/more_bg.svg) no-repeat right bottom;background-size: auto 100%;transform-origin: right bottom;}
.moreBtn img{width: 0.6rem;position: relative;}
.moreBtn:hover::before{transform:scale(3.5);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.moreBtn.border{border: 1px solid var(--primary-color);color: var(--primary-color);background: none;}
.moreBtn.border:hover{color: #fff;}


/* 头部 */
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;line-height: 3.33rem;color: #fff;}
.header .logo img{height: 1.6rem;}
.header .logo .o{position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;}
.header .nav .nLi{margin: 0 0.8rem;}
.header .nav .nLi:hover h2 a,
.header .nav .nLi.on h2 a{color: var(--primary-color);}
.header .nav .nLi .navSub{position: absolute;left: 0;top: 100%;width: 100%;background: rgba(242, 242, 242, 0.9);display: none;}
.header .nav .nLi .navSub ul{padding: 0.87rem 0;line-height: 0.93rem;}
.header .nav .nLi .navSub ul li{margin: 0 0.67rem;}
.header .nav .nLi .navSub ul li a:hover{color: var(--primary-color);}
.header .searchBtn{margin: 0 2rem 0 1.2rem;filter: brightness(0) invert(1);cursor: pointer;}
.header .language{margin-left: 2rem;}
.header:hover,
.header.fixed{background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: #222;}
.header:hover .logo img.d,
.header.fixed .logo img.d{opacity: 0;}
.header:hover .logo img.o,
.header.fixed .logo img.o{opacity: 1;}
.header:hover .language,
.header.fixed .language{color: var(--primary-color);}
.header:hover .searchBtn,
.header.fixed .searchBtn{filter: brightness(1) invert(0);}


/* 波浪效果 */
.waveStyle{position: absolute;left: 0;bottom: 0;z-index: 3;height: 3.3rem;width: 100%;}
.waveStyle{background-image: url(../images/mask1.svg);background-position: center 20px;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;}
@keyframes wave2 {
    0% {background-position: 1600px 20px;}
    100% {background-position: 0 20px;}
}

@keyframes wave3 {
    0% {background-position: 640px 0;}
    100% {background-position: 0 0;}
}

/* 波浪效果 */
.wave{position: absolute;left: 0;bottom: 0;width: 100%;height: 4rem;z-index: 3;display: grid;grid-template-columns: repeat(280, 1fr);mask-image: url(../images/mask1.svg);-webkit-mask-image: url(../images/mask1.svg);mask-size: 100vw;mask-repeat: repeat-x;animation: move-svg 4s linear infinite;}
.wave span{width: 1px;height: 100%;background: linear-gradient(180deg, #B3854F 0%, rgba(179, 133, 79, 0.4) 100%);}
@keyframes move-svg {
    0% {-webkit-mask-position-x: 0}
    to {-webkit-mask-position-x: 100vw}
}
.wave2{right: -5rem;left: auto;bottom: -2rem;animation: move-svg 6s linear infinite;}

/* 查看更多1 */
.moreBtn1{width: 4.6rem;height: 1.47rem;border-radius: 4px;background: rgba(255, 255, 255, 0.2);}
.moreBtn1 img{height: 0.6rem;margin-left: 0.27rem;}

/* footer */
.footer{padding: 3.33rem 0 2rem;background: url(../images/footer_bg.png) no-repeat center top;background-size: cover;position: relative;z-index: 2;}
.footer .contLeft{width: 25.29%;}
.footer .contLeft .logo img{height: 1.6rem;margin-bottom: 5.2rem;}
.footer .contLeft dl{margin-top: 1.33rem;line-height: 0.93rem;}
.footer .contLeft dl:first-child{margin-top: 0;}
.footer .contLeft dl dt{margin-bottom: 0.4rem;align-items: center;}
.footer .contLeft dl dt img{width: 0.8rem;margin-right: 0.27rem;}
.footer .contRight{width: 63.54%;box-sizing: border-box;padding-left: 4.65%;border-left: 1px solid #DDDDDD;}
.footer .nav{margin-bottom: 6.13rem;}
.footer .nav dt{margin-bottom: 0.4rem;}
.footer .nav dd{line-height: 1.07rem;}
.footer a:hover{text-decoration: underline;color: var(--primary-color);}
.footer .contRight .btm{line-height: 0.93rem;color: rgba(34, 34, 34, 0.4);}

/* 动画 */
@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(1.6);}
}

/* 滚动距离 */
.scrollMrgTop{scroll-margin-top: 3rem;}

/* 回到顶部 */
.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){
.header .nav .nLi{margin: 0 0.6rem;}
.header .searchBtn{margin: 0 1rem;}

.moreBtn{width: 5.8rem;height: 1.6rem;padding: 0 0.5rem;}

.wave{height: 3rem;}

.footer .contRight{width: 70%;padding-left: 2%;}
}
@media screen and (max-width: 1480px){

}

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

@media screen and (max-width: 1200px){
.header .nav .nLi{margin: 0 0.5rem;}
.header .searchBtn{margin: 0 0.5rem;}


}
@media screen and (max-width: 1024px){
.header .nav{display: none;}
.header .menuIcon{display: block;}
.header .language{margin-left: 0;}


}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;}
.header .logo img{height: 1rem;}

.wave{height: 1rem;}
.waveStyle{background-image: url(../images/mask3.svg);background-position: center 20px;background-repeat: repeat-x;animation-name: wave3;height: 23px;}

.moreBtn{width: 4.2rem;padding: 0 0.2rem;height: 1.2rem;}

.footer{padding: 1rem 0;}
.footer .nav,
.footer .contLeft .logo{display: none;}
.footer > .w1720{display: block;}
.footer .contLeft{width: 100%;}
.footer .contLeft dl{margin-top: 0.5rem;}
.footer .contLeft dl dt{margin-bottom: 0.2rem;}
.footer .contRight{width: 100%;padding: 0;border: none;margin-top: 0.5rem;}
}

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