html,body{width: 100%;}
body{background: url(2025yx_bg.jpg) no-repeat center;background-size: cover;}
/* 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;}

.w{width: 1200px;margin: 0 auto;}
.mb60{margin-bottom: 60px;}

/* banner */
.banner{width: 100%;}
.banner img{width: 100%;}

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


/* 节日动态 */
.news .newsL{width: 650px;height: 375px;}
.news .newsL .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.news .newsL .swiper-slide a img{width: 100%;height: 100%;}
.news .newsL .swiper-slide a .txt{width: 100%;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;}
.news .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;}
.news .newsL .swiper-pagination{width: auto;left: auto;right: 8px;bottom: 14px;}
.news .newsL .swiper-pagination-bullet{background: #fff;opacity: 1;}
.news .newsL .swiper-pagination-bullet-active{background: #f13915;opacity: 1;}
.news .newsR{width: calc(100% - 680px);}
.news .newsR ul li{line-height: 42px;border-bottom: 1px dashed #b9b18b;}
.news .newsR ul li:last-child{border-bottom: 0;}
.news .newsR ul li a{font-size: 16px;color: #333;display: block;width: calc(100% - 150px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.news .newsR ul li a:hover{color: #f13915;}
.news .newsR ul li span{font-size: 14px;color: #666;}
.news .newsR .more{width: 100%;margin-top: 8px;text-align: center;}
.news .newsR .more a{font-size: 16px;color: #999;text-align: center;}
.news .newsR .more a:hover{color: #f13915;}

/* 元宵节 */
.yxjTxt{height: 260px;font-size: 18px;line-height: 2;color: #333;text-indent: 36px; background: url(2025yx_ly_bg.png) no-repeat center top/100% 100%;padding: 40px 50px;}

/* 节日习俗 */
.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: 300px;margin-left: -330px;margin-top: -150px;}
.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(2025yx_xsbj.jpg) no-repeat center;border-radius:20px;background-size: cover;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: 410px;background: url(2025yx_sc_bg.jpg) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.spMain .spL{width: calc(100% - 450px);height: 100%;}
.spMain .spL{padding: 80px 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: #f13915;}
.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: #f13915;}
.spMain .spR{position: relative;width: 440px;height: 100%;}
.spMain .spR .spItem{width:100%;color: #1c1c1c;opacity:0;text-align:center;position: absolute;top: 70px;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{margin-top:20px;padding:30px 0 20px 0;}
.footer p{line-height:30px;font-size:16px;text-align:center;color: #333;}

@media only screen and (max-width: 1220px){
	.w{width: 920px;}
	.mb60{margin-bottom: 30px;}
	.title{width: 450px;margin: 50px auto 40px;}
	.news .newsL{width: 550px;height: 315px;}
	.news .newsL .swiper-slide a .txt p{line-height: 40px;font-size: 16px;}
	.news .newsR{width: calc(100% - 570px);}
	.news .newsR ul li{line-height: 38px;}
	.news .newsR .more a{font-size: 14px;}
	
	.yxjTxt{height: 335px;}
	
	.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: 360px;}
	.spMain .spL{padding: 70px 20px 45px 80px;width: calc(100% - 390px);}
	.spMain .spL a{font-size: 22px;}
	.spMain .spR{width: 380px;}
	.spMain .spR .spItem{top: 65px;}
	.spMain .spR .spItem h3{font-size: 22px;}
	.spMain .spR .spItem h4{margin: 10px auto 15px;}
	.spMain .spR .spItem p{font-size: 16px;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.title{width: 368px;margin: 60px auto 30px;}
	.news .newsL{width: 420px;height: 245px;}
	.news .newsL .swiper-slide a .txt p{line-height: 36px;}
	.news .newsR{width: calc(100% - 435px);}
	.news .newsR ul li:nth-child(n + 7){display: none;}
	.news .newsR ul li a{width: calc(100% - 110px);}

	.yxjTxt{font-size: 16px;text-indent: 32px;}

	.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: 320px;}
	.spMain .spL {padding: 60px 20px 45px 80px;}
	.spMain .spL a{padding-top: 15px;}
	.spMain .spL a:nth-child(n + 8){display: none;}
	.spMain .spR .spItem{top: 55px;}
}
@media only screen and (max-width: 767px){
	.w{width: 94%;margin: 0 3%;}
	.mb60{margin-bottom: 20px;}
	.title{width: 80%;margin: 30px auto 18px;}
	.news .newsL,.news .newsR{width: 100%;}
	.news .newsL{height: 205px;margin-bottom: 10px;}
	.news .newsR ul li{line-height: 40px;}
	
	.yxjTxt{padding: 22px 20px;line-height: 1.6;height: auto;background: transparent;border: 2px solid #94642a;border-radius: 20px;}
	
	.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: 350px;margin-left: -140px;margin-top: -170px;}
	.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{padding: 10px 0;}
	.footer p{font-size: 14px;line-height: 1.6;}
}