@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;}


                    .servicesbox {
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .servicesbox img {
            height: 113px;
            width: 113px;
            margin: 0 auto
        }

        .servicesbox a:first-child .img_icon {
            height: 113px;
            background: url(images/forservices/entry.png) no-repeat center;
        }

        .servicesbox a:first-child:hover .img_icon {
            background: url(images/forservices/entry_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(2) .img_icon {
            height: 113px;
            background: url(images/forservices/travel_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(2):hover .img_icon {
            background: url(images/forservices/travel_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(3) .img_icon {
            height: 113px;
            background: url(images/forservices/investment_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(3):hover .img_icon {
            background: url(images/forservices/investment_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(4) .img_icon {
            height: 113px;
            background: url(images/forservices/information_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(4):hover .img_icon {
            background: url(images/forservices/information_bghv.png) no-repeat center;
        }

    

        .servicesbox a:nth-child(5) .img_icon {
            height: 113px;
            background: url(images/forservices/education_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(5):hover .img_icon {
            background: url(images/forservices/education_bghv.png) no-repeat center;
        }



        .servicesbox a:nth-child(6) .img_icon {
            height: 113px;
            background: url(images/forservices/employment_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(6):hover .img_icon {
            background: url(images/forservices/employment_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(10) .img_icon {
            height: 113px;
            background: url(images/forservices/marriage_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(10):hover .img_icon {
            background: url(images/forservices/marriage_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(7) .img_icon {
            height: 113px;
            background: url(images/forservices/employment_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(7):hover .img_icon {
            background: url(images/forservices/employment_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(9) .img_icon {
            height: 113px;
            background: url(images/forservices/traffic_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(9):hover .img_icon {
            background: url(images/forservices/traffic_bghv.png) no-repeat center;
        }

        .servicesbox a:nth-child(8) .img_icon {
            height: 113px;
            background: url(images/forservices/payment_bg.png) no-repeat center;
        }

        .servicesbox a:nth-child(8):hover .img_icon {
            background: url(images/forservices/payment_bghv.png) no-repeat center;
        }

        .servicesbox li:hover span {
            color: #71AAEB;
        }

        .psFon li {
            background: none;
            padding: 20px;
            float: left;
            box-shadow: none;
            overflow: hidden;
              box-sizing: border-box;
        }

        .psFon li.psw {
            height: auto;
            background: none;
            width: 100%;
        }

        .psFon a {
            width: 33%;
            text-align: center;
        }
      ul.psFon.row span {
        font-size: 24px;
        }
    .forserve {
    background: url(images/forservices/serve_bg.png) no-repeat bottom;
}

@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;}
              .psFon a {
            width: 50%;
      
        }
}

@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%;}
}