@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust: none; overflow-y: auto; overflow-x: hidden; }
a, abbr, acronym, b, body, br, button, dd, div, dl, dt, em, font, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, input, label, li, ol, p, q, select, span, strong, td, textarea, th, tr, u, ul { margin: 0; padding: 0; list-style: none; }
q:after, q:before { content: ''; }
abbr, acronym { border: 0; }
body { padding: 0; margin: 0; color: #333; font-size: 14px; background: #fff; font-family: "Microsoft YaHei"; }
button, input, select, textarea { vertical-align: middle; outline: none; color: #333; font-family: "Microsoft YaHei"; }
button.active, button.on, input.active, input.on, select.active, select.on, textarea.active, textarea.on { color: #333; }
textarea { resize: none; }
a { color: #333; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
a:hover { color: #2c66a5; text-decoration: none; }
a:focus { outline: none; }
a img, img { border: none; margin: 0; padding: 0; border: 0; vertical-align: middle; }
.fl, .left { float: left; }
.fr, .right { float: right; }
/* clear */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child+html .clearfix { zoom: 1; }
/* IE7 */
.cc, .clear { clear: both; font-size: 0; line-height: 0; height: 0; margin-top: 0; overflow: hidden; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
li, ul { vertical-align: middle; }
.jump-info .btn-group { padding-left: 0!important; }
.hide.active { display: block!important; }
i { font-weight: normal; font-style: normal; }

/***漂浮***/
.j-float { position: relative; z-index: 99999; display: none; }
.j-float .img_title { display: none; }
.j-float .float-close { position: absolute; width: 38px; height: 16px; right: 0; top: -20px; }
.j-float .float-close img { cursor: pointer; }
.j-float li img { height: auto; }

/*头部*/
.topbar { background: #f3f3f3; height: 28px; line-height: 28px; font-size: 14px; }
.headtop { width: 1100px; margin: 0 auto; }
.topleft ul li { padding: 0 10px; float: left; background: url("../images_xxgk/topline.png") right center no-repeat; }
.topleft ul li a { color: #333; }
.topleft ul li.num4, .topleft ul li:last-child { background: none; }
.topright a { padding: 0 10px; float: left; }
.topright span { float: left; }
.topright .spa { font-size: 10px; color: #888; }
.topright .phone { position: relative; }
.phone_tu { position: absolute; top: 32px; right: 50%; display: none; clear: both; margin-right: -58px; padding: 7px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.topright .phone:hover .phone_tu { display: block; z-index: 999; }
.phone_tu .img_title { display: none; }
.phone_tu ul li a { padding: 0; float: none; }
.head { width: 1100px; margin: 0 auto; height: 155px; position: relative; }
.head .img_title { display: none; }
.logo { position: absolute; left: 0; top: 35px; height: auto; width: auto; }
.logo img { width: auto; height: auto; }
.logo .img-title { display: none; }
.search { position: absolute; width: 278px; height: 36px; border: #ccc 1px solid; background: #fff; top: 61px; right: 0; }
.search .from-control { width: 238px; border: none; height: 36px; line-height: 36px; padding-left: 10px; float: left; font-size: 12px; color: #666; }
.search #search { width: 40px; height: 38px; display: block; background: url(../images_sthjj/search.jpg) no-repeat; text-indent: -9999px; border: 0; color: #fff; font-size: 14px; line-height: 34px; text-align: center; cursor: pointer; position: absolute; right: -1px; top: -1px; }
.search #search:hover { background-position: -40px 0; }
/*导航*/
.topNav { 
  height: 45px; background: url(../images_sthjj/nav_bg.jpg) repeat-x; 
}
.menu { 
  width: 1100px; margin: 0 auto; 
}
.nav li { float: left; text-align: center; width: 20%; background: url(../images_sthjj/nav_x.jpg) no-repeat left center; }
.nav li a { display: block; color: #fff; font-size: 18px; font-family: Arial,Helvetica,sans-serif,"Microsoft YaHei"; line-height: 45px; font-weight: bold; }
.nav li a:hover, .nav li.active_public a { 
  background-color: #00913e; 
  color: #fff; text-decoration: none; }
.nav li.first { background: none; }
/*政府信息公开banner*/
.gknew_banner { padding: 45px 0!important; text-shadow: 0 0 0 #b0b0b0!important; font-size: 56px!important; color: #2d66a5!important; }
/***底部***/
.footer { width: 100%; margin: 15px 0 0 0; line-height: 22px; color: #333; border-top: 2px solid #2d5d9f; background: #f9f9f9; padding: 20px 0; }
.footer .container { width: 1100px; }
.footnav { line-height: 26px; font-size: 14px; position: relative; text-align: left; padding-left: 180px;}
.footnav span { margin-right: 20px; }
.gov-icon { position: absolute; left: 67px; top: 8px; }
.j-jiuc-icon { position: absolute; right: 139px; top: 18px; }

.wb, .wx { width: 60px; height: 55px; padding-left: 60px; line-height: 55px; font-size: 16px; color: #fff; position: absolute; }
.wx { right: 0; top: -5px; background: url(../img/wx_icon.png) 26px 50% no-repeat; background-color: rgba(175, 175, 175, 0.87); }
.wb { right: 0; top: 56px; background: url(../img/wb_icon.png) 26px 50% no-repeat; background-color: rgba(175, 175, 175, 0.87); }
.wx img { width: 120px; position: absolute; left: 0; right: 0; top: -140px; display: none; }
.wb a { color: #fff; font-size: 16px!important; margin-right: 20px; }
.wx:hover img { display: block; }

@media (max-width:1099px) {
  .footer .container,   .head,   .headtop, .menu { width: 992px; }
}
@media (max-width:991px) {
  .footer .container,   .head,   .headtop, .menu { width: 768px; }
  .footnav { padding-left: 0; text-align: center; }
  .footnav span { margin: 0 10px; }
  .gov-icon, .j-jiuc-icon { position: static; display: inline-block; }
  .wb, .wx {
      display: none;
  }
}
@media (max-width: 767px) {
  /*头部*/
  .head { height: auto; }
  .banner { text-align: center; }
  .banner img { width: 100%; height: 180px; }
  .logo { float: none; text-align: center; width: 100%; margin-bottom: 20px; top: 25px; }
  .logo img { max-width: 90%; height: auto; }
  .search { margin: 0 2%; width: 96%; top: auto; bottom: 20px; right: auto; }
  .search .from-control { width: 85%; }
  .footer .container,   .head,   .headtop, .menu { width: 100%; }
  /*导航*/
  .topNav { height: auto; line-height: 45px; padding: 0; }
  .navbar-default .navbar-toggle,   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: #fff; }
  .nav .sr-only { display: none; }
  .nav .navbar-header { padding: 0 7px; }
  .nav .navbar-brand { height: 45px; line-height: 45px; color: #2d568a; padding: 0; }
  .nav .navbar-brand:hover { color: #2d568a; }
  .navbar-default .navbar-toggle { padding: 6px; margin-right: 10px; margin-top: 9px; border-color: #2d568a; }
  .navbar-default .navbar-brand { padding: 0; height: 45px; line-height: 45px; color: #fff; margin-left: 10px; font-size: 18px; font-weight: bold; }
  .navbar-collapse { border-top: 0 none; }
  .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #2d568a; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #2d568a; }
  .nav { width: 100%; height: auto; }
  .nav ul li { width: 100%; height: 45px; border-top: #94b6d2 1px solid; }
  .nav ul li:last-child { border-bottom: 0; }
  .nav ul li a { background: #2c66a5; height: 45px; line-height: 45px; color: #fff; }
  .nav ul li.first { display: none; }
  /***底部***/
  .footer { padding: 20px 0 15px; }
  .footnav span { margin: 0 6px; display: inline-block; }
}
@media (max-width: 500px) {
  .banner img { height: 160px; }
  .gknew_banner { padding: 30px 0!important; font-size: 40px!important; }
}
@media print {
  a[href]:after { content: none!important; }
  .container { width: 1200px!important; }
  .footer,   .header,   .menubox, .wz_top { display: none; }
}

/*文章*/
.xxgk_container.container { width: 1000px; }

/*@media (min-width:992px) and (max-width:1179px) {
    .xxgk_container.container{width: 992px;}
}*/
@media (max-width:991px) {
  .xxgk_container.container { width: 768px; }
}
@media (max-width:767px) {
  .xxgk_container.container { width: 100%; }
}