
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
body{min-width: 1200px;}
.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(2023ndwjbg_s1.jpg) top center no-repeat #FEFBF4; 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: url(2023ndwj2_r1_c3_s1.png) top right no-repeat; padding: 14px 40px 14px 0; height: 414px;}
.zxzx_box_l{width: 53.6%;}
.zxzx_tpxw{width:100%; height:381px; overflow:hidden; position:relative; box-shadow: 0 0 6px 0 #4a642b; border:2px #6B913D solid;}
.zxzx_tpxw .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:16px; z-index:2; display: none;}
.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:#999; cursor:pointer; text-indent:99999em;}
.zxzx_tpxw .hd ul li.on{background:#21934C; color:#fff; width: 30px; border: 1px #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:381px;}
.zxzx_tpxw .bd li img{display:block; width:100%; height:381px;}
.zxzx_tpxw .bd li b{ display:block; position:absolute; width:100%; height:44px; bottom:0px;left:0;background:#000; opacity:.50;filter:alpha(opacity=50); z-index:1;}
.zxzx_tpxw .bd li span{ display:block; position:absolute;width:100%;height:44px; bottom:0px;left:0; z-index:2; line-height:44px;}
.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:32%; display:block; width:25px; height:100px; }
.zxzx_tpxw .prev{ left:0; right:auto; background: url(2023ndwj_jrzx_prev.png) center no-repeat;}
.zxzx_tpxw .next{ left:auto; right:0; background: url(2023ndwj_jrzx_next.png) center no-repeat;}

.zxzx_box_r{width: 44%;}
.zxzx_list li{position:relative; padding-left: 22px; height:63px; line-height:63px; overflow:hidden; vertical-align:top; background: url(2023ndwj_r4_c13_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: #Fff;}
.zxzx_list li a{color: #fff;}
/****** 粽享端午 ******/
.zxdw_list li{width: 24.6%; background: url(2023ndwj_r11_c5_s1.png) right 50px no-repeat; display: inline-block; text-align: center;}
.zxdw_list li i{width: 207px; height: 207px; display: block; margin: 0  auto 20px;}
.zxdw_list li a{display: block; font-size: 24px;}
.zxdw_list li .text{text-align: center; color: #333; display: block;}
.zxdw_list li i.xx1{background: url(2023ndwj_icon01_link.png) center no-repeat;}
.zxdw_list li i.xx2{background: url(2023ndwj_icon02_link.png) center no-repeat;}
.zxdw_list li i.xx3{background: url(2023ndwj_icon03_link.png) center no-repeat;}
.zxdw_list li i.xx4{background: url(2023ndwj_icon04_link.png) center no-repeat;}
.zxdw_list li:hover i.xx1{background: url(2023ndwj_icon01_hover.png) center no-repeat;}
.zxdw_list li:hover i.xx2{background: url(2023ndwj_icon02_hover.png) center no-repeat;}
.zxdw_list li:hover i.xx3{background: url(2023ndwj_icon03_hover.png) center no-repeat;}
.zxdw_list li:hover i.xx4{background: url(2023ndwj_icon04_hover.png) center no-repeat;}
.zxdw_list li:hover .text{color: #f69d46; font-weight: bold;}
.zxdw_list li.last{background: none;;}

/****** 诗词中的端午 ******/
.sczdw_list{background: url(2023ndwj_r17_c1_s1.png) top center no-repeat; height: 449px; padding: 45px 38px 0;}
.sczdw_list li{width: 20%; display: inline-block; margin-right: 70px;}
.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 img{display: block; margin: 0 auto; border-radius: 10px; width: 100%; height: auto; border: 4px #FEFBF4 solid;}
.dwxs .hd li span{display: block; line-height: 60px; text-align: center; font-size: 24px; color: #333;}
.dwxs .hd li.on img{border: 4px #F69D46 solid;}
.dwxs .hd li.on span{color: #f69d46; font-weight: bold;}

.dwxs .bd{width: 23%; background: url(2023ndwj_r21_c3_s1.png) top center no-repeat; height: 482px; padding: 30px 50px; float: left;}
.dwxs .bd li .title{font-size: 28px; font-weight: bold; color: #f69d46; margin-bottom: 24px; text-align: center;}
.dwxs .bd li .zy p{font-size: 18px; text-indent: 2em; line-height: 2; margin-bottom: 20px;}

/******联合出品 ******/
.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%;}
    .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:65px;}  
    .sczdw_list{height: 422px;}
    .dwxs .bd{padding: 30px; width: 29%;}
    .dwxs .hd{width: 64%;}
    .dwxs .hd li{width: 29%;}
}
