/***********************公共样式***********************/
html,body{width: 100%;}
.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;}

/***********************首页***********************/
/* banner */
.header{width: 100%;position: relative;}
.header img{width: 100%;}
.header p{font-size: 22px;color: #442915;position: absolute;bottom: 6%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.title{width: 388px;margin: 40px auto 0;}
.title img{width: 100%;}
.mainWrap{width: 100%;background:url(2025zq_bg.jpg) no-repeat;background-size: 100% 100%;background-position: center top;overflow: hidden;}

/* 七夕简介 */
.qxjjMain{margin:0 auto;background:url(2025zq_sc_bg.png) no-repeat;background-size:100% 100%;padding: 160px 180px 160px 240px;font-size: 18px;color: #8d2e04;line-height: 2.2;}
.qxjjMain p{text-indent: 36px;}

/* 节日动态 */
.dtMain{background: #f6e6d7;padding: 20px;border-radius: 8px;}
.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: 16px;color: #fff;line-height: 40px;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: #8d2e04;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: #8d2e04;}
.dtMain .newsR ul li:hover a{color: #8d2e04;}
.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: #8d2e04;}

/* 节日民俗 */
.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 .img1{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 .img1 img{width: 100%;height: 100%;transition: all .4s;}
.xsMain .xsHeadItem a .img1:hover img{transform: scale(1.2);}
.xsMain .xsHeadItem a .img1 .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 .img1:hover .filter{opacity: 1;}
.xsMain .xsHeadItem a .img2{width: 170px;margin: 0 auto;}
.xsMain .xsHeadItem a .img2 img{width: 100%;}
.xsMain .xsHeadItem a .txt{width: 140px;line-height: 40px;background: #ffb371;display: inline-block;vertical-align: middle;margin-top: 20px;border-radius: 10px;font-size: 16px;color: #fff;}
.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;overflow: hidden;border-radius: 8px;border: 4px solid #ffb371;}
.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: #ffb371;}
.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{height: 635px;background:url(2025zq_sc_bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.spMain .spL,.spMain .spR{width: 50%;height: 100%;}
.spMain .spL{padding: 180px 40px 180px 240px;}
.spMain .spL a{display: block;font-size: 24px;color: #8d2e04;writing-mode: vertical-lr;padding-top: 20px;position: relative;}
.spMain .spL a::before{content: '';display: block;width: 4px;height: 4px;background: #8d2e04;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: #b75e2b;}
.spMain .spL a:hover{color: #b75e2b;}
.spMain .spR{position: relative;}
.spMain .spR .spItem{width:350px;color: #8d2e04;opacity:0;text-align:center;position: absolute;top: 175px;left: 43%;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%;text-align: center;padding: 60px 0 50px;line-height: 1.8;font-size: 16px;color: #333;}

@media screen and (max-width: 1220px) {
	.w{width: 720px;}
	.title{width: 350px;margin: 20px auto 0;}
	
	.qxjjMain{font-size: 16px;line-height: 1.4;padding: 55px 40px 30px;}
	.qxjjMain p{text-indent: 32px;}
	
	.xsWrap .xsMain{width: 100%;}
	.xsMain .xsHead .xsHeadItem{width: 235px;padding: 15px 0;}
	.xsMain .xsHeadItem a .img1{width: 160px;height: 160px;}
	.xsMain .xsHeadItem a .img2{width: 140px;}
	.xsWrap{padding: 0;}
	.xsWrap .xsBg{width: 660px;}
	.xsWrap .xsItem{margin-bottom: 30px;}
	.xsWrap .xsItem .titSec{width: 230px;}
	.xsWrap .xsItem .txt{padding: 12px 15px;}
	.xsWrap .xsItem .img{width: 360px;margin-right: 15px;}
	.xsWrap .xsItem .txt p{font-size: 14px;line-height: 1.6;}
	
	.dtMain{padding: 10px;}
	.dtMain .newsL{width: 400px;height: 280px;}
	.dtMain .newsL .swiper-slide a .txt p{line-height: 36px;}
	.dtMain .newsR {width: calc(100% - 410px);}
	.dtMain .newsR ul li a{line-height: 36px;}
	.dtMain .newsR .more a{font-size: 14px;}
	
	.spMain{height: 380px;}
	.spMain .spL {padding: 80px 20px 40px 50px;}
	.spMain .spL a{font-size: 22px;}
	
	.footer{padding: 40px 0;}
}	
@media screen and (max-width: 992px){
	.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);}
}
@media screen and (max-width: 767px) {
	.w{width: 100%;padding: 0 15px;}
	.title{width: 245px;margin: 10px auto 0;}
	.header p{font-size: 16px;}
	.xsWrap .xsBg{width: 100%;}
	.xsWrap .xsItem .titSec{width: 160px;}
	.xsWrap .xsItem .img{display: none;}
	
	.qxjjMain{background: #fff;border-radius: 8px;padding: 15px;line-height: 2;}
	
	.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{width: 100%;}
	.xsMain .xsHead .xsHeadItem{width: 32%;padding: 10px 0;}
	.xsMain .xsHeadItem a .img1{width: 90px;height: 90px;line-height: 90px;font-size: 24px;}
	.xsMain .xsHeadItem a .img2{width: 90px;}
	.xsMain .xsHeadItem a .txt{width: 80px;line-height: 30px;font-size: 14px;margin-top: 10px;}
	.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: 15px;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: 30px 0;font-size: 14px;}
}