@charset "utf-8";
/*头条*/
.toutiao{ width: 100%; height: 85px; background: #f0f0f0; }
.toutiao .w1200{position: relative;}
.toutiao_tit{position: absolute; top: 0;left: 0; width: 139px; height: 85px; padding-right: 15px; background: url(../images/toutiao_bg.png) center center no-repeat;}
.toutiao_tit h3{ height: 40px; line-height: 40px; padding-top: 13px; text-align: center; font-size: 24px; color: #233f59; font-weight: normal;}
.toutiao_tit p{ height: 14px; line-height: 14px; font-size: 12px; color: #e7660f; text-align: center;}
.toutiao_info{  width: 892px;margin: 0 auto;overflow: hidden;}
.toutiao_info h2{ height: 40px; line-height: 40px; padding-top: 12px; text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.toutiao_info h2 a{color: #233f59; font-size: 26px;}
.toutiao_info h2 a:hover{ color: #3C8BD4;}
.toutiao_info p{line-height: 22px; height: 22px; font-size: 16px; color: #233f59; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.toutiao .close{position: absolute;display: block;width: 24px;height: 24px;background: url(../images/index_headline_close.png) no-repeat;right: 0;top: 20px;display: none;}
.toutiao .close:hover{cursor: pointer;}
/*滚动图*/
.slider_pic{ height:380px; width:1200px;position:relative; z-index:5; overflow:hidden; margin-bottom: 12px; margin-top: 20px;}
.slider_pic .hd{ height:10px; overflow:hidden; position:absolute; right:20px; bottom:15px; z-index:1; }
.slider_pic .hd ul{ overflow:hidden; zoom:1;   }
.slider_pic .hd ul li{ float:left; margin-left:5px;  width:10px; height:10px; background:url(../images/index_slider_dot.png) center center no-repeat; cursor:pointer; }
.slider_pic .hd ul li.on{ background-image:url(../images/index_slider_dot_on.png);}
.slider_pic .bd{ position:relative; height:380px; z-index:0;}
.slider_pic .bd li{ zoom:1; vertical-align:middle;}
.slider_pic .bd li a{ display:block; width:1200px; height:380px; position:relative;}
.slider_pic .bd li p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);   font-size:16px; line-height:40px; color:#fff; cursor:pointer; text-indent:20px;}
.slider_pic .bd li a:hover p{ color:#256092;}
.slider_pic .bd img{ width:1200px; height:380px;}
/*工作动态*/
.gzdt{ float: left; width: 720px; margin-right: 20px;}

.news_tab_title{ width: 100%; height: 58px; line-height: 58px; 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: 58px; 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;}
/*央网推荐*/
.ywtj{ float: right; width: 460px;}
.ywtj_list{ width: 420px;height: 271px; padding: 20px 20px 0; background: #f0f0f0; overflow: hidden;}
.ywtj_list ul li{height: 39px; line-height: 39px; width: 100%; vertical-align: top; border-bottom: 1px solid #e1e1e1;position: relative; }
.ywtj_list ul li span{float:left;display: block; width: 16px; height: 16px; line-height: 16px; border: 1px solid #E1E1E1; background: #FFFFFF; font-size: 12px; color: #999999; text-align: center; font-weight: normal; margin: 10px 10px 11px 0;}
.ywtj_list ul li a{ float: left; color: #333333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 390px;}
.ywtj_list ul li a:hover{ color: #1b64b4;}
/* 专题 */
.topic_slider{float: left; width:720px; height: 90px;  overflow:hidden; position:relative; margin-right: 20px;margin-top: 10px;   }
.topic_slider .bd{ float: left; width: 670px;  height: 90px; overflow: hidden;}
.topic_slider .bd ul{ overflow:hidden; zoom:1; }
.topic_slider .bd ul li{ margin-right: 10px; height: 90px; width: 216px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.topic_slider .bd ul li a{ display: block; width: 100%; height: 100%;}
.topic_slider .bd ul li a img{ width:220px; height:90px; }
.topic_slider .bd ul li a:hover img{ transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);  }
.topic_slider a.topic_more{ float: right; display: block; font-size: 14px; color: #FFFFFF; font-weight: bold; background: #1262ac; padding:17px 10px ; width: 20px;height:56px ; line-height: 14px; text-align: center;}
.topic_slider a.topic_more:hover{ background: #1e82df;}
/*专题专栏*/
.ztzl{width: 100%;height: 155px;background: url(../images/index_ztzl_bg.jpg) center center no-repeat;margin: 15px 0;background-size: auto 100%;}
.slider_ztzl{height: 155px;position:relative;z-index:5;overflow:hidden;}
.slider_ztzl .bd{ position:relative; height:135px; z-index:0;width: 1000px; margin: 0 auto;}
.slider_ztzl .bd li{ zoom:1; vertical-align:middle; }
.slider_ztzl .bd li h3{line-height: 36px; height: 36px; text-align: center; padding-top: 8px; }
.slider_ztzl .bd li h3 a{color: #2f73b2; font-size: 20px; font-weight: bold;}
.slider_ztzl .bd li h3 a:hover{ color: #1B64B4;}
.slider_ztzl .bd li p{ line-height: 22px; height: 22px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slider_ztzl .bd li p a{color: #666666; font-size: 14px; }
.slider_ztzl .bd li p a:hover{ color: #3C8BD4;}
.slider_ztzl .bd li a.more{ display: block; width: 116px; height: 30px; text-align: center; line-height: 30px; background: #6699cc; border-radius: 3px; margin: 0 auto; font-size: 14px; color: #ffffff;}
.slider_ztzl .bd li a.more:hover{ background: #1272d1;}
.slider_ztzl .prev,.slider_ztzl .next{ position:absolute; left:5px; top:50%; margin-top:-23px; display:block; width:45px; height:45px; background:url(../images/index_ztzl_prev.png) center center no-repeat; }
.slider_ztzl .next{ left:auto; right:5px; background-image: url(../images/index_ztzl_next.png); }

.slider_ztzl .prev:hover,.slider_ztzl .next:hover{
	transform: rotate(360deg) scale(1.1);
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    }

.slider_ztzl .ztzl_more{ position: absolute; top: 0; left: 0; display: block; width: 100px; height: 30px; background: #d1d1d1; font-size: 16px; color: #999999; text-align: center; line-height: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.slider_ztzl .ztzl_more:hover{ background: #1B64B4; color: #FFFFFF;}
.xxgk_left{ float: left; width: 720px; height: auto;}


.slider_ztzl .prev,.slider_ztzl .next,.xxgkfbpt_list li a i,.zwfw .zwfw_info .fw_list li a i,.dczj i,.dczj,.zwfw .zrrbs,.topic_slider .bd ul li a img,.xwfbh a.pic img{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}


.xxgk_right{ float: right;	width: 460px;}

/*信息公开发布平台*/
.xxgkfbpt{  margin-bottom: 10px;}
.xxgkfbpt h3{ height: 59px; line-height: 59px; font-size: 18px; color: #2f73b2; font-weight: bold;}
.xxgkfbpt_list{ width: 458px; height: 138px; padding: 9px 0; border: 1px solid #e1e1e1;}
.xxgkfbpt_list li{ padding-left: 20px; width: 209px; float: left; height: 46px; }
.xxgkfbpt_list li a{ display: inline-block; width: 100%; height: 100%; line-height: 46px; font-size: 16px; color: #333333; }
.xxgkfbpt_list li a i{ display: block; width: 26px; height: 26px; float: left; margin: 10px 14px 10px 0;}
.xxgkfbpt_list li a i.icon01{ background: url(../images/xxgkfbpt_icon01.png) center center no-repeat;}
.xxgkfbpt_list li a i.icon02{ background: url(../images/xxgkfbpt_icon02.png) center center no-repeat;}
.xxgkfbpt_list li a i.icon03{ background: url(../images/xxgkfbpt_icon03.png) center center no-repeat;}
.xxgkfbpt_list li a i.icon04{ background: url(../images/xxgkfbpt_icon04.png) center center no-repeat;}
.xxgkfbpt_list li a i.icon05{ background: url(../images/xxgkfbpt_icon05.png) center center no-repeat;}
.xxgkfbpt_list li a i.icon06{ background: url(../images/xxgkfbpt_icon06.png) center center no-repeat;}
.xxgkfbpt_list li a:hover i{
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    }
.xxgkfbpt_list li a:hover{ color: #0077DD;}
.sublist {padding-left: 15%;}
.subtabs {width: 15%;float: left;font-size: 0;}
.subtabs a {display: inline-block;height: 36px;line-height: 36px;margin: 5px auto;width: 92%;background-color: #f1f1f1;color: #333; border: 1px solid #cccccc;text-align: center;font-size: 12px;}
.subtabs a:hover,.subtabs a.hover {background-color: #fff; color: #000;}
/*政务服务*/
.zwfw{ }
.zwfw .title{ height: 59px; width: 100%; line-height: 59px; }
.zwfw .title h3{ height: 59px; line-height: 59px; float: left;}
.zwfw .title h3 a{font-size: 18px; color: #2f73b2; font-weight: bold;}
.zwfw .title h3 a:hover{ color: #1272D1;}
.zwfw .title a.zzwst{float: right; padding-left: 35px; font-size: 18px; color: #666666; background: url(../images/zwfw_zzwst.png) left center no-repeat;}
.zwfw .title a.zzwst:hover{ color: #0077dd; background-image: url(../images/zwfw_zzwst_on.png);}
.zwfw .zwfw_info{ width: 718px; height: 106px; border: 1px solid #E1E1E1;}
.zwfw .zwfw_info .fw_list{padding: 20px 0 0 17px; width: auto; overflow: hidden; height: 80px; float: left; }
.zwfw .zwfw_info .fw_list li{ float: left; width: 100px; height: 100%; margin: 0 4px; text-align: center;}
.zwfw .zwfw_info .fw_list li a{ font-size: 12px; color: #666666;}
.zwfw .zwfw_info .fw_list li a i{ display: block; width: 46px; height: 46px; margin: 0 auto 10px; }
.zwfw .zwfw_info .fw_list li a i.fw01{ background: url(../images/index_zwfw_icon01.png) center center no-repeat;}
.zwfw .zwfw_info .fw_list li a i.fw02{ background: url(../images/index_zwfw_icon02.png) center center no-repeat;}
.zwfw .zwfw_info .fw_list li a i.fw03{ background: url(../images/index_zwfw_icon03.png) center center no-repeat;}
.zwfw .zwfw_info .fw_list li a i.fw04{ background: url(../images/index_zwfw_icon04.png) center center no-repeat;}
.zwfw .zwfw_info .fw_list li a i.fw05{ background: url(../images/index_zwfw_icon05.png) center center no-repeat;}
.zwfw .zwfw_info .fw_list li a:hover{ color: #0077DD;}
.zwfw .zwfw_info .fw_list li a:hover i,.xwfbh a.pic:hover img{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  	}
.zwfw .zrrbs{ display: block; float: left; width: 40px; height: 36px; padding: 16px 18px; line-height: 18px; background: #f0f0f0; color: #666666; font-size: 16px; font-weight: bold; text-align: center; margin-left: 10px; border-radius: 5px;margin-top: 20px;}
.zwfw a.zrrbs01{ margin-left: 0;}
.zwfw .zrrbs:hover{ background: #2f73b2; color: #FFFFFF; 
	transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);}

/*互动交流*/
.hdjl{ height: 90px; margin-top: 14px;}
.hdjl .wyxx{ float: left; width:230px; height: 90px; background: url(../images/index_hdjl_wyxxbg.png) 19px center no-repeat #0077dd;}
.hdjl .wyxx p{ line-height: 26px; height: 26px; font-size: 16px; color: #ffffff; padding: 11px 0 0 95px;}
.hdjl .wyxx a{ display: block; width: 110px; height: 33px; border: 1px solid #81b4e6; line-height: 33px; text-align: center; color: #ffffff; font-size: 16px; margin-top: 4px; border-radius: 4px; margin-left: 95px;}
.hdjl .wyxx a:hover{ background: #1B64B4;}
.dczj{float: left; display: block; width: 93px; height: 78px; padding-top: 10px; text-align: center; border: 1px solid #0077dd; border-radius: 3px; font-size: 16px; color: #0077dd; margin-left: 20px;}
.dczj i{ display: block; width: 41px; height: 39px; margin: 0 auto 9px; }
.dczj i.hd_btn01{ background: url(../images/index_hdjl_dczjbg.png) -41px 0 no-repeat;}
.dczj i.hd_btn02{ background: url(../images/index_hdjl_wsxfbg.png) -41px 0 no-repeat;}
.dczj:hover{ background: #0077DD; color: #FFFFFF;}
.dczj:hover i.hd_btn01{ background: url(../images/index_hdjl_dczjbg.png) 0 0 no-repeat;}
.dczj:hover i.hd_btn02{ background: url(../images/index_hdjl_wsxfbg.png) 0 0 no-repeat;}

/* 新闻发布会 */
.xwfbh{width: 100%;height: auto;}
.xwfbh a.pic{display: block; width: 460px;height: 237px;overflow: hidden;}
.xwfbh a.pic img{width: 460px;height: 237px;}
.xwfbh p.tit{height: 20px;line-height: 20px;margin-top: 8px;font-size: 16px;color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwfbh p.tit a{font-size: 16px;color: #333333;}
.xwfbh p.tit a:hover{color: #1b64b4;}
@media screen and (max-width:1199px){
	body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
	.toutiao{ margin-top: 20px; width: 98%; margin: 10px auto;}
	.toutiao .w1200{ width: 100%;}
	.toutiao_tit{ float: none; display: none;}
	.toutiao_info{ float: none; width: 100%; margin: 0;}
	
	.slider_pic,.slider_pic .bd,.slider_pic .bd li a,.slider_pic .bd li a img { width: 100%;height: auto;}
	
	.gzdt,.ywtj,.xxgk_left,.xxgk_right{ width: 100%;}
	.ywtj_list{ width: 100%; box-sizing: border-box; padding: 10px 20px 20px; height: auto;}
	.gzdt{ float: none; margin-right: 0;}
	.ywtj{ float: none;}
	.topic_slider{ float: none; width: 100%; height: auto; margin: 10px auto 0;}
	.topic_slider .bd { width: 100%;}
	.topic_slider .bd ul { display: flex; justify-content: space-between;}
	.topic_slider .bd ul li { margin-right: 0; width: calc(100% / 3 - 5px);}
	.topic_slider a.topic_more { width: 100%; height: 40px; line-height: 40px; padding: 0; margin-top: 10px;}
	
	
	.ztzl{ width: 96%; margin: 20px auto 0;}
	.ztzl .w1200{ width: 100%;}
	.slider_ztzl .bd{ width: 80%;}
	
	.xxgkfbpt_list{ width: 100%; box-sizing: border-box; overflow: hidden; height: auto;}
	.xxgkfbpt_list li{ box-sizing: border-box; width: 50%;}
	
	.zwfw{ float: none; width: 100%;}
	.zwfw .zwfw_info{ padding-bottom: 10px;}
	.zwfw .zwfw_info,.zwfw .zwfw_info .fw_list{ box-sizing: border-box; width: 100%; overflow: hidden; height: auto;}
	.zwfw .zwfw_info .fw_list{ padding: 20px 0 0;}
	.zwfw .zwfw_info .fw_list li{ width: 20%; margin: 0;}
	.zwfw .zrrbs{ width: 30%; margin: 10px 1.6% 0;padding: 0;line-height: 36px;font-size: 14px; }
	.zwfw a.zrrbs01{ margin-left: 1.6%;}
	
	.hdjl{ float: none; margin: 20px auto 0; height: auto; }


    body { padding: 0;}
    .top { position: static; height: auto !important; background: none; padding: 30px 0 20px;}
    .logo_mobile { background: none; float: none; width: 100%; text-align: center; padding: 0;}
	.logo_mobile img {display: block;margin: 0 auto;max-width: 100%;}
    .search_box { display: block; position: static; margin-top: 10px !important; overflow:hidden;}
	.nav_box { display: block; position: static; background: #196bb6; padding-top: 0;}
	.nav_box .w1200 { width: 100%;}
	.nav_box .nav li {border-radius: 0;float: left !important;width: 25%;height: 60px;margin: 0;box-sizing: border-box;position: relative;}
	.nav_box .nav li::before { content:""; width: 1px; height: 25px; background: #6699cc; position: absolute; left: 0; top: 17.5px;}
	.nav_box .nav li:nth-child(1),.nav_box .nav li:nth-child(2),.nav_box .nav li:nth-child(3),.nav_box .nav li:nth-child(4) { border-bottom: 1px solid #6699cc;}

}

@media screen and (max-width:768px) {
	.toutiao_info h2{ line-height: 24px; height: auto; overflow: auto; white-space: normal;}
	.toutiao{padding-bottom: 10px; height: auto; }
	.toutiao_info h2 a{ font-size:22px ;}
	
	.topic_slider{ width: 100%;height: auto;}
	.topic_slider .bd{ width: 100%;height: auto;}
	.topic_slider a.topic_more{display: none;}
	.topic_slider .bd ul li{margin: 0 auto; float: none;}
	.topic_slider .bd ul li:first-child{margin-bottom: 20px;}
	.topic_slider .bd ul li:last-child{margin-right: auto !important;}
	.list{overflow: hidden; margin-top: 0;}
	.list ul li{ height: auto; line-height: 24px; padding: 8px 0; border-bottom: 1px solid #DEDEDE; overflow: auto; white-space: normal;}
	.list ul li:last-child{ border-bottom: none;}
	.list ul li a{ float: none; box-sizing: border-box; max-width: 100%; display: inline;color: #666; overflow: auto; white-space: normal; background: none; padding-left: 0;}
	.list ul li span,.ywtj_list ul li span{ float: none; display: none;}
	
	.xxgkfbpt_list li{ height: 34px; line-height: 34px;}
	
	.ywtj .news_tab_title{ border-bottom: none;}
	.ywtj_list ul li:last-child{ border-bottom: none;}

	.slider_pic,.slider_pic .bd,.slider_pic .bd li a,.slider_pic .bd li a img {height: 238px;}
}
@media screen and (max-width:600px) {
	.toutiao_info h2{ padding-top: 8px;}
	.toutiao_info h2 a{ font-size: 20px;}
	.slider_pic{ margin-bottom: 0;}
	
	.slider_ztzl .bd li h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.slider_ztzl .bd li h3 a{ font-size: 20px;}
	.slider_pic .bd li p{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	
	.slider_ztzl .prev, .slider_ztzl .next{width: 35px; height: 35px; background-size: cover; margin-top: -18px;}  
	
	.news_tab_title{ height: 50px;}
	.news_tab_title li{ line-height: 50px;}
	
	.hdjl{ width: 100%;}
	.hdjl .wyxx{ float: none; width: 80%; margin: 0 auto 20px; background-position-x: 30%; border-radius: 10px;}
	.hdjl .wyxx p{ padding-left: 50%;}
	.hdjl .wyxx a{ margin-left: 50%;}
	.dczj{ width: 30%; margin: 0 10% 20px; box-sizing: border-box; padding-bottom: 10px; height: auto; border-radius: 5px;}
	.xxgkfbpt{ margin-bottom: 0;}
	.slider_pic,.slider_pic .bd,.slider_pic .bd li a,.slider_pic .bd li a img {height: 186px;}

	.subtabs{ width: 100%;float: none;}
	.subtabs a{width: 46%; float: left; margin: 5px 2%; box-sizing: border-box;}
	.sublist{padding-left: 0;}
}
@media screen and (max-width:480px) {
	.toutiao{ margin: 10px auto; padding: 0 10px 8px; box-sizing: border-box; border-radius: 5px;}
	
	.slider_pic .hd{ display: none;}
	.slider_pic .bd li p{ height: 30px; line-height: 30px; font-size: 14px; text-indent: 0; text-align: center;}
	
	.slider_ztzl .bd li h3{ height: 40px; line-height: 40px; padding-top: 30px;}
	.slider_ztzl .bd li h3 a{ font-size: 16px;}
	
	.xxgkfbpt_list li{ padding-left: 10px;}
	.xxgkfbpt_list li a{ font-size: 14px;}
	.xxgkfbpt_list li a i{ margin-right: 7px;}
	.zwfw .zwfw_info .fw_list li a{ font-size: 12px;}
	.ywtj_list ul li a{ max-width: 100%;}
	
	.slider_ztzl .prev, .slider_ztzl .next{width: 30px; height: 30px;  margin-top: -15px; }
	
	.slider_pic,.slider_pic .bd,.slider_pic .bd li a,.slider_pic .bd li a img {height: 149px;}

	.xwfbh a.pic,.xwfbh a.pic img{width: 100%;height: auto;}
	.xwfbh p.tit{height: auto;overflow: auto;white-space: normal;}
	

	.topic_slider .bd ul { flex-wrap: wrap;}
	.topic_slider .bd ul li { width: 100%; margin-bottom: 10px;}
	.topic_slider a.topic_more { margin-top: 0;}
}

@media screen and (max-width:360px) {
	.toutiao_info h2 a{ font-size: 18px;}
	.news_tab_title li a{ font-size: 16px;}
	.list ul li a{ font-size: 15px;}
	
	.ywtj_list{ padding: 10px;}
	.ywtj_list ul li a{font-size: 15px;}
	.xxgkfbpt_list li a i{ display: none;}

	.slider_pic,.slider_pic .bd,.slider_pic .bd li a,.slider_pic .bd li a img {height: 149px;}
}