@charset "utf-8";
/* CSS Document */
/***首页***/
.zc_web { position: fixed; left: 10px; top: 290px; z-index: 99; }
.zc_web .img_title { display: none; }
/**横幅广告位**/
.hfbox { height: 120px; overflow: hidden; margin-bottom: 15px; }

/**新闻轮播图**/
.twbox { width: 612px; height: 336px; overflow: hidden; }

/*要闻*/
.xwbox { width: 569px; }
.xwbox .list1 { height: 298px; padding-top: 8px; }
.xwbox .list1 li a { max-width: 500px; }

/**左侧**/
.ind_left { width: 700px; margin-top: 40px; }
/*各级动态*/
.dt_title { width: 157px; float: left; }
.dt_title ul { padding-right: 9px; }
.dt_title li { margin-bottom: 1px; position: relative; }
.dt_title li a { display: block; height: 66px; line-height: 66px; font-size: 20px; text-align: center; color: #4c4c4c; background: #ebeff4; }
.dt_title li i { display: none; width: 9px; height: 18px; position: absolute; top: 50%; margin-top: -9px; right: -9px; background: url("/_res/images/title_ico.png") center no-repeat; }
.dt_title li.active a { background: #2a61be; color: #fff; }
.dt_title li.active i { display: block; }

.dtbox>.con { height: 266px; padding-top: 16px; }
.dt_list { margin-left: 176px; }
.dt_list .list1 li a { max-width: 458px; }

/*便民指南*/
.bmznbox { margin: 30px 0; }
.bmzn_tit { width: 108px; float: left; }
.bmzn_tit ul { padding-right: 9px; }
.bmzn_tit li { position: relative; }
.bmzn_tit li a { display: block; height: 58px; padding-top: 12px; font-size: 16px; text-align: center; color: #4c4c4c; background: #ebeff4; }
.bmzn_tit li .ico { display: block; width: 24px; height: 24px; margin: 0 auto 0; background: url("/_res/images/bmzn_icon.png") 0 0 no-repeat; }
.bmzn_tit li.wsbs .ico { background: url("/_res/images/wsbs_ico.png") 0 0 no-repeat; }
.bmzn_tit li.active .ico { background-position: 0 -24px!important; }
.bmzn_tit li.active a { background: #2a61be; color: #fff; }
.bmzn_tit li i { display: none; width: 9px; height: 18px; position: absolute; top: 50%; margin-top: -9px; right: -9px; background: url("/_res/images/title_ico.png") center no-repeat; }
.bmzn_tit li.active i { display: block; }

.bmzn_right { margin-left: 110px; }
.bmzn_right ul, .ylfw-link { padding-top: 10px; }
.bmzn_right li { float: left; margin-left: 10px; }
.bmzn_right li a, .ylfw-link li a { display: block; height: 120px; line-height: 120px; font-size: 16px; color: #4c4c4c; background: #ebeff4; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bmzn_right li a:hover, .ylfw-link li a:hover { background: #2a61be; color: #fff; }
.ylfw-link { width: 308px; text-align: center; }
.ylfw-link li { width: 116px; }
.ylfw-link li a { background: #e9f1ff; }
/*互动交流*/
.ind_hd { margin-top: 16px; }
.ind_hdlink { width: 210px; height: 280px; float: left; }
.ind_hdlink li { width: 100px; float: left; margin: 0 10px 10px 0; }
.ind_hdlink li.num1, .ind_hdlink li.num2, .ind_hdlink li.num3 { width: 100%; margin-right: 0; }
.ind_hdlink li.num3, .ind_hdlink li.num5 { margin-right: 0; }
.ind_hdlink li a { display: block; height: 79px; font-size: 18px; text-align: center; color: #4c4c4c; background: #ebeff4; padding-top: 21px; }
.ind_hdlink li.num1 a { height: 80px; line-height: 80px; padding-top: 0; }
.ind_hdlink li .ico { display: block; width: 40px; height: 42px; margin: 0 auto; }
.ind_hdlink li.num1 .ico { display: inline-block; vertical-align: middle; background: url("/_res/images/hd_icon01.png") 0 0 no-repeat; }
.ind_hdlink li.num1 .tit { display: inline-block; vertical-align: middle; }
.ind_hdlink li.num2 .ico { background: url("/_res/images/hd_icon02.png") 0 0 no-repeat; }
.ind_hdlink li.num3 .ico { background: url("/_res/images/hd_icon03.png") 0 0 no-repeat; }
.ind_hdlink li.num4 .ico { background: url("/_res/images/hd_icon04.png") 0 0 no-repeat; }
.ind_hdlink li.num5 .ico { background: url("/_res/images/hd_icon05.png") 0 0 no-repeat; }
.ind_hdlink li a:hover { background: #2a61be; color: #fff; }
.ind_hdlink li a:hover .ico { background-position: 0 -42px; }

.ind_mesglist { margin-left: 220px; }
.ind_mesglist .num1 { height: 120px; background: #ebeff4; margin-bottom: 9px; }
.ind_mesglist .num1 .tit { width: 70px; height: 120px; background: #2a61be; }
.ind_mesglist .num1 .tit span { display: block; width: 42px; height: 48px; line-height: 24px; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #fff; margin: 36px auto 0; }
.ind_mesglist .num1 .info { margin-left: 70px; padding: 14px 10px 0; }
.ind_mesglist .num1 .info a { display: block; height: 40px; line-height: 20px; color: #2a61be; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ind_mesglist .num1 .info p { height: 36px; margin: 10px auto; text-indent: 2em; font-size: 14px; font-weight: normal; line-height: 18px; color: #2a61be; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ind_mesglist li { height: 26px; line-height: 26px; padding: 2px 0; font-size: 16px; position: relative; }
.ind_mesglist li a { display: block; float: none; margin-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind_mesglist li .date { position: absolute; top: 2px; right: 0; }

/**右侧**/
.ind_right { width: 476px; margin-top: 40px; }
.ind_zfgklink ul li .img_title { display: none; }
.ind_zfgktit { height: 50px; line-height: 50px; text-align: center; background: #134aa9; font-size: 20px; font-weight: bold; color: #fff; }
.ind_zfgktit a { display: block; color: #fff; }
.ind_xxgklink li { width: 233px; float: left; margin: 10px 10px 0 0; }
.ind_xxgklink li.num2, .ind_xxgklink li.num4 { margin-right: 0; }
.ind_xxgklink li a { display: block; height: 52px; line-height: 52px; background: #ebeff4; border: solid 1px #e7e8ef; padding-left: 20px; font-size: 16px; font-weight: normal; letter-spacing: 0; color: #2a61be; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind_xxgklink li .ico { width: 28px; height: 28px; float: left; margin: 12px 5px 12px 0; background: url("/_res/images/ind_gk_icon01.png") 0 0 no-repeat; }
.ind_xxgklink li.num2 .ico { background: url("/_res/images/ind_gk_icon02.png") 0 0 no-repeat; }
.ind_xxgklink li.num3 .ico { background: url("/_res/images/ind_gk_icon03.png") 0 0 no-repeat; }
.ind_xxgklink li.num4 .ico { background: url("/_res/images/ind_gk_icon04.png") 0 0 no-repeat; }
.ind_xxgklink li a:hover { background: #2a61be; color: #fff; }
.ind_xxgklink li a:hover .ico { background-position: 0 -28px; }

.ind_zxfwlink { height: 234px; overflow: hidden; }
.ind_zxfwlink li { width: 152px; float: left; margin: 10px 10px 0 0; }
.ind_zxfwlink li.num3, .ind_zxfwlink li.num7 { margin-right: 0; }
.ind_zxfwlink li.num4, .ind_zxfwlink li.num5, .ind_zxfwlink li.num6, .ind_zxfwlink li.num7 { width: 111px; }
/*.ind_zxfwlink li.num4,.ind_zxfwlink li.num5{width: 233px;}*/
.ind_zxfwlink li a { display: block; height: 100px; padding-top: 14px; font-size: 16px; font-weight: bold; color: #2a61be; line-height: 20px; border: solid 1px #d4dbe5; text-align: center; }
.ind_zxfwlink li .img_title { display: block; margin-top: 6px; }
.ind_zxfwlink li a:hover { border-color: #2a61be; }

/**/
.ls-xxgk-lbox ul.lm1 { height: auto; overflow: hidden; }
.ls-xxgk-lbox ul.lm1 li { margin-top: 5px; float: left; }
.ls-xxgk-lbox ul.lm1 li.num1 { margin-right: 1%; width: 41%; }
.ls-xxgk-lbox ul.lm1 li.num2 { width: 58%; }
.ls-xxgk-lbox ul.lm1 li a { display: block; border: 1px solid #d4dbe5; height: 50px; font-size: 18px; text-align: center; font-weight: bold; border-radius: 3px; color: #0072ce; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.ls-xxgk-lbox ul.lm1 li a:hover { border-color: #2a61be; }
.ls-xxgk-lbox ul.lm1 li.num1 a i { display: inline-block; vertical-align: middle; font-size: 34px; height: 50px; line-height: 50px; color: #208be1; font-weight: normal; margin: 0 16px 0 6px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.ls-xxgk-lbox ul.lm1 li.num2 a i { display: inline-block; vertical-align: middle; font-size: 34px; height: 50px; line-height: 50px; color: #f33224; font-weight: normal; margin: 0 6px 0 6px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.ind_zxfwlink li.num1 a, .ind_zxfwlink li.num2 a, .ind_zxfwlink li.num3 a { padding-top: 10px; height: 82px; }

.zt_tit { margin-top: 15px; height: 42px; margin-bottom: 14px; }
.zt_tit a { display: block; color: #fff; line-height: 42px; background: #2a61be; font-size: 20px; font-weight: bold; padding-left: 10px; }
.ztzlScroll { height: 336px; overflow: hidden; }
.ztzlScroll ul { height: 426px; overflow: hidden; }
.ztzlScroll li { height: 208px; margin-bottom: 5px; }
.ztzlScroll li.num1 { display: none; }
.ztzlScroll li img { width: 100%; height: 208px; }
.ztzlScroll li .img_title { display: none; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /**横幅广告位**/
  .hfbox { height: 100px; }
  /*轮播*/
  .twbox { width: 492px; }
  /*要闻*/
  .xwbox { width: 480px; }
  .xwbox .list1 li a { max-width: 414px; }
  /**左侧**/
  .ind_left { width: 596px; }
  .dt_list .list1 li a { max-width: 352px; }
  /*右侧*/
  .ind_right { width: 376px; }
  .ind_xxgklink li { width: 183px; }
  .ind_xxgklink li a { padding-left: 10px; }
  .ind_zxfwlink li { width: 118px; }
  .ind_zxfwlink li.num4,   .ind_zxfwlink li.num5,   .ind_zxfwlink li.num6, .ind_zxfwlink li.num7 { width: 86px; }
  /*.ind_zxfwlink li.num4, .ind_zxfwlink li.num5{width: 182px;}*/
  .ylfw-link { width: 214px; }
}

@media only screen and (max-width:991px) {
  /**横幅广告位**/
  .hfbox { height: 75px; }
  /*轮播*/
  .twbox { width: 100%; height: 411px; float: none; }
  /*要闻*/
  .xwbox { width: 100%; float: none; margin-top: 20px; }
  .xwbox .list1 li a { max-width: 660px; }
  /**左侧**/
  .ind_left { width: 100%; float: none; margin-top: 20px; }
  .ind_xxgklink li { width: 369px; }
  .ind_zxfwlink { height: auto; }
  .ind_zxfwlink li { width: 242px; }
  .ind_zxfwlink li.num4,   .ind_zxfwlink li.num5,   .ind_zxfwlink li.num6, .ind_zxfwlink li.num7 { width: 179px; }
  /*右侧*/
  .ind_right { width: 100%; float: none; margin-top: 20px; }
  /*专题专栏*/
  .ztzlScroll li, .ztzlScroll li img { height: 320px; }
  .ylfw-link { width: 356px; }
}
@media only screen and (max-width:767px) {
  /**横幅广告位**/
  .hfbox { height: 60px; }
  /*轮播*/
  .twbox { height: 300px; }
  .ind_xxgklink li { width: 48%; margin: 10px 1% 0!important; }
  .ind_xxgklink li a { padding-left: 10px; }
  .dtbox>.con { height: auto; }
  .dt_title { width: 100%; float: none; }
  .dt_title li { float: left; }
  .dt_title li a { padding: 0 10px; height: 44px; line-height: 44px; font-size: 16px; }
  .dt_title li i { display: none!important; }
  .dt_list { margin: 0; }
  /**便民指南**/
  .bmzn_tit { width: 100%; float: none; }
  .bmzn_tit li { width: 50%; float: left; }
  .bmzn_tit li i { display: none!important; }
  .bmzn_right { margin-left: 0; }
  .bmzn_right li { margin-bottom: 10px; }
  .bmzn_right li a, .ylfw-link li a { height: 60px; line-height: 60px; }
  .bmzn-leftbox, .bmzn-rightbox { float: none; }
  .ylfw-link, .ylfw-link li { width: auto; padding-top: 0; }
  /*互动*/
  .ind_hdlink { width: 100%; float: none; height: auto; }
  .ind_hdlink li { width: 48%; margin: 0 1% 10px!important; }
  .ind_hdlink li.num1 { margin: 0 0 10px!important; }
  .ind_mesglist { margin: 0; }
  .ind_zxfwlink li { width: 48%!important; margin: 10px 1% 0!important; }
  .ind_zxfwlink li.num4,   .ind_zxfwlink li.num5,   .ind_zxfwlink li.num6, .ind_zxfwlink li.num7 { width: 48%!important; }
  .ind_zxfwlink li a { padding-top: 14px!important; height: 100px!important; }
  /*专题专栏*/
  .ztzlScroll li, .ztzlScroll li img { height: auto; }
}
@media only screen and (max-width:479px) {
  /*轮播*/
  .twbox { height: 216px; }
  .ls-xxgk-lbox ul.lm1 li { width: 100%!important; }
}
@media only screen and (max-width:413px) {
  /*轮播*/
  .twbox { height: 200px; }
}
@media only screen and (max-width:359px) {
  /*轮播*/
  .twbox { height: 180px; }
}

/***栏目页-关于本厅***/
.aboutbox { padding: 20px 0; }
.about_left { width: 769px; }
.about_title { height: 32px; border-bottom: 1px solid #d9dfe9; overflow: hidden; }
.about_title a, .about_title span { display: block; float: left; font-size: 20px; color: #2a61be; }
.zyzz_info { padding-top: 8px; /*margin-bottom: 40px;*/ }
.zyzz_info p { line-height: 30px; font-size: 16px; text-align: justify; }
.zyzz_info .detailed { padding: 5px 10px; color: #fff; text-align: center; background: #134aa9; font-size: 14px; }

.nsjg_list li { float: left; width: 256px; height: 60px; margin-top: 20px; }
.nsjg_list li a { display: block; color: #383939; font-size: 16px; padding-left: 25px; background: 10px 9px no-repeat; background-image: url("/_res/images/dot.png")!important; overflow: hidden; }
.nsjg_list li a:hover { background-image: url("/_res/images/dot2.png")!important; color: #134aa9; }
/*右侧*/
.about_right { width: 400px; }
.ld_tit { border-bottom: 0 none; }
.ldxx_con { border: solid 1px #d9dfe9; }
.ldxx_list { padding: 10px 10px 10px 20px; }
.ldxx_list li { margin-bottom: 10px; }
.ldxx_list li a { display: block; float: none; }
.ldxx_list li .tit { display: block; line-height: 50px; font-size: 22px; color: #134aa9; }
.ldxx_list li .info { display: block; line-height: 25px; font-size: 16px; color: #4c4c4c; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_left { width: 632px; }
  .about_right { width: 340px; }
  .nsjg_list li { width: 210px; }
}
@media only screen and (max-width:991px) {
  .aboutbox { padding: 20px 10px; }
  .about_left { width: 100%; float: none; }
  .about_right { width: 100%; float: none; margin-top: 20px; }
  .nsjg_list li { width: 192px; }
}
@media only screen and (max-width:767px) {
  .nsjg_list { padding-bottom: 15px; }
  .nsjg_list li { width: 100%; height: auto; }
}

/****一级栏目-在线服务****/
.zxfwbox { margin: 54px 0 80px; }
.zxfwcon { border: #e5f0f8 1px solid; padding: 74px 0 64px; position: relative; }
.zxfw_tit { width: 124px; height: 26px; line-height: 26px; text-align: center; font-size: 26px; color: #000; position: absolute; top: -13px; left: 50%; margin-left: -62px; background: #fff; z-index: 1; }
.zxfw_list li { width: 220px; float: left; margin-left: 63px; }
.zxfw_list li a { display: block; border: #e5f0fa 8px solid; font-size: 18px; color: #282828; padding-top: 32px; height: 168px; text-align: center; }
.zxfw_list li .ico { width: 64px; height: 64px; display: block; margin: 0 auto; background: url("/_res/images/zxfw_icon01.png") 0 0 no-repeat; }
.zxfw_list li .tit { display: block; height: 28px; line-height: 28px; margin-top: 20px; }
.zxfw_list li.num2 .ico { background: url("/_res/images/zxfw_icon02.png") 0 0 no-repeat; }
.zxfw_list li.num3 .ico { background: url("/_res/images/zxfw_icon03.png") 0 0 no-repeat; }
.zxfw_list li.num4 .ico { background: url("/_res/images/zxfw_icon04.png") 0 0 no-repeat; }
.zxfw_list li a:hover { background: #117ace; color: #fff; }
.zxfw_list li a:hover .ico { background-position: 0 -64px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .zxfw_list li { margin-left: 22px; }
}
@media only screen and (max-width:991px) {
  .zxfwbox { padding: 0 10px; }
  .zxfw_list li { margin: 0 76px 20px; }
}
@media only screen and (max-width:767px) {
  .zxfwbox { margin: 54px 0 30px; }
  .zxfwcon { padding: 54px 0 24px; }
  .zxfw_list li { width: 48%; margin: 0 1% 20px; }
}