@charset "utf-8";
/* CSS Document */
#content{ padding: 25px 10px 10px; overflow: hidden;zoom:1;}
.place{ font-size:14px;  color:#989898; padding-bottom: 20px; border-bottom: 1px solid #a31416;}
#content .left{float:left; width:100%; }
#content .left .area{margin:20px 335px 0px 15px;}
/*文本*/
#content .left .area h1{font-size: 24px; color: #350700; font-weight: 300; text-align: center; padding: 5px 40px 10px; line-height: 1.6em;}
.info{text-align: center; font-size: 14px;color: #350700; padding: 10px; border-bottom: 1px solid #ba8c81;}
.info span{ padding:0px 5px;}
#contentArea{padding-top:20px;font-size:14px;}
#contentArea p {padding:0 0 20px;font-family:simsun;}
#contentArea a {color:inherit;}
#contentArea img {display:block;max-width:100%;margin:0 auto;}
#contentArea .editor{text-align: right;}
#content .right{ margin-left:-285px; width:285px;float:right; padding-top: 20px;}
/*栏目标题*/
#content .right .tit,#content .left .area .tit{overflow: hidden;zoom:1; font-size: 16px; font-weight: 600;background: url("../images/line3bg.png") no-repeat 88% bottom #f9f6f1;line-height: 40px;margin-bottom: 10px; border-bottom: 1px solid #d1d0cc;}
#content .right .tit span a,#content .left .area .tit span a{color:red;float:right; font-size: 14px; font-weight: 300; background: url("../images/morebg.png") no-repeat left center; padding: 0 5px 0px 15px;}
#content .right .tit i,#content .left .area .tit i{font-style: normal; padding-left: 20px; display: inline-block}
#content .left .area .tit{background:url("../images/line3bg2.png")no-repeat center bottom #f9f6f1;}
/*列表*/
#content .right ul,#content .left ul.list{margin-bottom: 30px;}
#content .right ul.list li,#content .left ul.list li{background:url("../images/dot.jpg") no-repeat 10px 15px; padding:5px 5px 4px 18px; margin: 0 1.5%; font-size: 14px; border-bottom: 1px solid #e4e1dc;}
#content .left ul.list li{overflow:hidden;zoom:1;}
#content .left ul.list li a{ display:block;float:left; margin-right:100px;}
#content .left ul.list li i{ float:right;display:block; margin-left:-100px; width:100px; text-align:right; font-style:normal; }
/*问答*/
#content .left .areaw{margin:20px 335px 0px 0px;}
#content .left .email{ background: url("../images/email.png") no-repeat ; padding-left: 25px; margin-left: 15px; padding-bottom: 15px; color: #a31416;}
#content .left .email a{color: #a31416;}
#content .left dl{padding: 10px; border:1px solid #e8e7e3; background: url("../images/hbg.png"); margin-bottom: 20px;}
#content .left dt{border-bottom: 1px solid #a31416; padding-bottom: 5px; color: #a31416;} 
#content .left dt a{color: #a31416;}
#content .left dd{ padding-top:5px;}
/*专题页*/
#content .left ul.piclist,#content .left ul.tpiclist{ overflow: hidden;zoom:1;}
#content .left ul.piclist li{float:left; width: 48%; margin: 0 1% 15px;; }
#content .left ul.piclist li img,#content .left ul.tpiclist img{width:100%;display: block;}
#content .left ul.piclist li h3,#content .left ul.tpiclist h3{font-size: 14px; text-align: left; font-weight: 300;}
#content .left ul.piclist li:nth-child(odd){clear:left;}
/*图片列表页*/
#content .left ul.tpiclist li{width:32%; float: left; }
#content .left ul.tpiclist li:nth-child(3n-1){ margin: 0px 2%}
#content .left ul.tpiclist li:nth-child(3n-2){ clear: left;}
#content .left ul.tpiclist li h3{text-align: center; padding-bottom: 15px;}
/*办事指南*/
.znleft,.zncenter,.znright{float:left; width:32%; padding:40px 0px;}
.zncenter{padding:40px 2%;}
.znleft img,.zncenter img,.znright img{ display:block; padding-bottom: 15px; width: 100%}
.zctit{background:url("../images/zclinebg.png") repeat-x 0px center; text-align:center; line-height:20px; font-size:18px; font-weight:700; color:#4e4e4e; margin-top:20px;}
.zctit span{ background:#fff; padding:0 20px;}
ul.znlist li{background:url("../images/dot.jpg") no-repeat 5px 10px; font-size:14px; padding-left:17px; }

ul.listpic{background:#f0f0f0;overflow:hidden;}
ul.listpic li {position:relative;margin:0 auto 3px;padding:10px 30px 10px 25px;background:#FFF;overflow:hidden;}
ul.listpic li>a {display:block;float:left;margin:0 30px 0 auto;}
ul.listpic li>a img {display:block;width:255px;height:160px;}
ul.listpic li>h2 {margin:5px auto 13px;max-height:1.5em;font-size:1.125rem;font-size:18px;font-weight:bold;color:#414141;line-height:1.5em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
ul.listpic li>h2 a {color:#414141;}
ul.listpic li>h2+p {margin:0 auto 30px;max-height:4.5em;font-size:0.875rem;font-size:14px;font-family:simsun;color:#8b8b8d;line-height:1.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
ul.listpic li>a+h2+p {margin:0 auto;}
ul.listpic li p.time {font-size:0.75rem;font-size:12px;font-family:simsun;position:absolute;right:30px;bottom:10px;}
/*翻页*/
.page { text-align: center; line-height: 30px; margin:20px 0 0; padding-bottom: 40px; color: #54483a; font-size: 14px;}
.page .obg { padding: 0px 10px; line-height: 24px; border: 1px solid #d7d7d7; background: #f5f5f5; display: inline-block; }
.page .fonttype { padding: 0px 10px; line-height: 24px; border: 1px solid #d7d7d7; background: #a31416; color: #fff; display: inline-block; }
@media screen and (min-width: 0px) and (max-width: 768px) {
	#content{ padding: 15px 10px 10px;}
	#content .right{display:none;}
	#content .left .area,#content .left .areaw{margin:20px 0 0px 0;}
	#content .left .area h1{padding:5px 0px 10px;}
	.place{ font-size:14px;  color:#989898; padding-bottom: 10px; border-bottom: 1px solid #a31416;}
}
@media screen and (min-width: 0px) and (max-width: 640px) {
ul.listpic li {padding:15px;}
ul.listpic li>h2 {margin:0 auto 13px;max-height:2.6em;font-size:1.125rem;line-height:1.3em;-webkit-line-clamp:2;}
ul.listpic li>a+h2 {margin:0 auto;}
ul.listpic li>h2+p {display:none;}
ul.listpic li>a {margin:0 11px 0 auto;}
ul.listpic li>a img {width:150px;height:94.12px;}
ul.listpic li p.time {font-size:0.62125rem;line-height:1.2em;}
}
@media screen and (min-width: 0px) and (max-width: 480px) {#content .left ul.piclist li{width:100%; margin: 0px 0px 15px;}
	.zctit{margin-top: 10px;}
	.znleft,.zncenter,.znright{width:100%; padding: 15px 0px;}
	#content .left ul.tpiclist li{width:49%; float: left; }
	#content .left ul.tpiclist li:nth-child(3n-1){ margin: 0px 0px}
     #content .left ul.tpiclist li:nth-child(3n-2){ clear: none;}
	#content .left ul.tpiclist li:nth-child(2n-1){margin-right:2%; clear:left;}
    ul.listpic li>a img {width:120px;height:75.30px;}
    ul.listpic li p.time{right:20px;}

}
