@charset "utf-8";

.szzfzn_container{width:80%;margin:auto;}
.p24{padding-left:3rem;}
.szzfzn_container h1{height:4rem;border-bottom:1px solid #e3e7e9;}
.szzfzn_container h1 span{font-size:2.25rem;padding-left:1rem;border-left:0.5rem solid #0167ad;}

/* szzfzn_nav */
.szzfzn_nav{width:25%;margin-top:2rem;}
.szzfzn_nav ul li{width:100%;}
.szzfzn_nav ul li a{display:block;position:relative;height:13rem;background-color:#e3e7e9;margin-bottom:2rem;font-size:1.875rem;color:#333;}
.szzfzn_nav ul li a span{width:88%;text-align:center;position:absolute;bottom:2.5rem;left:50%;margin-left:-44%;}
.szzfzn_nav li a:after{content: ""; display: block; position: absolute; top:1.5rem; width: 88%; left:50%;margin-left:-44%; height:5.5rem;}
.szzfzn_nav ul li:nth-child(1) a:after{background: url(../images/government_icon_ls.png) center no-repeat;}
.szzfzn_nav ul li:nth-child(2) a:after{background: url(../images/government_icon_dm.png) center no-repeat;}
.szzfzn_nav ul li:nth-child(3) a:after{background: url(../images/government_icon_pr.png) center no-repeat;}
.szzfzn_nav ul li a.cur{background-color:#0167ad;color:#fff;}
.szzfzn_nav ul li:nth-child(1) a.cur:after{background: url(../images/government_icon_ls_opt.png) center no-repeat;}
.szzfzn_nav ul li:nth-child(2) a.cur:after{background: url(../images/government_icon_dm_opt.png) center no-repeat;}
.szzfzn_nav ul li:nth-child(3) a.cur:after{background: url(../images/government_icon_pr_opt.png) center no-repeat;}


/* szzfzn_Leadership_con */
.leadership_con{width:75%;margin-top:2rem;}
.leadership_con .mayor p{margin-bottom:4rem;text-align:center;}
.leadership_con .mayor p .img{display:block;width:13.75rem;height:18.25rem;overflow:hidden;margin:2rem auto 1rem;}
.leadership_con .mayor p .img img{width:100%;}
.leadership_con .mayor p span{font-size:1.5rem;}

.leadership_con .vicemayors ul li{width:33.333%;text-align:center;float:left;margin-bottom:1rem;}
.leadership_con .vicemayors ul li .img{display:block;width:13.75rem;height:18.25rem;overflow:hidden;background-color:#e5f0f7;margin:2rem auto 1rem;}
.leadership_con .vicemayors ul li .img img{width:100%;}
.leadership_con .vicemayors ul li span{font-size:1.5rem;}


/* szzfzn_list_con */
.szzfzn_list{width:75%;margin-top:2rem;}
.common_list li{font-size:1.5rem;color:#333;line-height:5.5rem;border-bottom:1px dashed #eee;position:relative;}
.common_list li a{display:block;}
.common_list li p{width:86%;float:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.common_list li span{width:12%;font-size:1.25rem;float:right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#999;}




@media (max-width:1680px){
	.szzfzn_nav ul li a{height:12rem;font-size:1.5rem;}
	
	.szzfzn_container h1 span{font-size:2rem;}
}


@media (max-width:1440px){
	.szzfzn_nav ul li a{height:10rem;font-size:1.4rem;}
	.szzfzn_nav li a:after{height:4.5rem;}
	.szzfzn_nav ul li:nth-child(1) a:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li:nth-child(2) a:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li:nth-child(3) a:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li:nth-child(1) a.cur:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li:nth-child(2) a.cur:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li:nth-child(3) a.cur:after{background-size:4.5rem 4.5rem;}
	.szzfzn_nav ul li a span{bottom:2rem;}
	
	.szzfzn_container h1 span{font-size:1.5rem;}
	.leadership_con .mayor p .img{width:12.5rem;height:16.5rem;}
	.leadership_con .mayor p span{font-size:1.25rem;}
	.leadership_con .vicemayors ul li .img{width:12.5rem;height:16.5rem;}
	.leadership_con .vicemayors ul li span{font-size:1.25rem;}
}

@media (max-width:1366px){
	.szzfzn_nav ul li a{font-size:1.25rem;}
}

@media (max-width:1280px){
	
}

@media (max-width:1024px){
	.szzfzn_nav ul li a{height:8rem;font-size:1rem;}
	.szzfzn_nav li a:after{height:4rem;top:1rem;}
	.szzfzn_nav ul li:nth-child(1) a:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li:nth-child(2) a:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li:nth-child(3) a:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li:nth-child(1) a.cur:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li:nth-child(2) a.cur:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li:nth-child(3) a.cur:after{background-size:4rem 4rem;}
	.szzfzn_nav ul li a span{bottom:1.5rem;}
	
	.szzfzn_container h1 span{font-size:1.25rem;}
	.leadership_con .mayor p .img{width:10rem;height:13.25rem;}
	.leadership_con .mayor p span{font-size:1rem;}
	.leadership_con .vicemayors ul li .img{width:10rem;height:13.25rem;}
	.leadership_con .vicemayors ul li span{font-size:1rem;}
}

@media (max-width:768px) {
	.szzfzn_container{width:88%;margin:auto;}
	
	.szzfzn_nav{width:100%;margin-top:2rem;}
	.szzfzn_nav ul li{width:33.333%;float:left;}
	.szzfzn_nav ul li a{margin-bottom:2rem;margin:0.5rem;}
	
	
	.szzfzn_container h1{height:3rem;}
	.leadership_con{width:100%;margin-top:2rem;}
	.leadership_con .vicemayors ul li{width:50%;}
	.p24{padding-left:0;}
}

@media (max-width:375px){
	.szzfzn_nav ul li a{height:6rem;}
	.szzfzn_nav ul li{width:100%;}
	.szzfzn_nav li a:after{width:20%;height:4rem;top:50%;margin-top:-2rem;}
	.szzfzn_nav ul li a span{width:60%;bottom:50%;margin-bottom:-0.5rem;text-align:left;margin-left:-3rem;}
}


@media (max-width:320px){
	.szzfzn_nav li a:after{height:3rem;}
	.szzfzn_nav ul li:nth-child(1) a:after{background-size:3rem 3rem;}
	.szzfzn_nav ul li:nth-child(2) a:after{background-size:3rem 3rem;}
	.szzfzn_nav ul li:nth-child(3) a:after{background-size:3rem 3rem;}
	.szzfzn_nav ul li:nth-child(1) a.cur:after{background-size:3rem 3rem;}
	.szzfzn_nav ul li:nth-child(2) a.cur:after{background-size:3rem 3rem;}
	.szzfzn_nav ul li:nth-child(3) a.cur:after{background-size:3rem 3rem;}
	.szzfzn_nav li a:after{margin-top:-1.5rem;}
	.szzfzn_nav ul li a span{width:66%;margin-left:-3.5rem;}
	
	.leadership_con .vicemayors ul li{width:100%;}
}