/***********************公共样式***********************/
html,body{width: 100%;}
body{background: url(2024zq_body_bg.jpg) no-repeat top center;background-size: cover;}
.w{width: 1200px;margin: 0 auto;}
.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;}

/***********************首页***********************/
.header{width: 100%;}
.header img{width: 100%;}
.title{width: 424px;height: 126px;margin: 0 auto 30px;}
.title img{width: 100%;}

.mainWrap{position: relative;}


/* 节日动态 */
.zxWrap{padding-top:1px;position: relative;z-index: 2;}
.zxSwiperWrap{width: 808px;height: 526px;background: url(2024zq_img_border.png) no-repeat;background-size: 100%;padding: 58px 48px 65px 41px;margin: 0 auto;}
.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: #cd621e;}
.zxListWrap{width: 1000px;margin: 0 auto;}
.zxListWrap .more{display: block;font-size: 14px;color: #666;margin-bottom: 5px;}
.zxListWrap .more:hover{color: #cd621e;}
.zxListWrap ul{position: relative;width: 100%;}
.zxListWrap ul::before{content: '';display: block;width: 4px;height: 120px;background: #cd621e;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: #333;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: #f14500;}
.zxListWrap ul li span{float: right;font-size: 14px;color: #666;}

/* 节日起源 */
.origin{padding-top: 60px;}
.originMain{width: 1080px;height: 500px;background: url(2024zq_qy_bg.jpg) no-repeat;background-size: 100% 100%;margin: 0 auto;position: relative;}
.originMain .tit{position: absolute;left: 100px;top: 80px;width: 36px;font-size: 30px;line-height: 42px;font-weight: bold;}
.originMain .tit a{color: #6c6c6c;display: block;}
.originMain .tit a:hover{color: #cd621e;}
.originMain .article{position: absolute;left: 280px;top: 66px;width: 620px;font-size: 20px;text-indent: 2em;line-height: 52px;}
.originMain .article a{color: #8c8c8c;display: block;}
.originMain .article a:hover{color: #cd621e;}


/* 节日民俗 */
.csWrap{padding-top: 60px;}
.msMainList{position: relative;width: 1080px;margin: 0 auto;background: #fff;overflow: hidden;padding: 30px 30px 30px 20px;box-shadow: 0 0 5px #8c8c8c;-webkit-box-shadow: 0 0 5px #8c8c8c;-o-box-shadow: 0 0 5px #8c8c8c;-moz-box-shadow: 0 0 5px #8c8c8c;}
.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: 400px; overflow: hidden; }
.foucebox .bd h3 { font: bold 30px/300% "Microsoft YaHei", SimSun, SimHei; text-align: left;}
.foucebox .bd p { color: #666; text-align: left; text-indent: 2em; line-height: 24px; font-size: 16px;}
.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 30px; overflow: hidden; line-height: 12px; }
.foucebox .hd li p{font-size: 14px;}
.foucebox .hd img:hover { border: #bb1c04 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;}

/* 节日诗篇 */
.spWrap{margin-bottom: 80px;padding-top: 60px;}
.spWrap .title{margin-bottom: 40px;}
.spMain{width: 1100px;margin:0 auto;height: 515px;background: url(2024zq_sp_bg.png) no-repeat;background-size: 100% 100%;}
.spMain .spL,.spMain .spR{width: 50%;height: 100%;}
.spMain .spL{padding: 100px 115px 50px;}
.spMain .spL a{display: block;font-size: 24px;color: #333;writing-mode: tb;padding-top: 20px;position: relative;}
.spMain .spL a::before{content: '';display: block;width: 8px;height: 8px;background: transparent;border-radius: 50%;position: absolute;top: 0;left: 50%;margin-left: -4px;transition: all .4s;}
.spMain .spL a:hover::before,.spMain .spL a.active::before{background: #f4261b;}
.spMain .spR{position: relative;}
.spMain .spR .spItem{color: #1c1c1c;opacity:0;text-align:center;position: absolute;top: 80px;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: 16px;line-height: 2;}


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


@media screen and (max-width: 1680px) {
	.gxWrap{padding: 120px 0;}
	.gxWrap .img1{width: 620px;}
	.gxWrap .img2{width: 630px;}
}
@media screen and (max-width: 1440px) {
	.gxWrap .img2{width: 610px;}
}
@media screen and (max-width: 1366px) {
	.w{width: 1000px;}
	.title{width: 330px;height:110px;margin: 0 auto 0;}
	.comWrap{width: 630px;}
	.comWrap .txt p{line-height: 2.1;}
	.gxWrap{padding: 80px 0;}
	.gxWrap .img1{width: 560px;}
	.gxWrap .img2{width: 570px;}
	.yyWrap{margin-bottom: 40px;}
	.spMain{height: 420px;}
	.spWrap{margin-bottom: 40px;}
	.spWrap .title{margin-bottom: 15px;}
	.spMain .spL{padding: 70px 88px 0;}
	.spMain .spL a{font-size: 20px;}
	.spMain .spR .spItem{top: 50px;}
	.spMain .spR .spItem h3{font-size: 24px;}
	.spMain .spR .spItem h4{margin: 15px auto 20px;}
	.spMain .spR .spItem p{line-height: 1.8;}
	.zqlzWrap .title{margin: 0 auto 15px;}
	.zqlzMain{height: 200px;}
	.footer{padding: 40px;}
	.footer p{line-height: 1.8;}
}
@media screen and (max-width: 1280px) {
	.title{width: 300px;}
	.gxWrap .img1{width: 525px;}
	.gxWrap .img2{width: 500px;}
	.spWrap .title,.zqlzWrap .title{margin: 0 auto;}
}
@media screen and (max-width: 1200px) {
	.w{width: 720px;}
	.comWrap{width: 480px;}
	.comWrap .txt p{font-size: 14px;line-height: 1.8;}
	.spMain .spL{padding: 70px 45px 0;}
	.spMain .spL a{font-size: 18px;}
	.spMain .spR .spItem h3{font-size: 18px;font-weight: bold;}
	.spMain .spR .spItem{width: 100%;}
	.zqlzMain{height: 160px;}
}
@media screen and (max-width: 992px) {
	.comWrap{width: 360px;}
}
@media screen and (max-width: 767px) {
	.w{width: 94%;}
	.title{width: 245px;height: 85px;}
	
	.zxWrap{padding-top: 1px;}
	.zxSwiperWrap,.zxListWrap,.originMain,.csMain,.htImg{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{height: 330px;}
	.originMain .tit{left: 20px;font-size: 22px;line-height: 28px;top: 45px;}
	.originMain .article{width: calc(100% - 80px);left: 65px;top:28px;font-size: 16px;line-height: 1.5;}
	
	.msMainList,.spMain{width: 100%;}
	.siteWidth,.foucebox .bd,.foucebox .bd ul{width: 100%!important;}
	.foucebox{height: 730px;}
	.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 .leftTxt{width: 100%;padding: 0 0 10px;}
	.foucebox .bd h3,.foucebox .bd p{margin: 0;}
	.foucebox .bd h3{line-height: 40px;font-size: 18px;}
	.foucebox .hd{top: 540px;}
	.foucebox .hd ul{padding: 10px 0 10px;}
	.foucebox .hd li{margin: 0;width: 33.33%;text-align: center;}
	.foucebox .hd img{display: inline-block;vertical-align: top;}
	
	.origin,.csWrap,.spWrap{padding-top: 30px;}
	
	.gxWrap{padding: 30px 0;}
	.yyWrap{margin-bottom: 30px;}
	.comWrap{width: 96%;margin: 0 auto;float: none;}
	.gxWrap .title{float: none!important;}
	.gxWrap .img{width: 100%!important;}
	.gxWrap .img img{opacity: 0.4;}
	.gxWrap .img1{top: 95px;}
	.spWrap{margin-bottom: 10px;}
	.spMain{height: 348px;margin-bottom: 10px;overflow: hidden;}
	.spMain .spL,.spMain .spR{width: 100%;height: auto;}
	.spMain .spL{display: block;padding: 15px 30px 0;}
	.spMain .spL a:nth-child(3),.spMain .spL a:nth-child(8){display: none;}
	.spMain .spL a{writing-mode: initial;padding-top: 0;padding-left: 10px;margin-bottom: 5px;font-size: 16px;}
	.spMain .spL a::before {content: '';width: 4px;height: 4px;top: 50%;left: 0;margin-top: -4px;margin-left: 0;}
	.spMain .spR .spItem{top: 0;width: 90%;left: 50%;}
	.spMain .spR .spItem h4{margin: 4px auto;}
	.spMain .spR .spItem p{line-height: 1.5;}
	.zqlzMain{height: 140px;}
	.footer{padding: 20px 6px;margin-top: 8px;}
	.footer p{line-height: 1.6;}
}


.unitedImg{margin-top: 20px;}
.unitedImg .UFH{height: 40px;border-bottom: 1px solid #808080;}
.unitedImg .UFH .UEFL a{display:block;float:left;line-height: 39px;font-size: 16px;font-weight: bold;margin-right: 10px;}
.unitedImg .UFH .UEFL a.on{color: #015293;border-bottom: 1px solid #015293;}
.unitedImg .UFH .more{padding-right: 10px;color: #015293;font-size: 16px;font-weight: bold;}
.unitedImg .UFB{width: 100%;margin-top: 22px;overflow: hidden;}
.unitedImg .UFB .UFBItem{width: 100%;}
.unitedImg .UFB .UFBItem .tempWrap{width: 100%!important;}
.unitedImg .UFB .UFBItem ul{margin: 0 -10px 0;}
.unitedImg .UFB .UFBItem ul li{width: 25%;padding: 0 10px;float: left;}
.unitedImg .UFB .UFBItem a{display: block;width: 100%;}
.unitedImg .UFB .UFBItem a:hover .text{color: #015DB6;}
.unitedImg .UFB .UFBItem a .img{width: 100%;height: 200px;}
.unitedImg .UFB .UFBItem a .img img{width: 100%;height: 100%;}
.unitedImg .UFB .UFBItem a .text{width: 100%;height: 35px;line-height: 35px;background: #f3f3f3;text-align: center;font-size: 15px;color: #333;transition: all ease .4s;overflow: hidden;}
.unitedImg .UFB .UFBItem a .text{width: 100%;line-height: 35px;background: #f3f3f3;text-align: center;font-size: 15px;color: #333;transition: all ease .4s;}