@charset "utf-8";
body{ background-color: #f0f0f0;}
.foot{border-top: 3px solid #1B64B4;}
/*机构职能列表页*/
.jgzn_box{ padding: 20px 0; width: 100%; height: auto; background: #FFFFFF;}
.jgzn_tit{ 
	padding-bottom: 30px;
	margin: 0 20px;
    background: url(../images/clx_jgzn_titbg.png) repeat-x left bottom;
    font-size: 30px;
    font-weight: bold;
    color: #1b64b4;
    text-align: center;
}
.jgzn_list{ width: 100%; height: auto;}
.jgzn_list li{float: left; width: 270px; height: 50px; margin:15px;}
.jgzn_list li a{ display: block; width: 100%; height: 100%; line-height: 50px; text-align: center; font-size: 16px;color: #666666;transition: all .2s ease; background: #f2f2f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jgzn_list li a:hover{ background: #2e77c7; color: #fff;}

/*机构职能详情页*/
.jgzn_name{ margin: 30px 20px 0; overflow: hidden;}
.jgzn_name li{ width: 565px; height: 84px; background: #f2f2f2; margin-bottom: 20px;}
.jgzn_name li span{display: block;float: left; width: 84px;border-right: 2px solid #fff;height: 100%;text-align: center;}
.jgzn_name li span.nsl1{ background: url(../images/clx_jgzn_jgpeople.png) center center no-repeat;}
.jgzn_name li span.nsl2{ background: url(../images/clx_jgzn_jgaddress.png) center center no-repeat;}
.jgzn_name li span.nsl3{ background: url(../images/clx_jgzn_jgtel.png) center center no-repeat;}
.jgzn_name li span.nsl4{ background: url(../images/clx_jgzn_jgtime.png) center center no-repeat;}
.jgzn_name li h2{font-size: 18px;font-weight: bold;color: #333;margin: 15px 0 0 106px;}
.jgzn_name li p{margin: 7px 0 0 106px;font-size: 16px;color: #333;}

.jgzn_tabs{ margin: 0 20px; overflow: hidden;}
.jgzn_tabs .hd{float: left; width: 110px; padding: 0 8px; background:url(../images/clx_jgzn_tabs_navbg.png) center top no-repeat;  position:relative; height: auto; }
.jgzn_tabs .hd ul li{ padding-top:76px; height: 40px; width: 100%; cursor:pointer; margin-bottom: 24px; text-align: center;   }
.jgzn_tabs .hd ul li a{color: #333333; font-size: 18px; font-weight: bold;}
#jgzn_zn{ background: url(../images/clx_jgzn_tabs_nav_icon01.png) center 20px no-repeat;}
#jgzn_ns{ background: url(../images/clx_jgzn_tabs_nav_icon02.png) center 16px no-repeat;}
#jgzn_ld{ background: url(../images/clx_jgzn_tabs_nav_icon03.png) center 15px no-repeat;}
.jgzn_tabs .hd ul li.on a{ color: #0068b7; }
.jgzn_tabs .bd{float: right; width:974px;zoom:1; height: auto; padding-left: 20px; padding-right: 40px;  }
.jgzn_tabs .bd div.jgzd_info{ width: 100%; font-size: 16px; line-height: 30px;}
.jgzn_tabs .bd div.jgzd_info p{font-size: 16px; line-height: 30px;}

ul.leader_list{ height: auto;}
ul.leader_list li{ width: 100%; height: 155px; border-bottom:1px solid #ddd; padding:20px 0; overflow:hidden;}
ul.leader_list li .leader_left{ float: left; width: 117px; height: 156px;}
ul.leader_list li .leader_left img{ display:block; width: 117px; height: 156px;}
ul.leader_list li .leader_right{ float: left; width: 870px; padding:0 0 0 20px;}
ul.leader_list li .leader_right p{ line-height: 24px; padding:5px 0; overflow:hidden;}
ul.leader_list li .leader_right p b{ display:inline-block; width: 100px;}
ul.leader_list li .leader_right .more{ display:block; width: 94px; height: 27px; line-height: 27px; background:#a2b5de; color:#fff; text-align: center;}



@media screen and (max-width: 1200px) {
	.jgzn_box{ width: 96%; margin: 0 2%;}
	.jgzn_list li{ width: 30%; margin: 15px 1.5%;}
	
	.jgzn_name li{ width: 48%;}
	.jgzn_tabs .hd{ float: none; width: 100%; background: none; height: 50px; padding: 0;}
	.jgzn_tabs .hd ul li{ height: 50px; width: 30%; margin: 0 1.5%; float: left;  padding-top: 0; line-height: 50px; background: #F2F2F2;}
	#jgzn_zn,#jgzn_ns,#jgzn_ld{ background: #f2f2f2;}
	.jgzn_tabs .bd{ float: none; width: 100%; padding-left: 0;}
	ul.leader_list li .leader_right{ float: none; margin-left: 117px; width: auto;}
}
@media screen and (max-width: 760px){
	.jgzn_tit{ padding-bottom: 15px; font-size: 24px;}
	.jgzn_list li{ width: 45%; margin: 10px 2.5%;}
	
	.jgzn_name{ margin: 10px 2%; width: 96%;}
	.jgzn_name li{ float: none !important; margin: 5px 0; width: 100%;}
	.jgzn_name li h2{ margin-top: 0; padding-top: 15px;}
	ul.leader_list li{ height: auto; padding: 5px 0;}
	ul.leader_list li .leader_left{ float: none; margin: 0 auto;}
	ul.leader_list li .leader_right{ margin: 0 auto;}
	ul.leader_list li .leader_right p{ padding: 0;}
	ul.leader_list li .leader_right p:first-child,ul.leader_list li .leader_right p:nth-child(2){ text-align: center;}
}
@media screen and (max-width: 480px){
	.jgzn_box{ padding: 10px 0;}
	.jgzn_tit{  font-size: 18px;}
	.jgzn_list li{ width: 90%; margin: 7px 5%;}
	
}