/***********************公共样式***********************/
html,body{width: 100%;}
body{background: url(2024cj_bg.jpg) no-repeat 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;}
.mt50{margin-top: 50px;}

/* 动画 */
@-webkit-keyframes go {
    0% {
         -webkit-transform: rotate(3deg);
         -webkit-transform-origin: top center;
         -moz-transform: rotate(3deg);
         -moz-transform-origin: top center;
         transform: rotate(3deg);
         transform-origin: top center;
     }
     100% {
     -webkit-transform: rotate(-3deg);
     -webkit-transform-origin: top center;
     -moz-transform: rotate(-3deg);
     -moz-transform-origin: top center;
     transform: rotate(-3deg);
     transform-origin: top center;
     }
 }
@-moz-keyframes go {
    0% {
        -webkit-transform: rotate(3deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(3deg);
        -moz-transform-origin: top center;
        transform: rotate(3deg);
        transform-origin: top center;
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-3deg);
        -moz-transform-origin: top center;
        transform: rotate(-3deg);
        transform-origin: top center;
    }
}
@-webkit-keyframes tu {
    0% {
         -webkit-transform: rotate(5deg);
         -webkit-transform-origin: bottom center;
         -moz-transform: rotate(5deg);
         -moz-transform-origin: bottom center;
         transform: rotate(5deg);
         transform-origin: bottom center;
     }
     100% {
     -webkit-transform: rotate(-5deg);
     -webkit-transform-origin: bottom center;
     -moz-transform: rotate(-5deg);
     -moz-transform-origin: bottom center;
     transform: rotate(-5deg);
     transform-origin: bottom center;
     }
 }
@-moz-keyframes tu {
    0% {
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: bottom center;
        -moz-transform: rotate(5deg);
        -moz-transform-origin: bottom center;
        transform: rotate(5deg);
        transform-origin: bottom center;
    }
    100% {
        -webkit-transform: rotate(-5deg);
        -webkit-transform-origin: bottom center;
        -moz-transform: rotate(-5deg);
        -moz-transform-origin: bottom center;
        transform: rotate(-5deg);
        transform-origin: bottom center;
    }
}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}

