body{-webkit-text-size-adjust:none; min-width: 1200px; background:url(/uploads/image/iwimages/qxjr2026_ztbg.jpg) top center no-repeat #fff8ed; background-size: 100%;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul, div{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#333333; noline:expression(this.onfocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#cc3333;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden; zoom:1;}
.fl{float: left;}
.fr{float: right;}


.container{ width:1200px; margin:0 auto; clear:both; position:relative;}
.space20, .space30, .space40, .space50{clear:both; line-height:0; font-size:0; overflow:hidden; zoom:1;}
.space20{height:20px;}
.space30{height:30px;}
.space40{height:40px;}
.space50{height:50px;}

/*图片鼠标经过效果*/
.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);}

.header{overflow: hidden;}
.header img{width: 100%; height: auto; max-width: 100%; display: block;}
.mainnav{background: #cb2121;}
.mainnav li{width: 25%; float: left; line-height: 84px; text-align: center; font-weight: bold;}
.mainnav li a{color: #fff; font-size: 30px;}
.mainnav li.aon{background: #a10303;}
.mainnav li.aon a{color: #fdd58c;}

.zt-title{margin-bottom: 18px;}
.zt-title img{display: block; margin: 0 auto; width: 100%; height: auto;}
.zt-more{width: 70px; height: 22px; line-height: 22px; text-align: center; float: right; border: 2px #fbb695 solid; margin-top: 5px; margin-right: 10px;}
.zt-more a{display: block; color:#f77239; font-size: 14px;}

/* 节日聚焦 */
.jrjj-box{padding: 50px 54px; box-sizing: border-box; background:url(/uploads/image/iwimages/qxjr2026_ztjpg_r5_c2_s1.png) top center no-repeat; background-size: 100%; border-radius: 16px;
 box-shadow: 4px 6px 12px rgba(149, 87, 197, 0.16);
}
.jrjj-left{width: 52.2%; height: 320px; float: left; }
.tpxwlb{width: 100%; position: relative; height: 100%; overflow: hidden; border-radius: 16px;}
.tpxwlb .hd{height:12px; overflow:hidden; position:absolute; right:0; bottom:25px; z-index:2;}
.tpxwlb .hd ul{overflow:hidden; zoom:1;}
.tpxwlb .hd ul li{float:left; margin-right:10px; width:8px; height:8px; line-height:8px; border-radius:50%; background:#a1a1a1; cursor:pointer; text-indent:99999em;}
.tpxwlb .hd ul li.on{background:#fff;}

.tpxwlb .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.tpxwlb .bd ul{width:100%; height:100%;}
.tpxwlb .bd ul li{position:relative; height:320px; border-radius: 16px;}
.tpxwlb .bd ul li a{display: block; width: 100%; height: 100%;}
.tpxwlb .bd li img{width:100%; height:320px; display: block; border-radius: 16px;}
.tpxwlb .bd li b{display:block; position:absolute; width:100%; height:64px; bottom:0;left:0;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(84,68,136,0)), to(rgba(84,68,136,0.8)));
    background: -moz-linear-gradient(rgba(84,68,136,0), rgba(84,68,136,0.8)); border-radius: 0 0 16px 16px;
}
.tpxwlb .bd li span{position: absolute; left:0; bottom: 0; z-index:2; height: 64px; line-height: 64px; width: 80%;}
.tpxwlb .bd li span a{color:#fff; display:block; position:relative; z-index:3; font-size:18px; padding-left: 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.tpxwlb .bd li span a:hover{color:#fff;}
.jrjj-right{width: 45%; float: right;}
.jrjj-list li{position:relative; padding-left:20px; height:64px; line-height:64px; overflow:hidden; vertical-align:top;}
.jrjj-list li:after{position:absolute; content:" "; left:0; top: 50%; border-radius: 50px; margin-top: -1px; width: 8px; height: 8px; background: #e880bb;}
.jrjj-list li a{display:block; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

/* 各地动态/文明家风 */
.gdwmjf{overflow: hidden; position: relative; width: 1418px; margin: 0 auto; height: 420px;}
.ztitem{width: 720px; position: absolute; height: 420px;}
.gddt{background: url(/uploads/image/iwimages/qxjr2026_zt_gddt_box.png) top center no-repeat; background-size: 100%; left: 0; top:0; z-index: 2;}
.wmjf{background: url(/uploads/image/iwimages/qxjr2026_zt_wmjf_box.png) top center no-repeat; background-size: 100%; right: 0; top:0;}
.ztitem .dtcon{position: absolute; top: 140px; left: 140px; width: 446px;}
.ztitem .dtcon .dtlist li{position:relative; padding-left:20px; height:64px; line-height:64px; overflow:hidden; vertical-align:top;}
.ztitem .dtcon .dtlist li:after{position:absolute; content:" "; left:0; top: 50%; border-radius: 50px; margin-top: -1px; width: 8px; height: 8px; background: #e880bb;}
.ztitem .dtcon .dtlist li a{display:block; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.ztitem .dtcon .ztmore{display: block; line-height: 2; text-align: right;}
.ztitem .dtcon .ztmore a{color: #9c9c9c; display: block;}

/* 七夕民俗 */
.qxmsbox{background: url(/uploads/image/iwimages/qxjr2026_ztjpg_r18_c8_s1.png) cetner repeat; border-radius: 16px;
 box-shadow: 4px 6px 12px rgba(149, 87, 197, 0.16);
}
.qxms-left{width: 63.3%; float: left;}
.qxms-left img{display: block; width: 100%; height: auto; border-radius: 16px;}
.qxms-list{float: right; width: 28%; padding-top: 18px; margin-right: 5%;}
.qxms-list li{width: 17.2%; margin: 5px 23px; float: left;}
.qxms-list li img{display: block; width: 100%; height: auto;}

/* .footer{background-color: #fff; padding: 30px 0; color: #333; font-size: 17px; text-align: center; line-height: 2;} */
.footer{background-color: #e6e6e6; color: #333; font-size: 17px; text-align: center; height: 100px; line-height: 100px;}


@media (max-width: 1280px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* firefox */
		-webkit-box-sizing:border-box; /* safari */	
	}

}

@media (max-width: 1200px) {
	body{
  background-size: 1420px;
  background-position: 24% 0px;
  }
}

@media (max-width: 1024px) {
  .ztlist li{width: 49%;}
  .container{width: auto; padding: 0 3%;}
  .gdwmjf{width: auto;}
  .gddt{left: -70px;}
  .wmjf{right: -70px;}
  .ztitem{width: 690px; height: 410px;}
  .ztitem .dtcon{left: 120px;}
  .jrjj-left, .tpxwlb .bd ul li, .tpxwlb .bd li img {height: 299px;}
  .jrjj-list li{height: 60px; line-height: 60px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs */
@media (max-width: 768px) {
  
}