@charset "utf-8";
/* CSS Document */
.hide.active{ display: block!important;}
body{ background: #fff;}
.container {width: 1140px;}
/*头部*/
.jgzn_head{ height: 569px; position: relative; background: url("../images_zt/jgzn-bannerbg.png") center center no-repeat;}
.jgzn_head .container{ position: relative;}
.jgzn_head .guidang{ position: absolute; right:50px; top:30px;}
.jgzn_head .img_title{ display: none;}
.site-logo{position: absolute;left: 0;top: 20px;}
.site-logo img{width: auto;max-height: 57px;}
.topic-logo{width: 100%;height: auto;text-align: center;padding-top: 155px;}
.topic-logo img{width: auto;max-width: 98%;height: auto;}
.zt-top-right{display:block; position:absolute; top:32px; right:0;}
.zt-top-right li{float:left; padding-left:12px;display: block;}
.zt-top-right li a{display:block; background: rgba(0, 0, 0, 0.25);color:#fff; border-radius:6px; font-size:15px;height:32px;line-height:32px;padding:0 15px;}
.zt-top-right li a:hover{ color:#fff;background: rgba(0, 0, 0, 0.4);}
/*中间部*/
.content{ border-radius: 12px; box-shadow: 0px 0px 24px 0px rgba(196, 226, 255, 0.6); background: rgba(255, 255, 255, 1); margin-bottom: 24px; padding: 30px 32px 0px;}
.ls-jgzn-tit{ height:51px; background: url("../images_zt/title.png") center no-repeat;text-align: center}
.ls-jgzn-tit p{ display: inline-block; margin: 0 auto;background:#fff;z-index: 1;  padding: 0 70px; line-height: 50px;  position: relative; text-align: center; font-size: 36px; color:#0068D4;font-weight: bold;}
.ls-jgzn-tit i{ position: absolute;z-index: 2;width: 32px; height: 14px; top:50%; margin-top: -7px;}
.ls-jgzn-tit span{ position: relative; z-index: 3;}
.ls-jgzn-tit .icon-l{background: url("../images_zt/icon-l.png") center no-repeat; left: 3px; }
.ls-jgzn-tit .icon-r{  background: url("../images_zt/icon-r.png") center no-repeat;right: 3px;  }
.jg-unitBox{padding: 24px 0 20px; overflow: hidden;}
.jg-unitBox ul li{width: 305px; height: 51px;padding: 12px 20px; background: #F5FAFF; float: left; margin: 0 20px 20px 0;}
.jg-unitBox ul li:nth-of-type(3n){ margin-right: 0;}
.jg-unitBox ul li .tit a{ line-height: 24px; font-size: 16px; font-weight:500;color: #333; display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.jg-unitBox ul li .tit a:hover{ color: #0068D4;}
.jg-unitBox ul li .url{ padding-top: 6px;}
.jg-unitBox ul li .url a{ font-size: 14px; color: #666; line-height: 20px; margin-right: 40px;}
.jg-unitBox ul li .url a:hover{ color: #0068D4;}
/*底部*/
.ls-footer{ background: none; border-top:4px solid rgba(0, 104, 212, 1); color: #333;}
.ls-footer a{ color: #333;}
.ls-fotnav li a{ position: relative; background: none;}
.ls-fotnav li a:after{ width: 1px; height: 16px; background:rgba(0,0,0,0.25); content: ''; position: absolute; left: 10px; top: 50%; margin-top: -8px;}
.ls-fotnav li.num1 a:after{ display: none;}
@media (max-width:1139px) and (min-width:992px){
    .content{ padding: 20px 20px 0;}
    .jg-unitBox ul li{width: 264px;}
    .container {width: 992px;}
}
@media only screen and (max-width: 991px) {
    .container {width: 768px;}
    .jgzn_head{ height:auto;}
    .topic-logo{ padding: 100px 0;}
    .content{ padding: 20px 20px 0; margin-top: 20px;}
    .jg-unitBox ul li{width: 314px;}
    .jg-unitBox ul li:nth-of-type(3n){ margin-right: 20px;}
    .jg-unitBox ul li:nth-of-type(2n){ margin-right: 0;}
}
@media only screen and (max-width: 767px) {
    .container {width: auto;}
    .zt-top-right{ top:10px; right: 10px;}
    .site-logo{ float: none; position: static; text-align: center; margin-top: 52px;}
    .topic-logo{ padding: 20px 0 30px;}
    .content{ padding: 15px 15px 0;margin-top: 15px;}
    .jg-unitBox{padding: 15px 0px;}
    .jg-unitBox ul li{width:48%; margin: 0 1% 2%; box-sizing: border-box; height: 75px;}
    .jg-unitBox ul li:nth-of-type(3n){ margin-right: 1%;}
    .jg-unitBox ul li:nth-of-type(2n){ margin-right: 0;}
}
@media only screen and (max-width: 589px) {
    .content{ padding: 10px 10px 0;margin-top: 10px;}

    .jg-unitBox{padding: 10px 0px;}
    .jg-unitBox ul li{width:100%; margin: 0 0 10px; }
    .jg-unitBox ul li:nth-of-type(3n){ margin-right:0;}
}
@media only screen and (max-width: 384px) {
    .ls-jgzn-tit{  background: none;}
    .ls-jgzn-tit p{    padding: 0 50px; font-size: 32px;}
}