@charset "utf-8";
/* CSS Document */
.navbar-nav li.first a{ border-bottom:none;}
.navbar-nav li.ls-nav-zwgk a{color: #487bc5; border-bottom: 1px #d81b18 solid;}
/* 五公开 */
.wgkMain .wgkBox{ width:240px; position: relative; float: left; height: 126px; margin-left: 25px; background: #7294f0;  border-radius: 5px; -moz-border-radius: 5px; padding-bottom: 30px; }
.wgkMain .wgkBox1{  margin-left: 0 !important; background:url(../images_new/wgk-bg1.png) right bottom no-repeat #7294f0;}
.wgkMain .wgkBox2{ background:url(../images_new/wgk-bg2.png) right bottom no-repeat #72adf0;}
.wgkMain .wgkBox3{ background:url(../images_new/wgk-bg3.png) right bottom no-repeat #69ccf1;}
.wgkMain .wgkBox4{ background:url(../images_new/wgk-bg4.png) right bottom no-repeat #5de7d5;}
.wgkMain .wgkBox5{ background:url(../images_new/wgk-bg5.png) right bottom no-repeat #f9ba6b;}
.wgkMain .wgkBox .tit{ display: block; padding: 10px 0 0 0; background:url(../images_new/wgk-line.png) center bottom no-repeat; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; text-align: center; color: #fff;}
.wgkMain .wgkBox .tit a{ color: #fff;}
.wgkMain .wgkBox ul{ text-align: center; display: block; margin-top: 14px;   height:52px; overflow: hidden; }
.wgkMain .wgkBox li{ display:inline-block; padding: 0 8px; line-height: 26px; height: 26px; color: #fff;}
.wgkMain .wgkBox li a{ color: #fff;}
.wgkMain .wgkBox .wgk-linkshow,.wgkMain .wgkBox .wgk-linkhide{ position: absolute; left:0; bottom: 0; right:0;  background:url(../images_new/wgk-ico.png) center center no-repeat; height: 30px; cursor: pointer;}
.wgkMain .wgkBox .wgk-linkhide{ display: none;    background:url(../images_new/wgk-ico-close.png) center center no-repeat;}
.wgkMain .wgkBox.active .wgk-linkhide{ display: block;}
.wgkMain .wgkBox.active .wgk-linkshow{ display: none;}
.wgkMain .wgkBox.active,.wgkMain .wgkBox.active ul { height: auto;}
@media (min-width: 992px) and (max-width:1299px) {
    .wgkMain .wgkBox{ width: 186px; margin-left: 15px;}
}
@media (max-width:991px) {
    .wgkMain .wgkBox{ width: 145px; margin-left: 10px;}
}
@media (max-width:767px) {
    .wgkMain .wgkBox{ width: auto; float: none; margin:0 0 10px 0 !important; height: auto; padding-bottom: 15px;}
    .wgkMain .wgkBox ul{ height: auto;}
    .wgkMain .wgkBox .wgk-linkshow, .wgkMain .wgkBox .wgk-linkhide{ display: none;}
    .navbar-nav li.ls-nav-zwgk a{ border-bottom: none;}
}
/* 最新公开 */
.xxgkLeft{ width: 770px;}
.zxgkBox,.tzggBox{ height: 300px;}
.gk-list{ margin-top: 8px;}
.gk-list li a.lang1{max-width: 580px; *width: 580px;}
.gk-list li a.lang2{max-width: 480px; *width: 480px;}
.gk-list li a.lang3{max-width: 400px; *width: 400px;}
.gk-list li a.lang4{max-width: 320px; *width: 320px;}
.gk-list li a.lang5{max-width: 240px; *width: 240px;}
@media (min-width: 992px) and (max-width:1299px) {
    .xxgkLeft{ width: 562px;}
    .gk-list li a.lang1{max-width: 380px; *width: 380px;}
    .gk-list li a.lang2{max-width: 280px; *width: 280px;}
    .gk-list li a.lang3{max-width: 200px; *width: 200px;}
    .gk-list li a.lang4{max-width: 120px; *width: 120px;}
    .gk-list li a.lang5{max-width: 40px; *width: 40px;}
}
@media (max-width:991px) {
    .xxgkLeft{ width: auto; float: none;}
    .zxgkBox, .tzggBox{ height: auto;}

}

/* 目录指南 */
.xxgkRight{ width: 505px;}
.xxgkLink ul{ margin:10px 0 0 -10px;}
.xxgkLink li{ display: inline; margin: 10px 0 0 10px; text-align: center; float: left; width: 246px; height: 65px; line-height: 65px;}
.xxgkLink li a{ display: block; height: 100%; background: #f3f8ff; color: #487bc5; font-size: 18px; }
.xxgkLink li img{ margin-right: 10px;}
@media (min-width: 992px) and (max-width:1299px) {
    .xxgkRight{ width: 405px;}
    .xxgkLink li{  width: 197px;}
    .xxgkLink li img {margin-right: 2px;}
}
@media (max-width:991px) {
    .xxgkRight{width: auto; float: none; padding-bottom: 20px;}
    .xxgkLink li{ width: 249px;}
}
@media (max-width:767px) {
    .xxgkLink ul {margin: 10px 0 0 0;}
    .xxgkLink li{  width: 48%; margin: 10px 1% 0 1%;}
}
@media (max-width:460px) {
    .xxgkLink li{  width: 100%; margin: 10px 0 0 0;}
}
/* 新闻发布会 */
.xxgk-fbh{ margin-top: 18px; position: relative; padding-left: 300px; min-height: 218px;}
.xxgk-fbh .img{ position: absolute; left:0; top:0; width: 300px; height: 218px;}
.xxgk-fbh .img img{ width: 100%; height: 100%;}
.xxgk-fbh .bt,.xxgk-fbh .date{  padding-left: 10px; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.xxgk-fbh .bt .tit,.xxgk-fbh .date .tit{ display: block; line-height: 30px;}
.xxgk-fbh .bt a{ font-weight: bold;}
@media (min-width: 992px) and (max-width:1299px) {
    .xxgk-fbh{  padding-left: 250px;}
    .xxgk-fbh .img{ width: 250px; height: 182px;}
    .xxgk-fbh .bt, .xxgk-fbh .date{ line-height: 26px; }
}
@media (max-width:767px) {
    .xxgk-fbh{  padding-left: 0;}
    .xxgk-fbh .img{ position: static; text-align: center; width: auto; height: auto; margin-bottom: 8px;}
    .xxgk-fbh .img img{ width: auto; height: auto; max-width: 96%;}
}

/***政府公报***/
.xxgk-gb{padding-top:18px; height: 218px;}
.xxgk-gb .img{width:181px;height:216px; border:#e5e5e5 1px solid;}
.xxgk-gb .img img{width:100%;height:100%;}
.xxgk-gb .img .img_title{display:none;}
.xxgk-gb .nr{position:relative; float: none; margin-left: 200px;}
.xxgk-gb .nr .gbtit{height:44px;line-height:44px;border-bottom:#f0f0f0 1px solid; font-weight: bold; color:#487bc5; font-size: 18px;}
.xxgk-gb .nr .more{display:block;height:36px;line-height:36px;text-align:center;font-size:16px;color:#487bc5;background:#f3f8ff;border-radius:5px;}
.xxgk-gb .nr .more:hover{background-color:#487bc5;color:#fff;}
.xxgk-gb .nr li{padding:10px 0;line-height:32px;font-size:16px;}
@media (max-width:767px) {
    .xxgk-gb{ height: auto; }
    .xxgk-gb .img{ float: none; border: none; width: auto; height: auto; text-align: center;}
    .xxgk-gb .img img{ width: auto; height: auto; max-width: 96%; border:#e5e5e5 1px solid;}
    .xxgk-gb .nr{ margin-left: 0;}
}
/* 重点领域公开 */
.bggray{ background: #f8f8f8;}
.zdlytitle{ background:url(../images_new/blue-linebg.gif) center center repeat-x; text-align:center; height: 60px; line-height: 60px;}
.zdlytitle .tit{ font-size: 26px; display: inline-block; position: relative; background: #f8f8f8; color: #487bc5; font-weight: bold; display: inline-block; padding: 0 28px; }
.zdlytitle a{ color: #487bc5;}
.zdlytitle .ico{ position: absolute; top:28px; display: inline-block; background:url(../images_new/zdlyico.png) center center no-repeat; width: 7px; height: 7px;}
.zdlytitle .icol{ left:0;}
.zdlytitle .icor{ right:0;}
.zdly-tabs{ margin-top: 5px;}
.zdly-tabs ul{ margin-left: -14px;}
.zdly-tabs li{ display: inline; float: left;  height: 45px; line-height: 45px; background: #fff;  border-radius: 5px; -moz-border-radius: 5px; margin: 0 0 0 14px;position: relative; -webkit-box-shadow: 0 0 25px hsla(0,0%,75%,.2); box-shadow: 0 0 25px hsla(0,0%,75%,.2); }
.zdly-tabs li a{ display: block; height: 100%; padding: 0 30px; font-size: 18px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.zdly-tabs li .arrow{ display: none; position:absolute; left:50%; margin-left: -6px; bottom: -6px;  background:url(../images_new/zdly-arrow.png) center center no-repeat; width: 12px; height: 6px;}
.zdly-tabs li.active{ background: #487bc5; color: #fff;}
.zdly-tabs li.active a{ color: #fff;}
.zdly-tabs li.active .arrow{ display: block;}
.zdly-list{ margin: 30px 0 0 0; min-height: 240px;}
.zdly-btnlist li{ display: inline; float: left; width: 16.6%; text-align: center; height: 80px; margin-bottom: 30px; }
.zdly-btnlist li a{ display: block; border-right: 1px solid #dcdcdc;}
.zdly-btnlist li .img-title{ display: block; line-height: 20px; padding: 8px 5px 0 5px; font-size: 16px;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.zdly-btnlist li.num6 a,.zdly-btnlist li.num12 a{ border: none;}

.zdly-subtit li{ display: inline; float: left;width: 210px; padding-bottom: 20px; text-align: center; font-size: 16px; background:url(../images_new/zdly-subaoff.png) bottom center no-repeat;  }
.zdly-subtit li .img-title{ display: block;}
.zdly-subtit li a{ display: block; border-right: 1px solid #dcdcdc; height: 84px;}
.zdly-subtit li.last a{ border: none;}
.zdly-subtit li.active{ background:url(../images_new/zdly-subaon.png) bottom center no-repeat; color:#487bc5; }
.zdly-subtit li.active a{ color:#487bc5;}
.zdly-linklist{ height: 100px; overflow: hidden; margin-top: 15px; }
.zdly-linklist li{ display: inline; font-size: 16px; margin-right: 10px; text-align: center; float: left; width: 206px; height: 45px;  margin-bottom: 10px;}
.zdly-linklist li a{ display: block; background: #f4f4f4; border: 1px solid #e3e3e3; border-radius: 5px; -moz-border-radius: 5px; line-height: 43px; height: 43px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.xxgk_scroll{width:100%;height:100px;overflow:hidden;float:left;}
.xxgk_scroll .slimScrollRail{background:#f0f0f0 !important;width:4px !important; border-radius: 5px; -moz-border-radius: 5px; }
.xxgk_scroll .slimScrollBar{background:#487bc5 !important;width:4px !important; border-radius: 5px; -moz-border-radius: 5px; }

@media (min-width: 992px) and (max-width:1299px) {
    .zdly-tabs li a{ padding: 0 4px;}
    .zdly-linklist li{ width: 187px;}
}
@media (max-width:991px) {
    .zdly-tabs li{  width: 31.3%;  text-align: center;    margin: 0 1% 10px 1%;}
    .zdly-tabs li a{ padding: 0;}
    .zdly-tabs ul {margin-left: 0;}
    .zdly-list{ min-height: auto;}
    .zdly-btnlist li{ width: 25%;  margin-bottom: 20px;}
    .zdly-btnlist li.num6 a {border-right: 1px solid #dcdcdc;}
    .zdly-btnlist li.num4 a, .zdly-btnlist li.num8 a, .zdly-btnlist li.num12 a{ border: none;}
    .zdly-subtit li{ width: 33.3%;}
    .zdly-linklist{ margin-bottom: 20px;}
    .zdly-linklist li{ width: 180px;}
}
@media (max-width:767px) {
    .zdly-tabs li{  width: 48%;}
    .zdly-btnlist li{ width: 33.3%;  margin-bottom: 15px;}
    .zdly-btnlist li.num4 a, .zdly-btnlist li.num8 a {border-right: 1px solid #dcdcdc;}
    .zdly-btnlist li.num3 a, .zdly-btnlist li.num6 a, .zdly-btnlist li.num9 a, .zdly-btnlist li.num12 a{ border: none;}
    .zdly-linklist{ height: auto;}
    .zdly-linklist li{ width: 32.3%; margin: 0 1% 10px 0;}
    .xxgk_scroll,.slimScrollDiv,.j-scrollbar{ height: auto !important;}
    .xxgk_scroll .slimScrollBar,.xxgk_scroll .slimScrollRail{ display: none !important;}
 }

@media (max-width:500px) {
    .zdly-tabs li{width: 98%;  }
    .zdly-linklist li{ width: 49%; }
    .zdly-subtit li a{  height: 104px;}
}
@media (max-width:400px) {
    .zdly-btnlist li{ width: 50%;}
    .zdly-btnlist li.num3 a, .zdly-btnlist li.num9 a {border-right: 1px solid #dcdcdc ;}
    .zdly-btnlist li.num2 a, .zdly-btnlist li.num4 a,  .zdly-btnlist li.num6 a, .zdly-btnlistlist li.num8 a, .zdly-btnlist li.num10 a, .zdly-btnlist li.num12 a{ border: none;}
}

/* 公开栏目 */
.xxgkBoxlm{ width: 635px; height: 245px; }
@media (min-width: 992px) and (max-width:1299px) {
    .xxgkBoxlm{ width: 486px; }
}
@media (max-width:991px) {
    .xxgkBoxlm{ width: auto;  float: none; height: auto;}
    .xxgkBoxlm.fr{ margin-top: 15px;}
}
@media (max-width:767px) {
    .xxgkBoxlm{ margin: 0 10px;}

}
/* 专题专栏 */
.xxgkzt{ margin-bottom: 20px;}
.xxgkzt .zdlytitle .tit{  background: #fff;}
.ztzlList{ margin-top: 8px; height: 100px; overflow: hidden; position: relative;}
.ztzlList li{ display: inline;  float: left; width: 332px; height: 100px; }
.ztzlList li a{display: block; height: 100%; margin-right: 25px;}
.ztzlList li img{ width: 100%; height: 100%;}
.ztzlList li .img-title{ display: none;}
.ztzlList .prev,.ztzlList .next{display: block; position: absolute; width: 18px; height: 29px; margin-top: -14px; top: 50%; background: 0 0 no-repeat; background-image:  url("../images_new/ind_prve.png") !important; z-index: 2; cursor: pointer;}
.ztzlList .prev{left: 0;}
.ztzlList .prev:hover{background-position: -18px 0;}
.ztzlList .next{ right: 0; background-position: -36px 0;}
.ztzlList .next:hover{background-position: -54px 0;}
@media (min-width: 992px) and (max-width:1299px) {
    .ztzlList li { width: 340px;}
}
@media (max-width:991px) {
    .ztzlList{ height: 87px;}
    .ztzlList li { width: 265px; height: 90px;}
    .ztzlList li a{ margin-right: 15px;}
}
@media (max-width:767px) {
    .ind-ztzl,.ind-ztzl .scroll-body{width: 100% !important;}
    .ztzlList{ margin: 0;}
    .ztzlList li{ width: 50%;}
    .ztzlList li a{margin:0 5px;}
}
