/**!
* [政务公开首页]
* date:2022-8-31
* author: tfxu;
*/
.mt30 {
    margin-top: 30px;
}

.mt60 {
    margin-top: 60px;
}

.banner {
    margin-top: 30px;
}

.banner-item-open {
    display: none;
}

.banner-item {
    float: left;
    width: calc((100% - 40px) / 5);
    height: 207px;
    border: 1px solid #fff;
    border-radius: 40px 0px;
    box-shadow: 0px 1px 12px #F4EAE9;
    overflow: hidden;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}

.banner-item+.banner-item {
    margin-left: 10px;
}

.banner-item-close {
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}

.banner-item-icon,
.banner-item-icon {
    display: block;
    width: 104px;
    height: 116px;
    margin: 20px auto 0;
    background: center center no-repeat;
}

.banner-item-closename {
    width: 98px;
    line-height: 30px;
    margin: 10px auto 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.banner-item:nth-child(1) .banner-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_banner1.png");
}

.banner-item:nth-child(1) .banner-item-close {
    background: url("/Template/zwgk/css/../images/gov_open/banner.jpg") 0 center no-repeat;
}

.banner-item:nth-child(2) .banner-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_banner2.png");
}

.banner-item:nth-child(2) .banner-item-close {
    background: url("/Template/zwgk/css/../images/gov_open/banner.jpg") -262px center no-repeat;
}

.banner-item:nth-child(3) .banner-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_banner3.png");
}

.banner-item:nth-child(3) .banner-item-close {
    background: url("/Template/zwgk/css/../images/gov_open/banner.jpg") -524px center no-repeat;
}

.banner-item:nth-child(4) .banner-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_banner4.png");
}

.banner-item:nth-child(4) .banner-item-close {
    background: url("/Template/zwgk/css/../images/gov_open/banner.jpg") -786px center no-repeat;
}

.banner-item:nth-child(5) .banner-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_banner5.png");
}

.banner-item:nth-child(5) .banner-item-close {
    background: url("/Template/zwgk/css/../images/gov_open/banner.jpg") -1048px center no-repeat;
}

.move .banner-item {
    width: calc((100% - 210px) / 5);
}

.banner-item.current {
    width: calc((100% - 210px) / 5 + 170px);
}

.banner-item.current .banner-item-close {
    display: none;
}

.banner-item.current .banner-item-open {
    display: block;
    height: 100%;
    padding: 0 24px;
    background: url("/Template/zwgk/css/../images/gov_open/banner_bg_h.png") center center no-repeat;
    background-size: 100% 100%;
}

.banner-open-left {
    float: left;
    height: 100%;
    width: 104px;
    overflow: hidden;
}

.banner-item-openname {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.banner-open-right {
    float: left;
    width: calc(100% - 113px);
    margin-left: 9px;
    margin-top: 14px;
    height: calc(100% - 14px);
    overflow: hidden;
}

.banner-open-item {
    float: left;
    width: 50%;
    margin-top: 6px;
}

.banner-open-link {
    position: relative;
    display: block;
    padding: 0 0 0 22px;
    line-height: 23px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.banner-open-link:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
}

.news {
    margin-right: -15px;
}

.public {
    margin-left: 25px;
}

.com-box {
    padding: 5px 30px 25px;
    background: #FFFFFF;
    box-shadow: 0px 1px 12px #F4EAE9;
    border-radius: 3px;
}

.com-hd {
    height: 51px;
    line-height: 49px;
    border-bottom: 2px solid #D3CCCA;
}

.com-tt {
    position: relative;
    font-weight: 550;
    font-size: 20px;
    color: #333;
}

.com-tt:after,
.policy-tab .tab-hdl.active:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #EF4837;
}

.com-link {
    width: 12px;
    height: 100%;
    background: url("/Template/zwgk/css/../images/gov_open/icon_link.png") center center no-repeat;
}


