@charset "utf-8";
/* CSS Document */
.gkbody { background: #fafafa;}
.bgf { background: #ffffff; padding: 15px;}
.bot15 { margin-bottom: 15px;}
.hide { display: none}
.hide.active { display: block !important;}
.w_110 { width: 110%;}
.xxgk_mianer{ height: auto; overflow: hidden;}
.gk_zcjd,.gk_hygq{ height: 240px;}
/* 列表 */
.gk_list { margin-top: 5px;}
.gk_list li { padding: 0 90px 0 15px; background:url(../images/in_arr.gif)  left center no-repeat; height: 30px; line-height: 30px; overflow: hidden; position: relative; font-size:14px;}
.gk_list li .col-block {float: left;max-width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list li .explain-list, .gk_list li .policy-list {display: block;float: right;max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list li .title {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: none;margin-right: 0;max-width: none;}
.gk_list li .explain-list .explain-link, .gk_list li .policy-list .policy-link {display: inline;color: #dd0000;float: none;background: none;max-width: none;padding: 0;margin: 0;}
.gk_list li .date {white-space: nowrap;font-family: arial;position: absolute;right: 0;top: 0;color: #999;}
.gk_list li .split-line{padding-left: 5px;}

.ind_atabs{ height:37px; line-height:37px; background:url(../images/in_t1bg.gif) left bottom repeat-x;}
.ind_atabs ul li{ display:inline; float:left; min-width:80px; padding:0 12px; text-align:center; font-size:16px;}
.ind_atabs ul li.active{ background:#0079d4; color:#fff;}
.ind_atabs ul li.active a{ color:#fff;}
/* 标题 */
.gk_atabs {line-height: 36px; padding-top: 5px;}
.gk_atabs ul li { float: left; font-size: 15px; height:36px; padding: 0 10px;background: url("../images/xxktop_line_12.gif") left center no-repeat;}
.gk_atabs ul li.first{background: none;}
.gk_atabs ul li.line {background: url(../images/xxktop_line_12.gif) center center no-repeat; width: 1px !important; padding: 0 !important; }
.gk_atabs ul li.active a, .gk_atabs ul li.active { color: #0079d4;}

.gk_btabs { height: 40px; background:url(../images/in_t1bg.gif) left bottom repeat-x;line-height: 40px; margin-bottom: 4px;}
.gk_btabs ul li { float: left; font-size: 16px; height: 40px; padding: 0 18px;}
.gk_btabs ul li.active { background: #0079d4; color: #ffffff;}
.gk_btabs ul li.active a { color: #ffffff;}
/* 公开目录 */
.ind_gklink3 li{margin-top: 10px;height: 66px;line-height: 66px;}
.ind_gklink3 li.num1{margin-top: 0;;}
.ind_gklink3 li a{display: block;background:#f8f8f8;text-align: center;}
.ind_gklink3 li img{ width: auto; max-width: 100%; height: 66px;}
.ind_gklink3 .img_title{display: none;}

.ind_gklink4{ padding: 15px 0 0;}
.ind_gklink4 li{width: 145px;float: left;margin: 0 10px 10px 0;}
.ind_gklink4 li a{display: block;height: 71px;font-size: 15px; text-align: center;padding-top: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #f8f8f8;border-radius: 5px;}
.ind_gklink4 li.num2,.ind_gklink4 li.num4,.ind_gklink4 li.num5{margin-right: 0 !important;}
.ind_gklink4 li.num5{width: 100% !important;margin: 0 !important;}
.ind_gklink4 li.num5 .img_title{display: inline-block;padding-left: 5px; margin: 0;}
.ind_gklink4 li.num5 a{height: 60px;line-height: 60px;padding-top: 0;}
.ind_gklink4 li .img_title{display: block;margin-top: 5px;}
.ind_gklink4 li a:hover{color:#0154a4;}
.ind_gklink4 li a:hover img{transition: all 0.6s;transform: rotateY(360deg);}

.ind_gklink{margin: 13px 0 0;}
.ind_gklink li a{display: block;height: 58px;line-height: 58px;padding-left: 30px; border: #ebeef0 1px solid;border-radius: 5px;background:url("../images/szf_zfgjico.png") 258px -39px no-repeat; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_gklink li img{display: inline-block;vertical-align: middle;}
.ind_gklink li .img_title{font-size: 16px;padding-left: 10px;}
.ind_gklink li a:hover{color:#0154a4; background-position: 258px 8px;}
.ind_gklink li a:hover img{transition:all 0.6s;transform: rotateY(360deg);}

/* 公开左侧 新 原公开目录 */

.gkml_box { width: 300px; height: 379px;}
.gk_atitle { text-align: center; height: 50px; line-height: 50px; font-size: 22px; background: #0079d4; color: #ffffff;}
.gk_atitle a {color: #ffffff;}
.gkml_box .slimScrollDiv { height: 311px!important; overflow: hidden; margin-top: 15px;}
.gkml_box .slimScrollRail {width: 13px !important; background: url(../images/scrollr_bg.png) center center repeat-y !important;}
.gkml_box .slimScrollBar {width: 13px !important;background: url(../images/scrollr_bar.png) center center no-repeat !important;}
.gkml_list{ height: 311px!important;}
.gkml_list ul li { width: 46.8%; float: left; height: 39px; line-height: 39px; border-bottom: 1px solid #f4f4f4;     background: url(../images/in_arr.gif) no-repeat left center; font-size: 14px;}
.gkml_list ul li a { padding-left: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 五公开 */
.wgk_box { width: 805px; height: 379px; overflow: hidden;}
.wgk_tabs { height: 56px; }
.wgk_tabs ul li { width: 152px; float: left; text-align: center; font-size: 22px; margin-right: 20px; height: 50px; line-height: 50px; background: #03beb7; position: relative;}
.wgk_tabs ul li a { display: block; height: 50px; color: #ffffff;}
.wgk_tabs ul li .ico {height: 0;width: 0;border: 6px solid; border-color: #03beb7 transparent transparent transparent; position: absolute; left: 50%; margin-left: -6px; bottom: -12px; display: none; }
.wgk_tabs ul li .ico2 { border-color: #027bc0 transparent transparent transparent;}
.wgk_tabs ul li .ico3 { border-color: #ffc001 transparent transparent transparent;}
.wgk_tabs ul li .ico4 { border-color: #5ca901 transparent transparent transparent;}
.wgk_tabs ul li .ico5 { border-color: #0396c0 transparent transparent transparent;}
.wgk_tabs ul li.wgk2 { background: #027bc0; }
.wgk_tabs ul li.wgk3 { background: #ffc001; }
.wgk_tabs ul li.wgk4 { background: #5ca901; }
.wgk_tabs ul li.wgk5 { background: #0396c0; }
.wgk_tabs ul li.active .ico { display: block;}
/* 主体 */
.gk_left { width: 765px;}
.gk_right { width: 400px; }
.gk_jdbox {height: 330px;overflow: hidden;}
/* 重点领域 */
.gk_zdly { height: 118px; }
.gk_zdtitle { font-size: 22px; line-height: 24px; height: 24px;background: url(../images/gk_zdline.png) center center repeat-x;text-align: center; color: #0154a4;}
.gk_zdtitle .tit { display: inline-block; padding: 0 20px; background: #ffffff;}
.gk_zdtitle a {color: #0154a4; }
.zdly_list { margin-top: 20px;}
.zdly_list .j-scroll {position: relative;width: 100%;height: 64px;overflow: hidden;z-index: 1;}
.zdly_list .prev, .zdly_list .next {display: block;position: absolute;top: 50%;margin-top: -8px;width: 10px;height: 17px;overflow: hidden;cursor: pointer;background: url(../images/btnl.png) no-repeat;z-index: 2;}
.zdly_list .next {right: 0;background: url(../images/btnr.png) no-repeat;}
.zdly_list .scroll-wrap {position: relative;width: 100%;height: 64px;overflow: hidden;z-index: 1;}
.zdly_list .j-marquee { height: 64px !important;overflow: hidden;}
.zdly_list ul li { float: left; width: 185px; text-align: center; font-size: 16px; border-right: 1px solid #b8d4ee;}
.zdly_list ul li img { display: block; margin: 0 auto; height: 38px; width: auto;}
.zdly_list ul li .img_title { color: #0154a4; display: block; padding-top: 8px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zdly_list ul li a:hover img {webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
/* 回应关切 */
.gk_hygzbox {height: 346px; }
.gk_hygzlist { height: 239px;}
.gk_hybtn ul li { display: inline; float: left; text-align: center; font-size: 18px; margin-right: 18px; width: 172px; height: 67px; line-height: 65px;}
.gk_hybtn ul li a { display: block; border: 1px solid #ebeef0; height: 65px; border-radius: 5px; -moz-border-radius: 5px; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.gk_hybtn ul li img {margin-right: 14px;}
.gk_hybtn ul li a:hover { border: 1px solid #b8d4ee; color: #333333;}
.gk_hybtn ul li a:hover img {webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
/* 监督保障 */
.gk_jdbox { height: 331px;overflow: hidden; }

/* 专题图 */
.gk_ztbox { height: 70px; overflow: hidden; }
.gk_ztbox ul li { display: inline; width: 246px; float: left; margin-right: 21px; height: 70px; }
.gk_ztbox .j-scroll {position: relative;width: 100%;height: 70px;overflow: hidden;z-index: 1;}
.gk_ztbox .prev, .gk_ztbox .next {display: block;position: absolute;top: 50%;margin-top: -15px;width: 15px;height: 30px;overflow: hidden;cursor: pointer; background: url(../images/ind_prve.png) 0 0 no-repeat;z-index: 2;}
.gk_ztbox .next { background-position: -15px 0; right: 0;}
.gk_ztbox .scroll-wrap {position: relative;width: 100%;height: 70px;overflow: hidden;z-index: 1;}

/* 征集 */
.gk_yjzjbox { height: 290px;}
.gk_zjlist { margin-top: 12px;}
.gk_zjlist li { height: 34px; line-height: 34px; font-size: 16px; position: relative; padding-left: 59px;}
.gk_zjlist li .date { float: right; font-size: 14px; color: #cecece;}
.gk_zjlist li .zt { position: absolute; left: 0; top: 6px; line-height: 22px; display: inline-block; width: 49px; height: 22px; text-align: center; font-size: 12px; color: #ffffff; background: #c0c0c0; border-radius: 5px; -moz-border-radius: 5px; }
.gk_zjlist li .starting { background: #8ac6fb;}
.gk_zjlist li a { display: block; float: none; height: 34px; margin-right: 100px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hdy_ftbox { padding-top: 10px;}
/* 政务公开导航 */
.gk_dhbox { height:280px;}
.gk_dhlist ul {  display: block; height: 204px; overflow: auto;}
.gk_dhlist ul li { height: 34px; line-height: 34px; width: 24.8%; float: left; font-size: 14px;}
.gk_dhlist ul li a { display: block; height: 34px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; float: none;}
/* 公告栏 */
.gk_ggbox { height: 351px; }
.gk_gglist{ height: 304px;overflow: hidden;}
.gk_gglist ul li { line-height: 25px; padding: 8px 0 8px 12px; border-bottom: 1px dashed #dee2e6; font-size: 16px; background: url(../images/in_arr.gif) left 18px no-repeat;}
.gk_gglist ul li .date { color: #cecece; padding-left: 10px;}
/* 依申请公开 */
.gk_ysqbox { height: 292px;}
.gk_ysqli { height: 102px;}
.gk_ysqli ul { padding-top: 15px;}
.gk_ysqli ul li { height: 32px; line-height: 32px; display: inline; float: left; text-align: center; font-size: 15px; width: 102px; margin: 4px 4px 0 0; background: #f9f9f9;}
.gk_ysqli ul li.num1, .gk_ysqli ul li.num4 { width: 149px;}
.gk_ysqcs { height: 146px;}
.gk_ysqtit { height: 26px; line-height: 26px; color: #0154a4; font-size: 18px; background: url(../images/ysqtit.png) 10px center no-repeat; padding-left: 34px;}
.gk_ysqcs ul li { margin-top: 10px; display: block;}
.gk_ysqcs ul li.bt { float: left;width: 125px;text-align: right;padding-right: 4px;height: 30px;line-height: 30px;font-size: 14px;}
.gk_ysqcs ul li.srk { margin-left: 130px; *margin-left: 0; height: 30px;position: relative; }
.gk_ysqcs ul li.srk .msg-box {position: absolute !important;left: 0;top: 2px;}
.gk_ysqcs ul li.srk input {width: 99%;height: 28px; float: left;line-height: 28px;padding: 0;border: #dee2e6 1px solid;background: #ffffff;}
.gk_ysqcs ul li.btn {width: 100px;height: 30px;padding: 0 0 0 92px;}
.gk_ysqcs ul li.btn input {float: left;width: 100px;height: 30px;line-height: 25px;text-align: center;font-size: 14px;color: #ffffff;background: #0154a4;cursor: pointer;outline: none;border: none;}

.gk_tjbox { height: 108px; background: #f9f9f9; padding: 0 20px;}
.gk_tjbox ul { padding-top: 5px;}
.gk_tjbox ul li { line-height: 32px;height: 32px; font-size: 15px;}
.gk_tjbox ul li .num { float: right; color: #ff0000;}
.gk_zdimg { height: 70px; overflow: hidden;}
/* 新闻发布会 */
.gk_fbhbox { height: 265px;overflow: hidden;}
.fbh_a { padding-right: 10px; }
.fbh_a a { color: #666666; padding: 0 4px; }
.gk_fhblist { width: 360px; margin: 15px auto 0 auto;}
.gk_fhblist ul li { text-align: center; }
.gk_fhblist ul li img { width: 361px; height: 180px;}
.gk_fhblist ul li .title { display: block; font-size: 15px; height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 政府公报 */
.gk_zfgb { height: 268px;}
.gk_gbbox { width: 360px; margin: 15px auto 0 auto;}
.gk_gbimg { width: 163px; height: 202px; border: 3px solid #e6e6e6; }
.gk_gbsearch { padding-left: 182px; }
.gk_gbsearch ul li { height: 40px; line-height: 40px;}
.gk_gbsearch ul li .gk_gktext { width: 87px; height: 40px; line-height: 40px; border: none; background: #f8f8f8; font-size: 14px;}
.gk_gbsearch ul li .gk_gktext2 { width: 178px;}
.gk_gbsearch ul li select { width: 75px;height: 38px;line-height: 26px;font-size: 14px;color: #a8abb7;padding: 2px 5px; *padding: 0; border: none; background: #f8f8f8; margin-left: 6px;}
.gk_gbsearch ul li .gk_gkbtn { width: 100px; height: 36px; background: #0154a4; line-height: 36px; font-size: 16px; border: none; color: #ffffff; margin-top: 10px; text-align: center;}
/* 发布 */
.gk_fbbox { height: 145px;}
.gk_weibo { margin-top: 20px; height: 85px; border-bottom: 1px solid #dddddd;}
/*信息排行*/
.gk_phbox { height: 455px;margin-bottom: 0;}
.gk_phlist ul li { height: 34px; line-height: 34px; font-size: 14px; overflow: hidden;}
.gk_phlist ul li .tj { float: right; font-size: 14px; color: #bebebe;}
.gk_phlist ul li .num { display: block; width: 17px; height: 17px; float: left; margin: 8px 10px 0 0; font-size: 12px; line-height: 17px; text-align: center; background: #c7c7c7;}
.gk_phlist ul li .num1,.gk_phlist ul li .num2,.gk_phlist ul li .num3 { color: #ffffff; background: #f23402;}
.gk_phlist ul li a { display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; margin-right: 50px; }
@media (min-width: 992px) and (max-width: 1179px) {
    /*五公开*/
    .wgk_box {width: 617px;}
    .wgk_tabs ul li {width: 118px;margin-right: 10px;}
    .gk_left {width: 577px;}
    /*回应关切*/
    .gk_hybtn ul li {font-size: 16px;margin-right: 10px;width: 125px;}
    .gk_hybtn ul li img {margin-right: 8px;}
    /*解读*/
    .gk_jdbox .gk_atabs ul li {width: 95px; padding: 0 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .gk_jdbz .gk_atabs ul li {width: 122px; padding: 0 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width: 991px) {
    .bot15{ margin-bottom: 0px;}
    .gkml_box, .wgk_box, .gk_left, .gk_right { width: auto; float: none; height: auto;}
    .gkml_list, .gk_zdly, .gk_hygzbox, .gk_dhbox, .gk_ysqbox { height: auto;}
    .gkml_box,.gk_phbox{ margin-bottom: 15px;}
    .ind_gklink4 li{ width: 49%; margin-right: 2%;}
    .ind_gklink li a{ background: none; text-align: center; padding-left: 0;}
    /*公开目录*/
    .gkml_list ul li { width: 32.3%;}
    /*五公开*/
    .wgk_tabs ul li {width: 130px;}
    .gk_atabs ul li {border-bottom: 1px solid #ffffff;}
    .gk_atabs { height: auto;}
    .gk_atabs ul li { padding: 0 5px;}
    /*回应关切*/
    .gk_hybtn ul li {width: 168px;}
    /*依申请公开*/
    .gk_ysqli {height: 72px;}
}
@media (max-width: 767px) {
    .bgf { padding: 10px;}
    .w_110 { width: 100%;}
    .gk_zcjd, .gk_hygq{ height: auto; overflow: hidden;}
    .zdly_list ul li{ width: 160px;}
    /*五公开*/
    .wgk_tabs ul li { width: 18%; margin: 0 1%; font-size: 20px; }
    /*依申请公开*/
    .gk_ysqli {height: auto; margin-bottom: 15px;}
    .gk_ysqli ul li { width: 32.3% !important; margin: 4px 0.5% 0 0.5%;}
    /*回应关切*/
    .gk_hygzlist { height: auto;}
    .gk_hybtn ul li {width: 24%; margin: 15px 0.5% 0 0.5%;}
    .gk_hybtn ul li img {margin-right: 8px;}
    .gk_fhblist { width: auto;}
    .gk_fhblist ul li img { width: 100%; height: auto;}
    .gk_phbox .gk_btabs ul li { width: 50%; padding: 0; text-align: center;}
}
@media (max-width: 600px) {
    .wgk_tabs ul li {font-size: 18px; width: 19%; margin: 0 0.5%;}
    /*回应关切*/
    .gk_hybtn ul li {width: 49%;}
    /*依申请公开*/
    .gk_ysqli ul li { width: 49% !important; margin: 4px 0.5% 0 0.5%;}
    /*导航*/
    .gk_dhlist ul li {width: 49%;}
}
@media (max-width: 430px) {
    .ind_gklink4 li a{font-size: 14px;}
    .wgk_tabs ul li { line-height: 22px; font-size: 16px;}
    .wgk_tabs ul li a { width: 40px; margin: 0 auto; padding-top: 4px;}
    .gk_gbbox, .gk_zfgb { height: auto;}
    .gk_gbimg { float: none; margin: 0 auto;}
    /*依申请公开*/
    .gk_gbsearch {padding-left: 0;}
    .gk_gbsearch ul li .gk_gktext {width: 48%;}
    .gk_gbsearch ul li .gk_gktext2 {width: 97%;}
    .gk_gbsearch ul li select {width: 48%; margin-left: 1%;}

}


/* https://www.guzhen.gov.cn/xxgk/index.html */
body.useOldFixed .gk_dhbox{
    height: auto;
}
body.useOldFixed .gk_dhlist ul{
    height: auto;
    overflow:hidden;
}
body.useOldFixed .gk_hygqcon .gk_list li .nr{
    width: 75% !important;
    float: left !important;
}
body.useOldFixed .gk_gglist ul li .nr{
    width: 85% !important;
    float: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
body.useOldFixed .gk_ysqli ul li{
    width: auto;
    padding: 0 5px;
}
body.useOldFixed .gk_phbox{
    height: auto;
}
body.useOldFixed .gk_phlist ul li .num{
    width: 50px;
}