.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.container{ width:1200px; max-width:1200px; margin:0 auto; clear:both; position:relative;}
.container2{ width:1030px; max-width:1030px; margin:0 auto; clear:both; position:relative;}
.space60{height: 60px; clear: both;}
.space70{height: 70px; clear: both;}
.fl{float: left;}
.fr{float: right;}
.sheader .csci{margin-top: 0;}

.zt_banner img{width: 100%; height: auto; display: block;}
.zt_nav{height: 84px; line-height: 84px; }
.zt_nav .container li{width: 16.667%; text-align: center; float: left;}
.zt_nav .container li a{color: #547b39; font-size: 24px; display: block;}

.ztwarp{background: url(2024ndwj_bg_r2_c1_s1.jpg) bottom center no-repeat #F8F9EB; background-size: 100%;}

.zt_title{margin-bottom: 50px; position: relative;}
.zt_title a{display: block;}
.zt_title img{display: block; margin: 0 auto;}
.zt_title .ztmore{position: absolute; top: 12px; right: 0; background: url(2023ncj_r17_c1_s1.png) right center no-repeat; padding-right:21px;}
.zt_title .ztmore a{color: #f22e2a;}


/*图标鼠标经过效果*/
.icon li{-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.icon li i{-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.icon li:hover i{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.icon li img{-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.icon li:hover img{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}

/*图片鼠标经过效果*/
.HoverImgbox{ overflow:hidden;}
.HoverImgbox img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.HoverImgbox img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.ztheader{position: relative;}
.ztheader img{display: block; width: 100%; height: auto;}

/******假日资讯 ******/
.zxzx_box{margin: 0 auto; background: #FFFCF9; box-shadow: 0 0 6px 0 #32764d;}
.zxzx_box_l{width: 48.8%;}
.zxzx_tpxw{width:100%; height:398px; overflow:hidden; position:relative;}
.zxzx_tpxw .hd{ height:15px; overflow:hidden; position:absolute; right:8px; bottom:16px; z-index:2;}
.zxzx_tpxw .hd ul{ overflow:hidden; zoom:1; text-align: center;}
.zxzx_tpxw .hd ul li{display: inline-block; margin:0 4px;  width:12px; height:12px;  border-radius:12px; background:#fff; cursor:pointer; text-indent:99999em;}
.zxzx_tpxw .hd ul li.on{background:#F1A22B; color:#fff; width: 30px; border: 2px #D3D3D3 solid;}
.zxzx_tpxw .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.zxzx_tpxw .bd ul{width:100%; height:100%;}
.zxzx_tpxw .bd ul li{position:relative; line-height:30px; height:398px;}
.zxzx_tpxw .bd li img{display:block; width:100%; height:398px;}
.zxzx_tpxw .bd li b{ display:block; position:absolute; width:100%; height:48px; bottom:0px;left:0;
background: linear-gradient(to right,  #6b9651 0%,#2b6b49 100%);  z-index:1;}
.zxzx_tpxw .bd li span{ display:block; position:absolute;width:80%;height:48px; bottom:0px;left:0; z-index:2; line-height:48px;}
.zxzx_tpxw .bd li span a{color:#FFF; display:block; padding:0 15px; position:relative; z-index:3; font-size:18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.zxzx_tpxw .bd li span a:hover{color:#fff;}
.zxzx_tpxw .prev,
.zxzx_tpxw .next{ position:absolute; left:0; top:50%; display:block; width:25px; height:100px; }
.zxzx_tpxw .next{ left:0; right:auto; background: url(2023ndwj_jrzx_prev.pnt) center no-repeat;}
.zxzx_tpxw .next{ left:auto; right:0; background: url(2023ndwj_jrzx_next.pnt) center no-repeat;}

.zxzx_box_r{width: 50%;}
.zxzx_list{padding: 10px 15px;}
.zxzx_list li{position:relative; padding-left: 22px; height:63px; line-height:63px; overflow:hidden; vertical-align:top; background: url(2024ndwj_r4_c14_s1.png) left center no-repeat;}
.zxzx_list li a{float:left; max-width:100%; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color: #333;}
.zxzx_list li a{color: #333;}
/****** 粽享端午 ******/
.zxdw_list ul{text-align: center;}
.zxdw_list li{width: 199px; height: 250px; background: url(2024ndwj_r9_c9_s1.png) top center no-repeat #fff; display: inline-block; text-align: center; background-size: 100%; margin: 0 48px;}
.zxdw_list li img{display: block; margin: 40px auto 20px;}
.zxdw_list li a{display: block; font-size: 24px; font-weight: bold;}
.zxdw_list li .text{text-align: center; color: #3E7653; display: block;}
.zxdw_list li img.icon-h{display: none;}
.zxdw_list li:hover{background: url(2024ndwj_r9_c2_s1.png) top center no-repeat #fff;}
.zxdw_list li:hover img.icon-l{display: none;}
.zxdw_list li:hover img.icon-h{display: block;}
.zxdw_list li:hover .text{color: #FD5F30; font-weight: bold;}


/****** 诗词中的端午 ******/
.sczdw_list li{width: 23%; display: inline-block; margin-right: 26px; box-shadow: 0 0 4px 0 #32764d; border-radius: 5px;}
.sczdw_list li img{display: block; width: 100%; height: auto;}
.sczdw_list li.last{margin-right: 0;}

/****** 端午习俗知多少 ******/
.dwxs .hd{width: 65%; float: right; padding-top: 3%;}
.dwxs .hd li{float: left; margin-left: 26px; width: 30%; margin-bottom: 40px;}
.dwxs .hd li .pic{border-radius: 10px; padding: 4px;}
.dwxs .hd li img{display: block; margin: 0 auto; border-radius: 10px; width: 100%; height: auto; box-shadow: 0 0 6px 0 #32764d; }
.dwxs .hd li span{display: block; line-height: 60px; text-align: center; font-size: 24px; color: #333;}
.dwxs .hd li.on .pic{border: 4px #ff993e solid; padding: 0;}
.dwxs .hd li.on span{color: #F9732C; font-weight: bold;}

.dwxs .bd{width: 23%; background: url(2024ndwj_r17_c1_s1.png) top center no-repeat; height: 482px; padding: 30px 50px; float: left;}
.dwxs .bd li .title{font-size: 40px; font-weight: bold; color: #2d796e; margin-bottom: 24px; text-align: center; padding-top: 20px;}
.dwxs .bd li .zy p{font-size: 18px; text-indent: 2em; line-height: 2; margin-bottom: 20px; text-align: justify;}

/******联合出品 ******/
.lhcp{text-align: center; padding: 18px 0 15px; background: #fff;}
.lhcp span{display: inline-block; margin-right: 60px;}
.lhcp span.sp40{margin-right: 40px;}
.lhcp img{vertical-align: middle;}

.bigimg{width:700px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0; height:100%; background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 30px;}
.mask>img:hover{cursor:pointer}

.HoverImgbox{ overflow:hidden;}
.HoverImgbox img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.HoverImgbox img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.imgHover{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.imgHover:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

@media (max-width: 1200px) {
    .ztwarp .container{padding: 0 3%; width: auto;}
    .zxdw_list li{/*width: 24.6%;*/ margin: 0 13px;}
    .sczdw_list{background-size: 100%; height: 420px;}
    .sczdw_list li{margin-right: 65px;}
    .dwxs .bd{background-size: 100%;}
    .dwxs .hd{width: 68%;}
    .dwxs .hd li{margin-left: 25px;}
}
@media (max-width: 1024px) {
    .zxzx_tpxw, .zxzx_tpxw .bd li, .zxzx_tpxw .bd li img{height: 306px;}
    .zxzx_box{background-size: 51%; height: auto; padding-right: 25px;}
    .zxzx_list li{height: 51px; line-height: 51px;}
    .sczdw_list li{margin-right: 54px;}  
    .sczdw_list{height: 352px;}
    .dwxs .bd{padding: 30px; width: 29%;}
    .dwxs .hd{width: 64%;}
    .dwxs .hd li{width: 29%;}
}

@media (max-width: 990px) {
    .sczdw_list li{margin-right: 50px;}
    .dwxs .bd li .zy p{font-size: 17px; line-height: 1.8;}
}