@charset "utf-8";
/* CSS Document */
body { background: #f8f8f8; }
/*头部*/
.jg-banner { background: url(../images/zn-bannerbg.jpg) top center no-repeat; height: 450px; }
.jg-banner .img-title { display: none; }
.jg-logo { padding-top: 46px; }
.jg-logo img { width: 320px; max-width: 94%; height: auto; }
.jg-banimg { text-align: center; padding-top: 90px; }
.jg-banimg img { max-width: 94%; height: auto; }
.zt_right { position: absolute; top: 10px; right: 0; }
.zt_right li { float: left; margin-left: 10px; background: rgba(255,255,255,.8); border-radius: 4px; height: 30px; line-height: 30px; padding: 0 15px; }
.zt_right li a { color: #333; font-size: 15px; }
.zt_right li a.hygq_goback:hover { color: #d00; }
@media (max-width: 767px) {
  .jg-banimg { padding: 20px 10px; }
  .jg-banimg img { width: 95%; height: auto; }
  .jg-banner { height: auto; background-size: 110% 100%; }
}
.jg-mainbox.mt { margin-top: 10px; }
.jg-mainbox.mt01 { margin-top: 34px; }
/*标题*/
.ls-jgtitle { background: url("../images-jgzn/line-red.png") left center repeat-x; position: relative; text-align: center; height: auto; }
.ls-jgtitle .tit { display: inline-block; text-align: center; position: relative; background: #f8f8f8; padding: 14px 20px; }
.ls-jgtitle .sml { position: absolute; background: url("../images-jgzn/jg-titico1.png") center center no-repeat; width: 24px; height: 24px; left: 12px; bottom: 5px; }
.ls-jgtitle .smr { position: absolute; background: url("../images-jgzn/jg-titico2.png") center center no-repeat; width: 34px; height: 34px; right: 6px; top: 0; }
.ls-jgtitle .tit-l, .ls-jgtitle .tit-r { position: absolute; top: 50%; margin-top: -4px; width: 30px; height: 5px; }
.ls-jgtitle .tit-l { left: -4px; background: url("../images-jgzn/left.png") center no-repeat; }
.ls-jgtitle .tit-r { z-index: -1; right: -4px; background: url("../images-jgzn/right.png") center no-repeat; }

/*机构单位*/
.scroll-box { margin-top: 14px; }
.ls-jg-unit { padding: 0 24px; }
.ls-jg-unit.j-scrollbar { max-height: 305px; }
.scroll-box .slimScrollBar { background: #e83316 url("../images-jgzn/gdan.png") center no-repeat!important; background-size: 100% auto!important; }
.scroll-box .slimScrollRail { background: #cbb9b9!important; }
.ls-jg-unit>ul { margin-right: -24px; }
.ls-jg-unit li.unit { float: left; margin-right: 24px; margin-bottom: 24px; width: 270px; position: relative; }
.ls-jg-unit li.unit>a { box-sizing: border-box; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 20px; height: 68px; line-height: 68px; text-align: center; background: #fffbfa; border: 1px solid #fdd3d3; }
.ls-jg-unit li.unit.active>a { background: #fca0a0; border: 1px solid #fdd3d3; color: #fff; }
.ls-jg-unit li.unit.active>a:hover { color: #fece72; }
.ls-jg-unit li.unit .smfont{ font-size: 14px;}
.ls-jg-unit li.unit .smtitle{ font-size: 16px;}
.ls-jg-unit .sub-list { display: none; padding: 10px 0 10px 0; position: absolute; width: 0; left: 0; top: 67px; right: 0; z-index: 999; background: #fca0a0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; }
.ls-jg-unit li.unit.active  .sub-list { width: 468px; text-align: center; }
.ls-jg-unit .sub-list2 { left: -55px; }
.ls-jg-unit .sub-list3 { left: -115px; }
.ls-jg-unit .sub-list4 { left: auto; right: 0; }
.ls-jg-unit .sub-list li { display: inline-block; float: none; font-size: 18px; padding: 5px 10px; color: #fff; }

.ls-jg-unit .sub-list li a { display: block; padding-left: 14px; line-height: 30px; height: auto; background: url("../images-jgzn/jg-ico.png") left 12px no-repeat; color: #fff; }
.ls-jg-unit .sub-list li a:hover { color: #fece72; }
.wza-black-white .ls-jg-unit .sub-list { background: #000!important; }
.wza-yellow-black .ls-jg-unit .sub-list { background: #ff0!important; }
.wza-blue-yellow .ls-jg-unit .sub-list { background: #00f!important; }
.wza-yellow-blue .ls-jg-unit .sub-list { background: #ff0!important; }
.wza-white-black  .ls-jg-unit .sub-list { background: #fff!important; }
.wza-black-yellow  .ls-jg-unit .sub-list { background: #000!important; }
@media (max-width: 1199px) and (min-width: 992px) {
  .ls-jg-unit li.unit { margin-bottom: 20px; margin-right: 20px; width: 222px; }
}
@media (max-width: 991px) {
  .jg-mainbox01 .ls-jg-unit>ul { margin-right: 0; }
  .jg-mainbox01 .ls-jg-unit li.unit { width: auto; float: none; margin-bottom: 15px; margin-right: 0; position: static; font-size: 18px; height: auto; border: 1px solid #f68484; }
  .jg-mainbox01 .ls-jg-unit li.unit.active>a, .jg-mainbox01 .ls-jg-unit li.unit>a { background: #f68484; color: #fff; border: none; border-bottom: 1px solid #f68484; }
  .jg-mainbox01 .ls-jg-unit li.unit .sub-list { margin-left: 0!important; display: block!important; width: auto!important; position: static; }
  .jg-mainbox01 .ls-jg-unit .sub-list { background: #fff; color: #f68484; }
  .jg-mainbox01 .ls-jg-unit .sub-list li a { color: #f68484; }
  .jg-mainbox02 .ls-jg-unit>ul { margin-right: -2%; }
  .jg-mainbox02 .ls-jg-unit li.unit { margin-right: 2%; width: 48%; margin-bottom: 15px; }
  .ls-jg-unit.j-scrollbar { max-height: 360px; }
}
@media (max-width: 767px) {
  .ls-jg-unit { padding: 0 14px; }
  .scroll-box { margin-top: 4px; }
  .jg-mainbox01 .ls-jg-unit li.unit { margin-bottom: 10px; }
  .jg-mainbox02 .ls-jg-unit li.unit { margin-bottom: 10px; }
  .jg-mainbox.mt { margin-top: 0; }
  .jg-mainbox.mt01 { margin-top: 10px; }
}
@media (max-width: 580px) {
  .jg-mainbox02 .ls-jg-unit li.unit { width: 98%; }
  .ls-jg-unit li.unit>a br { display: none; }
  .ls-jg-unit li.unit>a { line-height: 68px!important; white-space: nowrap!important; display: block!important; }
}

/*县区直达*/
.xq-box { margin-top: 10px; padding: 24px 0; background: #fcf7f7; }
.xq-box .ls-jgtitle .tit { background: #fcf7f7; }
.xq-list { overflow: hidden; }
.xq-list ul { margin-right: -20px; }
.xq-list li { width: 154px; float: left; margin-top: 20px; margin-right: 20px; }
.xq-list li a { color: #fff; display: block; height: 80px; line-height: 80px; text-align: center; background: url(../images/jgzn-btn.png) left bottom no-repeat #fc9797; border-radius: 8px; font-size: 20px; background-size: 100% auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xq-list li a:hover { transform: scale(0.96); transition: all 0.3s; color: #fece72; }
@media (max-width: 1199px) and (min-width: 992px) {
  .xq-box { padding: 20px 0; }
  .xq-list li { width: 233px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  .xq-box { padding: 15px 0; }
  .xq-list li { width: 177px; }
}
@media (max-width: 767px) {
  .ls-rows { padding-left: 10px; padding-right: 10px; }
  .xq-box { margin-top: 0; padding: 10px 0; }
  .xq-list ul { margin-right: -1%; }
  .xq-list li { width: 32.33%; margin-right: 1%; margin-top: 10px; }
  .xq-list li a { height: 60px; line-height: 60px; }
  .ls-jgtitle .tit img { max-width: 100%; height: auto; }
}
@media (max-width: 550px) {
  .xq-list li { width: 49%; }
}
@media (max-width: 370px) {
  .xq-list li { width: 99%; }
}
