.container{ width: 1200px; margin: 30px auto 50px; overflow: hidden;}

.szf-t{ overflow: hidden;}

.list { height: 175px;}

.leaders { float: left; width: 680px;}
.leader-list { position: relative; border-bottom: 1px solid #e7e7e7; padding: 30px 0 15px 130px; overflow: hidden;}
.leader-list h3 { position: absolute; top: 50%; left: 0; width: 100px; text-align: center; font-size: 18px; font-weight: normal; line-height: 30px; margin-top: -15px;}
.leader-list ul { overflow: hidden;}
.leader-list ul li { float: left; margin:0 30px 10px 0;}
.leader-list ul li a { display: block; width: 100%; height: 100%;}
.leader-list ul li .pic{ border: 1px solid #f1f1f1; padding: 3px; cursor: pointer;}
.leader-list ul li .pic img { width: 92px; height: 122px;}
.leader-list ul li p { font-size: 16px; line-height: 30px; text-align: center; cursor: pointer;}
.leader-list.first ul li .pic img { width: 108px; height: 142px;}

.bdshare-button-style0-16 a{ padding-left: 0!important; }

.szf-t-r { float: right; width: 490px;}
.szf-t-r .list { height: 210px;}

.cwhy { float: right; width: 490px;}
.cwhy .list li a span { color: #d4972c;}

.gzbg-list{ width: 500px; margin-top: 30px; overflow: hidden;}
.gzbg-list li{ float: left; width: 240px; height: 60px; font-size: 18px; text-align: center; line-height: 60px; margin: 0 10px 10px 0;}
.gzbg-list li a{ display: block; width: 100%; height: 100%; background: #f9f9f9;}
.gzbg-list li a:hover { background: #006dac; color: #fff;}

.szfgb-list{ width: 500px; margin-top: 30px;}
.szfgb-list li { float: left; width: 115px; height: 140px; margin-right: 10px;}
.szfgb-list li a { display: block; border: 3px solid #e6e5e3; width: 109px; height: 61px; background: url(szf_szfgb_gh.png) no-repeat center 9px; text-align: center; line-height: 16px; padding-top: 70px;}
.szfgb-list li span {color: #bd1a2d;font-weight: bold;line-height: 24px;}
.szfgb-list li a:hover{ border-color: #006dac;}


.szf-b { margin-top: 30px; overflow: hidden;}

.zfjg { float: left; width: 680px; min-height: 330px;}
.zfjg-main { margin-top: 30px;}
.zfjg-head { overflow: hidden;}
.zfjg-head li{ float: left;}
.zfjg-head li a { display: block; padding: 0 10px; line-height: 30px; font-size: 16px;}
.zfjg-head li.on a {background: #feecec; color: #006dac; }
.zfjg-list{ margin-top: 10px; overflow: hidden;}
.zfjg-list li { float: left; width: 170px; background: url(szf_dot.jpg) no-repeat left center; line-height: 24px; text-indent: 10px; padding: 10px 0;}
.zfjg-list li a { color: #666;}
.zfjg-list li.more{ background: none; text-indent: 0;}
.zfjg-list li.more a { display: block; width: 60px; height: 20px; background: #f8f8f8; color: #999; text-align: center; line-height: 20px; margin-top: 2px;}
.zfjg-list li.more a:hover { background: #006dac; color: #fff;}

.csxwlb { float: right; width: 490px; height: 80px; margin-top: 20px; overflow: hidden;}
.csxwlb img { width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.csxwlb img:hover { transform: scale(1.05); transition: all .5s;}

/* 组织机构 */
.zzjg-item{ margin: 30px 0;}
.zzjg-list { padding-top: 10px; overflow: hidden;}
.zzjg-list li { float: left; width: 200px; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 20px;}
.zzjg-list li a:hover { color: #006dac;}

/* 领导详情 */
.leader-wrap{ width: 1200px; margin: 50px auto; overflow: hidden;}

.leader-left { float: left; width: 790px;}
.leader-left .zyjh { background: #f5f5f5; padding: 20px 20px 30px; overflow: hidden;}
.leader-left .zyjh h2 { font-size: 24px; line-height: 1; font-weight: normal;}
.leader-left .zyjh .zyjh-text { margin-top: 30px;}
.leader-left .zyjh .zyjh-text h3 { font-size: 20px; font-weight: normal; color: #006dac; text-align: center;}
.leader-left .zyjh .zyjh-text p { color: #666; line-height: 30px; text-indent: 2em; margin-top: 20px; text-align: justify;}
.leader-left .zyjh .zyjh-text a { float: right; font-size: 16px; color: #006dac;}

.ldhd{ margin-top: 20px;}
.ldhd-tit { height: 35px;}
.ldhd-tit li { float: left;}
.ldhd-tit li a { display: block; width: 395px; height: 35px; background: #ececec; line-height: 35px; text-align: center; font-size: 18px;}
.ldhd-tit li.on a { background: #006dac; color: #fff;}
.ldhd-list li{ border-bottom: 1px solid #ededed; padding: 20px 0; overflow: hidden;}
.ldhd-list li h3 { font-size: 18px; font-weight: normal; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ldhd-list li h3 a:hover { color: #006dac;}
.ldhd-list li p { color: #666; line-height: 25px; margin-top: 10px; text-align: justify;}
.ldhd-list li .date { float: right; color: #666; margin-top: 10px;}

.leader-right { float: right; border-left: 1px solid #afafaf; padding-left: 40px; width: 329px;}
.leader-info-top { border-bottom: 1px dashed #dddddd; padding: 25px 0; margin-bottom: 20px;}
.leader-info-top .pic { width: 190px; height: 240px; margin: 0 auto 20px;}
.leader-info-top .pic img { width: 100%; height: 100%;}
.leader-info-top h4 { font-size: 24px; font-weight: normal; line-height: 30px; text-align: center;}

.leader-info-bottom { overflow: hidden;}
.leader-info-bottom h5 { width: 80px; height: 35px; border-radius: 3px; background: #006dac; font-size: 18px; text-align: center; line-height: 35px; color: #fff; margin-top: 20px;}
.leader-info-bottom p { font-size: 16px; line-height: 30px; text-indent: 2em; text-align: justify; margin-top: 10px;}
.leader-info-bottom .more { float: right; color: #006dac;}

.picture { margin-top: 30px;}
.picture h3 { font-size: 24px; font-weight: normal;}
.picture li { position: relative; width: 307px; height: 187px; margin-top: 20px; overflow: hidden;}
.picture li img { width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.picture li:hover img { width: 100%; height: 100%; transform: scale(1.1); transition: all .5s;}
.picture li span { display: block; position: absolute; bottom: 0; left: 0; width: 287px; line-height: 30px; padding: 0 10px; font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

.leader-details { width: 1080px; margin: 50px auto;}
.leader-details .leader-tit { font-size: 24px; text-align: center;}
.leader-details .leader-text { border-bottom: 1px solid #d6d6d7; padding: 20px 0; overflow: hidden;}
.leader-details .pic { width: 145px; height: 201px; margin: 0 auto;}
.leader-details .pic img {  height: 100%;}
.leader-main { padding: 40px 0;}
.content-bottom { border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; overflow: hidden;}
.content-bottom .fr a:hover { color: #006dac;}
.leader-details .bdsharebuttonbox { float: left; background: url(details_share_icon.png) no-repeat left center; padding-left: 25px;}
.leader-details .qrcode { text-align: center; margin-bottom: 30px;}
.leader-details .qrcode p { font-size: 16px; line-height: 20px; padding-bottom: 10px;}
.leader-details .xgdt { margin-top: 30px;}
.leader-info-item { margin-top: 30px;}
.leader-info-item h5 { font-size: 18px; text-align: center; margin-bottom: 10px;}
.leader-info-item p { font-size: 16px; line-height: 20px; padding: 10px 0;}
.leader-info-item.text-center p { text-align: center;}

.pages { font-size: 0; text-align: center; margin: 30px 0;}
.pages li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; margin: 0 10px; line-height: 26px;}
.pages li a:hover { color: #006dac;}
.pages li.current a { display: block; background: #006dac; padding: 0 8px; color: #fff;}


.wrap_right dl dd h2 { color: #006dac!important; }


@media only screen and (max-width: 1199px) {
    .leader-details .qrcode,.leader-details .leader-text,.content-bottom { display: none;}

    .container,.leader-wrap,.szf-t-r,.zfjg,.bmdt,.leader-details,.leaders,.leader-left,.ldhd-tit li a,.leader-right,.picture li span { width: 100%;}
    .container,.leader-wrap { padding: 10px;}
    .container { margin: 0;}
    .leader-wrap { margin: 0;}
    .leader-details { padding: 20px 10px;}
    .leader-list { padding-left: 100px;}
    .gzbg-list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 10px;}
    .gzbg-list li { width: 24%; margin: 10px 0 0;}
    .szf-b { margin-top: 0;}
    .csxwlb { float: none; margin: 0 auto; padding-top: 5px;}

    .szfgb-list { width: 100%; margin-top: 10px; display: flex; justify-content: space-between;}
    .szfgb-list li { width: 24.5%; height: auto; margin: 0;}
    .szfgb-list li a{ width: 100%; height: auto; padding-bottom: 10px;}

    .szf-t-r .list { height: auto;}
    .zfjg-head li { width: 20%; text-align: center; white-space: nowrap;}

    .leader-right { border-left: 0; padding-left: 0;}
    .ldhd-tit li { width: 50%;}
    .picture li { width: 100%; height: auto;}
    .ldjh,.zfjg-main,.picture,.picture li,.zyjh,.ldhd,.leader-info-bottom h5 { margin-top: 10px;}
    .zfjg { min-height: auto;}
    .zzjg-item { margin: 0; padding: 10px;}
    .zzjg-list li{ width: 25%; margin: 5px 0;}

    .cwhy { float: left; width: 100%;}
}

@media only screen and (max-width: 768px) {
    .zzjg-list li { width: calc(100% / 3);}

    .gzbg-list li { width: 100%;}

    .zfjg-head li { width: 50%;}
}

@media only screen and (max-width: 480px) {
    .szfgb-list { flex-wrap: wrap;}
    .szfgb-list li { width: calc(100% / 2 - 2.5px); margin-bottom: 5px;}

    .csxwlb,.csxwlb img { width: 100%; height: auto;}

    .szf-t-r .title ul { float: none; margin-right: 30px;}
    .szf-t-r .title li { margin-left: 20px;}
    .zfjg-head ul { overflow: hidden;}
    .zfjg-head li a { padding: 0;}

    .zzjg-list li { width: 50%;}
    .zfjg-list li { width: 50%; padding: 5px 0;}


    .leader-list { padding-left: 0;}
    .leader-list h3 { position: static; width: 100%; padding-bottom: 10px;}
    .leader-list ul li { width: 33.33%; margin-right: 0;}
    .leader-list ul li .pic { width: 100px; max-width: 100%; height: 130px; margin: 0 auto;}
    .leader-list ul li .pic img { max-width: 100%; height: auto;}
    .leader-list.first ul li { float: none; width: 116px; margin: 0 auto;}
    .leader-list.first ul li .pic { width: 116px; height: 150px;}
}