/***********************公共样式***********************/
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: url(2024dwj_bg.jpg) no-repeat;background-size: cover;padding-bottom: 60px;}
.title{width: 335px;margin:60px auto 40px;}
.title img{width: 100%;}
.htTitle{width: 300px;}

/* 节日动态 */
.zxWrap{padding-top:10px;position: relative;z-index: 2;}
.dtMain{width: 1080px;margin: 0 auto;}
.dtMain .newsL{width: 590px;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: 14px;color: #fff;line-height: 36px;width: 66%;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dtMain .newsL .swiper-pagination{width: auto;left: auto;right: 8px;}
.dtMain .newsL .swiper-pagination-bullet{background: #fff;opacity: 1;}
.dtMain .newsL .swiper-pagination-bullet-active{background: #679145;opacity: 1;}
.dtMain .newsR{width: calc(100% - 610px);}
.dtMain .newsR ul li{position: relative;padding-left: 20px;font-size: 16px;line-height: 48px;color: #999;}
.dtMain .newsR ul li::before{content: '';position: absolute;left: 5px;top: 50%;width: 5px;height: 5px;background-color: #679145;border-radius: 5px;margin-top: -2.5px;}
.dtMain .newsR ul li a{float: left;display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dtMain .newsR ul li a:hover{color: #679145;}
.dtMain .newsR .more{width: 100%;margin-top: 8px;}
.dtMain .newsR .more a{display: block;font-size: 16px;color: #666;text-align: center;}
.dtMain .newsR .more a:hover{color: #679145;}

/* 节日起源 */
.originMain{width: 1080px;height: 500px;background: #fff url(2024dwj_qy_bg.png) no-repeat;background-position:left bottom;background-size: 100% 100%;margin: 0 auto;box-shadow: 0 0 15px 2px #ccc;}
.originMain .article{width: 100%;font-size: 20px;text-indent: 2em;line-height: 52px;padding: 50px 100px 40px 220px;}
.originMain .article a{color: #666;display: block;}
.originMain .article a:hover{color: #679145;}

/* 节日诗词 */
.scMain{width: 1080px;padding:20px 20px 50px;margin: 0 auto;background: #fff url(2024dwj_sc_bg.png) no-repeat;background-position:left bottom;background-size: auto 100%;overflow: hidden;box-shadow: 0 0 15px 2px #ccc;}
.scMain ul{width: 580px;}
.scMain ul li{float: left;width: 33.33%;}
.scMain ul li a{display: block;width: 100%;line-height: 35px;font-size: 16px;padding-left: 15px;position: relative;transition: all .4s;}
.scMain ul li a:hover{color: #679145;}
.scMain ul li a::before{content: '';display: block;width: 6px;height: 6px;background: #679145;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}


/* 节日民俗 */
.msMainList{width: 1080px;margin: 0 auto;background: #fff url(2024dwj_xs_bg.png) no-repeat;background-position:left bottom;background-size: cover;overflow: hidden;padding: 30px 30px 30px 20px;box-shadow: 0 0 15px 2px #ccc;}
.btn { width: 100px; height: 38px; line-height: 38px; margin: 1px 1px 0 0; text-align: center; float: left; color: #FFF; background: #000; }
.foucebox { position: relative; width: 100%; height: 350px; overflow: hidden; }
.foucebox .bd { position: absolute; left: 0; top: 0; height: 500px; overflow: hidden; width: 100%;}
.foucebox .bd h3 { font: bold 30px/300% "Microsoft YaHei", SimSun, SimHei; text-align: left;color: #555;}
.foucebox .bd p { color: #666; text-align: left; text-indent: 2em; line-height: 32px; font-size: 18px;}
.foucebox .bd ul li a{float: right; width: 340px; height: 340px; border-radius: 5%;overflow: hidden;}
.foucebox .bd img {width: 100%;height: 100%;}
.foucebox .leftTxt { float: left; width: 680px; padding: 10px 20px 20px; }
.foucebox .hd { position: relative; height: 95px; top: 245px; }
.foucebox .hd ul {padding-top: 10px; text-align: center; }
.foucebox .hd li { position: relative; float: left; display: block; width: 70px; height: 95px; margin: 0 12px; overflow: hidden; line-height: 12px; }
.foucebox .hd li p{font-size: 14px;}
.foucebox .hd img:hover { border: #679145 solid 4px; cursor: pointer; opacity: 0.9; }
.foucebox .hd img { width: 60px; height: 60px; margin-bottom: 5px; border-radius: 50%; border: #444 solid 4px; opacity: 0.7; }
.foucebox .hoverBg { position: absolute; left: 32px; top: 3px; width: 71px; height: 41px; cursor: pointer; z-index: 2; }
.msMain{overflow: hidden;}
.msMainList{position: relative;}
.msMainList .right img{width: 350px;position: absolute;top: -50px;right: -50px;transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);}
.msMainList .right .img2{right: 60px;top: 0;}
.msMainList .right .img3{bottom: -10px;right: 10px;top: auto;}

/* 话题墙 */
.topics{background-size: 100% 100%;box-sizing: border-box;width: 1080px;margin: 0 auto;}
.museumListContWrap,.wapEx{display: none;}
.htImg{width: 1080px;margin: 0 auto;}
.htImg img{width: 100%;}

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

@media screen and (max-width: 768px) {
	html, body{width: 100%;}
	.mainWrap{padding-bottom: 40px;}
	.banner{width: 100%;}
	.title{width: 65%;margin:35px auto 20px;}
	.title img{width: 100%;}
	
	.zxWrap{padding-top: 1px;}
	.dtMain{width: 100%;padding: 0 15px;}
	.dtMain .newsL,.dtMain .newsR{width: 100%;}
	.dtMain .newsL{height: 200px;}
	.dtMain .newsR{margin-top: 10px;}
	.dtMain .newsR ul li{line-height: 35px;}
	
	
	
	.origin{width: 100%;padding: 0 15px;}
	.originMain{height: 380px;width: 100%;background-size:auto;}
	.originMain .article{width: 100%;font-size: 16px;line-height: 1.5;padding: 20px 20px 0 20px;}
	.originMain .article a{color: #333;line-height: 1.8;}
	
	
	.scWrap{width: 100%;padding: 0 15px;}
	.scMain{background-position: right bottom;}
	.scMain,.scMain ul{width: 100%;}
	.scMain ul li{width: 50%;}
	
	.msMain{padding: 0 15px;}
	.msMainList{padding: 15px 15px 5px 15px;}
	.msMainList,.spMain{width: 100%;box-sizing: border-box;margin: 0 auto;border-radius: 10px;}
	.msMainList .right,.spMain .right{display: none;}
	.siteWidth,.foucebox .bd,.foucebox .bd ul{width: 100%!important;}
	.foucebox{height: 730px;}
	.foucebox .hd li{height: 90px;}
	.foucebox .bd ul{height: 100%!important;}
	.foucebox .bd ul li{width: 100%;height: 100%;}
	.foucebox .bd ul li a{display: block;width: 100%;height: 300px;}
	.foucebox .bd ul li a img{border-radius: 5px;}
	.foucebox .bd{height: 100%;}
	.foucebox .bd p{line-height: 25px;font-size: 16px;}
	.foucebox .leftTxt{width: 100%;padding: 0 0 10px;}
	.foucebox .bd h3,.foucebox .bd p{margin: 0;}
	.foucebox .bd h3{line-height: 36px;font-size: 18px;}
	.foucebox .hd{top: 530px;}
	.foucebox .hd ul{padding: 10px 0 0;}
	.foucebox .hd li{margin: 0;width: 33.33%;text-align: center;}
	.foucebox .hd img{display: inline-block;vertical-align: top;}
	
	.scWrap{width: 100%;padding: 0 15px;}
	.htImg{width: calc(100% - 30px);}
	.topics{display:none;background: #fff;padding: 0;}
	.WB_widget{width: 100% !important;}
	.wapEx{display:block;width: 100%;padding: 0 15px;}
	.wapEx a{display: block;background: #fff;border-radius: 8px;padding: 20px 0;}
	.wapEx a p{text-align: center;font-size: 16px;color: #00977E;line-height: 1.6;}
	.wapEx a .img{width: 190px;margin: 10px auto;}
	.wapEx a .img img{width: 100%;}
	
	.footer{padding: 30px 20px;}
	.footer p{line-height: 1.6;}
	
	
}