@keyframes svgAni{to{stroke-dashoffset: 0;}}
/* header */
.header{line-height: 3.33rem;position: relative;z-index: 99;}
.header .logo img{height: 2.33rem;}
.header .nav .nLi{margin-left: 2rem;position: relative;}
.header .nav .nLi h2 a{display: block;color: #000000;font-weight: bold;position: relative;}
.header .nav .nLi h2 a svg{width: 8px;height: 8px;position: absolute;left: 50%;bottom: 0.5rem;transform: translateX(-50%);fill: transparent;stroke-width: 1px;stroke: #F0D08F;stroke-dasharray: 24;stroke-dashoffset: -24;}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{color: #F0D08F;}
.header .nav .nLi.on h2 a svg,
.header .nav .nLi:hover h2 a svg{animation: svgAni 0.5s linear forwards;}
.header .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;}
.header .nav .nLi .navSub ul li{padding: 12px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;padding: 0 4px;position: relative;}
.header .nav .nLi .navSub a:hover{color: #93753B;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #93753B;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{color: #93753B;}

/* banner */
.banner{position: relative;overflow: hidden;}
.banner.wapBanner{display: none;}
.banner .wrap{height: 0;padding-bottom: 45.78%;position: relative;overflow: hidden;display: block;}
.banner .wrap em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;transform: scale(1.05,1.05);}
.banner .swiper-slide-active .wrap em,.banner .swiper-slide-duplicate-active .wrap em{transition: 2s linear; transform: scale(1,1);}
.banner .swiper-pagination{bottom: 1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;padding: 0;background: none;border-radius: 0;margin: 0 0.5rem;opacity: 0.5;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

/* footer */
.footer{padding: 1rem 0 1.3rem;text-align: center;line-height: 1.06rem;color: #666666;font-weight: bold;font-family: "Source Han Serif SC Semi Bold";}
.footer span{margin: 0 0.5rem;}
.footer a:hover{text-decoration: underline;color: #93753B;}
.nyPage .footer{background: #93753B;color: #fff;padding: 0.86rem 0;}

/* nyWrap */
.nyWrap{background: #F7F5F0;min-height: 700px;padding-bottom: 2.66rem;}

/* bread */
.bread{border-bottom: 1px solid #E0E0E0;border-top: 1px solid #E0E0E0;line-height: 4.1rem;margin-bottom: 2rem;}
.bread .title{color: #F0D08F;}
.bread ul{padding-left: 4.53rem;}
.bread ul li{margin-left: 2rem;}
.bread ul a{display: block;position: relative;color: #333333;}
.bread ul a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background: #F0D08F;transform: scale(0,1);opacity: 0;}
.bread ul .on a,
.bread ul a:hover{color: #F0D08F;}
.bread ul .on a{font-weight: bold;}
.bread ul .on a:before,
.bread ul a:hover::before{transform: scale(1);opacity: 1;}
.bread .path{padding-left: 0.9rem;background: url(../images/icon_home.svg) no-repeat left center;background-size: auto 0.53rem;color: #666666;}
.bread .path span{margin: 0 4px;}
.bread .path a:hover{color: #F0D08F;text-decoration: underline;}

/* btnStyle */
.btnStyle .btn{width: 1.6rem;height: 1.6rem;margin: 0 0.66rem;box-sizing: border-box;border: 1px solid #CCAB6A;border-radius: 2px;cursor: pointer;}
.btnStyle .btn img{height: 0.2rem;}
.btnStyle .btn:hover{background: #CCAB6A;}
.btnStyle .btn:hover img{filter: brightness(0) invert(1);}

/* preview */
.preview .container{padding: 2rem 0;position: relative;overflow: hidden;margin-top: -2rem;}
.preview .container .wrap{display: block;transform-style: preserve-3d;perspective: 1000px;}
.preview .container .pic{padding-bottom: 136.58%;position: relative;overflow: hidden;margin-bottom: 0.66rem;}
.preview .container .title{color: #333333;line-height: 1.2rem;text-align: center;padding: 0 0.73rem;font-weight: normal;opacity: 0;}
.preview .container .swiper-slide-active .title{opacity: 1;}
.preview .container .swiper-slide-prev .pic{transform: translate(6%, 0px) rotateY(18deg) scale(1.05);}
.preview .container .swiper-slide-next .pic{transform: translate(-6%, 0px) rotateY(-18deg) scale(1.05);}

/* previewWrap */
.previewWrap{display: none;}
.previewWrap .ul{padding-bottom: 0.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.previewWrap .ul li{width: 48%;margin-bottom: 0.5rem;}
.previewWrap .ul li .pic{padding-bottom: 136.58%;position: relative;overflow: hidden;margin-bottom: 0.2rem;}
.previewWrap .ul li .title{color: #333333;line-height: 0.8rem;text-align: center;font-weight: normal;}



/* filter */
.filter{margin-bottom: 2rem;position: relative;z-index: 9;}
.filter .select{width: 30%;position: relative;}
.filter .select dt{position: relative;background: #F7F5F0;border: 1px solid #F0D08F;border-radius: 2px;padding: 0 1rem;cursor: pointer;color: #666666;line-height: 2.2rem;}
.filter .select dt::before{content: "";width: 10px;height: 10px;border-left: 2px solid #666666;border-bottom: 2px solid #666666;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%) rotateZ(-45deg);margin-top: -0.25em;}
.filter .select dd{position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box;background: #F7F5F0;border: 1px solid #F0D08F;border-radius: 2px;border-top: none;display: none;}
.filter .select dd ul{max-height: 200px;overflow: auto;padding: 0.5rem 1rem;display: flex;flex-wrap: wrap;}
.filter .select dd ul li{width: 20%;text-align: center;padding: 0.3rem 0;cursor: pointer;}
.filter .select dd ul li:hover,
.filter .select dd ul li.on{background: #F0D08F;color: #fff;}
.filter .text{width: 50.5%;box-sizing: border-box;background: #F7F5F0;border: 1px solid #F0D08F;border-radius: 2px;padding: 0 1rem;color: #666666;line-height: 2.2rem;}
.filter .subm{width: 6.66rem;border: 1px solid #F0D08F;background: #F0D08F url(../images/icon_search.svg) no-repeat 4rem center;box-sizing: border-box;padding-left: 2rem;text-align: left;color: #93753B;line-height: 2.2rem;cursor: pointer;}
.filter .subm:hover{background-color: #f1c263;border-color: #f1c263;}

/* exhibit */
.exhibit .list{width: 62.85%;}
.exhibit .list .ul{padding-bottom: 1rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.exhibit .list .ul li{width: 47.72%;margin-bottom: 1.66rem;}
.exhibit .list .ul .wrap{display: block;background: #FFFFFF;border: 1px solid #CCAB6A;}
.exhibit .list .ul .pic{padding-bottom: 129.18%;position: relative;overflow: hidden;}
.exhibit .list .ul .text{padding: 0.66rem 0.66rem 1.33rem;}
.exhibit .list .ul .text .title{color: #333333;line-height: 1.2rem;height: 2.4rem;overflow: hidden;margin-bottom: 0.66rem;}
.exhibit .list .ul .text .date{color: #666666;}
.exhibit .list .ul .wrap:hover{box-shadow: 0 0 0.66rem rgba(0,0,0,0.2);}
.exhibit .list .ul .wrap:hover .title{color: #F0D08F;}


/* page */
.page{color: #333333;line-height: 1.2rem;font-family: 'PingFang SC';}
.page a{min-width: 1.2rem;background: #F9F9F9;border-radius: 2px;margin: 0 4px;text-align: center;height: 1.2rem;}
.page span:last-child{margin-left: 10px;}
.page .select{width: 2.56rem;position: relative;margin: 0 8px;}
.page .select dt{background: #F9F9F9;border-radius: 2px;position: relative;padding: 0 0.5rem;}
.page .select dt::before{content: "";width: 5px;height: 5px;border-left: 1px solid #666666;border-bottom: 1px solid #666666;position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%) rotateZ(-45deg);margin-top: -0.125em;}
.page .select dd{position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box;background: #F9F9F9;border-radius: 2px;display: none;}
.page .select dd li{padding: 0 0.5rem;cursor: pointer;}
.page .select dd li:hover{background: #F0D08F;}
.page select{margin: 0 8px;width: 2.56rem;box-sizing: border-box;padding: 0 0.5rem;text-align: left;-webkit-appearance: auto;appearance: auto;line-height: 1.2rem;font-family: 'PingFang SC';text-align: center;color: #333333;height: 1.2rem;border: none;}
.page a:hover,
.page a.on{border-color: #F0D08F;background: #F0D08F;color: #fff;}

/* hotExhibit */
.recomBox{width: 33.57%;box-sizing: border-box;padding: 1.33rem 1.33rem 0.5rem;background: #FFFFFF;}
.recomBox .title{border-bottom: 1px solid #E8E8E8;padding-bottom: 0.8rem;color: #F0D08F;line-height: 1;position: relative;margin-bottom: 0.5rem;}
.recomBox .title::before{content: "";width: 4em;height: 2px;background: #F0D08F;position: absolute;left: 0;bottom: -1px;}
.hotExhibit ul li{padding: 0.8rem 0;border-bottom: 1px dashed #E8E8E8;color: #666666;line-height: 1;}
.hotExhibit ul li:last-child{border: none;}
.hotExhibit ul li .tit{margin-bottom: 0.66rem;color: #333333;line-height: 1.1;}
.hotExhibit ul li:first-child .tit{margin: 0.66rem 0;}
.hotExhibit ul li .pic{overflow: hidden;}
.hotExhibit ul li .pic img{width: 100%;}
.hotExhibit ul li a:hover .tit{color: #F0D08F;}

/* newsList */
.newsList .list{width: 62.85%;} 
.newsList .list .ul{padding-bottom: 1.33rem;}
.newsList .list .ul li{margin-bottom: 1.33rem;}
.newsList .list .ul .wrap{padding: 1rem 1.33rem 1rem 1rem;background: #FFFFFF;}
.newsList .list .ul .pic{width: 38.27%;}
.newsList .list .ul .pic span{display: block;padding-bottom: 68.38%;position: relative;overflow: hidden;}
.newsList .list .ul .text{width: 58.76%;}
.newsList .list .ul .text .title{color: #333333;line-height: 1.06rem;height: 2.12rem;}
.newsList .list .ul .text .desc{color: #666666;line-height: 0.86rem;max-height: 1.72rem;overflow: hidden;margin: 0.66rem 0 1.33rem;}
.newsList .list .ul .text .date{color: #666666;padding-left: 0.86rem;background: url(../images/icon_rl.svg) no-repeat left center;background-size: auto 0.53rem;}
.newsList .list .ul .wrap:hover{box-shadow: 0 0 0.66rem rgba(0,0,0,0.1);}
.newsList .list .ul .wrap:hover .text .title{color: #F0D08F;}

/* hotNews */
.hotNews ul li{padding: 0.8rem 0;border-bottom: 1px dashed #E8E8E8;}
.hotNews ul li:last-child{border-bottom: none;}
.hotNews ul li .tit{color: #333333;line-height: 1.06rem;max-height: 2.12rem;margin-bottom: 0.66rem;}
.hotNews ul li .date{color: #666666;padding-left: 0.86rem;background: url(../images/icon_rl.svg) no-repeat left center;background-size: auto 0.53rem;}
.hotNews ul li:hover .tit{color: #F0D08F;}

/* passage */
.passage{width: 62.85%;}
.passage .psgTitle{padding-bottom: 1rem;border-bottom: 1px solid #E0E0E0;margin-bottom: 1.33rem;}
.passage .psgTitle .title{color: #333333;margin-bottom: 1rem;}
.passage .psgTitle .info{color: #666666;display: flex;align-items: center;}
.passage .psgTitle .info span{margin-right: 2rem;}
.passage .share .item{margin-left: 0.6rem;width: 1.33rem;height: 1.33rem;box-sizing: border-box;border: 1px solid #F0D08F;border-radius: 50%;}
.passage .share .item img{height: 0.66rem;}
.passage .share .item:hover{background: #F0D08F;}
.passage .share .item:hover img{filter: brightness(0) invert(1);}
.passage .psgCont{min-height: 300px;}
.passage .psgCont .pic{text-align: center;padding-bottom: 0.66rem;}
.passage .psgCont .tit{text-align: center;margin: 0 0 1rem;}
.passage .psgBtm{margin-top: 2rem;border-top: 1px solid #E0E0E0;padding-top: 2rem;}

/* btnStyle1 */
.btnStyle1{width: 6rem;height: 1.6rem;box-sizing: border-box;margin: 0 auto;border: 1px solid #CCAB6A;border-radius: 4px;color: #F0D08F;font-weight: bold;}
.btnStyle1 img{height: 0.53rem;margin-left: 0.5rem;}
.btnStyle1:hover{background: #CCAB6A;color: #fff;}
.btnStyle1:hover img{filter: brightness(0) invert(1);}
.loadBtn img{animation: rot 3s ease-in-out infinite;}
.loadBtn .loading{width: 1rem;height: 0.66rem;display: flex;align-items: center;justify-content: space-between;margin-left: 0.5rem;overflow: hidden;width: 0;margin-left: 0;}
.loadBtn .loading i{background-color: #F0D08F;height: 100%;width: 2px;display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.loadBtn .loading i:nth-child(2){animation-delay: -1.1s;}
.loadBtn .loading i:nth-child(3){animation-delay: -1.0s;}
.loadBtn .loading i:nth-child(4){animation-delay: -0.9s;}
.loadBtn .loading i:nth-child(5){animation-delay: -0.8s;}
@keyframes stretchdelay {
    0%, 40%, 100% {
      transform: scaleY(0.4);
    }  20% {
      transform: scaleY(1.0);
    }
}
.loadBtn.pause .loading i{animation-play-state:paused;}
.loadBtn:hover .loading i{background: #fff;}
.loadBtn.show .loading{width: 1rem;margin-left: 0.5rem;}
.loadBtn.disable{pointer-events: none;}
@keyframes rot {to {transform: rotate(360deg);}}


/* works */
.works .list{margin-bottom:2.66rem;column-gap: 1.33rem;column-count: 3;}
.works .list li{margin-bottom: 1.33rem;}
.works .list .wrap{display: block;position: relative;overflow: hidden;break-inside: avoid;}
.works .list .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-image: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.40) 100%);}
.works .list .wrap .pic{width: 100%;}
.works .list .wrap .text{position: absolute;left: 0;bottom: 0.86rem;z-index: 3;width: 100%;box-sizing: border-box;color: #fff;padding: 0 1rem;}
.works .list .wrap .text .info{margin-top: 0.33rem;display: flex;flex-wrap: wrap;}
.works .list .wrap .text .info span{margin-right: 0.6rem;}
.works .list .wrap .text .info span:last-child{margin-right: 0;}
.works .list .wrap:hover{box-shadow: 0 0 0.66rem rgba(0,0,0,0.2);}
.works .list .wrap:hover .pic{transform: scale(1.05);}


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

}

@media screen and (max-width: 1480px){
.bread{line-height: 3rem;}
.bread ul{padding-left: 1rem;}

.passage .psgTitle .info span{margin-right: 1rem;}


.works .list{column-gap: 0.8rem;}
.works .list li{margin-bottom: 0.8rem;}
}

@media screen and (max-width: 1200px){
.header .nav{display: none;}
.header .menuIcon{display: block;}

.newsList .list .ul .text .desc{margin: 0.3rem 0 0.8rem;}

.bread ul{display: none;}
.bread ul li{margin-left: 1rem;}
}


@media screen and (max-width: 1024px){
.filter .select dt,
.filter .text,
.filter .subm{line-height: 1.6rem;padding: 0 0.6rem;}
.filter .text{width: 45%;}
.filter .subm{background-size: auto 0.5rem;padding: 0 0 0 2rem;}
}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;}
.header .logo img{height: 1.6rem;}
.banner .wrap{padding-bottom: calc(100vh - 2.2rem - 4rem);}
.banner .wrap.wap{display: block;}
.banner .wrap.pc{display: none;}
.banner.pcBanner{display: none;}
.banner.wapBanner{display: block;}

.footer,
.nyPage .footer{padding: 0.5rem 0;line-height: 1rem;}
.footer span{display: block;margin: 0;}

.nyWrap{padding-bottom: 2rem;min-height: 450px;}

.bread{line-height: 2rem;margin-bottom: 1rem;}
.bread ul{display: none;}

/* .preview{display: none;} */
.preview .container{padding: 1rem 0;margin-top: -1rem;}
.preview .container .swiper-slide-next .pic{transform: translate(-6%, 0px) rotateY(0) scale(0.9);}
.preview .container .swiper-slide-prev .pic{transform: translate(6%, 0px) rotateY(0) scale(0.9);}
.preview .container .pic{margin-bottom: 0.4rem;}
.preview .container .title{padding: 0;line-height: 1.3;}



.previewWrap{display: block;}

.btnStyle .btn{width: 1.2rem;height: 1.2rem;margin: 0 0.3rem;}
.btnStyle .btn img{height: 0.15rem;}


.filter{display: block;margin-bottom: 1rem;zoom:1;}
.filter:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.filter .select{width: 100%;margin-bottom: 0.5rem;float: left;}
.filter .text{width: calc(100% - 4.2rem);box-sizing: border-box;float: left;}
.filter .subm{box-sizing: border-box;float: right;width: 4rem;background-position: 1rem center;padding-left: 1.8rem;}

.page .select,
.page .num,
.page span,
.page em{display: none;}
.page .num.on{display: block;}


.exhibit .list{width: 100%;}
.exhibit .list .ul{padding-bottom: 0;}
.exhibit .list .ul li{margin-bottom: 0.5rem;}
.exhibit .list .ul .text{padding: 0.3rem;}
.exhibit .list .ul .text .title{line-height: 0.8rem;height: 1.6rem;margin-bottom: 0.3rem;}

.recomBox{width: 100%;margin-top: 1rem;padding: 0.5rem;}
.recomBox .title{padding-bottom: 0.3rem;}

.hotNews ul li{padding: 0.5rem 0;}
.hotNews ul li .tit{margin-bottom: 0.3rem;}


.newsList .list{width: 100%;}
.newsList .list .ul{padding-bottom: 0;}
.newsList .list .ul li{margin-bottom: 0.5rem;}
.newsList .list .ul .wrap{padding: 0.5rem;}
.newsList .list .ul .pic{width: 38%;}
.newsList .list .ul .text{width: 60%;}
.newsList .list .ul .text .title,
.newsList .list .ul .text .desc{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: auto;max-height: none;}
.newsList .list .ul .text .desc{margin: 0.2rem 0 0.4rem;}

.passage{width: 100%;}
.passage .share{display: none;}
.passage .psgTitle{padding-bottom: 0.5rem;margin-bottom: 1rem;}
.passage .psgTitle .title{margin-bottom: 0.5rem;}
.passage .psgTitle .info span{margin-right: 0.5rem;}
.passage .psgCont .tit{margin-bottom: 1rem;}
.passage .psgBtm{margin-top: 1rem;padding-top: 1rem;}

.works .list{margin-bottom: 1rem;column-gap: 0.5rem;column-count: 2;}
.works .list li{margin-bottom: 0.5rem;}
.works .list .wrap .text{padding: 0 0.5rem;bottom: 0.5rem;}
.works .list .wrap .text .info{margin-top: 0.1rem;font-size: 12px;}
.works .list .wrap .text .info span{margin-right: 0.2rem;}
}

@media screen and (max-width: 468px){
/* .exhibit .list .ul li{width: 100%;} */
}