@charset "utf-8";

.left_box{float: left;width: 610px;}
/* 左侧领导 */
.leader_lf{ width: 608px; height: auto; border: 1px solid #e1e1e1; margin-top: 20px;}
.leader_lf h2{ height: 48px;line-height: 48px;font-size: 18px; color: #333333; font-weight: bold; background: #F0F0F0; border-bottom: 1px solid #E1E1E1; text-indent: 20px;}
.leader_info{ width: 570px; height: auto; margin: 0 auto;}
.leader_info p.position{/* float: left; *//* width: 106px; */line-height: 123px;color: #333333;font-size: 20px;}
.leader_info ul{ float: left; width: 464px; height: auto; overflow: hidden;}
.leader_info ul li{ float: left; width: 96px; height: auto; margin: 0 0 0 20px;}
.leader_info ul li a.pic{display: block; height: 123px; width: 96px;}
.leader_info ul li a.pic img{height: 123px; width: 96px;}
.leader_info ul li p{ height: 24px; line-height: 24px; text-align: center; margin: 13px 0 17px;}
.leader_info ul li p a{color: #333333; font-size: 16px;}
.leader_info ul li p a:hover{ color: #0077dd;}

.first_leader ul li{ width: 104px;}
.first_leader ul li a.pic,.first_leader ul li a.pic img{width: 104px;height: 133px;}
.first_leader{ border-bottom: 1px solid #E1E1E1; margin: 19px auto;}

/* 政府机构 */
.zfjg{}
.zfjg_list{width: 100%;height: auto;}
.zfjg_list ul{ width: 630px;height: auto; overflow: hidden;}
.zfjg_list ul li{float: left;width: 295px;height: 70px; background: url(../images/szf_zfjg_arrow.png) 266px center no-repeat #f0f0f0; margin: 20px 20px 0 0;}
.zfjg_list ul li a{display: block;padding-left: 60px; height: 100%; line-height: 70px;font-size: 18px; color: #333333;}
.zfjg_list ul li a.jgicon01{background: url(../images/szf_zfjg_icon01.png) 18px center no-repeat;}
.zfjg_list ul li a.jgicon02{background: url(../images/szf_zfjg_icon02.png) 18px center no-repeat;}
.zfjg_list ul li a.jgicon03{background: url(../images/szf_zfjg_icon03.png) 18px center no-repeat;}
.zfjg_list ul li a.jgicon04{background: url(../images/szf_zfjg_icon04.png) 18px center no-repeat;}
.zfjg_list ul li a:hover{color: #0074B1;}
/* 右侧 */
.leader_ri{ float: right; width: 570px;height: auto; margin-top: 20px;}
.gzdt{ margin-top: 0 !important;}
.news{margin-top: 15px;}
.news_tab_title{ width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.news_tab_title ul{ float: left;}
.news_tab_title li{ float: left; width: auto; padding: 0 18px; background: url(../images/news_tab_tit_line.png) left center no-repeat; line-height: 48px; text-align: center;}
.news_tab_title li:first-child{ background: none; padding-left: 0;}
.news_tab_title li a{ color: #333333; font-size: 18px;}
.news_tab_title li:hover a,.news_tab_title li.hover a{color: #2f73b2; font-weight: bold; }
.list{ width: 100%; height: auto; margin-top: 10px;}
.list ul li{height: 36px; line-height: 36px; width: 100%; vertical-align: top; }
.list ul li a{ float: left; color: #333333; font-size: 16px; background: url(../images/news_tab_list_dot.png) left center no-repeat; padding-left: 13px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list ul li a:hover{ color: #1b64b4;}
.list ul li span{ float: right; font-size: 14px; color: #999999;}

.news_tab_title a.more{ float: right; font-size: 14px; color: #999999;}
.news_tab_title a.more:hover{ color: #1b64b4;}

.zfgzbg_list{ width: 100%;height: 160px; margin-top: 20px;}
.zfgzbg_list ul li{float: left; height: 160px; width: 135px; background: #f0f0f0; margin-left: 10px;}
.zfgzbg_list ul li:first-child{margin-left: 0;}
.zfgzbg_list ul li i{display: block;width: 90px;height: 90px; margin: 13px auto 10px;transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;}
.zfgzbg_list ul li i.icon01{background: url(../images/ldzc_zfgzbg_icon2019.png) no-repeat;}
.zfgzbg_list ul li i.icon02{background: url(../images/ldzc_zfgzbg_icon2018.png) no-repeat;}
.zfgzbg_list ul li i.icon03{background: url(../images/ldzc_zfgzbg_icon2017.png) no-repeat;}
.zfgzbg_list ul li i.icon04{background: url(../images/ldzc_zfgzbg_icon2016.png) no-repeat;}
.zfgzbg_list ul li p{line-height: 18px; text-align: center;}
.zfgzbg_list ul li p a{font-size: 16px; color: #333333;}
.zfgzbg_list ul li p a:hover{ color: #0074B1;}
.zfgzbg_list ul li i:hover{ 
	transform: rotate(360deg) scale(1.05);
            -webkit-transform: rotate(360deg) scale(1.05);
            -moz-transform: rotate(360deg) scale(1.05);
            -o-transform: rotate(360deg) scale(1.05);
            -ms-transform: rotate(360deg) scale(1.05);}


/* 政府公报 */
.zfgb{margin-top: 0;}
.zfgb_list{ width: 100%; height: 140px; margin-top: 20px;}
.zfgb_list ul{ width: 580px;height: 100%; overflow: hidden;}
.zfgb_list ul li{float: left; width: 129px;height: 134px;border: 3px solid #e6e5e3; margin-left: 10px; text-align: center;}
.zfgb_list ul li:first-child{margin-left: 0;}
.zfgb_list ul li i{display: block;width: 50px;height: 51px; background: url(../images/szf_zfgb_guohui.png) center center no-repeat; margin: 8px auto;}
.zfgb_list ul li a{ line-height: 16px; text-align: center;font-size: 14px; color: #333333;}
.zfgb_list ul li a span{font-size: 14px; color: #bf2738;font-weight: bold;}
.zfgb_list ul li a:hover{ color: #000000;}
.zfgb_list ul li a:hover span{color: #ff0000;}





@media screen and (max-width: 1199px) {
	.left_box,.leader_ri { width: 100%;}
	.leader_lf { margin-top: 10px; width: 100%;}
	.leader_info p.position { float: none; width: 100%; text-align: center;}
	.leader_info { width: 100%; padding: 0 10px; box-sizing: border-box;}
	.leader_info ul {width: 100%;float: none;display: flex;flex-wrap: wrap; justify-content: space-between;}
	.leader_info ul li { width: 33%; margin-left: 0;}
	.leader_info ul li a.pic { margin: 0 auto;}
	.first_leader ul li {margin: 0 auto;float: none;}


	.zfjg_list ul,.zfgb_list ul,.zfgzbg_list ul {width:100%; height: auto; display: flex; justify-content: space-between;}
	.zfgb_list ul li,.zfgzbg_list ul li { width: calc(100% / 4 - 5px); margin-left: 0; box-sizing: border-box;}
	.zfjg_list ul li { width: calc(100% / 3 - 5px); margin-right: 0; text-align: center;}
	.zfjg_list ul li,.zfjg_list ul li a { background-image: none !important; padding-left: 0;}
}

@media screen and (max-width: 480px) { 
    .list ul li a { max-width: 70%;}
    .zfgb_list,.zfgzbg_list { height: auto; margin-top: 0;}
    .zfjg_list ul,.zfgb_list ul,.zfgzbg_list ul { flex-wrap: wrap;}
    .zfjg_list ul li ,.zfgb_list ul li,.zfgzbg_list ul li { width: 100%; margin-top: 10px;}
}