/***********************公共样式***********************/
html,body{width: 100%;}
body{background: url(2025cj_bg.jpg) no-repeat center;background-size: cover;}
.w{width: 1200px;margin: 0 auto;}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.mt50{margin-top: 50px;}

/* 烟花 */
.yh1{width: 185px;position: absolute;left: 60px;top: 60px;}
.yh2{width: 168px;position: absolute;right:380px;top: 10px;}
.yh3{width: 185px;position: absolute;left: 200px;top: 225px;}
.yh4{width: 168px;position: absolute;right: 200px;top: 245px;}
.yh5{width: 138px;position: absolute;left: 180px;top: 20px;}
.yh6{width: 138px;position: absolute;right: 180px;top: 20px;}
.yh7{width: 138px;position: absolute;left: 32%;top: 2%;}
.yh8{width: 138px;position: absolute;right: 30%;top: 10%;}
.yh9{width: 138px;position: absolute;left: 335px;bottom: 166px;}
.yh10{width: 138px;position: absolute;right: 460px;bottom: 380px;}
.yh11{width: 138px;position: absolute;left: 380px;bottom: 560px;}
.yh12{width: 138px;position: absolute;right: 370px;bottom: 170px;}
.yh13{width: 138px;position: absolute;left: 560px;bottom: 320px;}
.yh7,.yh8,.yh9,.yh13{animation:fireworksfn4 5s infinite;-webkit-animation:fireworksfn4 5s infinite;-moz-animation:fireworksfn4 5s infinite;-ms-animation:fireworksfn4 5s infinite;-o-animation:fireworksfn4 5s infinite;}
.yh5,.yh6,.yh10{animation:fireworksfn4 3s infinite;-webkit-animation:fireworksfn4 4s infinite;-moz-animation:fireworksfn4 4s infinite;-ms-animation:fireworksfn4 4s infinite;-o-animation:fireworksfn4 4s infinite;}
.yh1,.yh2,.yh11{animation:fireworksfn4 2s infinite;-webkit-animation:fireworksfn4 2s infinite;-moz-animation:fireworksfn4 2s infinite;-ms-animation:fireworksfn4 2s infinite;-o-animation:fireworksfn4 2s infinite;}
.yh3,.yh4,.yh12{animation:fireworksfn4 3s infinite;-webkit-animation:fireworksfn4 3s infinite;-moz-animation:fireworksfn4 3s infinite;-ms-animation:fireworksfn4 3s infinite;-o-animation:fireworksfn4 3s infinite;}
@-webkit-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@-moz-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@-o-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}