/* 头部 */
.header{width: 100%;height: 1160px;background: url(2024cj_head_bg.png) no-repeat;background-size: 100%;position: relative;overflow: hidden;}
.header .ztTit{width: 47%;height: auto; position: absolute;top:190px;left: 50%;margin-left: -24%;animation:zoomIn 2s 1 ease-out;-webkit-animation:zoomIn 2s 1 ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.header .ztTit img{width: 100%; height: auto;}
.header .tag{font-size:20px;color:#fff;position: absolute;bottom: 330px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.header .icon1{display: block; width: 107px;position: absolute;left: 380px;bottom: 400px;}
.header .icon2{display: block; width: 144px;position: absolute;right: 455px;top: 195px;}
.header .icon3{display: block; width: 195px;position: absolute;right: 14%;bottom: 23%;-webkit-animation: tu 1s ease-in-out alternate infinite;-moz-animation: tu 1s ease-in-out alternate infinite;animation: tu 1s ease-in-out alternate infinite;}
/* 烟花 */
.yh1{width: 185px;position: absolute;left: 60px;top: 60px;}
.yh2{width: 168px;position: absolute;right:380px;top: 10px;}
.yh3{width: 185px;position: absolute;left: 200px;top: 225px;}
.yh4{width: 168px;position: absolute;right: 200px;top: 245px;}
.yh5{width: 138px;position: absolute;left: 180px;top: 20px;}
.yh6{width: 138px;position: absolute;right: 180px;top: 20px;}
.yh7{width: 138px;position: absolute;left: 32%;top: 2%;}
.yh8{width: 138px;position: absolute;right: 30%;top: 10%;}
.yh9{width: 138px;position: absolute;left: 280px;bottom: 380px;}
.yh10{width: 138px;position: absolute;right: 460px;bottom: 380px;}
.yh11{width: 138px;position: absolute;left: 380px;bottom: 560px;}
.yh12{width: 138px;position: absolute;right: 260px;bottom: 540px;}
.yh13{width: 138px;position: absolute;left: 560px;bottom: 320px;}
.yh7,.yh8,.yh9,.yh13{animation:fireworksfn4 5s infinite;-webkit-animation:fireworksfn4 5s infinite;-moz-animation:fireworksfn4 5s infinite;-ms-animation:fireworksfn4 5s infinite;-o-animation:fireworksfn4 5s infinite;}
.yh5,.yh6,.yh10{animation:fireworksfn4 3s infinite;-webkit-animation:fireworksfn4 4s infinite;-moz-animation:fireworksfn4 4s infinite;-ms-animation:fireworksfn4 4s infinite;-o-animation:fireworksfn4 4s infinite;}
.yh1,.yh2,.yh11{animation:fireworksfn4 2s infinite;-webkit-animation:fireworksfn4 2s infinite;-moz-animation:fireworksfn4 2s infinite;-ms-animation:fireworksfn4 2s infinite;-o-animation:fireworksfn4 2s infinite;}
.yh3,.yh4,.yh12{animation:fireworksfn4 3s infinite;-webkit-animation:fireworksfn4 3s infinite;-moz-animation:fireworksfn4 3s infinite;-ms-animation:fireworksfn4 3s infinite;-o-animation:fireworksfn4 3s infinite;}
@-webkit-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@-moz-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@-o-keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes fireworksfn4{0%,55%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
}

.title{width: 100%;height: 50px;line-height:50px;;margin: 0 auto 30px;text-align:center;background: url(2024cj_icon_title_bg.png) no-repeat;background-size: 100% 100%;}
.title a{font-size:22px;color:#ffedcb;font-weight:bold}
.conBox{background: #ffedcb;padding: 80px 60px 96px;position: relative;}
.conBox .mainT,.conBox .mainB{display: block; width: 1290px;height: 35px;position: absolute;max-width: initial;}
.conBox .mainT{left: -47px;top: 0;}
.conBox .mainB{left: -47px;bottom: 0;}
.conBox .mainL{display: none; width: 88px;height: 228px;position: absolute;left: -36px;top: 16px;-webkit-animation: go 1s ease-in-out alternate infinite;-moz-animation: go 1s ease-in-out alternate infinite;animation: go 1s ease-in-out alternate infinite;}
.conBox .mainR{display: none; width: 76px;height: 188px;position: absolute;right: -36px;top: 26px;-webkit-animation: go 1s ease-in-out alternate infinite;-moz-animation: go 1s ease-in-out alternate infinite;animation: go 1s ease-in-out alternate infinite;}


/* 节日动态 */
.zxWrap{padding-top:10px;position: relative;z-index: 2;}
.zxSwiperWrap{width: 808px;height: 526px;background: url(2024cj_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: #d21e22;}
.zxListWrap{width: 1000px;margin: 0 auto;}
.zxListWrap .more{display: block;font-size: 14px;color: #888;margin-bottom: 5px;}
.zxListWrap .more:hover{color: #d21e22;}
.zxListWrap ul{position: relative;width: 100%;}
.zxListWrap ul::before{content: '';display: block;width: 4px;height: 120px;background: #d21e22;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: #d21e22;}
.zxListWrap ul li span{float: right;font-size: 14px;color: #888;}

/* 我在新时代文明实践中心过大年 */
.xsdWrap .title{background: url(2024cj_icon_title_bg1.png) no-repeat;background-size: 100% 100%;}
.xsdMain{position: relative;}
.xsdMain .swiper-container {padding-bottom: 50px;}
.xsdMain .swiper-slide{width: 550px;background: #fff;box-shadow: 0 8px 30px #ddd;}
.xsdMain .swiper-slide a{display: block;width: 100%;height: 312px;position: relative;}
.xsdMain .swiper-slide a .img{width: 100%;height: 100%;}
.xsdMain .swiper-slide a .img img{width: 100%;height: 100%;}
.xsdMain .swiper-slide p {line-height: 35px;padding-top: 0;text-align: center;color: #636363;font-size: 16px;margin: 0;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;}
.xsdMain .swiper-button-prev {left: 0;width: 45px;height: 45px;}
.xsdMain .swiper-button-next {right: 0;width: 45px;height: 45px;}
.xsdMain .swiper-button-next.nextCom, .swiper-button-prev.prevCom{width: 40px;height: 40px;margin-top:-20px;}
.xsdMain .swiper-button-next.nextCom:focus, .swiper-button-prev.prevCom:focus{outline: 0;}
.xsdMain .swiper-button-prev.prevCom{left: 10px;background: url(2024cj_arrowl.png) no-repeat;background-size: 100% 100%;}
.xsdMain .swiper-button-next.nextCom{right:10px;background: url(2024cj_arrowr.png) no-repeat;background-size: 100% 100%;}

/* 新春走基层 */
.jcWrap .jcList a{display: block;width: 100%;}
.jcWrap .jcList a .img{width: 100%;height: 240px;overflow: hidden;}
.jcWrap .jcList a .img img{width: 100%;height: 100%;}
.jcWrap .jcList a p{padding: 0 10px;line-height: 40px;font-size: 16px;color: #333;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.jcWrap .jcList a p:hover{color: #d21e22;}

/* 新春拜年 */
.bnMain ul{margin: 0 -8px;}
.bnMain ul li{float: left;width: 33.33%;padding: 0 8px;}
.bnMain ul li a{display: block;width: 100%;}
.bnMain ul li a .img{width: 100%;height: 220px;position: relative;}
.bnMain ul li a .img img{width: 100%;height: 100%;}
.bnMain ul li a .img i{display: block;width: 30px;height: 30px;background: url(2024cj_icon_play.png) no-repeat center;background-size: 100% 100%;position: absolute;bottom: 10px;left: 10px;}
.bnMain ul li a p{padding: 0 10px;line-height: 40px;font-size: 16px;color: #333;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.bnMain ul li a p:hover{color: #d21e22;}

/* 底部 */
.footer{text-align: center;padding: 80px 0 100px;background: url(2024cj_bottom_bg.png) no-repeat;background-position: bottom center;}
.footer p{font-size: 16px;color: #fff;line-height: 1.8;}

@media only screen and (max-width: 1680px){
	.header{height: 1020px;}
	.header .ztTit{top:180px;}
	.header .tag{bottom: 295px;}
	.header .icon1{width: 80px;left: 270px;bottom: 425px;}
	.header .icon2{width: 100px;right: 400px;top: 180px;}
}
@media only screen and (max-width: 1600px){
	.header{height: 940px;}
	.header .icon3{bottom: 19%;right: 12%;}
}
@media only screen and (max-width: 1500px){
	.header{height: 890px;}
	.header .ztTit{top:170px;}
	.header .tag{bottom: 230px;}
	.header .icon1{left: 280px;bottom: 350px;}
	.header .icon3{width: 170px;}
}
@media only screen and (max-width: 1440px){
	.header{height: 855px;}
	.header .tag{bottom: 215px;}
	.header .icon2{right: 350px;top: 145px;}
}
@media only screen and (max-width: 1366px){
	.header{height: 800px;}
	.header .ztTit{top:140px;}
	.header .icon1{left: 260px;bottom: 320px;}
	.header .icon2{right: 340px;top: 130px;}
	.header .icon3{width: 160px;}
	.conBox{margin-top: 50px;}
	.yh3,.yh4,.yh5,.yh13{display: none;}
	.yh9 {left: 190px;bottom: 301px;}
	.yh10 {right: 300px;bottom: 300px;}
}
@media only screen and (max-width: 1280px){
	.header{height: 760px;}
	.yh9,.yh10{bottom: 270px;}
	.header .tag{bottom: 200px;}
	.header .icon1{bottom: 300px;}
	.header .icon2{right: 305px;}
	.w{width: 1000px;}
	.conBox .mainT, .conBox .mainB{width: 1094px;}
	.mt50{margin-top: 40px;}
	.title{margin: 0 auto 25px;height: 40px;line-height: 40px;}
	.title a{font-size: 20px;}
	.xsdMain .swiper-container{padding-bottom: 40px;}
	.xsdMain .swiper-slide{width: 500px;}
	.jcWrap .jcList a .img{height: 120px;}
	.bnMain ul li a .img{height: 180px;}
	
	.zxSwiperWrap{width: 600px;height: 393px;padding: 50px 41px 54px 33px;}
	.zxListWrap{width: 88%;}
	.zxListWrap ul li{width: 46%;}
	.zxListWrap ul li a{width: 60%;}
	.jcWrap .jcList a .img{height: 190px;}
}
@media only screen and (max-width: 1220px){
	.header{height: 730px;}
	.yh2,.yh8,.yh11{display: none;}
	.yh9{left: 240px;}
	.yh12{top: 0;right: 340px;}
	.w{width: 920px;}
	.header .ztTit {top: 120px;}
	.header .icon1{left: 220px;}
	.header .icon2{top: 110px;}
	.header .icon3{width: 150px;}
	.conBox{padding: 60px 40px 90px;margin-top: 20px;}
	.conBox .mainT, .conBox .mainB{width: 1010px;}
	.mt50{margin-top: 30px;}
	.xsdMain .swiper-container{padding-bottom: 30px;}
	.xsdMain .swiper-button-next.nextCom{right: 0;}
	.xsdMain .swiper-button-prev.prevCom{left: 0;}
	.footer{padding: 60px 0 110px;}
}
@media screen and (max-width: 1200px){
	.header .tag{font-size: 18px;}
}
@media only screen and (max-width: 1100px){
	.w{width: 880px;}
	.header{height: 650px;}
	.header .tag{bottom: 172px;}
	.header .icon1{bottom: 240px;}
	.header .icon2{right: 260px;}
	.header .icon3{width: 130px;}
	.yh10{right: 215px;}
	.yh12{display: none;}
	.yh9, .yh10{bottom: 210px;}
	.xsdMain .swiper-slide{width: 480px;}
	.xsdMain .swiper-slide a{height: 280px;}
	.conBox .mainT, .conBox .mainB{width: 972px;}
	.jcWrap .jcList a .img{height: 110px;}
	.bnMain ul li a .img{height: 160px;}
	.jcWrap .jcList a p,.bnMain ul li a p{line-height: 30px;}
	.footer{padding: 50px 0 80px;}
	.footer p{font-size: 14px;}
	.jcWrap .jcList a .img{height: 170px;}
}
@media screen and (max-width: 1024px){
	.header .ztTit{top:100px;}
	.header .tag{bottom: 215px;}
}
@media only screen and (max-width: 992px){
	.w{width: 650px;}
	.header{height: 590px;}
	.header .tag{bottom: 165px;}
	.header .icon1{left: 180px;bottom: 220px;}
	.header .icon2{right: 230px;top: 100px;}
	.yh7{left: 24%;}
	.yh9{left: 170px;}
	.yh10{right: 190px;bottom: 195px;}
	.conBox .mainT, .conBox .mainB{width: 740px;}
	.xsdMain .swiper-slide{width: 390px;}
	.bnMain ul li{width: 50%;}
	.bnMain ul li:nth-child(n + 3){display: none;}
	.title{margin: 0 auto 10px;height: 30px;line-height: 30px;}
	.title,.xsdWrap .title{background: none;}
	.title a{color: #d21e22;}
}
@media only screen and (max-width: 900px){
	.header{height: 535px;}
	.header .icon1{left: 150px;bottom: 200px;}
	.header .icon2{right: 200px;width: 70px;}
	.header .icon3{width: 100px;}
	.header .ztTit{top: 80px;}
}
@media only screen and (max-width: 800px){
	.header{height: 485px;}
	.header .icon2{top: 70px;}
}
@media only screen and (max-width: 767px){
	.header{height: 230px;}
	.header .ztTit{top:35px;}
	.header .tag{bottom: 68px;font-size: 12px;}
	.header .icon1,.header .icon2{width: 45px;}
	.header .icon1{left: 15%;bottom: 40%;}
	.header .icon2{top: 15%;right: 20%;}
	.header .icon3{width: 45px;bottom: 23%;right: 11%;}
	.yh1{display: none;}
	.yh6{top: 50%;}
	.yh7{left: 85%;}
	.w{width: 96%;}
	.conBox{padding: 20px 10px;}
	.conBox .mainT, .conBox .mainB,.conBox .mainR,.conBox .mainL{display: none;}
	.title a{font-size: 18px;}
	.mt50{margin-top: 15px;}
	.xsdMain .swiper-slide a{height: 220px;}
	.jcWrap .jcList a .img{height: 95px;}
	.bnMain ul{margin: 0 -5px;}
	.bnMain ul li{padding: 0 5px;}
	.bnMain ul li a .img{height: 140px;}
	
	.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;}
	
	.jcWrap .jcList a .img{height: 165px;}
}