/***********************公共样式***********************/
html,body{width: fit-content;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* 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;}

/***********************首页***********************/
.banner{width: 100%;}
.banner img{width: 100%;}
.mainWrap{width: 100%;background: linear-gradient(to bottom, #d6f3df 40%, #6bcda4)}
.title{width: 400px;margin:60px auto 40px;}
.title img{width: 100%;}
.htTitle{width: 300px;}

/* 节日动态 */
.zxWrap{padding-top:10px;position: relative;z-index: 2;}
.zxSwiperWrap{width: 760px;height: 440px;margin: 0 auto;background: #fff;padding: 8px;border: 2px dashed #eaeaea;}
.zxSwiperWrap .zxSwiper{width: 100%;height: 100%;}
.zxSwiperWrap .zxSwiper a{display: block;width: 100%;height: 100%;position: relative;}
.zxSwiperWrap .zxSwiper a .img,.zxSwiperWrap .zxSwiper a .img img{width: 100%;height: 100%;}
.zxSwiperWrap .zxSwiper a p{line-height: 40px;background: rgba(40,40,40,0.6);width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fff;padding:0 150px 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zxSwiperWrap .zxSwiper>.swiper-pagination-bullets{width: auto;padding: 0 20px 0 0;left: auto;right: 0;}
.zxSwiperWrap .zxSwiper .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s;}
.zxSwiperWrap .zxSwiper .swiper-pagination-bullet-active{background: #358758;}
.zxListWrap{width: 1080px;margin: 0 auto;}
.zxListWrap .more{display: block;font-size: 14px;color: #888;margin-bottom: 5px;}
.zxListWrap .more:hover{color: #358758;}
.zxListWrap ul{position: relative;width: 100%;}
.zxListWrap ul::before{content: '';display: block;width: 4px;height: 120px;background: #358758;position: absolute;top: 50%;left: 50%;margin-left: -2px;margin-top: -60px;}
.zxListWrap ul li{width: 42%;}
.zxListWrap ul li:nth-child(odd){float: left;}
.zxListWrap ul li:nth-child(even){float: right;}
.zxListWrap ul li a,.zxListWrap ul li span{display: block;font-size: 16px;color: #666;line-height: 50px;}
.zxListWrap ul li a{float: left;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.zxListWrap ul li a:hover{color: #358758;}
.zxListWrap ul li span{float: right;font-size: 14px;color: #888;}

/* 节日起源 */
.originMain{width: 1080px;height: 500px;padding: 85px;background: url(2025dw_qy_bg.jpg) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.originMain p{font-size: 18px;text-indent: 2em;line-height: 2.2;color: #8c8c8c;}

/* 节日民俗 */
.xsTit{margin: 60px auto 10px;}
.xsMain{position: relative;width: 1220px;margin: 0 auto;}
.xsMain .xsHead{text-align: center;}
.xsMain .xsHead .xsHeadItem{display: inline-block;width: 404px;padding: 30px 0;}
.xsMain .xsHeadItem a{display: inline-block;width: 100%;text-align: center;cursor: default;}
.xsMain .xsHeadItem a .img{position:relative;cursor:pointer;width: 220px;height: 220px;border-radius: 50%;font-size:50px;line-height:220px;text-align:center;color: #187191;overflow: hidden;margin: 0 auto;background:linear-gradient(-45deg,#7abccb,#cbe5ea);}
.xsMain .xsHeadItem a .img img{width: 100%;height: 100%;transition: all .4s;}
.xsMain .xsHeadItem a .img:hover img{transform: scale(1.2);}
.xsMain .xsHeadItem a .img .filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);font-size: 18px;color: #fff;letter-spacing: 1px;opacity: 0;transition: all .4s;}
.xsMain .xsHeadItem a .img:hover .filter{opacity: 1;}
.xsMain .xsBody {display:none;position: absolute;top: 50%;left:50%;width: 620px;height: 340px;margin-left: -310px;margin-top: -170px;}
.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:25px;background:#fff url(2025dw_ly_bg.png) no-repeat center;background-size: cover;overflow: hidden;}
.xsMain .xsBody .xsBodyItem.active{opacity: 1;}
.xsMain .xsBody .xsBodyItem .tit{margin: 0 auto;:;width: 160px;padding: 5px 0;font-size: 22px;color: #fff;letter-spacing:2px;border-radius:6px;margin-bottom: 20px;text-align: center;background: #43965c;}
.xsMain .xsBody .xsBodyItem .txt .img{float: left;width: 220px;height: 220px;border-radius: 10px;overflow: hidden;}
.xsMain .xsBody .xsBodyItem .txt .img img{width: 100%;height: 100%;}
.xsMain .xsBody .xsBodyItem .txt p{width:calc(100% - 240px);float: right;font-size: 16px;color: #333;line-height: 2;text-indent: 32px;}

/* 节日诗篇 */
.spMain{width: 1080px;height: 410px;background: url(2025dw_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: #358758;}
.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: #358758;}
.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{width: 100%;padding: 60px 0;text-align: center;}
.footer p{font-size: 14px;color: #fff;line-height: 2;}

@media only screen and (max-width: 1220px){
	.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 screen and (max-width: 768px) {
	html, body{width: 100%;}
	.w{width: 100%;padding: 0 10px;}
	.mainWrap{padding-bottom: 40px;}
	.banner{width: 100%;}
	.title{width: 65%;margin:30px auto 20px;}
	.title img{width: 100%;}
	.htTitle{width: 50%;}
	
	.zxWrap{padding-top: 1px;}
	.zxSwiperWrap,.zxListWrap,.originMain,.xsMain,.spMain{width: 100%;}
	.zxSwiperWrap{background: transparent;padding: 0;height: 210px;}
	.zxSwiperWrap .zxSwiper a p{line-height: 36px;padding: 0 130px 0 10px;}
	.zxSwiperWrap .zxSwiper>.swiper-pagination-bullets{padding: 0 10px 0 0;}
	.zxListWrap ul::before{display: none;}
	.zxListWrap ul li{width: 100%;}
	.zxListWrap ul li a{width: 66%;}
	.zxListWrap ul li a, .zxListWrap ul li span{line-height: 36px;}
	.zxListWrap .more{margin: 10px 0 2px;}
	
	.originMain{padding: 20px;background: #fff;height: auto;}
	.originMain p{font-size: 16px;line-height: 1.6;}
	
	.xsMain .xsHead .xsHeadItem{width: 32%;padding: 10px 0;}
	.xsMain .xsHeadItem a .img{width: 90px;height: 90px;line-height: 90px;font-size: 24px;}
	.xsMain .xsBody{width: 300px;margin-left: -150px;height: 200px;margin-top: -100px;}
	.xsMain .xsBody .xsBodyItem .txt .img{display: none;}
	.xsMain .xsBody .xsBodyItem{padding: 13px 10px 0;}
	.xsMain .xsBody .xsBodyItem .tit{margin-bottom: 10px;font-size: 18px;padding: 3px 0;width: 130px;font-weight: normal;}
	.xsMain .xsBody .xsBodyItem .txt p{width: 100%;line-height: 1.4;font-size: 14px;}
	
	.spMain{background: #fff;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;}
	
	.topics{display:none;background: #fff;padding: 0;}
	.WB_widget{width: 100% !important;}
	.wapEx{display:block;width: 96%;margin: 0 auto;}
	.wapEx a{display: block;background: #fff;border-radius: 8px;padding: 20px 0;}
	.wapEx a p{text-align: center;font-size: 16px;color: #00977E;}
	.wapEx a .img{width: 190px;margin: 10px auto;}
	.wapEx a .img img{width: 100%;}
	
	.footer{padding: 30px 20px;}
	.footer p{line-height: 1.6;}
	
	
}