/* banner */
.header{width: 100%;position: relative;}
.header .tag{font-size:20px;color:#f6d4b2;position: absolute;bottom: 200px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.banner{width: 100%;}
.banner img{width: 100%;}

.title{width: 522px;margin:60px auto 50px;}
.title img{width: 100%;}

/* 节日动态 */
.dtMain{background: #fffff7;padding: 20px;}
.dtMain .newsL{width: 600px;height: 365px;}
.dtMain .newsL .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.dtMain .newsL .swiper-slide a img{width: 100%;height: 100%;}
.dtMain .newsL .swiper-slide a .txt{width: 100%;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;}
.dtMain .newsL .swiper-slide a .txt p{font-size: 18px;color: #fff;line-height: 45px;width: 66%;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dtMain .newsL .swiper-pagination{width: auto;left: auto;right: 8px;bottom: 14px;}
.dtMain .newsL .swiper-pagination-bullet{background: #fff;opacity: 1;}
.dtMain .newsL .swiper-pagination-bullet-active{background: #c7261c;opacity: 1;}
.dtMain .newsR{width: calc(100% - 620px);}
.dtMain .newsR ul li{position: relative;padding-left: 20px;}
.dtMain .newsR ul li::before{content: '';position: absolute;left: 5px;top: 50%;width: 5px;height: 5px;background-color: #333;border-radius: 5px;margin-top: -2.5px;}
.dtMain .newsR ul li a{line-height: 48px;font-size: 16px;color:#333;float: left;display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dtMain .newsR ul li:hover::before{background: #c7261c;}
.dtMain .newsR ul li:hover a{color: #c7261c;}
.dtMain .newsR .more{width: 100%;margin-top: 8px;text-align: center;}
.dtMain .newsR .more a{font-size: 16px;color: #999;text-align: center;}
.dtMain .newsR .more a:hover{color: #c7261c;}

/* 年画展示 */
.nhWrap .nhSwiper{width: 100%;border-radius: 20px;}
.nhWrap .nhSwiper .swiper-slide{width: 300px;}
.nhWrap .nhSwiper .swiper-slide a{display: flex;width: 100%;height: 430px;justify-content: center;align-items: center;}
.nhWrap .nhSwiper .swiper-slide a img{width: 100%;height: 100%;}
.nhWrap .swiper-button-next, .swiper-button-prev{width: 28px;height: 44px;}
.nhWrap .nhSwiper .swiper-button-next{background: url(2025cj_arrowr.png) no-repeat;background-size: 100% 100%;}
.nhWrap .nhSwiper .swiper-button-prev{background: url(2025cj_arrowl.png) no-repeat;background-size: 100% 100%;}
.nhWrap .nhMore{text-align: center;margin-top: 15px;}
.nhWrap .nhMore a{font-size: 18px;color: #fbf2d2;}
.nhWrap .nhMore a:hover{color: #ffe697;}

/* 节日习俗 */
.xsMain{position: relative;}
.xsMain .xsHead{text-align: center;}
.xsMain .xsHead .xsHeadItem{display: inline-block;width: 390px;padding: 30px 0;}
.xsMain .xsHeadItem a{display: inline-block;width: 100%;text-align: center;}
.xsMain .xsHeadItem a .img1{width: 220px;height: 220px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.xsMain .xsHeadItem a .img1 img{width: 100%;height: 100%;}
.xsMain .xsHeadItem a .img2{width: 170px;margin: 12px auto 0;}
.xsMain .xsHeadItem a .img2 img{width: 100%;}
.xsMain .xsBody {display:none;position: absolute;top: 50%;left:50%;width: 660px;height: 320px;margin-left: -330px;margin-top: -160px;}
.xsMain .xsBody .close{position: absolute;top: 10px;right: 10px;z-index: 99;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.xsMain .xsBody .xsBodyMain{width: 100%;height: 100%;}
.xsMain .xsBody .xsBodyItem{position:absolute;:top:0;left:0;opacity:0;width: 100%;height: 100%;padding:32px;background: url(2025cj_xsbj.jpg) no-repeat center;background-size: cover;border-radius: 20px;overflow: hidden;}
.xsMain .xsBody .xsBodyItem.active{opacity: 1;}
.xsMain .xsBody .xsBodyItem .img{width: 340px;height: 340px;}
.xsMain .xsBody .xsBodyItem .img img{width: 100%;height: 100%;}
.xsMain .xsBody .xsBodyItem .tit{font-size: 22px;color: #333;font-weight: bold;margin-bottom: 15px;text-align: center;}
.xsMain .xsBody .xsBodyItem .txt{font-size: 18px;color: #333;line-height: 1.8;text-indent: 36px;}

/* 节日诗篇 */
.spMain{height: 490px;background: url(2025cj_scbj.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.spMain .spL{width: calc(100% - 450px);height: 100%;}
.spMain .spL{padding: 120px 40px 50px 100px;}
.spMain .spL a{display: block;font-size: 24px;color: #333;writing-mode: vertical-lr;padding-top: 20px;position: relative;}
.spMain .spL a:hover{color: #c7261c;}
.spMain .spL a::before{content: '';display: block;width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;top: 0;left: 50%;margin-left: -2px;transition: all .4s;}
.spMain .spL a:hover::before,.spMain .spL a.active::before{background: #c7261c;}
.spMain .spR{position: relative;width: 440px;height: 100%;}
.spMain .spR .spItem{width:100%;color: #1c1c1c;opacity:0;text-align:center;position: absolute;top: 110px;left: 45%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transition: all .4s;}
.spMain .spR .spItem.active{opacity: 1;}
.spMain .spR .spItem h3{font-size: 28px;}
.spMain .spR .spItem h4{font-size: 14px;margin: 20px auto 30px;}
.spMain .spR .spItem p{font-size: 18px;line-height: 2;}

/* 底部 */
.footer{width: 100%;padding: 60px 0;text-align: center;}
.footer p{font-size: 16px;color: #fff;line-height: 2;}

/* 列表页 */
.nhList{margin: 40px 0 60px;}
.nhList ul{margin: 0 -12px;}
.nhList ul li{float: left;width: 25%;padding: 0 12px;margin-bottom: 30px;}
.nhList ul li .imgWrap{width: 100%;border: 1px solid #eee;}
.nhList ul li .imgWrap .img{width: 100%;height: 398px;display: flex;justify-content: center;align-items: center;}
.nhList ul li .imgWrap .img img{width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.nhList ul li .imgWrap .tit{display:block;font-size: 16px;color: #333;text-align:center;line-height: 32px;padding: 5px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.nhList ul li .imgWrap .tit:hover{color: #d02837;}
.pages{text-align: center;margin: 45px 0 60px;}
.pages *{font-size: 14px;color: #666;}
.pages span,.pages a{display: inline-block;background: #eee;padding: 2px 8px;border-radius: 5px;margin: 0 2px;}
.pages span.action_num{background: #e33737;color: #fff;}
.pages span a{padding: 0;margin: 0;}
.pages input{border: 1px solid #ccc;text-align: center;}

@media screen and (max-width: 1680px){
	.header .tag{bottom: 180px;}
}
@media screen and (max-width: 1440px){
	.header .tag{bottom: 150px;}
}
@media screen and (max-width: 1366px){
	.header .tag{bottom: 135px;}
	
	.yh3,.yh4,.yh5,.yh13{display: none;}
	.yh2 {right: 515px;top: 98px;}
	.yh9 {left: 280px;bottom: 155px;}
	.yh10 {right: 330px;bottom: 160px;}
	.yh11 {left: 330px;bottom: 160px;}
	.yh12 {right: 330px;bottom: 160px;}
}
@media screen and (max-width: 1280px){
	.yh10{display: none;}
	
}
@media screen and (max-width: 1220px){
	.w{width: 920px;}
	
	.header .tag{bottom: 120px;font-size: 18px;}
	
	.yh2,.yh9{display: none;}
	.yh6{right: -30px;top: 20px;}
	
	.title{width: 450px;margin: 50px auto 40px;}
	
	.dtMain .newsL{width: 460px;height: 310px;}
	.dtMain .newsR {width: calc(100% - 480px);}
	.dtMain .newsR ul li a{line-height: 40px;}
	.dtMain .newsR .more a{font-size: 14px;}
	
	.nhWrap .nhMore a{font-size: 16px;}
	
	.xsMain .xsHead .xsHeadItem{width: 300px;padding: 20px 0;}
	.xsMain .xsHeadItem a .img1{width: 200px;height: 200px;}
	.xsMain .xsHeadItem a .img2{width: 130px;}
	.xsMain .xsBody{width: 560px;height: 300px;margin-top: -150px;margin-left: -280px;}
	.xsMain .xsBody .xsBodyItem .txt{font-size: 16px;text-indent: 32px;}
	.xsMain .xsBody .xsBodyItem .tit img{width: 140px;}
	
	.spMain{height: 410px;}
	.spMain .spL{padding: 90px 20px 45px 80px;width: calc(100% - 390px);}
	.spMain .spL a{font-size: 22px;}
	.spMain .spR{width: 380px;}
	.spMain .spR .spItem{top: 88px;}
	.spMain .spR .spItem h3{font-size: 22px;}
	.spMain .spR .spItem h4{margin: 10px auto 15px;}
	.spMain .spR .spItem p{font-size: 16px;}
	
	.nhList ul{margin: 0 -5px;}
	.nhList ul li{padding:0 5px;margin-bottom: 15px;}
	.nhList ul li .imgWrap .img{height: 315px;}
}
@media screen and (max-width: 992px){
	.w{width: 720px;}
	.header .tag{bottom: 90px;font-size: 16px;}
	
	.yh12{display: none;}
	.yh11 {left: 210px;bottom: 28px;}
	
	.title{width: 368px;margin: 60px auto 30px;}
	
	.dtMain .newsL{width: 360px;height: 240px;}
	.dtMain .newsL .swiper-slide a .txt p{font-size: 16px;line-height: 36px;}
	.dtMain .newsL .swiper-pagination{bottom: 10px;}
	.dtMain .newsR ul li a{line-height: 30px;}
	.dtMain .newsR {width: calc(100% - 370px);}
	
	.nhWrap .nhSwiper .swiper-slide{width: 270px;}
	.nhWrap .nhSwiper .swiper-slide a{height: 360px;}
	
	.xsMain .xsHead .xsHeadItem{width: 230px;}
	.xsMain .xsHeadItem a .img1{width: 180px;height: 180px;}
	.xsMain .xsHeadItem a .img2{width: 120px;}
	.xsMain .xsBody{width: 500px;height: 260px;margin-top: -130px; margin-left: -250px;}
	.xsMain .xsBody .xsBodyItem{padding: 20px;}
	.xsMain .xsBody .xsBodyItem .tit{margin-bottom: 10px;}
	.xsMain .xsBody .xsBodyItem .txt{line-height: 1.6;}
	
	.spMain{height: 350px;}
	.spMain .spL {padding: 71px 20px 45px 80px;}
	.spMain .spL a{padding-top: 15px;}
	.spMain .spL a:nth-child(n + 8){display: none;}
	.spMain .spR .spItem{top: 65px;}
	
	.footer{padding: 40px 0;}
	
	.nhList ul li .imgWrap .tit{font-size: 14px;padding: 2px 8px;}
	.nhList ul li .imgWrap .img{height: 242px;}
}
@media screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.header .tag{bottom: 30px;font-size: 12px;color: #fff;}
	
	.yh1,.yh8{display: none;}
	.yh7{left: -50px;top: 50px;}
	.yh6{right: -60px;top: 20px;}
	.yh11{left: 122px;bottom: 80px;}
	
	.title{width: 80%;margin: 30px auto 18px;}
	
	.dtMain{padding: 10px;}
	.dtMain .newsL,.dtMain .newsR{width: 100%;}
	.dtMain .newsL{height: 224px;}
	.dtMain .newsR{margin-top: 15px;}
	.dtMain .newsR ul li a{line-height: 36px;}
	
	.xsMain .xsHead .xsHeadItem{width: 45%;padding: 10px 0;}
	.xsMain .xsHeadItem a .img1{width: 130px;height: 130px;}
	.xsMain .xsHeadItem a .img2{width: 100px;margin: 8px auto 0;}
	.xsMain .xsBody{width: 280px;height: 380px;margin-left: -140px;margin-top: -190px;}
	.xsMain .xsBody .close{top: 5px;right: 5px;}
	.xsMain .xsBody .xsBodyItem{padding: 15px 10px 10px;}
	.xsMain .xsBody .xsBodyItem .tit{margin-bottom: 8px;}
	.xsMain .xsBody .xsBodyItem .tit img{width: 110px;}
	
	.spMain{background: #fffff7;height: 440px;border-radius: 10px;}
	.spMain .spL, .spMain .spR{width: 100%;}
	.spMain .spL{padding: 20px;height: auto;}
	.spMain .spL a{font-size: 18px;padding-top: 12px;}
	.spMain .spR{height: 220px;}
	.spMain .spR .spItem{width: 100%;top: 10px;left: 50%;}
	.spMain .spR .spItem h3{font-size: 22px;}
	.spMain .spR .spItem h4{margin: 8px auto;}
	
	.footer p{font-size: 14px;line-height: 1.6;}
	
	.nhList{margin:20px auto 40px;}
	.nhList ul li{width: 50%;margin-bottom: 10px;}
	
	.pages{margin: 20px 0 35px;}
	.pages span, .pages a{margin: 3px;}
}