.container { width: 1000px; background: #fff; margin: 0 auto 20px; padding: 0 100px;}


/******************** 政务公开 *******************/
.wrapper { width: 1160px; background: #fff; margin: 0 auto 20px; padding: 20px; }
.row { float: left; width: 100%;}

.zwgk-leader { float: left; width: 570px; height: 480px; position: relative;}
.zwgk-leader-list { margin-top: 20px; display: none;}
.zwgk-leader-list:first-child { display: block;}
.zwgk-leader-list .first { height: 185px;}
.zwgk-leader-list .first .pic { float: left; width: 146px; height: 185px;}
.zwgk-leader-list .first .pic img { width: 100%; height: 100%;}
.zwgk-leader-list .first .text { position: relative; margin-left: 166px; height: 100%;}
.zwgk-leader-list .first .text h2 { font-size: 18px; line-height: 30px;}
.zwgk-leader-list .first .text h2 span { font-weight: normal; color: #0157b3;}
.zwgk-leader-list .first .text p { font-size: 14px; line-height: 20px; color: #666; margin-top: 10px;}
.zwgk-leader-list .first .text .more { position: absolute; left: 0; bottom: 0; display: block; width: 90px; height: 32px; background: #0157b3; color: #fff; text-align: center; line-height: 32px;}
.zwgk-leader-list ul { margin-top: 15px;}
.zwgk-leader-list ul li { position: relative; font-size: 18px; line-height: 38px; padding: 0 0 0 146px; overflow: hidden;}
.zwgk-leader-list ul li h3 { position: absolute; left: 0; top: 0;}
.zwgk-leader-list ul li a { float: left; width: 54px; white-space: nowrap; color: #0157b3; margin-left: 20px;}
.zwgk-leader .zfjg { position: absolute; bottom: 0; display: block; width: 100%; height: 50px; line-height: 50px; background: #f3f5f9 url(../images/2020lkq_zwgk_zfjg.png) no-repeat 220px center; font-size: 18px; color: #0157b3; text-indent: 270px; transition: all .5s;}
.zwgk-leader .zfjg:hover { background-image: url(../images/2020lkq_zwgk_zfjg2.png); background-color: #0157b3; color: #fff; transition: all .5s;}

.gfxwj { float: right; width: 570px;}
.gfxwj-table { table-layout: fixed; width: 100%; margin-top: 12px;}
.gfxwj-table tr { border-bottom: 1px solid #e1e1e1;}
.gfxwj-table tr:first-child { background: #f0f0f0; border-bottom: 0;}
.gfxwj-table th { line-height: 40px; font-size: 14px; font-weight: bold; color: #666;}
.gfxwj-table td { line-height: 46px;}
.gfxwj-table td a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gfxwj-table .t1 { width: 25%;}
.gfxwj-table .t2 { width: 58%; text-align: left;}
.gfxwj-table .t3 { width: 17%;}

.zcjd { float: left; width: 570px;}

.zdly { float: right; width: 570px;}
.zdly-list { width: 590px; overflow: hidden;}
.zdly-list a { position: relative; float: left; width: 275px; height: 51px; background: #f3f5f9; line-height: 51px; text-indent: 80px; margin: 20px 20px 0 0; transition: all .5s;}
.zdly-list a i { position: absolute; left: 20px; top: 5px; display: block; width: 50px; height: 40px; background: url(../images/2020lkq_zwgk_zdly.png) no-repeat 0 0; transition: all .5s;}
.zdly-list .i2 { background-position-x: -50px;}
.zdly-list .i3 { background-position-x: -100px;}
.zdly-list .i4 { background-position-x: -150px;}
.zdly-list .i5 { background-position-x: -200px;}
.zdly-list .i6 { background-position-x: -250px;}
.zdly-list a:hover { background-color: #0157b3; color: #fff; transition: all .5s;}
.zdly-list a:hover i { background-position-y: -40px; transition: all .5s;}

.special { position: relative; float: left; width: 100%; height: 80px; overflow: hidden;}
.special-title { z-index: 9; position: absolute; top: 0; right: 50px; display: block; background: #767a7d; border-radius: 0 0 3px 3px; width: 72px; height: 26px; font-size: 12px; line-height: 26px; text-align: center; color: #fff; }
.special-title:hover { color: #fff;}
.special .prev,.special .next { position: absolute; top: 23px; left: 10px; display: block; width: 35px; height: 35px; background: url(../images/2020lkq_zwgk_special_prev.png);}
.special .next { left: auto; right: 10px; background: url(../images/2020lkq_zwgk_special_next.png);}
.special .bd li { width: 100%; height: 80px;}
.special .bd li img { width: 1160px; height: 80px;}

.xxgkfbpt { float: left; width: 100%;}
.xxgkgd { overflow: hidden;}
.xxgkgd a { position: relative; float: left; width: 216px; height: 60px; background: #f3f5f9; line-height: 60px; text-indent: 73px; margin-left: 20px; transition: all .5s;}
.xxgkgd a:first-child { margin-left: 0;}
.xxgkgd a i { position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../images/2020lkq_index_xxgk.png) no-repeat 0 0; transition: all .5s;}
.xxgkgd .i2 { background-position-x: -40px;}
.xxgkgd .i3 { background-position-x: -80px;}
.xxgkgd .i4 { background-position-x: -120px;}
.xxgkgd .i5 { background-position-x: -160px;}
.xxgkgd .i6 { background-position-x: -200px;}
.xxgkgd a:hover { background-color: #0157b3; color: #fff; transition: all .5s;}
.xxgkgd a:hover i { background-position-y: -40px; transition: all .5s;}



/******************** 领导之窗 *******************/
.leader-list-wrap { background: url(../images/2020lkq_top_bg.png) repeat-x left top; padding: 20px 0;}
.leader-item { padding: 10px 0; overflow: hidden;}
.leader-head { border-bottom: 1px solid #e1e1e1; height: 39px;}
.leader-head h2 { float: left; font-size: 24px; font-weight: normal;} 
.leader-list { margin-top: 30px; overflow: hidden;}
.leader-list .leader-first { float: left; width: 280px; text-align: center;}
.leader-list .leader-first .pic { width: 196px; height: 319px; margin: 0 auto;}
.leader-list .leader-first .pic img{ width: 100%; height: 100%;}
.leader-list .leader-first p { text-align: center; margin-top: 20px;}
.leader-list .leader-first p a { display: block; color: #0157b3;}
.leader-list ul { margin-left: 280px;}
.leader-list ul li { float: left; width: 120px; height: 200px; margin: 0 0 20px 20px;}
.leader-list ul li .pic { width: 100px; height: 125px;}
.leader-list ul li .pic img { width: 100%; height: 100%;}
.leader-list ul li  p { text-align: center; line-height: 18px;; margin-top: 10px;}
.leader-list ul li  p a { display: block; color: #0157b3;}



/******************** 领导详情 *******************/
.leader-left { float: left; width: 200px;}
.leader-left h1 { font-size: 24px; font-weight: normal; text-align: center; padding: 20px 0;}
.leader-left-item { border-top: 1px solid #e1e1e1; padding: 20px 0 10px;}
.leader-left-item h2 { font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 5px;}
.leader-left-item li { line-height: 36px; text-align: center;}
.leader-left-item li.active a{ color: #0157b3;}
.leader-right { margin-left: 240px; padding-top: 50px; padding-bottom: 100px;}
.leader-right .pic { text-align: center;}
.leader-right .pic img{ width: 160px; height: 230px;}
.leader-right .text { margin-top: 50px;}
.leader-right .text h2 { font-size: 20px; line-height: 30px;}
.leader-right .text,.leader-right .text p { font-size: 16px !important; line-height: 36px !important;}



/******************** 专题专栏 *******************/
.special-wrap { background: url(../images/2020lkq_top_bg.png) repeat-x left top; padding: 40px 0;}
.special-top { width: 1020px;  overflow: hidden;}
.special-top-item { float: left; width: 320px; height: 430px; margin-right: 20px;} 
.special-top-item .pic { width: 100%; height: 210px; overflow: hidden;}
.special-top-item .pic img { width: 100%; height: 100%; transform: scale(1); transition: all .5s;}
.special-top-item .pic:hover img { transform: scale(1.05); transition: all .5s;}
.special-top-item .text { background: #f3f5f9; padding: 20px; height: 180px;}
.special-top-item .text h3 { background: url(../images/2020lkq_special_hot.png) no-repeat left center; font-size: 18px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 45px;}
.special-top-item .text p { height: 96px; color: #999; line-height: 24px; text-indent: 2em; text-align: justify; margin-top: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.special-top-item .text .more { display: block; background: #0077dd; border-radius: 5px; width: 96px; height: 30px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; color: #fff; margin: 17px auto 0;} 
.special-top-item .text .more:hover { background: #0157b3;}

.special-bottom { overflow: hidden;}
.special-bottom .title ul li { font-size: 20px;}
.special-list { width: 1020px;}
.special-list li { float: left; border: 5px solid #f3f5f9; width: 270px; height: 142px; padding: 20px; margin: 20px 20px 0 0; overflow: hidden;}
.special-list li h4 { background: url(../images/2020lkq_special_icon.png) no-repeat left center; padding-left: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.special-list li p { height: 48px; line-height: 24px; color: #999; text-indent: 2em; margin-top: 20px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.special-list li .more { float: right; border: 1px solid #e1e1e1; border-radius: 3px; width: 94px; height: 28px; font-size: 14px; text-align: center; line-height: 28px; color: #999; margin-top: 20px;}
.special-list li .more:hover { border-color: #0157b3; color: #0157b3;}



@media screen and (max-width: 1199px) {
    .container { width: 100%; padding: 10px;}

    .leader-list-wrap { background: none; padding-top: 0;}
    .leader-left { display: none;}
    .leader-right { margin-left: 0; padding-top: 20px; padding-bottom: 20px;}
}