@charset "utf-8";
/* css document */

/*公共样式*/

/*主题部分*/

.maintop { padding: 20px; margin: 0 auto; background: #fff; overflow: hidden; }
/*头条*/
.ttnewsbox { height: 88px; background: #f5f5f5; margin-bottom: 20px; padding-top: 12px; }
.zw_tt1 { height: 42px; line-height: 42px; text-align: center; overflow: hidden; }
.zw_tt1 a { font-size: 28px; width: 100%; font-weight: bold; color: #1b50a0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zw_tt2 { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.zw_tt2 ul li { padding: 0 12px; text-align: center; font-size: 16px; height: 30px; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; display: inline-block; max-width: 33.3%; box-sizing: border-box; background:  right center no-repeat; }
.zw_tt2 ul li a { float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #505050; }
.zw_tt2 ul li:last-child { background: none; }
.zw_tt1 img, .zw_tt2 img { display: none; }
/*图片切换*/
.flash { width: 540px; height: 310px; float: left; overflow: hidden; margin-bottom: 20px; }
.ind_flash { width: 100%; height: 100%; overflow: hidden; position: relative; }
.flash-pic, .flash-pic a, .flash-pic img, .flash-pic li, .flash-pic ul { height: 100%!important; width: 100%!important; }
.flash-pic { position: relative; z-index: 0; }
.flash-pic li { zoom: 1; vertical-align: middle; }
.flash-pic a { display: block; color: #fff; position: relative; }
.flash-pic img { display: block; width: 100%; max-width: 100%; height: 100%; margin: 0 auto; }
.flash-pic .title { display: block; height: 36px; line-height: 36px; padding: 0 140px 0 15px; font-size: 14px; background: rgba(0, 0, 0, 0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; }
.flash-pic a:hover .title { color: #fff; }
.flash-num { overflow: hidden; position: absolute; right: 15px; bottom: 12px; z-index: 1; }
.flash-num ul { overflow: hidden; zoom: 1; float: left; }
.flash-num ul li { float: left; margin-right: 10px; width: 10px; height: 10px; text-align: center; font-size: 0; 
  background:  no-repeat center!important; overflow: hidden; cursor: pointer; border-radius: 50%; -moz-border-radius: 50%; }
.flash-num ul li.on { background:  no-repeat center!important; }

/*工作动态*/
.dtbox { width: 600px; height: 330px; float: right; }
.panel_heading { height: 45px; border-bottom: 1px solid #ddd; }
.panel_heading ul li { width: 16%; height: 45px; float: left; text-align: center; min-width: 74px; }
.panel_heading ul li a { font-size: 18px; color: #505050; display: block; line-height: 45px; }
.panel_heading ul li.active a { color: #1b50a0; font-weight: bold; border-top: 3px solid #1b5cc0; border-bottom: 2px solid #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; height: 41px; }
.panel_body { padding-top: 16px; height: auto; }
.panel_body ul { display: none; }
.panel_body ul.active { display: block; }

.news-list ul li { height: 32px; line-height: 32px; background:  left 14px no-repeat; padding: 0 36px 0 13px; box-sizing: border-box; position: relative; }
.news-list ul li a { font-size: 16px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 515px; }
.news-list ul li img { float: left; padding-top: 10px; }
.news-list ul li .date { font-size: 14px; color: #999; font-family: arial,helvetica,sans-serif; position: absolute; top: 0; right: 0; }
.hfgg { height: auto; margin-bottom: 20px; clear: both; }
.hfgg li a { display: block; width: 100%; height: auto; }
.hfgg li a img { width: 100%; height: auto; }
.hfgg .img_title { display: none; }

/* 重要转载 */
.con { display: none; }
.con.active { display: block; }
.panel_body .zyzz_title ul li { float: left; background: none; margin-right: 22px; padding: 0; }
.panel_body .zyzz_title ul li a { font-size: 16px; color: #1b50a0; }
.panel_body .zyzz_title ul li.active a { color: #c50001; }
/*文件*/
.wjbox { width: 420px; height: 315px; float: left; margin-right: 20px; }
.wjlist { height: 42px; background:  bottom repeat-x; }
.wjlist ul li { width: 120px; height: 42px; float: left; text-align: center; }
.wjlist ul li a { font-size: 18px; color: #505050; display: block; line-height: 38px; }
.wjlist ul li.active a { color: #1b50a0; font-weight: bold; border-top: 3px solid #1b5cc0; border-bottom: 2px solid #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.wj_wz { padding-top: 11px; height: auto;}
.wj_wz ul { display: none; }
.wj_wz ul.active { display: block; }
.wj_wz.news-list ul li a { max-width: 338px; }
/*公开栏目*/
.gkbox { width: 280px; float: right; }
.gkbtn_one { height: auto; margin-bottom: 1px; }
.gkbtn_one ul li { width: 93px; height: 80px; float: left; margin-right: 1px; background: #f5f5f5; }
.gkbtn_one ul li.num3 { margin-right: 0; width: 92px; }
.gkbtn_one ul li a { display: block; padding-top: 13px; }
.gkbtn_one ul li:hover { background: #f5f5ec; }
.gkbtn_one li a span { display: block; vertical-align: top; cursor: pointer; }
.gkbtn_one li a .ico { height: 25px; width: 100%; display: block; }
.gkbtn_one li a .tit { height: 32px; line-height: 32px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.gkbtn_one li a:hover .ico { webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); }
.gkbtn_one ul li.num1 .ico { background:  center no-repeat; }
.gkbtn_one ul li.num2 .ico { background:  center no-repeat; }
.gkbtn_one ul li.num3 .ico { background:  center no-repeat; }
.gkbtn_two { height: 203px; }
.gkbtn_two ul li { height: 50px; margin-bottom: 1px; width: auto; }
.gkbtn_two ul li a { display: block; line-height: 50px; height: 50px; background: #f5f5f5; padding-left: 32px; font-size: 14px; color: #333; }
.gkbtn_two ul li .ico { width: 23px; height: 50px; float: left; margin-right: 18px; }
.gkbtn_two ul li a:hover .ico { webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); }
.gkbtn_two ul li a .tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: auto; text-align: left; }
.gkbtn_two ul li.num1 .ico { background:  center no-repeat; }
.gkbtn_two ul li.num2 .ico { background:  center no-repeat; }
.gkbtn_two ul li.num3 .ico { background:  center no-repeat; }
.gkbtn_two ul li.num4 .ico { background:  center no-repeat; }
.gkbtn_two ul li a:hover { background: #f5f5ec; }
/*部门信箱*/
.hdjl-boxt { width: 100%; height: 28px; background: #fafafa; margin-top: 5px; }
.hdjl-boxt ul li { float: left; height: 28px; line-height: 28px; font-size: 15px; color: #535353; }
.hdjl-boxt ul li.w1 { width: 306px; text-indent: 22px; }
.hdjl-boxt ul li.w2 { width: 130px; margin-right: 12px; text-align: center; }
.hdjl-boxt ul li.w3 { width: 92px; text-align: center; }
.hdjl-boxc { width: 100%; height: auto; }
.hdjl-boxc ul { height: 32px; line-height: 32px; width: 100%; }
.hdjl-boxc ul li { float: left; font-size: 15px; color: #535353; }
.hdjl-boxc ul li.w1 { width: 306px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hdjl-boxc ul li.w2 { width: 130px; margin-right: 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hdjl-boxc ul li.w3 { width: 92px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; }
.hdjl-boxc ul li .hdjl-boxt-yes { color: #535353; }
.hdjl-boxc ul li .hdjl-boxt-no { color: #fa8400; }
/*栏目列表*/
.lmlist { height: auto; margin-bottom: 20px; clear: both; overflow: hidden; }
.lmlist ul li { width: 278px; height: 100px; float: left; margin-right: 16px; text-align: center; }
.lmlist ul li a { width: 100%; height: 100%; display: block; }
.lmlist ul li a img { width: 100%; height: 100%; }
.lmlist ul li.num4 { margin-right: 0; }
.lmlist ul li a .img-title { display: none; }
/*政民互动*/
.zmhdlist { height: 48px; line-height: 48px; margin-bottom: 20px; padding-left: 7px; border-top: 2px solid #206fc8; border-bottom: 1px solid #ddd; }
.zmhdlist a { font-size: 22px; font-weight: bold; color: #206fc8; }
.zdgz_wz { height: 228px; padding-top: 10px; }
.zdgz_wz ul { display: none; }
.zdgz_wz ul.active { display: block; }
.zdgz_wz ul li.odd { margin-right: 82px; }
.zdgz_wz ul li { float: left; width: 538px; }
.zdgz_wz ul li a { max-width: 446px; }
.fctu { height: 208px; clear: both; overflow: hidden; }
.fctu .j-marquee{
  height: 100%!important;
}
.fctu ul li { width: 276px; height: 208px; float: left; margin-right: 20px; position: relative; }
.fctu ul li a { display: block; width: 100%; height: 100%; }
.fctu ul li a img { width: 100%; height: 100%; }
.fctu ul li .title { height: 38px; background:  repeat; font-size: 14px; color: #fff; line-height: 38px; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; box-sizing: border-box; }
/*友情链接*/
.linkbox { height: auto; padding: 20px; background: #fff; margin-top: 20px; }
.yqlink { width: 100%; height: 37px; }
.yqlink1 { font-size: 16px; font-weight: bold; color: #206fc8; width: 93px; height: 37px; line-height: 37px; }
.friend_links { float: left; height: 37px; line-height: 37px; }
.friend_links ul li { float: left; padding: 0 10px; font-size: 14px; }

/*图片链接*/
.linkpic { height: 72px; overflow: hidden; }
.linkpic li { float: left; margin-right: 15px; width: 220px; height: 72px; overflow: hidden; }
.linkpic li .img_title { display: none; }

@media (max-width: 1199px) and (min-width: 992px) {
  .maintop { padding: 15px; }
  .flash { width: 450px; height: 258px; margin-bottom: 15px; }
  .dtbox { width: 500px; height: 258px; overflow: hidden; }
  .panel_heading ul li { width: 16.6%; }
  .news-list ul li a { max-width: 420px; }
  .hfgg { margin-bottom: 15px; }
  .wjbox { width: 345px; margin-right: 15px; }
  .gkbox { width: 240px; }
  .gkbtn_one ul li { width: 79px!important; }
  .wj_wz.news-list ul li a { max-width: 268px; }
  .lmlist { margin-bottom: 15px; }
  .lmlist ul li { width: 228px; height: 82px; }
  .zdgz_wz ul li a { max-width: 395px; }
  .zdgz_wz ul li.odd { margin-right: 18px; }
  .zdgz_wz ul li { width: 472px; }
  .linkbox { margin-top: 15px; }
  .zmhdlist { margin-bottom: 15px; }
}
@media (max-width: 991px) {
  .maintop { padding: 10px; }
  .ttnewsbox { margin-bottom: 10px; }
  .flash { width: auto; height: 429px; float: none; margin-bottom: 10px; }
  .dtbox { width: auto; height: auto; float: none; }
  .panel_body { padding-top: 6px; }
  .news-list ul li a { max-width: 670px!important; }
  .hfgg { margin-bottom: 10px; }
  .wjbox { margin-top: 10px; width: auto; float: none; height: auto; margin-right: 0;}
  .gkbox { width: auto; float: none; }
  .gkbtn_one ul li { width: 33.2%!important; margin: 0 0.2% 0 0!important; }
  .gkbtn_one ul li.num3 { margin: 0!important; }
  .lmlist { margin-bottom: 10px; }
  .lmlist ul li { width: 369px; height: 133px; margin-right: 10px; margin-top: 10px; }
  .lmlist ul li:nth-of-type(2n) { margin-right: 0; }
  .zdgz_wz { height: auto; }
  .zdgz_wz ul li { width: auto; float: none; }
  .zdgz_wz ul li.odd { margin-right: 0; }
  .linkbox { margin-top: 10px; }
  .zmhdlist { margin-bottom: 10px; }
}
@media (max-width: 767px) {
  .ttnewsbox { height: auto; }
  .zw_tt1 { padding: 0 10px; }
  .zw_tt2 { height: auto; }
  .zw_tt2 ul li { display: block; max-width: none; background: transparent; }
  .news-list ul li { height: auto; padding: 0 0 0 13px;}
  .news-list ul li a { max-width: none; float: none; white-space: normal; display: inline; }
  .news-list ul li img { display: none; }
  .news-list ul li .date { position: static; float: none; display: inline-block; }
  .lmlist ul li { width: 100%; height: auto; }
}

@media (max-width: 670px) {
  .flash { height: 373px; }
}
@media (max-width: 620px) {
  .wjlist ul li { width: 95px; }
}
@media (max-width: 570px) {
  .flash { height: 315px; }
  .wjlist { height: auto; }
}
@media (max-width:490px) {
  .panel_heading { height: auto; }
}
@media (max-width: 470px) {
  .flash { height: 258px; }
}

@media (max-width: 390px) {
  .panel_body .zyzz_title ul li { margin-right: 0; }
}
@media (max-width: 370px) {
  .flash { height: 201px; }
}