.index-bg{background-color: unset;}
.zntj{
    position: absolute;
    left: 48.9%;
    margin-left: -677px;
    width: 52px;
    top: 130px;
    cursor: pointer;background: url(/2023gb/images/index/zntj.png) top center no-repeat; height: 229px;
}.zntj span{color: #ffffff;
    width: 20px;
    height: auto;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin: 0 auto;
    padding-top: 75px;}
.zntj img{
    width: 100%;
}
.zntj:hover .zntj-box{width:380px;padding:10px;}
.zntj-box{position: absolute;top: 0;left: 51px;background: #0067cc;width: 0;min-height: 300px;z-index: 99;transition: width 500ms;overflow: hidden;}
.zntj-box ul{background:#fff;margin-top: 0;padding:10px;width:360px;}
.zntj-box ul li{line-height: 1.75em;font-size: 15px;margin-bottom: 10px;}
.zntj-box ul li:before{content:"";display: inline-block;width:5px;height:5px;background:#859EB9;vertical-align: middle;display: none;}
.tt{
    background: url(../images/index/tt.png) no-repeat left 24px;
    text-align: center;
    padding: 24px 92px 26px 92px;
}
.tt h2 a{
    color: #0058BD;
    font-weight: bold;
    font-size: 34px;
}
.tt p{
    padding-top:15px;
    line-height: 24px;
    font-size: 0;
}
.tt p a,.tt p span{
    color: #0058BD;
    font-size: 18px;
    display: inline-block;
}
.tt p span{
    padding: 0 8px;
}
.piclist{
    /* margin-left: -21px; */
    margin-bottom: 26px;
}
.piclist a{
    float:left;
    margin-right:1%;
    display: block;
    width: 24.25%;

}
.piclist a:nth-child(4){margin-right: 0;}
.piclist a img{width: 100%;}
/* 图片新闻 */
.tpxw{
    width: 585px;
    height: 356px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
}
.tpxw:hover .arrow{ opacity: 1}
.tpxw .arrow{ position: absolute;top: 50%;margin-top: -24px;width: 48px;height: 48px;font-size: 300%;color: #fff;z-index: 555;cursor: pointer}
.tpxw .arrow:before{position: absolute;width: 100%; height: 100%; top: 0; left: 0; line-height: 100%; text-align: center;}
.tpxw .layui-icon-left{ background-position: 0 0;left: 6px}
.tpxw .layui-icon-right{ background-position: right 0;right: 6px}
.tpxw .swiper-slide{ 
    position: relative;
    height: 356px;
}
.tpxw a.img-box{ display: block;height: 380px}
.tpxw .swiper-slide a.img-box img{ -o-object-fit: cover;object-fit: cover;width: 100%;height: 100%}
.tpxw .swiper-slide a.img-box span{ 
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 2%;
    background: rgba(0,0,0,.5);
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 18px;
    padding-right: 6em;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
}
.tpxw .pagination{ position: absolute;bottom: 15px;right: 0;z-index: 29;width: 110px;left: auto;text-align: right;padding-right: 8px}
.tpxw .pagination span{ 
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: url(../images/public/slide_dian.png) no-repeat right;
    margin: 0 5px;
    cursor: pointer;
}
.tpxw .pagination .swiper-active-switch,
.tpxw .pagination .swiper-pagination-bullet-active{ 
    background-position: left;
    width: 26px;
    border-radius: 100px;
}
/* 政务要闻 */
.jstime{display: none;}
.zwyw{
    width: 556px;
    float: right;
}
.zwyw .hd ul{
    position: relative;
    height: 44px;
    width: 100%;
}
.zwyw .hd ul::before{
    position: absolute;
    content: '';
    width: 80%;
    height: 1px;
    background: #ced8e3;
    bottom: 0px;
    right: 0px;
    margin-right: 10px;
}
.zwyw .hd ul:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ced8e3;
    bottom: 0px;
    left: 0;
    margin-right: 10px;
}
.zwyw .hd ul li a{
    position: relative

}
.zwyw .hd ul li.on a:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #D43030;
    bottom: -9px;
    margin-right: 0px;
    left: 0
}
.hd ul li{
    float: left;
    margin-right: 32px;
    line-height: 40px;
}
.hd ul li a{
    font-size: 22px;
    color: #808080;
    font-weight: bold;
}
.hd ul li.on a{
    color: #0058BD;
}
.tabSwiper .tabcon{
    display: none;
}
.tabSwiper .tabcon.on{
    display: block;
}
.newlist{
    margin-top: 15px;
}
.newlist li{
    position: relative;
    line-height: 32px;
    height: 32px;
    padding-left: 17px;
    font-size: 0;
}
.newlist li::before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #D8D8D8;
    border-radius: 50%;
    left: 0px;
    top: 50%;
    margin-top: -3px;
}
.newlist li:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #D8D8D8;
    border-radius: 50%;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    
}
.zwyw .newlist li::before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #859EB9;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    border-radius: unset;
}
.zwyw .newlist li:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #859EB9;
    left: 0px;
    top: 50%;
    margin-top: -3px;
    border-radius: unset;
}
.newlist li a{
    font-size: 15px;
    color: #333;
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newlist li a:hover{
    color: #0058BD
}
.newlist li a .new{
    margin-left: 10px;
    display: inline-block;
    font-size: 12px;
}
.newlist li a .new img{
    vertical-align: super;
}
    
.newlist li span.time{
    float: right;
    font-size: 15px;
    color: #808080;
}
/*中间 切换*/
.index_tab{
    margin-bottom: 26px;
}
.index_tab>.hd{
    background: #E8F5FF;

}
.index_tab .hd ul{
    margin-left: -7px;
    margin-right: -7px;
}
.index_tab .hd ul li{
    height: 92px;
    line-height: 92px;
    background: #C7E4FC;
    margin: 22px 7px;
    width: 289px;
    text-align: center;
    position: relative
}
.index_tab .hd ul li:before{
    position: absolute;
    content: '';
    border-right:12px solid transparent;
    border-left:12px solid transparent;
    bottom:-11px;
    right:14%;
}
.index_tab>.hd ul li a {
    font-size: 26px;
    color: #0058BD;
    display: block;
    height: 92px;
}
.index_tab .hd ul li a i{
    display: inline-block;
    width: 61px;
    height: 61px;
    margin-right: 17px;
    vertical-align: top;
    margin-top: 15px;
}
.index_tab .hd ul li a span{
    font-size: 26px;
    display: inline-block;
    height: 92px;
}
.index_tab .hd ul li a i.icon1{
    background: url(../images/index/zwgkicon.png) no-repeat center;
}
.index_tab .hd ul li a i.icon2{
    background: url(../images/index/zwfwicon.png) no-repeat;
}
.index_tab .hd ul li a i.icon3{
    background: url(../images/index/zwhdicon.png) no-repeat;
}
.index_tab .hd ul li a i.icon4{
    background: url(../images/index/xcjyicon.png) no-repeat;
}
.index_tab>.hd ul li.on{
    background: #0269DE;
}
.index_tab .hd ul li.on:before{
    border-top:12px solid #0269DE;
}
.index_tab>.hd ul li.on a {
    color: #fff;
}
.index_tab>.hd ul li.on a i.icon1{
    background: url(../images/index/zwgkicon_h.png) no-repeat  center;
}
.index_tab .hd ul li.on a i.icon2{
    background: url(../images/index/zwfwicon_h.png) no-repeat;
}
.index_tab .hd ul li.on a i.icon3{
    background: url(../images/index/zwhdicon_h.png) no-repeat;
}
.index_tab .hd ul li.on a i.icon4{
    background: url(../images/index/xcjyicon_h.png) no-repeat;
}
.index_tab .indextabcon{
    margin-top:30px;
    box-shadow: 0px 0px 8px #eee;
    padding:26px;
    display: none;
}
.index_tab .indextabcon.on{
    display: block;
}
/*切换-政务公开*/
.tzggtab{
    float: left;
    width: 730px;
    padding-top:14px;
}
.tzggtab>.hd li{
    font-size: 24px;
    color: #333;
    float: left;
    font-weight: bold;
    margin-right: 41px;
    line-height: 31px;
}
.tzggtab>.hd li.on{
    background: url(../images/index/tzgg_h.png) no-repeat;
    padding-left: 45px;
}
.tzggtab>.tzggtabSwiper .tabcon{
    display: none;
}
.tzggtab>.tzggtabSwiper .tabcon.on{
    display: block;
}
.tzggtab .newlist{
    margin-top: 18px;
}
.tzggtab .newlist li{
    line-height: 32px;
    height: 32px;
}
.tzggtab .newlist li:before {
    background: #D8D8D8;
    border-radius: 50%;
}
.tzggtab .newlist li span.time{
    color: #A6A6A6;
}

.xxgk{
    float: right;
    width: 384px;
}
.xxgk a{
    display: block;
    width: 165px;
    height: 162px;
    background: #E8F5FF;
    text-align: center;
    float: left;
    margin-left: 27px;
    padding-top:36px;
    margin-bottom: 9px;
    margin-top: 21px;
    box-sizing: border-box;
}
.xxgk a p{
    line-height: 40px;
    font-size: 15px;
    color: #333;
}
.zwgk_item{
    position: relative;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    height: 192px;
    padding-bottom: 30px;
    box-sizing: content-box;
}  

.zwgk_item .swiper-slide{
    
    
    height: 51px;
    line-height: 51px;
    text-align: center;
    padding:0 15px;
    box-sizing: border-box;
    margin-bottom: 17px;
    font-size: 0px;
}
.zwgk_item .swiper-slide a{
    display: block;
    font-size: 15px;
    color: #000;
    width: 165px;
    height: 51px;
    background: #EDEDED;
    background: url(../images/index/jggk_bg.png) no-repeat;
    border-radius: 100px;
}
.zwgk_item .pagination{
    text-align: center;
    bottom: 0px;
}
.zwgk_item>div.swiper-pagination-bullets {
    text-align: center;
    position: absolute;
    bottom: 0px;
}
.zwgk_item .pagination span{ 
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: url(../images/public/slide_dian1.png) no-repeat right;
    /*background-color: #E5E5E5;*/
    margin: 0 5px;
    cursor: pointer;
    opacity: 1;
}
.zwgk_item .pagination .swiper-active-switch,
.zwgk_item .pagination .swiper-pagination-bullet-active{ 
    background-position: left;
    width: 26px;
    border-radius: 100px;
}
/*政务服务*/
.zwfw_fr .xxgk{
    width: 356px;
}
.zwfw_fr>a{
    display: block;
}
.zwfw_fr .xxgk a{
    margin-left: 26px;
}
.zwfw_fr .xxgk .cbj{
    margin-left: 0px;
}
/*政务服务 end*/
/*政民互动*/
.xjgs,.myzj{
    width: 740px;
    float: left
}
.cjwt,.wsdc{
    width: 360px;
    float: right;
}
.xjgs h2,.myzj h2,.cjwt h2,.wsdc h2{
     height: 43px;
     line-height: 43px;
     font-size: 24px;
     font-weight: bold;
     color: #333;
}
.xjgs h2 img,.myzj h2 img,.cjwt h2 img,.wsdc h2 img{
    margin-right: 8px;
}
.xjgs{
    position: relative;
    line-height: 43px;
}
.xjgs_fr{
    position: absolute;
    right: 0px;
    top: 0px;
}
.xjgs_fr a{
    font-size: 18px;
    color: #0269DE;
    margin-left: 28px;
}
.xjgs_fr a img{
    margin-right: 10px;
}
.xjgslist{
    margin-top: 25px;
    height: 250px;
    overflow-y: auto;
}
.xjgslist li{
    font-size: 0px;
    line-height: 42px;
}
.xjgslist .line{
    background: #E8F5FF;
    height: 58px;
    line-height: 58px;
}
.xjgslist li span{
    display: inline-block;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
}
.xjgslist li span.sqbt{
    width: 40%;
    padding: 0 2%;
}
.xjgslist li span.sqlx{
    width: 20%;
}
.xjgslist li span.cllx{
    width: 20%;
}
.xjgslist li span.djsj{
    width: 20%;
}
/*政民互动 end*/
/*宣传教育*/
.xcgzxx,.hjjyjd{
    width: 545px;
}
.xcgzxx{
    float: left;
}
.hjjyjd{
    float: right;
}
.xcgzxx h2,.hjjyjd h2{
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.xcgzxx h2 img,.hjjyjd h2 img{
    margin-right: 8px;
    margin-top: -5px;
}
.xcgzxx .tzgglist,.hjjyjd .tzgglist{
    margin-top: 10px;
}
/*中间专题轮播*/
.ztlbt{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    height: 103px;
}
.ztlbt .pagination{
    position: absolute;
    bottom: 12px;
    right: 15px;
    z-index: 29;
    width: 110px;
    left: auto;
    text-align: right;
    padding-right: 8px
}
.ztlbt .pagination span{ 
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #D9D9D9;
    margin: 0 4px;
    cursor: pointer;
    border-radius: unset;
}
.ztlbt  .swiper-slide img{width: 100%}
.ztlbt .pagination .swiper-active-switch,
.ztlbt .pagination .swiper-pagination-bullet-active{ 
    background-color: #FFFFFF;
}
/*项目公示*/
.xmgs_box{
    background: #E8F5FF;
    padding-top: 42px;
  
}
.xmgs_box h2{
    font-size: 34px;
    font-weight: bold;
    color: #000;
    line-height: 45px;
}
.xmgs{
    position: relative;
    overflow: hidden;
    height: 205px;
    
    margin-top: 28px;
    margin-left: -15px;
    margin-right: -15px;
}
.xmgs .swiper-slide{
    width: 33.333%;
    text-align: center;
    font-size: 0px;
    
}
.xmgs .swiper-slide a{
    width: 374px;
    min-height: 205px;
    background: #fff;
    /*float: left;*/
    display: inline-block;
    text-align: center;
}
.xmgs .swiper-slide i{
    display: block;
    height: 54px;
    margin-top:62px;
}
.xmgs .swiper-slide p{
    font-size: 15px;
    color: #333;
    line-height: 26px;
    margin-top: 32px;
}
.xmgs .swiper-button-next,.xmgs .swiper-button-prev{
    position: absolute;
    top:50%;
    margin-top: -11px;
    background: url(../images/index/arrow2.png) no-repeat;
    width: 13px;
    height: 23px;
}
.xmgs .swiper-button-next{
    background-position: right;
    right: 30px;
}
.xmgs .swiper-button-prev{
    background-position: left;
    left: 30px;
}

.xggs_sec .title{font-size: 34px; font-weight: bold; color: #000; line-height: 45px; margin-bottom: 30px;}
.xggs_sec ul{margin: -30px -15px 0;}
.xggs_sec ul li{float: left; width: 33.33333%;}
.xggs_sec ul li a{display: block; margin: 30px 15px 0; overflow: hidden;}
.xggs_sec ul li a img{display: block; width: 100%;}

.xmgs_box2 {overflow: hidden; background: none;}
.xmgs_box2 .xggs_sec{width: 48.5%; float: left;}
.xmgs_box2 .pwxk_sec{width: 48.5%; float: right;}
.xmgs_box2 .xggs_sec ul li{width: 100%; float: none;}
.xmgs_box2 li a{display: block; background-color: #E7F3FD; height: 105px;  font-size: 1.5rem; position: relative; border-radius: 10px ; line-height: 105px;}
.xmgs_box2 li i{display: inline-block;width:32%; float: left; text-align: right;margin-right: 30px;}
.xmgs_box2 li font{display: inline-block; float: left;max-width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; color: #3A76BA;}
.xmgs_box2 li i img{transition: all 0.4s ease 0s;vertical-align:middle;}
.xmgs_box2 li i span{display: inline-block; vertical-align: middle;width: 75px;height: 75px;background: #A2C6F3;border-radius: 50%;text-align: center; }
.xmgs_box2 .xggs_sec ul li a img{vertical-align: initial;}
.xmgs_box2 li a:hover img{transform: rotate(360deg);}
.xmgs_box2 .xggs_sec ul li a img{display: initial;width: auto;}
.xmgs_box2 .pwxk_sec ul li:nth-last-child(1) font{ line-height: 35px; padding-top: 20px;}


/*专题专栏*/
.ztzl{
    padding: 30px 0 40px 0;
    position: relative;
    overflow: hidden;
}
.ztzl h2{
   font-size: 34px;
   font-weight: bold;
   color: #000;
   line-height: 45px;
   margin-bottom: 34px;
}
.ztzlslide{
    
    margin-left: -14px;
    margin-right: -15px;
}
.ztzlslide .swiper-slide {
    font-size: 0px;
    text-align: center;
    width: 25%;
    height: 160px;
    margin-bottom: 32px;
}
.ztzlslide .swiper-slide a{
    display: inline-block;
    width: 280px;
    height: 160px;
}
.ztzlslide .swiper-slide img{
    height: 100%;
}
.ztzlslide .swiper-button-next,.ztzl .swiper-button-prev{
    position: absolute;
    top:50%;
    margin-top: -6px;
    background: url(../images/index/arrow.png) no-repeat;
    width: 28px;
    height: 78px;

}
.ztzlslide .swiper-button-next{
    background-position: right;
    right: 0px;
}
.ztzlslide .swiper-button-prev{
    background-position: left;
    left: 0px;
}

.ztzl .topic{margin-bottom: 20px;}
.ztzl .topic ul{margin: -20px -10px 0;}
.ztzl .topic ul li{float: left; width: 20%;}
.ztzl .topic ul li a{display: block; margin: 20px 10px 0; overflow: hidden;}
.ztzl .topic ul li a img{display: block; width: 100%;}
.ztzl .infolist{font-size: 15px;}

/* 外链跳转 */
.alert-mengban{position: fixed;top: 0px;left: 0px;z-index: 1000;background:rgba(0,0,0,0.7); filter: alpha(opacity=80) !important;width: 100%;height: 100%;display: none;}
.alert-warning{position: fixed;left: 50%;  top: 50%; margin-left:-300px; margin-top: -160px; width: 600px;height: 270px;background:#fff;z-index: 10001;display: none; border:2px solid;border-radius:10px;}
.alert-delete{width: 100%;height: 38px;position: relative;}
.alert-delete span{position: absolute; top:10px; right: 10px; width: 20px; height: 20px; line-height: 20px; color:#fff; text-align: center; background: #bebebe; cursor:pointer;}
.alert-delete span:hover{background: #929292;}
.alert-wzsm{width: 520px;height: 100px;margin: 15px auto 0; line-height: 35px;font-size: 1.5em;color: #000;text-align: center; padding-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.alert-footer{width: 100%; padding: 25px 0; text-align: center; color: #000;}   
.alert-footer span{cursor: pointer; display: inline-block; margin: 0 12px; font-size: 1.25em;}
.alert-warning .continue{width: 124px; height: 42px; color: #ab0d07; border-radius:3px; -webkit-border-radius:3px; border:#e1e1e1 1px solid; text-align: center; line-height: 42px; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webikt-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}    
.alert-warning .fangqi{line-height: 42px;  color: #ab0d07;} 
@media (max-width: 640px) {
    .alert-warning{left:2%;margin-left:0; width: 96%; height: auto;}    
    .alert-wzsm{width: 90%;height: auto;margin: 15px auto 0; line-height: 28px;font-size: 18px;color: #000;text-align: center; }
}


/* infolist */
/***
稿件列表样式：
dot:标题前带小点
md:日期-月日
ymd：日期-年月日
line:每条信息之间含分割下滑线
col*:*列
space*:多列之间含*px的间距
多列在768以下响应变成一列
res:480以下标题由一行响应成多行显示
以上类名采用简写方式，便于阅读书写，不可单独写样式，以免冲突覆盖样式。注意不要与base.css中的全家类名冲突
 ***/
.infolist li{position: relative; padding-top: .5em; padding-bottom: .5em; line-height: 1.6em; overflow: hidden; vertical-align:  top;}
.infolist li a{float: left; position: relative; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.infolist li a font{color: #7ca4d8; margin-right: 5px;}
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position: absolute; top: auto; right: 0; margin: auto 0; color: #999;}
.infolist li a br{display: none;}
.infolist.md li{padding-right: 4em;}
.infolist.ymd li{padding-right: 6em;}
.infolist li:hover a{color: #0058bd;}
.infolist li:hover a font{color: #0058bd;}
.infolist li:hover .time{color: #0058bd;}

.infolist.dot li a{padding-left: 18px;}
.infolist.dot li a:before{position: absolute; top: -3px; left: 0; margin-top: .8em; content: ""; width: 5px; height: 5px; background: #ccc; background-repeat: no-repeat; background-position: 0 0;}
.infolist.dot li:hover a:before{background: #0058bd;}

.infolist.line li{border-bottom: 1px solid #e1e5eb;}
.infolist.line li{padding-top: .875em; padding-bottom: .875em;}

.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{float: left;}
.infolist.col2 li{width: 50%;}
.infolist.col3 li{width: 33.33333%;}
.infolist.col4 li{width: 25%;}
.infolist.space20{margin-left: -10px; margin-right: -10px;}
.infolist.space20 li{padding-left: 10px; padding-right: 10px;}
.infolist.space20 li .time{right: 10px;}
.infolist.space20.infolist.md li{padding-right:4.625em;}
.infolist.space20.infolist.ymd li{padding-right:6.875em;}
.infolist.space30{margin-left: -15px; margin-right: -15px;}
.infolist.space30 li{padding-left: 15px; padding-right: 15px;}
.infolist.space30 li .time{right: 15px;}
.infolist.space30.infolist.md li{padding-right:5em;}
.infolist.space30.infolist.ymd li{padding-right:7.5em;}