.area-list {
    margin: 24px -30px 0;
}

.area-item {
    float: left;
    width: 20%;
    font-size: 0;
    -webkit-text-size-adjust: none;
    text-align: center;
}

.area-item:nth-child(n+6) {
    margin-top: 30px;
}

.area-item-link {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.area-item-icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    background: center center no-repeat;
}

.area-item-name {
    margin-top: 12px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*稳岗就业*/
.area-item:nth-child(3) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key1.png");
    box-shadow: 0px 1px 8px #FFB760;
}
/*重大建设项目*/
.area-item:nth-child(1) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key3.png");
    box-shadow: 0px 1px 8px #9D95FC;
}
/*养老服务*/
.area-item:nth-child(4) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key4.png");
    box-shadow: 0px 1px 8px #FFB760;
}
/*生态环境*/
.area-item:nth-child(5) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key5.png");
    box-shadow: 0px 1px 8px #7CC0FF;
}
/*食品安全*/
.area-item:nth-child(6) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key6.png");
    box-shadow: 0px 1px 8px #FCA195;
}
/*义务教育*/
.area-item:nth-child(7) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key7.png");
    box-shadow: 0px 1px 8px #9D95FC;
}
/*医疗卫生*/
.area-item:nth-child(8) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key8.png");
    box-shadow: 0px 1px 8px #7CC0FF;
}
/*财政资金直达基层*/
.area-item:nth-child(2) .area-item-icon {
    background-image: url("/Template/zwgk/css/../images/gov_open/key9.png");
    box-shadow: 0px 1px 8px #FCA195;
}

.newest {
    min-height: 537px;
}

.newest-tab {
    margin-top: 20px;
}

.newest-tab .tab-hdl {
    float: left;
    width: 88px;
    height: 32px;
    color: #EF4837;
    line-height: 30px;
    text-align: center;
    border: 1px solid #EF4837;
    border-radius: 4px;
    cursor: pointer;
}

.newest-tab .tab-hdl+.tab-hdl {
    margin-left: 15px;
}

.newest-tab .tab-hdl.active {
    color: #fff;
    background: linear-gradient(97.53deg, #E6373C 0%, #FC683B 100%);
}

.newest-item {
    line-height: 34px;
    padding-left: 30px;
    font-size: 16px;
    margin-top: 16px;
    background: url("/Template/zwgk/css/../images/gov_open/icon_dot.png") 0 center no-repeat;
}

.newest-item-name {
    width: calc(100% - 130px);
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newest-item-date {
    color: #999;
}

.newest-item:hover {
    background-image: url("/Template/zwgk/css/../images/gov_open/icon_dot_h.png");
}

.newest-item:hover .newest-item-name,
.newest-item:hover .newest-item-date {
    color: #EF4837;
}

.policy {
    min-height: 512px;
}

.policy-tab {
    position: relative;
}

.policy-tab .tab-hdl {
    float: left;
    position: relative;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.policy-tab .tab-hdl+.tab-hdl {
    margin-left: 30px;
}

.policy-tab .tab-hdl.active {
    font-weight: 550;
}

.policy-link {
    position: absolute;
    height: 49px;
    top: 0;
    right: 0;
}

.policy .newest-item {
    margin-top: 20px;
}

.search {
    height: 241px;
}

.search-name {
    margin-top: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #333;
}

.search-input {
    display: block;
    width: 100%;
    height: 32px;
    margin-top: 11px;
    padding: 0 15px;
    border: 1px solid #D9D9D9;
    border-radius: 4px
}

.search-btn {
    display: block;
    margin: 22px auto 0;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: linear-gradient(97.53deg, #E6373C 0%, #FC683B 100%);
    border-radius: 4px;
}

.govinfo-list {
    margin-top: 20px;
}

.govinfo-item {
    margin-top: 15px;
}

.govinfo-item-cont {
    display: block;
    height: 70px;
    line-height: 68px;
    font-size: 16px;
    color: #333;
    background: #FFF7F7;
    border: 1px solid #F7E0E0;
    border-radius: 6px;
}

.govinfo-item i {
    display: inline-block;
    vertical-align: top;
    width: 37px;
    height: 37px;
    margin: 17px 31px 0;
    background: center center no-repeat;
}

.govinfo-item:nth-child(1) i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open1.png");
}

.govinfo-item:nth-child(1):hover i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open1_h.png");
}

.govinfo-item:nth-child(2) i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open2.png");
}

.govinfo-item:nth-child(2):hover i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open2_h.png");
}

