.w215{width: 215px; }
.w910{ width: 910px;}
.list_con{ background: url(../images/zjtz/left_main_bg.png) no-repeat left bottom; overflow: hidden;}

.list_left{}
.list_left .big_tit{ height: 46px; line-height: 46px; position: relative; font-size: 18px; color: #fff; background: url(../images/zjtz/left_bg.png) no-repeat left center; text-align: center; margin-bottom: 20px;}
.list_left ul li{ background:url(../images/zjtz/left_second_bg.png) no-repeat left center; height: 50px; line-height: 50px; margin-bottom: 12px;}
.list_left ul li a{ font-size: 16px; color: #333; display: block; text-align: center;}
.list_left ul li.active a,
.list_left ul li:hover a{ color: #BD1A2D; font-weight: bold;}
.list_left ul li.active,
.list_left ul li:hover{ background:url(../images/zjtz/left_second_hover_bg.png) no-repeat left center;}

.list_main{ padding-left: 32px; background: url(../images/public/left_line_bg.png) repeat-y;}
.channel_tit1 a{color: #BD1A2D; border-bottom: 2px solid #BD1A2D; padding: 0 10px; text-align: center; line-height: 36px; font-size: 18px;}

.commonList_con{ padding: 10px;}
.commonList_con dl{ padding: 18px; overflow: hidden; border-bottom: 1px #dddddd dashed;}
.commonList_con dl dt{ float: left; margin-right: 20px;}
.commonList_con dl dd{ line-height: 30px;}
.commonList_con dl dd h5{ font-size: 16px; color: #333; }
.commonList_con dl dd p{ text-indent: 2em;}
.commonList_con dl.no_border{ border: none;}


/*行政区划*/
.xzqh_column{ padding-top: 40px;}
.w615{ width: 605px; padding-left: 38px;}
.xzqh_tit{ text-align: center; font-size: 24px; margin-bottom: 30px;}
.xzqh_main p{ line-height: 38px; text-indent: 2em; margin-bottom: 30px;}
.xzqh_right img{height: 432px\9;}
/*历史人文-历史沿革*/
.lsyg_main{ padding: 20px 34px;}
.lsyg_main p{ line-height: 35px; text-indent: 2em;}
.lsyg_main .img{ text-align: center; margin-top: 20px;}

/*人文环境*/
.w675{ width: 675px;}
.w220{ width: 220px;}
.rwhj_tit{ background: url(../images/zjtz/rwhj_icon.png) no-repeat left center; padding-left: 20px; margin: 20px 0 12px; color: #BD1A2D; font-size: 18px;}
.whss_main{ position: relative; width: 674px; height: 337px;}
.whss_img img{width:674px;height: 337px;}
.whss_bg{ position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; background: #000;filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;}
.whss_tit{ width: 100%; line-height: 40px; position: absolute; bottom: 0; left: 0; text-align: center;}
.whss_tit a{ color: #fff;}
.whgj_main dl{ float: left;width:211px; margin-right: 20px; margin-bottom: 15px;}
.whgj_main dl.dl_mr0{ margin-right: 0;}
.whgj_main dl img{width:211px;height: 141px;}
.whgj_main dl dd{ text-align: center;}
.whgj_main dl dd a{ color: #333;}
.rwhj_main_right{ background: #f4f4f4; padding:0px 20px 0px; width: 180px;}
.tzmr_main dl{width: 180px; text-align: center; margin-bottom: 18px;}
.tzmr_main dl dt img{width:126px;height: 141px;}
.tzmr_main dl dd{ margin-top: 3px;}
.tzmr_main dl dd a{ color: #333;display: block;width:100%;overflow : hidden;
text-overflow: ellipsis; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */ white-space: nowrap;}

/*通州年鉴*/
.tznx_main{ padding: 20px 0 20px 15px; width: 550px; background: #f4f4f4;}
.tznx_main .tab_btn a{width: 91px;height: 35px;background: url(../images/zjtz/zjtz_tznn2.png) no-repeat left top;display: inline-block;margin-right: 15px;text-align: center;line-height: 35px;color: #333;font-size: 18px;margin-bottom: 20px; cursor: pointer; background-size: 100% 100%;}
.tznx_main .tab_btn a:hover,
.tznx_main .tab_btn a.active{background: url(../images/zjtz/zjtz_tznn1.png) no-repeat left top;font-weight: bold; color: #fff; background-size: 100% 100%;}
.tznx_main .tab_ul .ul{display: none;overflow: hidden;margin-top: 15px;}
.tznx_main .tab_ul .on{display: block;}
.tznx_main .tab_ul .ul ul{float: left;margin-right: 10px;}
.tznx_main .tab_ul .ul ul li{line-height: 25px;margin-bottom: 16px; float:left; width:33.3%;}
.tznx_main .tab_ul .ul ul li a{color: #333;}
.tznx_main .tab_ul .ul ul li a.active1{color:#bd1a2d;}

.w570{ width: 570px;}
.tznj_right .channel_tit1 a{ border: none; padding-left: 0;}
.tznj_right .tab-content{ padding: 10px 0;}
.tznj_right .tab-content>.tab-pane li{ line-height: 42px;}
.tznj_right .tab-content>.tab-pane li a{ width: 70%;}
@media screen and (max-width:1024px){
	.w910{    width: 74%;}
	.rwhj_main_right{width: 95%;}
	.tzmr_main dl{    width: 170px;float: left;}
	.w615{width: 54%;}
	.w570{    width: 41%;}
	.tznx_main{    width: 56%;}
}

@media screen and (max-width:991px){
	.w215,
	.w910{ width: 100%;}
	.list_con{ background: none;}
	.channel_tit1{ height: 36px;}
	.list_left .big_tit,
	.list_left ul li,
	.list_left ul li.active,
	.list_left ul li:hover{ background-size: 100%;}
	.list_main{ padding: 0; background: none;}
	.commonList_con dl{ padding:10px 0;}
	
	.commonList_con dl dt{ width: 30%; margin-right: 3%;}
	.commonList_con dl dt img{ width: 100%; height: auto;}
	.commonList_con dl dd{ line-height: 25px;}
	.commonList_con dl dd h5{ margin-top: 0; font-size: 14px;}
	.commonList_con dl dd p{ font-size: 14px; }
	
	.list_left .big_tit{ background-image: url(../images/zjtz/left_bg_mobile.png);}
	.list_left ul li{ background-image: url(../images/zjtz/left_second_bg_mobile.png);}
	.list_left ul li.active,
	.list_left ul li:hover{ background-image: url(../images/zjtz/left_second_hover_bg_mobile.png);}
	
	/*行政区划*/
	.w615{ width: 100%; padding-left: 0;}
	.xzqh_column{ padding-top: 20px;}
	.xzqh_tit{ margin-bottom: 10px; font-size: 18px;}
	.xzqh_main p{ font-size: 14px; line-height: 26px; margin-bottom: 15px;}
	.xzqh_right{ float: none;}
	.xzqh_right img{ width: 100%; height: auto;}
	
	
	/*历史人文-历史沿革*/
	.lsyg_main{ padding: 10px 0;}
	.lsyg_main p{ font-size: 14px; line-height: 26px;}
	.lsyg_main .img img{ width: 100%; height: auto;}
	.lsyg_main img{max-width: 90%; margin: 0 auto; height: auto !important;}
	
	/*人文环境*/
	.w675{ width: 100%;}
	.whss_main{ width: 100%; height: auto;}
	.rwhj_main img{ width: 100%;  height: auto;}
	
	.whgj_main dl,
	.whgj_main dl.dl_mr0{ width: 49%; margin-right: 2%;}
	.whgj_main dl:nth-child(2n){ margin-right: 0;}
	.whgj_main dl img{width:100%;height:auto;}
	
	.rwhj_main_right{ width: 96%; padding: 10px 2%;}
	.rwhj_main_right .rwhj_tit{ margin-top: 10px;}
	.tzmr_main dl,.tzmr_main dl dt img,.whss_img img{ width: 100%; height: auto;}
	
	.rwhj_tit{ font-size: 16px;}
	.whgj_main dl dd a,
	.tzmr_main dl dd a,
	.whss_tit a{ font-size: 14px;}
	
	
	/*通州年鉴*/
	.tznx_main{ width: 94%; padding: 20px 3%;}
	.tznx_main .tab_btn a{ margin-right: 20px; margin-bottom: 15px;}
	
	.w570{ width: 100%;}
	.tznj_right .channel_tit1 a{ font-size: 16px;}
	.tznj_right{ margin-top: 15px;}
	.tznj_right .tab-content>.tab-pane li{ line-height: 32px;}
	.tznj_right .tab-content>.tab-pane li span{ width: 22%;}
	.tznx_main{display:none;}
	.tznx_main .tab_ul .ul ul li a{ font-size: 14px;}
	.tznx_main .tab_btn a{ font-size: 15px;}
	.tznx_main .tab_ul .ul ul li{ margin-bottom: 10px;}
	
}

@media screen and (max-width:440px){



}
@media screen and (max-width:375px){
.tznx_main .tab_btn a{ margin-right: 17px;}
}

@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
.tznx_main .tab_btn a{width: 78px;}
}
.tznj_right .tab-content > .tab-pane li a:hover{ color:#bd1a2d;}