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

/* 七夕简介 */
.qxjjWrap{margin-top:65px;width: 100%;background: url(js_bg.png) no-repeat;background-size:100% 100%;padding: 45px 125px;font-size: 32px;color: #7b3f94;line-height: 1.5;font-family: serif;font-weight: bold;}

/* 七夕资讯 */
.ywTitle{font-size: 22px;font-weight: bold;border-bottom:1px solid #b3b3b3;padding-bottom:6px;}
.ywTitle .titleBig{color: #e33737;}
.ywTitle .titleMore{margin-top:10px;font-size:14px;color: #666;display: inline-block;vertical-align: middle;width: 42px;text-align: right;font-weight: normal;}
.newsLeftWrap{position: relative;}
.newsLeftWrap .newsLeftMore{width: 60px;line-height:40px;height: 40px;letter-spacing:2px;background: #e33737;position: absolute;bottom: 0;right: 0;text-align: center;font-size: 16px;color: #fff;z-index: 9;}
.newsLeftWrap{width: 710px;height: 465px;}
.newsLeft,.newsLeft .swiper-wrapper{width: 100%;height: 100%;}
.newsLeft>.swiper-pagination-bullets.pager1{width: auto;padding: 0 10px 0 0;left: auto;right: 0;}
.newsLeft .pager1 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s;}
.newsLeft .pager1 .swiper-pagination-bullet-active{background: #e33737;}
.newsLeft .swiper-button-next.newsLeftNext, .newsLeft .swiper-button-prev.newsLeftPrev{width: 30px;height: 60px;background: url(2023qxblack_LR.png) no-repeat 0 0;transition: all ease .4s;opacity: 0.7;}
.newsLeft .swiper-button-next.newsLeftNext:hover, .newsLeft .swiper-button-prev.newsLeftPrev:hover{opacity: 0.9;}
.newsLeft .swiper-button-prev.newsLeftPrev{left: -30px;}
.newsLeft .swiper-button-next.newsLeftNext{right: -30px;background-position: 100% 0;}
.newsLeft:hover .swiper-button-prev.newsLeftPrev{left: 0;}
.newsLeft:hover .swiper-button-next.newsLeftNext{right: 0;}
.newsLeft .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.newsLeft .swiper-slide a .img,.newsLeft .swiper-slide a .img img{width: 100%;height: 100%;}
.newsLeft .swiper-slide a .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;background: rgba(0,0,0,0.5);line-height: 40px;padding-left: 10px;}
.newsLeft .swiper-slide a .text p{width:70%;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsRight{width:460px;padding: 8px 10px 0 0;}
.newsRight .newsList,.newsRight .newsList li{width: 100%;}
.newsRight .newsList li:nth-child(5n + 1){border-top: 1px solid #b3b3b3;padding-top: 10px;}
.newsRight .newsList li:first-child{border-top: none;}
.newsRight .newsList li a{display:block;width: 100%;line-height: 40px;font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.newsRight .newsList li:nth-child(5n + 1) a{font-size:20px;color: #0f65ae;font-weight: bold;}
.newsRight .newsList li a:hover{color: #f60;}

/* 七夕习俗 */
.customWrap{height: 1150px;}
.customWrap .title{margin-bottom: 0;}
.customMain{width: 100%;position: relative;}
.customMain .xsCon{width: 700px;height: 700px;background: url(xs_bg.png) no-repeat center;background-size: 100% 100%;margin: 0 auto;}
.customMain .xsCon .xsItem{transition:.4s;display:none;width: 100%;height: 100%;padding: 150px 150px 150px 180px;color: #fff;}
.customMain .xsCon .xsItem.active{display: flex;}
.customMain .xsCon .xsItem h3{font-size: 36px;letter-spacing: 5px;margin-bottom: 18px;}
.customMain .xsCon .xsItem p{font-size: 18px;letter-spacing: 3px;line-height: 1.8;text-indent: 41px;}
.customMain .xsBtn .btn{transition:.4s;cursor:pointer;width: 200px;height: 200px;position: absolute;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.customMain .xsBtn .btn:nth-child(1){background: url(xs_icon1.png);top: 0;left: 70px;}
.customMain .xsBtn .btn:nth-child(2){background: url(xs_icon2.png);top: 270px;left: 0;}
.customMain .xsBtn .btn:nth-child(3){background: url(xs_icon3.png);top: 530px;left: 90px;}
.customMain .xsBtn .btn:nth-child(4){background: url(xs_icon4.png);top: 710px;left: 330px;}
.customMain .xsBtn .btn:nth-child(5){background: url(xs_icon5.png);top: 710px;right: 330px;}
.customMain .xsBtn .btn:nth-child(6){background: url(xs_icon6.png);top: 530px;right: 90px;}
.customMain .xsBtn .btn:nth-child(7){background: url(xs_icon7.png);top: 270px;right: 0;}
.customMain .xsBtn .btn:nth-child(8){background: url(xs_icon8.png);top: 0;right: 70px;}
.customMain .xsBtn .btn:nth-child(1).active{background: url(xs_icon1_on.png);}
.customMain .xsBtn .btn:nth-child(2).active{background: url(xs_icon2_on.png);}
.customMain .xsBtn .btn:nth-child(3).active{background: url(xs_icon3_on.png);}
.customMain .xsBtn .btn:nth-child(4).active{background: url(xs_icon4_on.png);}
.customMain .xsBtn .btn:nth-child(5).active{background: url(xs_icon5_on.png);}
.customMain .xsBtn .btn:nth-child(6).active{background: url(xs_icon6_on.png);}
.customMain .xsBtn .btn:nth-child(7).active{background: url(xs_icon7_on.png);}
.customMain .xsBtn .btn:nth-child(8).active{background: url(xs_icon8_on.png);}

/* 七夕别称 */
.bcWrap .title{margin-bottom: 0;}
.bcMain ul{margin: 0 -25px;}
.bcMain ul li{float: left;width: 25%;padding: 20px 25px;}
.bcMain ul li .img{width: 100%;}
.bcMain ul li .img img{width: 100%;}

/* 七夕诗词 */
.scWrap{padding-bottom: 100px;position: relative;width: 100%;}
.scWrap .scList{width: 100%;height: 490px;background: url(sc_bg.png) no-repeat;background-size: 100% 100%;}
.scWrap	 .scList ul{width: 100%;height: 100%;padding: 100px 252px 62px;}
.scWrap .scList ul li{height: 100%;position: relative;}
.scWrap .scList ul li::before{content: '';display: block;width: 3px;height: 100%;position: absolute;left: -21px;top: 0;background: url(sc_line.png) no-repeat center top;background-size: 100% 100%;}
.scWrap .scList ul li:first-child::before{display: none;}
.scWrap .scList ul li a{display: block;width: 100%;height: 100%;position: static;}
.scWrap .scList ul li a img{width: 100%;height: 100%;}
.scIcon img{position: absolute;bottom: 50px;width: 460px;}
.scIcon img:first-child{left: 0;}
.scIcon img:last-child{right: 0;}
/* 底部 */
.footer{width: 100%;text-align: center;padding: 260px 0 50px;line-height: 2;font-size: 16px;color: #666;}
@media only screen and (max-width: 1620px){
	.scIcon img{width: 420px;}
}
@media only screen and (max-width: 1550px){
	.scIcon img{width: 380px;}
}
@media only screen and (max-width: 1480px){
	.scIcon img{width: 320px;bottom: 150px;}
}
@media only screen and (max-width: 1366px){
	.scIcon img{width: 280px;bottom: 180px;}
}
@media only screen and (max-width: 1280px){
	.scIcon img{width: 240px;}
	.footer{padding: 50px 0;}
}
@media only screen and (max-width: 1220px){
	.w{width: 920px;}
	.title{width: 550px;margin: 40px auto 20px;}
	.ywTitle{font-size: 20px;}
	.newsLeftWrap{width: 535px;height: 350px;}
	.newsLeft .swiper-slide a .text p{width: 65%;}
	.newsLeft .swiper-button-next.newsLeftNext{right: 0;}
	.newsLeft .swiper-button-prev.newsLeftPrev{left: 0;}
	.newsRight{width: 365px;}
	.newsRight .newsList li a{font-size: 16px;line-height: 30px;}
	.newsRight .newsList li:nth-child(5n + 1){padding-top: 6px;}
	.newsRight .newsList li:nth-child(5n + 1) a{font-size: 18px;}
	.qxjjWrap{font-size: 24px;padding: 45px 90px;margin-top: 50px;}
	.customWrap{height: 900px;}
	.customMain .xsCon{width: 580px;height: 580px;}
	.customMain .xsCon .xsItem{padding: 130px 120px 130px 130px;}
	.customMain .xsCon .xsItem h3{font-size: 28px;letter-spacing: 2px;margin-bottom: 10px;}
	.customMain .xsCon .xsItem p{line-height: 1.6;letter-spacing:0;text-indent: 32px;}
	.customMain .xsBtn .btn{width: 140px;height: 140px;background-size: 100% 100% !important;}
	.customMain .xsBtn .btn:nth-child(2){top: 210px;}
	.customMain .xsBtn .btn:nth-child(3){top: 415px;left: 50px;}
	.customMain .xsBtn .btn:nth-child(4){top: 580px;left: 250px;}
	.customMain .xsBtn .btn:nth-child(5){top: 580px;right: 250px;}
	.customMain .xsBtn .btn:nth-child(6){top: 415px;right: 55px;}
	.customMain .xsBtn .btn:nth-child(7){top: 210px;}
	.scWrap .scList{height: 400px;}
	.scWrap .scList ul{padding: 60px 100px 50px;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.title{width: 420px;}
	.ywTitle{font-size: 18px;padding-bottom: 0;}
	.newsLeftWrap{width: 450px;height: 320px;}
	.newsLeftWrap .newsLeftMore{width: 45px;height:30px;line-height:30px;letter-spacing: 0;}
	.newsLeft>.swiper-pagination-bullets.pager1{bottom: 6px;}
	.newsLeft .swiper-slide a .text{height: 30px;line-height: 30px;}
	.newsLeft .swiper-slide a .text p{font-size: 14px;}
	.newsRight{width: 255px;padding: 0;}
	.newsRight .newsList li a{font-size: 14px;line-height: 28px;}
	.newsRight .newsList li:nth-child(5n + 1) a{font-size: 16px;}
	.qxjjWrap{padding: 30px 60px;font-size: 18px;}
	.customWrap{height: 700px;}
	.customMain .xsCon{width: 460px;height: 460px;}
	.customMain .xsCon .xsItem{padding: 100px 80px 100px 90px;}
	.customMain .xsCon .xsItem h3{font-size: 26px;letter-spacing: 0;margin-bottom: 5px;}
	.customMain .xsCon .xsItem p{font-size: 16px;line-height: 1.4;text-indent: 32px;}
	.customMain .xsBtn .btn{width: 100px;height: 100px;background-size: 100% 100% !important;}
	.customMain .xsBtn .btn:nth-child(2){top: 170px;}
	.customMain .xsBtn .btn:nth-child(3){top: 340px;left: 50px;}
	.customMain .xsBtn .btn:nth-child(4){top: 465px;left: 210px;}
	.customMain .xsBtn .btn:nth-child(5){top: 465px;right: 220px;}
	.customMain .xsBtn .btn:nth-child(6){top: 340px;right: 55px;}
	.customMain .xsBtn .btn:nth-child(7){top: 170px;}
	.bcMain ul{margin: 0 -6px;}
	.bcMain ul li{padding: 10px 6px;}
	.scWrap .scList{height: 320px;}
	.scWrap .scList ul{padding: 40px 100px;}
	.scWrap .scList ul li::before{left: -10px;}
	.scIcon img{bottom: 120px;width: 225px;}
	.footer{line-height: 1.6;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.title{width: 90%;margin: 25px auto 10px;}
	.ywTitle{height: 40px;line-height:40px;}
	.ywTitle .titleMore{margin-top: 5px;}
	.newsLeftWrap{width: 100%;height: 210px;margin-top: 0;}
	.newsLeftWrap .newsLeftMore{width: 40px;}
	.newsLeft .swiper-slide a .text{padding-left: 5px;}
	.newsLeft .swiper-slide a .text p{width: 55%;}
	.newsRight{width: 100%;margin-top: 5px;}
	.newsRight .newsList li:nth-child(n + 6){display: none;}
	.newsRight .newsList li a{line-height: 28px;font-size: 14px;line-height: 32px;}
	.qxjjWrap{margin-top: 30px;padding: 20px 30px;font-size: 14px;line-height: 1.6;font-family: initial;}
	.customWrap{height: auto;}
	.customMain .xsBtn{display: flex;flex-wrap: wrap;}
	.customMain .xsBtn .btn{position: initial;width: 70px;height: 70px;margin: 6px;flex-grow: 1;}
	.customMain .xsCon{width: 100%;background: #fcf0dc;border-radius: 10px;height: auto;margin-top: 15px;}
	.customMain .xsCon .xsItem{padding: 0 30px;color: #f04a54;padding: 20px 25px 25px 25px;}
	.customMain .xsCon .xsItem h3{margin-bottom: 10px;font-size: 22px;}
	.customMain .xsCon .xsItem p{line-height: 1.8;}
	.bcMain ul li{width: 50%;}
	.scWrap{padding-bottom: 20px;}
	.scIcon img{display: none;}
	.scWrap .scList{height: 220px;}
	.scWrap .scList ul{padding: 35px 30px;}
	.scWrap .scList ul li:nth-child(n + 9){display: none;}
	.footer{padding: 30px 0;font-size: 14px;}
	
}