.govinfo-item:nth-child(3) i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open3.png");
}

.govinfo-item:nth-child(3):hover i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open3_h.png");
}

.govinfo-item:nth-child(4) i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open4.png");
}

.govinfo-item:nth-child(4):hover i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open4_h.png");
}

.govinfo-item:nth-child(5) i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open5.png");
}

.govinfo-item:nth-child(5):hover i {
    background-image: url("/Template/zwgk/css/../images/gov_open/open5_h.png");
}

.govinfo-item:hover .govinfo-item-cont {
    color: #fff;
    background: url("/Template/zwgk/css/../images/gov_open/govinfo_bg.png") center center no-repeat;
    background-size: 100% 100%;
    border-color: transparent;
}

.open-swiper {
    padding-bottom: 21px;
}

.govopen {
    padding-bottom: 15px;
    min-height: 628px;
}

.govopen-list {
    margin-top: 5px;
}

.govopen-item {
    float: left;
    width: calc((100% - 20px) / 2);
    margin-top: 15px;
}

.govopen-item:nth-child(2n) {
    margin-left: 15px;
}

.govopen-item-cont {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 5px;
    color: #333;
    text-align: center;
    background: #F7F7F7;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.govopen-item-cont.ariafocus{
    outline: 2px solid rgba(255, 184, 0, 1) !important;
    transition: outline 250ms;
}

.govopen-item-cont:hover {
    color: #fff;
    background: linear-gradient(97.53deg, #E6373C 0%, #FC683B 100%);
}

.swiper-pagination {
    bottom: 0 !important;
    line-height: 0;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin: 0 3px !important;
    background: linear-gradient(270deg, rgba(251, 96, 50, 0.3) 9.82%, rgba(225, 49, 63, 0.3) 87.95%);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    width: 20px;
    background: linear-gradient(270deg, #FB6032 9.82%, #E1313F 87.95%);
}

.special {
    padding-bottom: 20px;
}

.special-swiper {
    padding-bottom: 26px;
    margin-top: 20px;
}

.special-item {
    display: block;
    height: 200px;
    background: url("/Template/zwgk/css/../images/gov_open/special_bg.png") center center no-repeat #FFF7F7;
    background-size: 100% 100%;
    border: 1px solid #F7E0E0;
    border-radius: 6px;
}

.special-item-icon {
    display: block;
    width: 121px;
    height: 112px;
    margin: 23px auto 0;
    background: center bottom no-repeat;
}

.icon1 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special1.png");
}

.icon2 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special2.png");
}

.icon3 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special3.png");
}

.icon4 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special4.png");
}

.icon5 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special5.png");
}

.icon6 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special6.png");
}
.icon7 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special7.png");
}

.special-item-name {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-align: center;
}

.twice .special-item-name {
    font-size: 16px;
    padding: 0 33px;
}

.special-item:hover {
    border-color: #fff;
    box-shadow: 0px 3px 10px #EDABAB;
    background-image: url("/Template/zwgk/css/../images/gov_open/special_bg_h.png");
}

.special-item:hover .special-item-name {
    color: #fff;
}

.special-item:hover .icon1 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special1_h.png");
}

.special-item:hover .icon2 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special2_h.png");
}

.special-item:hover .icon3 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special3_h.png");
}

.special-item:hover .icon4 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special4_h.png");
}

.special-item:hover .icon5 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special5_h.png");
}

.special-item:hover .icon6 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special6_h.png");
}
.special-item:hover .icon7 {
    background-image: url("/Template/zwgk/css/../images/gov_open/special7_h.png");
}

.apply-cont {
    margin-top: 20px;
}

.apply-left {
    float: left;
    width: 20.48%;
    height: 185px;
    background: url("/Template/zwgk/css/../images/gov_open/apply_bg1.png") center center no-repeat;
    background-size: 100% 100%;
    border-radius: 6px;
}

.apply-left-icon {
    display: block;
    width: 84px;
    height: 84px;
    margin: 32px auto 0;
    background: rgba(255, 255, 255, 0.3);
    padding: 5px;
    border-radius: 50%;
}

.apply-left-icon>i {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/Template/zwgk/css/../images/gov_open/apply1.png") center center no-repeat #FFF;
    border-radius: 50%;
}

.apply-left-name {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 17px;
    color: #E8714B;
    font-weight: 550;
    font-size: 18px;
}

.apply-center {
    float: left;
    margin-left: 30px;
    width: 40.48%;
}

.apply-item {
    float: left;
    width: calc((100% - 30px) / 2);
    height: 78px;
    line-height: 78px;
}

.apply-item:nth-child(2n) {
    margin-left: 30px;
}

.apply-item:nth-child(n+3) {
    margin-top: 29px;
}

.apply-item-cont {
    display: block;
    height: 100%;
    background: center center no-repeat;
    background-size: 100% 100%;
}

.apply-item:nth-child(1) .apply-item-cont {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply_bg2.png");
}

.apply-item:nth-child(2) .apply-item-cont {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply_bg3.png");
}

.apply-item:nth-child(3) .apply-item-cont {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply_bg4.png");
}

.apply-item:nth-child(4) .apply-item-cont {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply_bg5.png");
}

.apply-item-icon {
    float: left;
    width: 58px;
    height: 58px;
    padding: 5px;
    margin: 10px 26px 0 36px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.apply-item-icon>i {
    display: block;
    width: 100%;
    height: 100%;
    background: center center no-repeat #fff;
    border-radius: 50%;
}

.apply-item:nth-child(1) .apply-item-icon>i {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply2.png");
}

.apply-item:nth-child(2) .apply-item-icon>i {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply3.png");
}

.apply-item:nth-child(3) .apply-item-icon>i {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply4.png");
}

.apply-item:nth-child(4) .apply-item-icon>i {
    background-image: url("/Template/zwgk/css/../images/gov_open/apply5.png");
}

.apply-item-name {
    float: left;
    font-size: 18px;
    font-weight: 550;
}

.apply-item:nth-child(1) .apply-item-name {
    color: #956EE9;
}

.apply-item:nth-child(2) .apply-item-name {
    color: #548DE4;
}

.apply-item:nth-child(3) .apply-item-name {
    color: #F28D1D;
}

.apply-item:nth-child(4) .apply-item-name {
    color: #E8714B;
}

.apply-right {
    position: relative;
    float: left;
    width: calc(100% - 20.48% - 40.48% - 30px - 114px);
    height: 184px;
    margin-left: 114px;
    background: url("/Template/zwgk/css/../images/gov_open/apply_bg6.png") center center no-repeat;
    background-size: 100% 100%;
    border-radius: 6px;
}

.apply-right:before {
    position: absolute;
    content: '';
    top: 0;
    left: -114px;
    bottom: 0;
    width: 114px;
    height: 100%;
    background: url("/Template/zwgk/css/../images/gov_open/apply_line.png") center center no-repeat;
}

.apply-right-hd {
    margin: 13px 0 0 15px;
    padding-left: 24px;
    height: 26px;
    line-height: 26px;
    font-weight: 550;
    font-size: 18px;
    color: #333;
    background: url("/Template/zwgk/css/../images/gov_open/search.png") 0 center no-repeat;
}

.apply-right-cont {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #73423D;
}

.apply-right-btn {
    display: block;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin: 17px auto 0;
    background: linear-gradient(97.53deg, #E6373C 0%, #FC683B 100%);
    border-radius: 4px;
}


.org-list {
    margin-top: 20px;
}

.org-item {
    line-height: 44px;
    float: left;
    width: 33.33333333333333333333%;
    font-size: 16px;
    color: #333;
}

@media (max-width:1299px) {
    .govinfo-item i {
        margin: 17px 4px 0;
    }

    .govinfo-item-cont {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news {
        margin-right: 0;
    }

    .public {
        margin-left: 0;
    }

    .com-box {
        padding: 5px 10px 15px;
    }

    .apply-item-icon {
        margin: 10px 10px 0 10px;
    }

    .apply-right {
        width: calc(100% - 20.48% - 40.48% - 30px - 70px);
        margin-left: 70px;
    }

    .apply-right:before {
        width: 70px;
        left: -70px;
    }
}

@media (max-width:979px) {
    .apply-left {
        width: 100%;
    }

    .apply-center {
        width: 100%;
        margin-left: 0;
        margin-top: 29px;
    }

    .apply-right {
        width: 100%;
        margin-left: 0;
        margin-top: 29px;
    }

    .apply-right:before {
        content: none;
    }

    .org-item {
        width: 50%;
    }
}

@media (max-width:767px) {
    .area-item {
        width: 50%;
    }

    .area-item:nth-child(n+3) {
        margin-top: 15px;
    }

    .newest-item {
        padding-left: 10px;
    }

    .newest-item-name {
        width: calc(100% - 95px);
    }

    .apply-center {
        margin-top: 0;
    }

    .apply-item {
        width: 100%;
        margin-top: 29px;
    }

    .apply-item:nth-child(2n) {
        margin-left: 0;
    }

    .org-item {
        width: 100%;
    }

    .banner-item {
        width: 100%;
    }

    .banner-item+.banner-item {
        margin-left: 0;
        margin-top: 20px;
    }

    .banner-item .banner-item-close {
        background-position: 0 center !important;
    }


    .move .banner-item,
    .banner-item.current {
        width: 100%;
    }
}

body.useOldFixed .open-swiper {
    padding-bottom: 61px;
}

body.useOldFixed .special-swiper {
    padding-bottom: 56px;
    margin-top: 20px;
}

body.useOldFixed .special-swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.useOldFixed .special-swiper .swiper-slide .special-item{
    width: 200px;
}

body.useOldFixed .swiper-pagination-bullet {
    width: 44px;
    height: 44px;
    border-radius: 26px;
    margin: 0 6px !important;
}

body.useOldFixed .swiper-pagination-bullet-active {
    width: 64px;
}

/* banner */
body.useOldFixed .banner-item {
    height: 307px;
}

body.useOldFixed .move .banner-item {
    
    transition:all 0.5s;
}

body.useOldFixed .banner-item .banner-item-close{
    background-size: cover;
}

body.useOldFixed .banner-item.current {
    
    transition:all 0.5s;
}

body.useOldFixed .banner-item.current .banner-item-close {
    
    transition:all 0.5s;
}

body.useOldFixed .banner-item.current .banner-item-open {
    padding: 0 10px;
    transition:all 0.5s;
}

body.useOldFixed .banner-open-left {
    width: 100px;
}

body.useOldFixed .banner-open-right {
    width: calc(100% - 100px);
    margin-left: 0;
    margin-top: 0;
    height: calc(100% - 6px);
}
body.useOldFixed .banner-open-item {
    float: left;
    width: 50%;
    margin-top: 0px;
}
body.useOldFixed .banner-open-link {
    padding: 0 0 0 12px;
}
body.useOldFixed .banner-open-link:before {
    left: 3px;
}