.banner-con {
    width: 100%;
    overflow: hidden;
}

.banner-con img {
    width: 100%;
    display: block;
}

.scale_imgs{
    overflow: hidden;
}
.scale_imgs .imgs{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.scale_imgs:hover .imgs{
    transform: scale(1.05);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
}

.translateY10 .sdiv{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.translateY10:hover .sdiv{
    transform: translateY(-10px);
}

.zl_bounce:hover .bdiv {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -ms-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate
}
@keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-moz-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-o-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}


.pd10{
    padding-left: 10px;
    padding-right: 10px;
}

/* 普通banner */
.zl_banner{
    background: url("guobo202509_zl_banner.jpg") no-repeat center center;
    background-size: cover;
    /* height: 700px; */
    height: 36.46vw;
}

/* 轮播banner */
.zl_button_w{
    display: flex;
    justify-content: center;
    margin-top: 31px;
}
.zl_button_w .zl_button_next, .zl_button_w .zl_button_prev{
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: no-repeat center center;
    background-color: #d4d4d4;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
    margin: 0 7px;
}
.zl_button_w .zl_button_next:hover, .zl_button_w .zl_button_prev:hover{
    background-color: #b3b3b3;
}
.zl_button_w .zl_button_next{
    background-image: url("guobo202509_zl_next.png");
}
.zl_button_w .zl_button_prev{
    background-image: url("guobo202509_zl_prev.png");
}

.zl_lb_po.zl_button_w{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
}
.zl_lb_po.zl_button_w .zl_button_prev, .zl_lb_po.zl_button_w .zl_button_next{
    background-color: rgba(255,255,255,0.4);
    margin: 0 17px;
}
.zl_lb_po.zl_button_w .zl_button_prev{
    background-image: url("guobo202509_zl_prev_b.png");
}
.zl_lb_po.zl_button_w .zl_button_next{
    background-image: url("guobo202509_zl_next_b.png");
}
.zl_lb_po.zl_button_w .zl_button_prev:hover{
    background-color: rgba(255,255,255,1);
    background-image: url("guobo202509_zl_prev.png");
}
.zl_lb_po.zl_button_w .zl_button_next:hover{
    background-color: rgba(255,255,255,1);
    background-image: url("guobo202509_zl_next.png");
}
.zl_pagination{
    display: flex;
    align-items: center;
}
.zl_pagination span{
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0 3px;
    background-color: rgba(255,255,255,0.4);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.zl_pagination span.swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
    width: 8px;
    height: 8px;
}

@media (max-width: 768px) {
    .zl_lb_po.zl_button_w{
        margin-top: 0.4rem;
    }
    .zl_lb_po.zl_button_w{
        bottom: 0.3rem;
    }
    .zl_button_w .zl_button_next, .zl_button_w .zl_button_prev{
        width: 0.6rem;
        height: 0.6rem;
        background-size: 0.18rem auto;
        border-radius: 0.6rem;
        margin: 0 0.15rem;
    }
    .zl_pagination span{
        width: 0.1rem;
        height: 0.1rem;
        opacity: 1;
        margin: 0 3px;
        background-color: rgba(255,255,255,0.4);
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }
    .zl_pagination span.swiper-pagination-bullet-active{
        background-color: rgba(255,255,255,1);
        width: 0.12rem;
        height: 0.12rem;
    }
}


/* 展览 */
.zl_cns1{
    padding: 100px 0;
    display: flex;
}
.zl_cns1_dl{
    margin-right: 6.44%;
    display: flex;
    width: calc(50% - 6.44%);
    flex-wrap: wrap;
    align-content: space-between;
}
.zl_cns1_dl .texts{
    font-size: 18px;
    line-height: 1.8;
    text-indent: 2em;
    text-align: justify;
    margin-bottom: 30px;
    width: 100%;
}
.zl_cns1_dl .buts{
    display: flex;
}
.zl_cns1_dl .buts .as{
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    background-color: #586b65;
    font-size: 20px;
    text-align: center;
    margin-right: 10px;
}
.zl_cns1_dl .buts .as.xz{
    background-color: #97714b;
}
.zl_cns1_dr{
    display: flex;
    width: 50%;
    align-items: flex-start;
}
.zl_cns1_dr .imgs{
    display: block;
    max-width: 100%;
    height: auto;
}

/*  */
.zl_zzzl{
    background-color: #f9f7f4;
    padding: 95px 0 70px;
}
.zl_titles{
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zl_titles .titles{
    display: flex;
    align-items: center;
}
.zl_titles .as{
    font-size: 36px;
    color: #707070;
    margin-right: 68px;
    display: block;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    /* padding: 0 20px; */
}
.zl_titles .as.on{
    font-size: 46px;
    color: #333333;
    /* transform: scale(1.28); */
}
/* .zl_titles .as:hover{
    color: #333333;
    transform: scale(1.28);
} */
.zl_titles .mores{
    font-size: 20px;
    display: flex;
    align-items: center;
}
.zl_titles_p .mores {
    display: none;
}
.zl_titles_p .mores.on {
    display: flex;
}
.zl_titles .mores .icos{
    content: ' ';
    display: block;
    width: 11px;
    height: 11px;
    background: url("guobo202509_zl_more.png") no-repeat center center;
    background-size: 100% auto;
    margin-left: 7px;
    margin-top: 1px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.zl_titles .mores:hover .icos{
    transform: rotate(45deg);
}
.zl_titles .mores_b{
    color: #fff;
}
.zl_titles .mores_b .icos{
    background-image: url("guobo202509_zl_more_b.png");
}

.zl_zzzl_list{
    padding-top: 34px;
}
.zl_zzzl_list ul{
    display: flex;
    flex-wrap: wrap;
}
.zl_zzzl_list li{
    width: 23.31%;
    margin-right: 2.24%;
    margin-bottom: 2.24%;
}
.zl_zzzl_list li:nth-child(4n){
    margin-right: 0;
}
.zl_zzzl_list li a{
    overflow: hidden;
    display: block;
}
.zl_zzzl_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}
.zl_zzzl_list .kjs{
    display: none;
}

.zl_zzzl .zl_titles .as{
    line-height: 56px;
}


/* 基本陈列 */
.zl_jbc{
    padding: 95px 0 100px;
}
.zl_jbc_list{
    padding-top: 40px;
}
.zl_jbc_list ul{
    display: flex;
    justify-content: space-between;
}
.zl_jbc_list li{
    width: 48.91%;
}
.zl_jbc_list li a{
    overflow: hidden;
    display: block;
}
.zl_jbc_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width:1400px) {
}
@media (max-width:768px) {
    .zl_jbc_list ul{
        display: block;
    }
    .zl_jbc_list li{
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .zl_jbc_list li:last-child{
        margin-bottom: 0;
    }
}
/* 专题展览 */
.zl_ztzl{
    padding: 95px 0 100px;
    background-color: #efefef;
}
.zl_ztzl_list{
    padding-top: 39px;
}
.zl_ztzl_list li{
    padding:0 2px;
    box-sizing: border-box;
}
.zl_ztzl_list li a{
    overflow: hidden;
    display: block;
}
.zl_ztzl_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}

/* 国家展览 */
.zl_gjzl{
    padding: 95px 0 0;
}
.zl_gjzl_list{
    padding-top: 40px;
}
.zl_gjzl_list ul{
    display: flex;
    justify-content: space-between;
}
.zl_gjzl_list li{
    width: 31.88%;
}
.zl_gjzl_list li a{
    overflow: hidden;
    display: block;
}
.zl_gjzl_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}

/* 临时展览 */
.zl_lszl{
    padding: 95px 0 0px;
}
.zl_lszl_list{
    padding-top: 40px;
}
.zl_lszl_list ul{
    display: flex;
    flex-wrap: wrap;
}
.zl_lszl_list li{
    width: 23.31%;
    margin-right: 2.24%;
    margin-bottom: 2.24%;
}
.zl_lszl_list li:nth-child(4n){
    margin-right: 0;
}
.zl_lszl_list li a{
    display: block;
}
.zl_lszl_list li .imgs_w{
    display: block;
    overflow: hidden;
}
.zl_lszl_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}
.zl_lszl_list li .texts{
    font-size: 24px;
    line-height: 2.6;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

/* 国博巡展 */
.zl_gbxz{
    padding: 72px 0 0;
}
.zl_gbxz_list{
    padding-top: 40px;
}
.zl_gbxz_list ul{
    display: flex;
    justify-content: space-between;
}
.zl_gbxz_list li{
    width: 31.88%;
}
.zl_gbxz_list li a{
    overflow: hidden;
    display: block;
}
.zl_gbxz_list li .imgs{
    display: block;
    width: 100%;
    height: auto;
}

/* 云展览 */
.zl_yzl{
    padding: 95px 0 0;
}
.zl_yzl_s{
    margin-top: 40px;
    position: relative;
}
.zl_yzl_s li{
    position: relative;
}
.zl_yzl_s li a{
    display: block;
    overflow: hidden;
}
.zl_yzl_s li .imgs{
    width: 100%;
    display: block;
}
.zl_yzl_s li .texts{
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    color: #ffffff;
    -webkit-text-shadow: 0 0 50px rgba(89,89,89,0.75);
    -moz-text-shadow: 0 0 50px rgba(89,89,89,0.75);
    text-shadow: 0 0 50px rgba(89,89,89,0.75);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zl_yzl_s li .texts .ps1{
    font-size: 45px;
    line-height: 1.2;
    display: block;
    margin-bottom: 3.84% ;
}
.top_js {
    margin-top: 0;
}


@media (max-width:1400px) {
    .zl_yzl_s li .texts .ps1{
        font-size: 36px;
    }
}
@media (max-width:768px) {
    .zl_yzl_s li .texts{
        width: 100%;
    }
    .zl_yzl_s li .texts .ps1{
        font-size: 0.52rem;
    }
}


/* 更多 */
.zl_mores{
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.zl_mores .icos{
    content: ' ';
    display: block;
    width: 11px;
    height: 11px;
    background: url("guobo202509_zl_more.png") no-repeat center center;
    background-size: 100% auto;
    margin-left: 7px;
    margin-top: 1px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.zl_mores:hover .icos{
    transform: rotate(45deg);
}
.zl_mores_b .icos{
    background-image: url("guobo202509_zl_more_b.png");
}




/*正在展出*/
.zl_zzzl_list li {
    position: relative;
}
.zl_zzzl_list .hide_layout {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #010204;
    color: #fff;
    padding: 30px 26px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.zl_zzzl_list .hide_layout .hide_title {
    font-size: 26px;
    line-height: 1.6;
}
.zl_zzzl_list .hide_layout .hide_box {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 30px;
}
.zl_zzzl_list ul li:hover .hide_layout {
    opacity: 1;
    visibility: visible;
}
/*国家展览*/
.zl_gjzl_list li {
    position: relative;
}
.zl_gjzl_list .hide_layout {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #010204;
    color: #fff;
    padding: 60px 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.zl_gjzl_list .hide_layout .hide_title {
    font-size: 32px;
    line-height: 1.6;
}
.zl_gjzl_list .hide_layout .hide_box {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 30px;
}
.zl_gjzl_list ul li:hover .hide_layout {
    opacity: 1;
    visibility: visible;
}
/*国博巡展*/
.zl_gbxz_list li {
    position: relative;
}
.zl_gbxz_list .hide_layout {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #010204;
    color: #fff;
    padding: 60px 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.zl_gbxz_list .hide_layout .hide_title {
    font-size: 32px;
    line-height: 1.6;
}
.zl_gbxz_list .hide_layout .hide_box {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 30px;
}
.zl_gbxz_list ul li:hover .hide_layout {
    opacity: 1;
    visibility: visible;
}



/*专题列表*/
.zt_list_box {
    margin-top: 50px;
}
.zt_list_box .learn-center {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
}
.zt_list_box {
    margin-top: 50px;
}
.zt_list_box .left-list {
    width: 70%;
}
.zt_list_box .right-imgs {
    width: 27%;
}
.zt_list_box .right-imgs li {
    margin-bottom: 18px;
    overflow: hidden;
}
.zt_list_box .right-imgs img {
    display: block;
    width: 100%;
}
@media (max-width: 1400px){
    .zl_cns1_dl .texts{
        font-size: 16px;
        margin-bottom: 24px;
    }
    .zl_cns1_dl .buts .as{
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin-right: 8px;
    }
    .zl_titles .as{
        font-size: 28px;
        margin-right: 54px;
    }
    .zl_titles .as.on{
        font-size: 36px;
        margin-right: 43px;
    }

    .zl_titles .mores{
        font-size: 16px;
    }
    .zl_mores{
        font-size: 16px;
    }
    .zl_zzzl .zl_titles .as{
        line-height: 46px;
    }

    /*正在展出*/
    .zl_zzzl_list li {
        position: relative;
    }
    .zl_zzzl_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 20px 16px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_zzzl_list .hide_layout .hide_title {
        font-size: 20px;
        line-height: 1.6;
    }
    .zl_zzzl_list .hide_layout .hide_box {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_zzzl_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }
    /*国家展览*/
    .zl_gjzl_list li {
        position: relative;
    }
    .zl_gjzl_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 40px 30px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_gjzl_list .hide_layout .hide_title {
        font-size: 24px;
        line-height: 1.6;
    }
    .zl_gjzl_list .hide_layout .hide_box {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_gjzl_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }
    /*国博巡展*/
    .zl_gbxz_list li {
        position: relative;
    }
    .zl_gbxz_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 40px 30px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_gbxz_list .hide_layout .hide_title {
        font-size: 24px;
        line-height: 1.6;
    }
    .zl_gbxz_list .hide_layout .hide_box {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_gbxz_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }


    .zl_lszl_list li .texts {
        font-size: 20px;
        line-height: 2.6;
    }
}

@media (max-width: 1024px){
    .pd10{
        padding: 0;
    }
    .zl_cns1_dl .texts{
        font-size: 14px;
    }
    .zl_titles .as.on{
        font-size: 30px;
        margin-right: 43px;
    }
    /*正在展出*/
    .zl_zzzl_list li {
        position: relative;
        width: 31.83%;
    }
    .zl_zzzl_list li:nth-child(3n) {
        margin-right: 0;
    }
    .zl_zzzl_list li:nth-child(4n) {
        margin-right: auto;
    }
    .zl_zzzl_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 20px 20px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_zzzl_list .hide_layout .hide_title {
        font-size: 20px;
        line-height: 1.6;
    }
    .zl_zzzl_list .hide_layout .hide_box {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_zzzl_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }
    /*国家展览*/
    .zl_gjzl_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 20px 20px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_gjzl_list .hide_layout .hide_title {
        font-size: 20px;
        line-height: 1.6;
    }
    .zl_gjzl_list .hide_layout .hide_box {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_gjzl_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }
    /*国博巡展*/
    .zl_gbxz_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: 20px 20px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_gbxz_list .hide_layout .hide_title {
        font-size: 20px;
        line-height: 1.6;
    }
    .zl_gbxz_list .hide_layout .hide_box {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .zl_gbxz_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }


    .zl_lszl_list li .texts {
        font-size: 16px;
        line-height: 2.6;
    }
}

.zl_titles_m{
    display: none;
}
@media (max-width: 768px) {
    .zl_cns1 {
        padding: 0.8rem 0;
        display: block;
    }
    .zl_cns1_dl{
        width: 100%;
        margin-right: 0;
    }
    .zl_cns1_dr{
        width: 100%;
        margin-top: 0.3rem;
    }
    .zl_cns1_dl .texts{
        font-size: 0.32rem;
        line-height: 1.5;
    }
    .zl_cns1_dl .buts{
        width: 100%;
    }
    .zl_cns1_dl .buts .as {
        width: calc((100% - 0.2rem) / 2);
        height: 1rem;
        line-height: 1rem;
        font-size: 0.36rem;
        text-align: center;
        margin-right: 0.2rem;
    }
    .zl_cns1_dl .buts .as:nth-child(even){
        margin-right: 0;
    }

    .zl_titles .as{
        font-size: 0.38rem;
        margin-right: 0.4rem;
        padding: 0;

    }
    .zl_titles .as:last-child{
        margin-right: 0;
    }
    .zl_titles .as.on{
        font-size: 0.56rem;
        transform: none;
    }
    .zl_titles .mores {
        font-size: 0.32rem;
    }
    /* .zl_zzzl .zl_titles .as{
        font-size: 0.38rem;
    } */
    .zl_titles_p .mores.on {
        display: none!important;
    }
    .zl_titles_m .mores{
        display: none!important;
    }
    .zl_titles_m .mores.on{
        display: flex!important;
    }
    .zl_titles .mores {
        font-size: 0.32rem;
    }
    .zl_titles_m{
        display: flex;
        margin-top: 0.3rem;
        justify-content: center;
    }
    .zl_zzzl{
        padding: 0.8rem 0;
    }
    .zl_zzzl_list li{
        width: calc((100% - 0.2rem) / 2);
        margin-right: 0.2rem;
    }
    .zl_zzzl_list li:nth-child(even){
        margin-right: 0;
    }
    .zl_jbc{
        padding: 0.8rem 0;
    }
    .zl_jbc_list {
        padding-top: 0.4rem;
    }
    .zl_ztzl{
        padding: 0.8rem 0;
    }
    .zl_ztzl_list{
        padding-top: 0.4rem;
    }
    .zl_gjzl{
        padding: 0.8rem 0 0;
    }
    .zl_lszl{
        padding: 0.8rem 0 0;
    }
    .zl_lszl_list{
        padding-top: 0.4rem;
    }
    .zl_lszl_list li{
        width: calc((100% - 0.2rem) / 2);
        margin-right: 0.2rem;
    }
    .zl_lszl_list li:nth-child(even){
        margin-right: 0;
    }
    .zl_lszl_list li .texts {
        font-size: 0.36rem;
    }
    .zl_gjzl_list {
        padding-top: 0.4rem;
    }
    .zl_gbxz {
        padding: 0.6rem 0 0;
    }
    .zl_yzl {
        padding: 0.8rem 0 0;
    }
    .zl_yzl_s{
        margin-top: 0.4rem;
    }

    .zl_yzl_s li a{
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .zl_yzl_s li .imgs{
        width: auto;
        height: 4.6rem;
    }

    .zl_mores{
        font-size: 0.32rem;
    }
    .zl_titles{
        line-height: normal;
        height: 0.68rem;
    }
    .zl_zzzl .zl_titles .titles{
        width: 100%;
        justify-content: space-between;
    }
    .zl_zzzl .zl_titles .as{
        line-height: 0.68rem;
        -webkit-font-smoothing: antialiased;
        transform: translateZ(0);
        /* float: left; */
        margin-right: 0;
    }

    /*正在展出*/
    .zl_zzzl_list li {
        position: relative;
    }
    .zl_zzzl_list li:nth-child(3n) {
        margin-right: auto;
    }
    .zl_zzzl_list .hide_layout {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #010204;
        color: #fff;
        padding: .3rem;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }
    .zl_zzzl_list .hide_layout .hide_title {
        font-size: .3rem;
        line-height: 1.6;
    }
    .zl_zzzl_list .hide_layout .hide_box {
        font-size: .26rem;
        line-height: 1.6;
        margin-top: .3rem;
    }
    .zl_zzzl_list ul li:hover .hide_layout {
        opacity: 1;
        visibility: visible;
    }

    /*专题列表*/
    .zt_list_box {
        margin-top: .5rem!important;
    }
    .zt_list_box .learn-center {
        display: block;
        display: -ms-flexbox;
        justify-content: space-between;
    }
    .zt_list_box {
        margin-top: 50px;
    }
    .zt_list_box .left-list {
        width: 100%;
    }
    .zt_list_box .right-imgs {
        width: 100%;
    }
    .zt_list_box .right-imgs ul {
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.3rem;
    }
    .zt_list_box .right-imgs li {
        margin-bottom: 0.1rem;
        width: 49%;
    }
    .zt_list_box .right-imgs img {
        display: block;
        width: 100%;
    }

    .zt_list_box .zl_titles {
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}


/* 夏令营 */
.xly_titles{
    font-size: 42px;
    line-height: 1.2;
    margin-top: 38px;
    text-align: center;
}

.xly_lists{
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
    padding-bottom: 100px;
}
.xly_list_l{
    width: 300px;
    min-width: 300px;
    min-height: 530px;
    height: auto;
    background: #7f573e url(guobo202509_menu_bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 45px 43px;
    margin-right: 30px;
}
.xly_list_l li{
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.xly_list_l li:last-child{
    margin-bottom: 0;
}
.xly_list_l li a{
    color: #ffffff;
    display: block;
    position: relative;
}
.xly_list_l li a::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    background: url("guobo202509_zl_more_b.png") no-repeat center center;
    background-size: 100% auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.xly_list_l li:hover a{
    font-weight: bold;
}
.xly_list_l li:hover a::after{
    transform: rotate(45deg);
}
.xly_list_l li.on a{
    font-weight: bold;
}
.xly_list_l li.on a::after{
    transform: rotate(45deg);
}

.xly_list_r{
    width: 1050px;
}
.xly_list_ts li{
    padding: 40px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.xly_list_ts li .kjs{
    display: flex;
}
.xly_list_ts li .imgs_w{
    display: block;
    width: 272px;
    margin-right: 28px;
    overflow: hidden;
}
.xly_list_ts li .imgs_w .imgs{
    display: block;
    width: 100%;
    height: auto;
}
.xly_list_ts li .text_w{
    /* padding-top: 6px; */
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    line-height: 1.8;
}
.xly_list_ts li .titles{
    font-size: 20px;
    line-height: 1.8;
    overflow: hidden;
    display: block;
}
.xly_list_ts li .texts{
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    color: #707070;
    margin-bottom: 17px;
    display: block;
    /* 文字超出三横溢出显示省略号 */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.xly_list_ts li .times{
    font-size: 16px;
    color: #707070;
}
.xly_listw .clum_title {
    overflow: hidden;
    text-align: center;
    margin-top: 40px;
}
.xly_listw .clum_title ul li {
    display: inline-block;
    font-size: 28px;
    position: relative;
    margin: 0 40px;
    padding-bottom: 6px;
}
.xly_listw .clum_title ul li.on {
    font-weight: bold;
    border-bottom: 2px #333333 solid;
}

.zy_layout {
    padding-bottom: 100px;
}
.zy_layout .chnl-more {
    font-size: 20px;
    color: #333;
    position: absolute;
    left: 50%;
    margin-left: -50px;
}

.zy_layout .chnl-more a {
    display: flex;
    display: -ms-flexbox;
    color: #333;
    padding-right: 24px;
    align-items: center;
}

.zy_layout .chnl-more a span.more-icon {
    display: block;
    width: 11px;
    height: 11px;
    background: url(2509gb_chnlMoreIcon.png) no-repeat right center;
    margin-left: 8px;
    transition: all 0.3s;
}

.zy_layout .chnl-more a:hover {
    color: #7d1e1e;
}

.zy_layout .chnl-more a:hover span.more-icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s;
}

/*开放交流*/
.xly_list_r .zj_box {
    background: #fff;
    padding: 30px 60px 46px;
    font-size: 20px;
    line-height: 2;
    min-height: 530px;
}
.xly_list_r .zj_box h3 {
    border-bottom: 2px solid #af848a;
    font-weight: normal;
    padding: 10px 0;
    font-size: 26px;
    color: #721b28;
}
.xly_list_r .zj_box h3 a {
    display: block;
    float: right;
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
}
.xly_list_r .zj_box span {
    float: right;
    font-size: 20px;
    color: #000000;
    margin-top: 10px;
}
.xly_list_r .clum_ul li {
    border-bottom: 1px solid #af848a;
    padding: 10px 0;
    font-size: 18px;
}
/* 分页 */
.pages{
    display: flex;
    font-size: 18px;
    text-align: center;
    justify-content: center;
    padding: 21px 0 0;
    align-items: center;
}
.pages .pages_a, .pages .dian{
    min-width: 38px;
    line-height: 38px;
    height: 38px;
    border-radius: 6px;
    background-color: #ffffff;
    margin: 0 10px;
    display: block;
}
.pages .pages_a:hover, .pages .pages_a.active{
    background-color: #a6343c;
    color: #ffffff;
}
.pages .dian{
    background: none;
    margin: 0;
}
.pages .pages_prev, .pages .pages_next{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26% auto;
}
.pages .pages_prev{
    background-image: url("guobo202509_xly_pages_prev.png");
}
.pages .pages_next{
    background-image: url("guobo202509_xly_pages_next.png");
}
.pages .pages_prev:hover{
    background-image: url("guobo202509_xly_pages_prev_h.png");
}
.pages .pages_next:hover{
    background-image: url("guobo202509_xly_pages_next_h.png");
}
.pages .pages_prev.pages_no{
    background-image: url("guobo202509_xly_pages_prev_n.png");
}
.pages .pages_next.pages_no{
    background-image: url("guobo202509_xly_pages_next_n.png");
}
.pages .pages_prev.pages_no:hover{
    background-color: #ffffff;
}
.pages .pages_next.pages_no{
    background-color: #ffffff;
}
.pages .pages_tiao{
    border: 1px solid #a6343c;
    border-radius: 6px;
    display: flex;
    background-color: #ffffff;
    margin-left: 24px;
    align-items: center;
    padding: 2px 2px 2px 0;
}
.pages .pages_text{
    width: 60px;
    height: 32px;
    padding: 0 10px;
    border: none;
    display: block;
    background:none;
    text-align: center;
    font-size: 18px;
}
.pages .pages_button{
    width: 60px;
    height: 34px;
    line-height: 34px;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    background-color: #a6353b;
    cursor: pointer;
    font-family: "arial";
    display: block;
}
/* 保护修复 */
.xly_list_r .xly_list_txt {
    background: #fff;
    padding: 40px;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}
.xly_list_r .xly_list_txt p {
    text-indent: 2em;
}

@media (max-width:1400px) {
    .xly_list_l li{
        font-size: 18px;
    }
    .xly_titles{
        font-size: 32px;
        margin-top: 30px;
    }
    .xly_lists {
        margin-top: 28px;
        padding-bottom: 80px;
    }
    .xly_list_l {
        width: 240px;
        min-width: 240px;
        min-height: 424px;
        padding: 36px 34px;
        margin-right: 24px;
    }
    .xly_listw .clum_title {
        overflow: hidden;
        text-align: center;
        margin-top: 30px;
    }
    .xly_listw .clum_title ul li {
        display: inline-block;
        font-size: 20px;
        position: relative;
        margin: 0 30px;
        padding-bottom: 6px;
    }

    .zy_layout {
        padding-bottom: 80px;
    }
    .zy_layout .chnl-more {
        font-size: 16px;
        color: #333;
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }

    .zy_layout .chnl-more a {
        display: flex;
        display: -ms-flexbox;
        color: #333;
        padding-right: 24px;
        align-items: center;
    }

    .zy_layout .chnl-more a span.more-icon {
        display: block;
        width: 11px;
        height: 11px;
        background: url(2509gb_chnlMoreIcon.png) no-repeat right center;
        margin-left: 8px;
        transition: all 0.3s;
    }

    .zy_layout .chnl-more a:hover {
        color: #7d1e1e;
    }

    .zy_layout .chnl-more a:hover span.more-icon {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.3s;
    }

    /*开放交流*/
    .xly_list_r .zj_box {
        background: #fff;
        padding: 30px 50px 50px;
        font-size: 20px;
        line-height: 2;
        min-height: 530px;
    }
    .xly_list_r .zj_box h3 {
        border-bottom: 2px solid #af848a;
        font-weight: normal;
        padding: 10px 0;
        font-size: 22px;
        color: #721b28;
    }
    .xly_list_r .zj_box h3 a {
        display: block;
        float: right;
        font-size: 14px;
        font-weight: normal;
        margin-top: 16px;
    }
    .xly_list_r .zj_box span {
        float: right;
        font-size: 20px;
        color: #000000;
        margin-top: 10px;
    }
    .xly_list_r .clum_ul li {
        border-bottom: 1px solid #af848a;
        padding: 8px 0;
        font-size: 16px;
    }
}
@media (max-width:1024px) {
    .xly_list_l li{
        font-size: 16px;
    }
    .xly_list_ts li {
        padding: 32px;
        margin-bottom: 24px;
    }
    .xly_list_ts li .imgs_w {
        width: 218px;
        margin-right: 22px;
    }
    .xly_list_ts li .titles {
        font-size: 16px;
        line-height: 1.8;
    }
    .xly_list_ts li .texts {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .xly_list_ts li .times {
        font-size: 14px;
        color: #707070;
    }
    .xly_listw .clum_title {
        overflow: hidden;
        text-align: center;
        margin-top: 20px;
    }
    .xly_listw .clum_title ul {
        display: flex;
    }
    .xly_listw .clum_title ul li {
        display: inline-block;
        font-size: 20px;
        position: relative;
        margin: 0 20px;
        padding-bottom: 6px;
    }
    .pages {
        font-size: 14px;
        padding: 18px 0 0;
    }
    .pages .pages_a, .pages .dian {
        min-width: 30px;
        line-height: 30px;
        height: 30px;
        border-radius: 4px;
        margin: 0 6px;
    }
    .pages .pages_tiao {
        margin-left: 20px;
    }
    .pages .pages_button {
        width: 48px;
        height: 28px;
        line-height: 28px;
    }
    .pages .pages_text {
        width: 48px;
        height: 28px;
        padding: 0 6px;
        font-size: 14px;
    }
    /*开放交流*/
    .xly_list_r .zj_box {
        background: #fff;
        padding: 20px 40px 40px;
        font-size: 18px;
        line-height: 2;
        min-height: 530px;
    }
    .xly_list_r .zj_box h3 {
        border-bottom: 2px solid #af848a;
        font-weight: normal;
        padding: 10px 0;
        font-size: 22px;
        color: #721b28;
    }
    .xly_list_r .zj_box h3 a {
        display: block;
        float: right;
        font-size: 16px;
        font-weight: normal;
        margin-top: 20px;
    }
    .xly_list_r .zj_box span {
        float: right;
        font-size: 20px;
        color: #000000;
        margin-top: 10px;
    }
    .xly_list_r .clum_ul li {
        border-bottom: 1px solid #af848a;
        padding: 8px 0;
        font-size: 16px;
    }

    /* 保护修复 */
    .xly_list_r .xly_list_txt {
        background: #fff;
        padding: 32px;
        font-size: 16px;
        line-height: 2;
        margin-bottom: 24px;
    }

}
.pages_more{
    display: none;
}
@media (max-width:768px) {
    .xly_titles {
        font-size: 0.56rem;
        margin-top: 0.6rem;
    }
    .xly_lists {
        margin-top: 0.4rem;
        display: block;
        padding-bottom: 0.8rem;
    }
    .xly_list_l {
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
        margin-right: 0;
        background: none;
        font-size: 0;
        margin-bottom: 0.4rem;
        height: 0.78rem;
        overflow: hidden;
    }
    .xly_list_l ul{
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 0.2rem;
    }
    .xly_list_l li{
        font-size: 0.36rem;
        display: inline-block;
        margin-right: 0.3rem;
        margin-bottom: 0;
        overflow: hidden;
    }
    .xly_list_l li:last-child{
        margin-right: 0;
    }
    .xly_list_l li a{
        color: #333333;
        padding-bottom: 0.2rem;
    }
    .xly_list_l li a::after{
        display: none;
    }
    .xly_list_l li a::before{
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.04rem;
        border-radius: 0.04rem;
        background-color: #333333;
        display: none;
        opacity: 0;
    }
    .xly_list_l li.on a::before{
        display: block;
        opacity: 1;
    }
    .xly_list_r{
        width: 100%;
    }
    .xly_list_ts li {
        padding: 0.32rem;
        margin-bottom: 0.4rem;
    }
    .xly_list_ts li .kjs{
        display: block;
    }
    .xly_list_ts li .imgs_w {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.1rem;
    }
    .xly_list_ts li .text_w{
        width: 100%;
    }
    .xly_list_ts li .titles {
        font-size: 0.32rem;
        line-height: 1.6;
        text-overflow: inherit;
        white-space: normal;
        /* margin-bottom: .2rem; */
    }
    .xly_list_ts li .texts {
        font-size: 0.28rem;
        line-height: 1.6;
        margin-top: .2rem;
        margin-bottom: 0.2rem;
        -webkit-line-clamp: 2;
    }
    .xly_list_ts li .times {
        font-size: 0.28rem;
    }
    .xly_listw .clum_title {
        overflow: hidden;
        text-align: center;
        margin-top: .3rem;
    }
    .xly_listw .clum_title ul {
        display: flex;
    }
    .xly_listw .clum_title ul li {
        display: inline-block;
        font-size: .4rem;
        position: relative;
        margin: 0 .2rem;
        padding-bottom: .2rem;
    }
    .pages {
        font-size: 0.28rem;
        padding: 0.3rem 0 0;
        display: none;
    }
    .pages .pages_a, .pages .dian {
        min-width: 0.52rem;
        line-height: 0.52rem;
        height: 0.52rem;
        border-radius: 0.06rem;
        margin: 0 0.1rem;
    }
    .pages .pages_tiao {
        margin-left: 0.1rem;
        border-radius: 0.06rem;
        padding: 0.02rem;
    }
    .pages .pages_button {
        width: 0.6rem;
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.24rem;
    }
    .pages .pages_text {
        width: 0.5rem;
        height: 0.48rem;
        padding: 0 0.1rem;
    }
    .pages .dian{
        margin: 0;
    }

    .pages_more{
        display: block;
        padding-top: 0.3rem;
    }
    .pages_more a{
        display: block;
        width: 5rem;
        line-height: 0.8rem;
        border-radius: 0.08rem;
        color: #ffffff;
        background-color: #a6353b;
        text-align: center;
        margin: 0 auto;
    }
    .more_none {
        background: #ababab !important;
    }
    /*开放交流*/
    .xly_list_r .zj_box {
        background: #fff;
        padding: .3rem;
        font-size: .32rem;
        line-height: 2;
        min-height: auto;
    }
    .xly_list_r .zj_box h3 {
        border-bottom: 2px solid #af848a;
        font-weight: normal;
        padding: 10px 0;
        font-size: 26px;
        color: #721b28;
    }
    .xly_list_r .zj_box h3 a {
        display: block;
        float: right;
        font-size: 16px;
        font-weight: normal;
        margin-top: 20px;
    }
    .xly_list_r .zj_box span {
        float: right;
        font-size: 20px;
        color: #000000;
        margin-top: 10px;
    }
    .xly_list_r .clum_ul li {
        border-bottom: 1px solid #af848a;
        padding: .1rem 0;
        font-size: .32rem;
    }
    .zy_layout {
        padding-bottom: .8rem;
    }
    /* 保护修复 */
    .xly_list_r .xly_list_txt {
        background: #fff;
        padding: .3rem;
        font-size: .32rem;
        line-height: 2;
        margin-bottom: 30px;
    }
    .xly_list_r .xly_list_txt p {
        text-indent: 2em;
    }
    .xly_list_r .xly_list_txt img {
        max-width: 100% !important;
        display: block;
        margin: 0 auto;
    }
}

/* 轮播banner */
.zl_banner_lb{
    height: 36.46vw;
    position: relative;
}
.zl_banner_lb li img{
    display: block;
    width: 100%;
    height: 36.46vw;
}
/* 文创 */

/* 国博衍艺 */
.zl_gbyy{
    padding: 85px 0 30px;
}

.zl_list_imgsText{
    padding-top: 40px;
}
@media (max-width:1400px) {
    .zl_gbyy{
        padding: 70px 0 20px;
    }
    .zl_list_imgsText{
        padding-top: 32px;
    }
}
@media screen and (max-width:1024px) {
    .zl_gbyy{
        padding: 50px 0 10px;
    }
}
@media (max-width:768px) {
    .zl_gbyy{
        padding: 0.8rem 0 0px;
    }
    .zl_list_imgsText{
        padding-top: 0.6rem;
    }
}

/* 图片-文列表 */
.zl_list_imgsText ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* 三列 */
.zl_list_li3 li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.zl_list_li3 li:nth-child(3n){
    margin-right: 0;
}
.zl_list_li2 li{
    width: 48.91%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.zl_list_li2 li:nth-child(2n){
    margin-right: 0;
}

.zl_list_imgsText li a{
    display: block;
}
.zl_list_imgsText li .imgs_w{
    display: block;
    overflow: hidden;
}
.zl_list_imgsText li .imgs{
    display: block;
    width: 100%;
    height: auto;
}
.zl_list_imgsText li .texts{
    font-size: 24px;
    line-height: 2.6;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

@media (max-width:1400px) {
    .zl_list_imgsText li .texts{
        font-size: 20px;
    }
}
@media (max-width:768px) {
    .zl_list_li3 li{
        width: 47.5%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .zl_list_imgsText li .texts {
        font-size: 0.36rem;
    }
    .zl_list_li2 li{
        width: 47.5%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
}
/* 通用框架 */
.zl_wrap_kj{
    padding: 95px 0 0px;
}
@media (max-width:1400px) {
    .zl_wrap_kj{
        padding: 76px 0 0px;
    }
}
@media (max-width:768px) {
    .zl_wrap_kj{
        padding: 0.8rem 0 0px;
    }
}
/* 休闲空间 */
.zl_xxkj_js{
    margin-top: 14px;
}
@media (max-width:1400px) {
    .zl_xxkj_js{
        margin-top: 11px;
    }
}
@media (max-width:768px) {

}
/* 馆藏IP授权 */
.wc_gcipsq{
    width: 100%;
    /* height: 518px; */
    height: 26.97vw;
    margin-top: 14px;
}
.wc_gcipsq img {
    width: 100%;
    height: 100%;
}
@media (max-width:1400px) {
    .wc_gcipsq{
        margin-top: 11px;
    }
}
@media (max-width:768px) {
    .wc_gcipsq{
        margin-top: 0.2rem;
    }
}
/* 展览 */
.fw_banner{
    background-image: url("guobo202509_fw_banner.jpg");
}
.fw_kfgg{
    border-bottom: 1px solid #d7c3a4;
}
.fw_kfgg_s{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}
.fw_kfgg_s .ts{
    font-weight: bold;
}
.fw_kfgg_gg{
    width: 88.34%;
    height: 3.45em;
    margin: 0;
}
.fw_kfgg_gg li{
    display: flex;
    line-height: 3.45;
    height: 3.45em;
    /* height: 69px; */
    justify-content: space-between;
    align-items: center;
}
.fw_kfgg_gg li .as{
    max-width: 80%;
    /* 溢出时省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fw_kfgg_gg li .time{
    color: #707070;
    font-size: 16px;
}
@media (max-width:1400px) {
    .fw_kfgg_s{
        font-size: 16px;
    }
}
@media (max-width:768px) {
    .fw_kfgg_s{
        padding: 0.2rem 0;
        font-size: 0.32rem;
        display: block;
    }
    .fw_kfgg_gg{
        width: 100%;
        height: 0.85rem;
        margin-top: 0.1rem;
    }
    .fw_kfgg_s .ts{
        display: block;
    }
    .fw_kfgg_gg li{
        height: 0.77rem;
        line-height: normal;
        display: block;
    }
    .fw_kfgg_gg li .as{
        display: block;
        line-height: 0.45rem;
        max-width: 100%;
    }
    .fw_kfgg_gg li .time{
        line-height: 1;
        font-size: 0.3rem;
    }
}

/* 开放时间 */
.fw_kstime{
    background: url("guobo202509_fw_img1.jpg") no-repeat center center;
    background-size: cover;
    padding: 96px 0 98px;
}
.fw_kstime_t{
    display: flex;
}
.fw_kstime_tl{
    width: 37.75%;
}
.fw_titles{
    font-size: 46px;
    line-height: 1.2;
}
.fw_kstime_t .fw_titles{
    margin-bottom: 36px;
}
.fw_kstime_t .timesUl{
    margin-top: 0;
    line-height: 1.2;
}
.fw_kstime_t .timesUl li{
    margin-bottom: 22px;
    display: flex;
    align-items: flex-end;
}
.fw_kstime_t .timesUl .time{
    font-size: 48px;
    font-family: "Arial";
    /* font-weight: 700; */
}
.fw_kstime_t .timesUl .ts{
    font-size: 18px;
    margin-left: 21px;
    margin-bottom: 9px;
}
.fw_kstime_t .texts{
    display: block;
    font-size: 18px;
    margin-top: 28px;
}
.fw_kstime_t .jtdlUl{
    padding-top: 8px;
}
.fw_kstime_t .jtdlUl li{
    line-height: 1.2;
    margin-bottom: 37px;
    display: flex;
    padding-left: 41px;
    position: relative;
}
.fw_kstime_t .jtdlUl li:last-child{
    margin-bottom: 0;
}
.fw_kstime_t .jtdlUl li::after{
    content: " ";
    position: absolute;
    left: 0;
    top: 16px;
    /* transform: translateY(-50%); */
    width: 11px;
    height: 11px;
    background-color: #e3d2c4;
    border-radius: 50%;
}
.fw_kstime_t .jtdlUl li::before{
    content: " ";
    position: absolute;
    left: 5px;
    top: 27px;
    /* transform: translateY(-50%); */
    width: 1px;
    height: 145%;
    background-color: #e3d2c4;
    border-radius: 50%;
}
.fw_kstime_t .jtdlUl li:last-child:before{
    display: none;
}
.fw_kstime_t .jtdlUl li .icos{
    width: 64px;
    height: 58px;
    background: no-repeat center center;
    background-size: auto 100%;
    margin-right: 22px;
}
.fw_kstime_t .jtdlUl li .icos1{
    background-image: url("guobo202509_fw_icos1.png");
}
.fw_kstime_t .jtdlUl li .icos2{
    background-image: url("guobo202509_fw_icos2.png");
}
.fw_kstime_t .jtdlUl li .icos3{
    background-image: url("guobo202509_fw_icos3.png");
}
.fw_kstime_t .jtdlUl li .ts1{
    font-size: 24px;
    display: block;
    margin-bottom: 13px;
    line-height: 1.5;
}
.fw_kstime_t .jtdlUl li .ts2{
    font-size: 18px;
    display: block;
}

.fw_kstime_b{
    margin-top: 96px;
}
.fw_kstime_b ul{
    display: flex;
    justify-content: space-between;
}
.fw_kstime_b li{
    text-align: center;
}
.fw_kstime_b li .icos{
    display: block;
    height: 55px;
    width: 55px;
    margin: 0 auto;
}
.fw_kstime_b li .icos .imgs{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.fw_kstime_b li .texts{
    margin-top: 25px;
}
@media (max-width:1400px) {
    .fw_kstime{
        padding: 76px 0 78px;
    }
    .fw_titles {
        font-size: 36px;
    }
    .fw_kstime_t .fw_titles{
        margin-bottom: 22px;
    }
    .fw_kstime_t .timesUl li {
        margin-bottom: 18px;
    }
    .fw_kstime_t .timesUl .time {
        font-size: 38px;
    }
    .fw_kstime_t .timesUl .ts {
        font-size: 16px;
        margin-left: 16px;
        margin-bottom: 7px;
    }
    .fw_kstime_t .texts {
        font-size: 16px;
        margin-top: 22px;
    }
    .fw_kstime_t .jtdlUl {
        padding-top: 6px;
    }
    .fw_kstime_t .jtdlUl li {
        margin-bottom: 30px;
        padding-left: 32px;
    }
    .fw_kstime_t .jtdlUl li .icos {
        width: 52px;
        height: 47px;
        margin-right: 18px;
    }
    .fw_kstime_t .jtdlUl li .ts1 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .fw_kstime_t .jtdlUl li .ts2 {
        font-size: 16px;
    }
    .fw_kstime_b {
        margin-top: 76px;
    }
    .fw_kstime_b li .icos {
        width: 44px;
        height: 44px;
    }
    .fw_kstime_b li .texts {
        margin-top: 20px;
        font-size: 16px;
    }
}
@media (max-width:1000px) {
    .fw_kstime_t{
        display: block;
    }
    .fw_kstime_tl {
        width: 100%;
    }
    .fw_kstime_tr{
        margin-top: 40px;
    }
}
@media (max-width:768px) {
    .fw_kstime{
        padding: 0.8rem 0 0.5rem;
    }
    .fw_titles {
        font-size: 0.56rem;
    }
    .fw_kstime_t .fw_titles{
        margin-bottom: 0.3rem;
    }
    .fw_kstime_t .timesUl li {
        margin-bottom: 0.2rem;
    }
    .fw_kstime_t .timesUl .time {
        font-size: 0.54rem;
    }
    .fw_kstime_t .timesUl .ts{
        font-size: 0.28rem;
        margin-left: 0.2rem;
        margin-bottom: 0.11rem;
    }
    .fw_kstime_b {
        margin-top: 0.8rem;
    }
    .fw_kstime_b ul {
        flex-wrap: wrap;
    }
    .fw_kstime_b li{
        width: 25%;
        margin-bottom: 0.3rem;
    }
    .fw_kstime_b li .icos {
        width: 0.6rem;
        height: 0.6rem;
    }
    .fw_kstime_b li .icos .imgs{
        max-width: none;
    }
    .fw_kstime_t .texts {
        font-size: 0.32rem;
        margin-top: 0.3rem;
    }
    .fw_kstime_tr {
        margin-top: 0.5rem;
    }
    .fw_kstime_t .jtdlUl li {
        margin-bottom: 0.3rem;
        padding-left: 0.4rem;
    }
    .fw_kstime_t .jtdlUl li::after{
        top: 0.16rem;
        width: 0.11rem;
        height: 0.11rem;
    }
    .fw_kstime_t .jtdlUl li::before{
        left: 0.05rem;
        top: 0.27rem;
        width: 1px;
        height: 122%;
    }
    .fw_kstime_t .jtdlUl li .icos {
        width: 0.6rem;
        min-width:  0.6rem;
        height: 0.6rem;
        margin-right: 0.24rem;
        background-size: auto 88%;
    }
    .fw_kstime_t .jtdlUl li .ts1 {
        font-size: 0.36rem;
        margin-bottom: 0.08rem;
    }
    .fw_kstime_t .jtdlUl li .ts2 {
        font-size: 0.32rem;
        line-height: 1.8;
    }
}
/* 参观预约 */
.fw_cgyy{
    padding: 95px 0 35px;
    /* background: url("guobo202509_fw_img2.png") no-repeat center bottom; */
    background-size: 100% auto;
}
.fw_cgyy_ts{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 17px;
}
.fw_cgyy_xz{
    margin-top: 50px;
    line-height: 1.2;
    padding-right: 23.7%;
    position: relative;
}
.fw_cgyy_xz .tst{
    font-size: 24px;
    margin-bottom: 1.33em;
}
.fw_cgyy_xz .tsp p{
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 1.33em;
    text-align: justify;
    text-indent: 2em;
}
.fw_cgyy_xz .smyy{
    position: absolute;
    right: 0;
    top: 3.32vw;
    width: 16.96%;
    text-align: center;
}
.fw_cgyy_xz .smyy .imgs{
    width: 100%;
    display: block;
}
.fw_cgyy_xz .smyy .ps{
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 2vw;
}

@media (max-width:1400px) {
    .fw_cgyy {
        padding: 76px 0 23px;
    }
    .fw_cgyy_ts {
        font-size: 16px;
        margin-top: 14px;
    }
    .fw_cgyy_xz {
        margin-top: 40px;
        padding-right: 23.7%;
    }
    .fw_cgyy_xz .tst {
        font-size: 20px;
    }
    .fw_cgyy_xz .tsp p {
        font-size: 16px;
        margin-bottom: 1.33em;
    }
    .fw_cgyy_xz .smyy .ps {
        font-size: 16px;
    }
}
@media (max-width:768px) {
    .fw_cgyy {
        padding: 0.8rem 0 0.3rem;
    }
    .fw_cgyy_ts {
        font-size: 0.32rem;
        margin-top: 0.2rem;
    }
    .fw_cgyy_xz {
        margin-top: 0.5rem;
        padding-right: 0;
    }
    .fw_cgyy_xz .tst {
        font-size: 0.36rem;
    }
    .fw_cgyy_xz .tsp p {
        font-size: 0.32rem;
        margin-bottom: 0.2rem;
    }
    .fw_cgyy_xz .smyy{
        position: relative;
        top: 0;
        width: 4rem;
        margin: 0.8rem auto 0;
    }
    .fw_cgyy_xz .smyy .ps {
        font-size: 0.32rem;
        margin-top: 0.3rem;
    }
}
/* 参观须知 */
.fw_cgxz{
    margin-top: 41px;
}
.fw_cgxz_s{
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}
.fw_cgxz_s .kjs{
    width: 23.56%;
    padding-top: 23.56%;
    background: url("guobo202509_fw_cgxz1_bg.jpg") no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.fw_cgxz_s .kjs2{
    background-image: url("guobo202509_fw_cgxz2_bg.jpg");
}
.fw_cgxz_s .kjs3{
    background-image: url("guobo202509_fw_cgxz3_bg.jpg");
}
.fw_cgxz_s .kjs4{
    background-image: url("guobo202509_fw_cgxz4_bg.jpg");
}
.fw_cgxz_s .kjs .as{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fw_cgxz_s .kjs .kjc{
    text-align: center;
    color: #ffffff;
}
.fw_cgxz_s .kjs .tit{
    font-size: 24px;
    line-height: 1.2;
    display: block;
    margin-top: 28px;
}
@media (max-width:1400px) {
    .fw_cgxz{
        margin-top: 32px;
    }
    .fw_cgxz_s{
        margin-top: 28px;
    }
    .fw_cgxz_s .kjs .tit{
        font-size: 20px;
        margin-top: 22px;
    }
}
@media (max-width:1000px) {
    .fw_cgxz_s{
        flex-wrap: wrap;
    }
    .fw_cgxz_s .kjs {
        width: calc((100% - 20px ) / 2);
        padding-top: calc((66% - 20px ) / 2);
        margin-bottom: 20px;
    }
    .fw_cgxz_s .kjs .kjc .imgs{
        width: 68px;
        display: block;
        margin: 0 auto;
    }
}
@media (max-width:768px) {
    .fw_cgxz {
        margin-top: 0.5rem;
    }
    .fw_cgxz_s {
        margin-top: 0.4rem;
    }
    .fw_cgxz_s .kjs{
        width: 47.5%;
        padding-top: 40%;
        margin-bottom: 0.3rem;
    }
    .fw_cgxz_s .kjs .tit{
        font-size: 0.36rem;
    }
    .fw_cgxz_s .kjs .kjc .imgs{
        width: 1rem;
    }
}

/* 场官地图 */
.fw_cgdt{
    padding: 95px 0 110px;
}

.fw_cgdt_s{
    display: flex;
    margin-top: 43px;
}
.fw_cgdt_l{
    width: 198px;
    margin-right: 57px;
}
.fw_cgdt_l .louc{
    margin-bottom: 30px;
}
.fw_cgdt_l .tsa{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}
.fw_cgdt_l .tsa .sp{
    font-size: 24px;
    line-height: 1.2;
    display: block;
}
.fw_cgdt_l .icos_jian{
    width: 18px;
    height: 11px;
    background: url("guobo202509_fw_jian.png") no-repeat center center;
    background-size: 100% auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform: rotate(-90deg);
    display: block;
}
.fw_cgdt_l .tsa.on .icos_jian{
    transform: rotate(0deg);
}

.fw_cgdt_l .tslc .as{
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 18px;
}
.fw_cgdt_l .tslc .as.on{
    color: #7d1e1e;
}
.fw_cgdt_l .tslc .as:hover{
    color: #7d1e1e;
}
.fw_cgdt_l .tslc .as:last-child{
    margin-bottom: 0;
}
.fw_cgdt_l .fwss_n{
    height: 400px;
}
.fw_cgdt_l .fwss_n ul{
    height: auto;
}
.fw_cgdt_l .fwss_n li{
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    cursor: pointer;
}
.fw_cgdt_l .fwss_n li .icos{
    width: 40px;
    height: 40px;
    background: no-repeat center center;
    background-size: 100% auto;
    background-color: #221815;
    margin-right: 24px;
    border-radius: 50%;
    display: block;
    transition: all .5s;
}
.fw_cgdt_l .fwss_n li.on{
    color: #7d1e1e;
}
.fw_cgdt_l .fwss_n li.on .icos{
    background-color: #7d1e1e;
}
.fw_cgdt_l .fwss_n li:hover{
    color: #7d1e1e;
}
.fw_cgdt_l .fwss_n li:hover .icos{
    background-color: #7d1e1e;
}
.fw_cgdt_l .fwss_n li .icos1{
    background-image: url("guobo202509_fw_fwss_icos1.png");
}
.fw_cgdt_l .fwss_n li .icos2{
    background-image: url("guobo202509_fw_fwss_icos2.png");
}
.fw_cgdt_l .fwss_n li .icos3{
    background-image: url("guobo202509_fw_fwss_icos3.png");
}
.fw_cgdt_l .fwss_n li .icos4{
    background-image: url("guobo202509_fw_fwss_icos4.png");
}
.fw_cgdt_l .fwss_n li .icos5{
    background-image: url("guobo202509_fw_fwss_icos5.png");
}
.fw_cgdt_l .fwss_n li .icos6{
    background-image: url("guobo202509_fw_fwss_icos6.png");
}
.fw_cgdt_l .fwss_n li .icos7{
    background-image: url("guobo202509_fw_fwss_icos7.png");
}
.fw_cgdt_l .fwss_n li .icos8{
    background-image: url("guobo202509_fw_fwss_icos8.png");
}
.fw_cgdt_l .fwss_n li .icos9{
    background-image: url("guobo202509_fw_fwss_icos9.png");
}
.fw_cgdt_l .fwss_n li .icos10{
    background-image: url("guobo202509_fw_fwss_icos10.png");
}

.fwss_n_scrollbar{
    position: absolute;
    right: 3px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #f4f4f4;
}
.fwss_n_scrollbar .swiper-scrollbar-drag{
    background: #f4f0e8;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    left: auto;
    right: 3px;
}
.fw_cgdt_r{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
}
.fw_cgdt_r .img_kjs{
    display: none;
    overflow: initial;
}
.fw_cgdt_r .img_kjs.on{
    display: block;
}
.fw_cgdt_r .img_kjs .imgs{
    width: 100%;
}
@media (max-width:1400px) {
    .fw_cgdt {
        padding: 76px 0 88px;
    }
    .fw_cgdt_s {
        margin-top: 34px;
    }
    .fw_cgdt_l {
        width: 158px;
        margin-right: 46px;
    }
    .fw_cgdt_l .louc {
        margin-bottom: 24px;
    }
    .fw_cgdt_l .tsa {
        margin-bottom: 16px;
    }
    .fw_cgdt_l .tsa .sp {
        font-size: 20px;
    }
    .fw_cgdt_l .tslc .as {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .fw_cgdt_l .fwss_n {
        height: 320px;
    }
    .fw_cgdt_l .fwss_n li {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .fw_cgdt_l .fwss_n li .icos {
        width: 32px;
        height: 32px;
        margin-right: 20px;
    }
}
@media (max-width:768px) {
    .fw_cgdt {
        padding: 0.8rem 0;
    }
    .fw_cgdt_s{
        display: block;
        margin-top: 0.5rem;
    }
    .fw_cgdt_l{
        width: 100%;
        margin-right: 0;
    }
    .fw_cgdt_r{
        width: 100%;
        flex: none;
        margin-top: 0.4rem;
    }
    .fw_cgdt_l .tsa {
        margin-bottom: 0.26rem;
    }
    .fw_cgdt_l .tsa .sp {
        font-size: 0.36rem;
    }
    .fw_cgdt_l .icos_jian {
        width: 0.28rem;
        height: 0.17rem;
    }
    .fw_cgdt_l .tslc .as {
        font-size: 0.32rem;
        margin-bottom: 0.26rem;
    }
    .fw_cgdt_l .fwss_n{
        height: 4.36rem;
    }
    .fw_cgdt_l .fwss_n li {
        font-size: 0.32rem;
        margin-bottom: 0.26rem;
    }
    .fw_cgdt_l .fwss_n li .icos {
        width: 0.66rem;
        height: 0.66rem;
        margin-right: 0.2rem;
    }
}



/* 便民服务 */
.fw_bmfw{
    background: url("guobo202509_fw_img3.jpg") no-repeat center center;
    /* background-size: cover; */
    padding: 95px 0 100px;
}
@media (min-width:1920px) {
    .fw_bmfw{
        background-size: cover;
    }
}
.fw_bmfw .fw_titles{
    color: #ffffff;
}
.fw_bmfw_s{
    margin-top: 35px;
}
.fw_bmfw_s li{
    padding: 26px 45px;
    background-color: rgba(255,255,255,0.9);
    margin-bottom: 5px;
}
.fw_bmfw_s li:last-child{
    margin-bottom: 0;
}
.fw_bmfw_s li .titles{
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    line-height: 1.2;
    align-items: center;
    cursor: pointer;
}
.fw_bmfw_s li .titles .ts{
    display: block;
}
.fw_bmfw_s li .titles .icos{
    width: 18px;
    height: 11px;
    background: url("guobo202509_fw_jian.png") no-repeat center center;
    background-size: 100% auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform: rotate(-90deg);
    display: block;
}
.fw_bmfw_s li.on .titles .icos{
    transform: rotate(0deg);
}
.fw_bmfw_s li .tcn{
    padding-top: 20px;
    padding-bottom: 14px;
    font-size: 18px;
    line-height: 1.66;
    display: none;
    text-align: justify;
}
@media (max-width:1400px) {
    .fw_bmfw {
        padding: 76px 0 80px;
    }
    .fw_bmfw_s {
        margin-top: 28px;
    }
    .fw_bmfw_s li {
        padding: 20px 36px;
    }
    .fw_bmfw_s li .titles {
        font-size: 20px;
    }
    .fw_bmfw_s li .tcn {
        padding-top: 16px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 1.66;
    }
}
@media (max-width:768px) {
    .fw_bmfw {
        padding: 0.8rem 0;
    }
    .fw_bmfw_s{
        font-size: 0.56rem;
    }
    .fw_bmfw_s li{
        padding: 0.25rem 0.3rem;
    }
    .fw_bmfw_s li .titles {
        font-size: 0.36rem;
    }
    .fw_bmfw_s li .titles .icos {
        width: 0.28rem;
        height: 0.17rem;
    }
    .fw_bmfw_s li .tcn {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-size: 0.32rem;
    }
}

/* 文保 */
.wb_banner{
    background-image: url("guobo202509_wb_banner.jpg");
}
.wb_gywm{
    padding: 95px 0 98px;
}
.wb_gywm_s{
    margin-top: 35px;
}
.wb_gywm_v{
    position: relative;
}
.wb_gywm_v .imgs{
    width: 100%;
    display: block;
}
.wb_gywm_v .icos_v{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 10.29%;
    padding-top: 10.29%;
    background: url("guobo202509_wb_img2.png") no-repeat center center;
    background-size: 100% auto;
}
.wb_gywm_text{
    margin-top: 34px;
    margin-bottom: 33px;
    font-size: 20px;
    line-height: 1.8;
    text-align: justify;
}
@media (max-width: 1400px) {
    .wb_gywm_text{
        font-size: 16px;
        margin-top: 26px;
        margin-bottom: 26px;
    }
    .wb_gywm {
        padding: 76px 0 78px;
    }
}

@media (max-width: 768px) {
    .wb_gywm_text{
        margin: 0.3rem 0;
        font-size: 0.32rem;
    }
    .wb_gywm {
        padding: 0.8rem 0;
    }
    .wb_gywm_v .icos_v{
        width:0.9rem;
        padding-top:0.9rem;
    }
}
/* 修复时刻 */
.wb_xfsk{
    background-color: #efefef;
    padding: 95px 0 100px;
}
.wb_xfsk_s{
    margin-top: 35px;
}
.wb_xfsk_s li{
    position: relative;
    width: 37.5vw;
}
.wb_xfsk_s li .imgs_w{
    display: block;
}
.wb_xfsk_s li .imgs{
    width: 100%;
    height: auto;
    display: block;
}
.wb_xfsk_s li .icos{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 11.94%;
    padding-top: 11.94%;
    background: url("guobo202509_wb_img2.png") no-repeat center center;
    background-size: 100% auto;
}

.wb_xfsk_next, .wb_xfsk_prev{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: no-repeat center center;
    background-color: rgba(0,0,0,0.5);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    background-size: 12px 20px;
}
.wb_xfsk_next:hover, .wb_xfsk_prev:hover{
    background-color: rgba(0,0,0,0.8);
}
.wb_xfsk_next{
    background-image: url("guobo202509_zl_next2_b.png");
    right: 26px;
}
.wb_xfsk_prev{
    background-image: url("guobo202509_zl_prev2_b.png");
    left: 26px;
}
@media (max-width: 1400px) {
    .wb_xfsk{
        padding: 76px 0 78px;
    }
    .wb_xfsk_next, .wb_xfsk_prev{
        width: 48px;
        height: 48px;
        background-size: 10px auto;
    }
    .wb_xfsk_next{
        right: 20px;
    }
    .wb_xfsk_prev{
        left: 20px;
    }
}

@media (max-width: 768px) {
    .wb_xfsk{
        padding: 0.8rem 0;
    }
    .wb_xfsk_next, .wb_xfsk_prev{
        width: 0.8rem;
        height: 0.8rem;
        background-size: 0.18rem auto;
    }
    .wb_xfsk_next{
        right: 0.2rem;
    }
    .wb_xfsk_prev{
        left: 0.2rem;
    }
    .wb_xfsk_s li .icos{
        width: 0.9rem;
        padding-top: 0.9rem;
    }
}

/* 保护修复 */
.wb_bhxf{
    padding: 95px 0 100px;
}
.wb_bhxf_lb{
    display: flex;
    background-color: #6d7a83;
    justify-content: space-between;
    padding: 44px 50px;
    font-size: 20px;
    margin-top: 36px;
}
.wb_bhxf_lb_s{
    width: 86.56%;
    overflow: hidden;
    height: 2em;
}
.wb_bhxf_lb_s ul{
    position: relative;
}
.wb_bhxf_lb_s li{
    height: 2em;
    line-height: 2em;
    color: #ffffff;
    display: flex;
    float: left;
    margin-right: 6.35vw;
}
.wb_bhxf_lb_s li .as{
    margin-right: 24px;
}
.wb_bhxf_lb_s li:hover a{
    color: #ffffff;
}

.wb_bhxf_sl{
    margin-top: 40px;
}
.wb_bhxf_sl ul{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.wb_bhxf_sl li{
    width: 24.2%;
    margin-bottom: 1%;
    margin-right: 1.05%;
}
.wb_bhxf_sl li:nth-child(4n){
    margin-right: 0;
}
.wb_bhxf_sl li .as{
    display: block;
    text-align: center;
}
.wb_bhxf_sl li .imgs_w{
    overflow: hidden;
}
.wb_bhxf_sl li .imgs{
    display: block;
    width: 100%;
}
.wb_bhxf_sl li .ps{
    display: block;
    line-height: 3.75em;
    height: 3.75em;
    background-color: #efefef;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 24px;
}
@media (max-width: 1400px) {
    .wb_bhxf{
        padding: 76px 0 78px;
    }
    .wb_bhxf_sl li{
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .wb_bhxf_sl li:nth-child(2n){
        margin-right: 0;
    }
    .wb_bhxf_lb {
        padding: 35px 40px;
        font-size: 16px;
        margin-top: 28px;
    }
    .wb_bhxf_lb_s {
        width: 80%;
    }
    .wb_bhxf_sl li .ps{
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .wb_bhxf{
        padding: 0.8rem 0;
    }
    .wb_bhxf_sl li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .wb_bhxf_sl li .ps {
        font-size: 0.36rem;
        line-height: 1.06rem;
        height: 1.06rem;
    }
    .wb_bhxf_sl {
        margin-top: 0.5rem;
    }
    .wb_bhxf_lb {
        padding: 0.35rem 0.4rem;
        font-size: 0.32rem;
        margin-top: 0.3rem;
        display: block;
    }
    .wb_bhxf_lb_s {
        width: 100%;
    }
    .wb_bhxf_lb_s li{
        margin-right: 0.6rem;
    }
    .wb_bhxf_lb .zl_titles{
        margin-top: 0.1rem;
        justify-content:right;
    }
}
/* 学术研究 */
.wb_xsyj{
    padding: 95px 0 77px;
    background-color: #efefef;
}
.wb_xsyj_s{
    margin-top: 35px;
}
.wb_xsyj_s ul{
    display: flex;
    flex-wrap: wrap;
}
.wb_xsyj_s li{
    width: 48.91%;
    margin-right: 2.1%;
    margin-bottom: 2.1%;
}
.wb_xsyj_s li:nth-child(2n){
    margin-right: 0;
}
.wb_xsyj_s li .imgs_w{
    overflow: hidden;
}
.wb_xsyj_s li .imgs{
    width: 100%;
    display: block;
}
.wb_xsyj_s li .kjs{
    display: block;
}
.wb_xsyj_s li .titles{
    display: flex;
    padding: 44px 45px;
    background-color: #ffffff;
    justify-content: space-between;
    align-items: center;
}
.wb_xsyj_s li .titles .sp{
    font-size: 32px;
    line-height: 1;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.wb_xsyj_s li .mores{
    font-size: 20px;
    display: flex;
    align-items: center;
}
.wb_xsyj_s li .mores .icos{
    content: ' ';
    display: block;
    width: 11px;
    height: 11px;
    background: url("guobo202509_zl_more.png") no-repeat center center;
    background-size: 100% auto;
    margin-left: 7px;
    margin-top: 1px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.wb_xsyj_s li .mores:hover .icos{
    transform: rotate(45deg);
}
@media (max-width: 1400px) {
    .wb_xsyj{
        padding: 76px 0 78px;
    }
    .wb_xsyj_s li .titles{
        padding: 35px 36px;
    }
    .wb_xsyj_s li .titles .sp {
        font-size: 26px;
    }
    .wb_xsyj_s li .mores {
        font-size: 16px;
    }
    /* .wb_xsyj_s li .mores .icos {
        width: 9px;
        height: 9px;
        background-size: 100% auto;
        margin-left: 5px;
    } */
}

@media (max-width: 768px) {
    .wb_xsyj{
        padding: 0.8rem 0;
    }
    .wb_xsyj_s ul{
        display: block;
    }
    .wb_xsyj_s li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .wb_xsyj_s li .titles {
        padding: 0.35rem;
    }
    .wb_xsyj_s li .titles .sp {
        font-size: 0.44rem;
    }
    .wb_xsyj_s li .mores {
        font-size: 0.32rem;
    }
}
/* 业务平台 */
.fw_ywpt{
    padding: 95px 0 100px;
}
.fw_ywpt_s{
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}
.fw_ywpt_s .kjs{
    width: 23.56%;
    padding-top: 23.56%;
    background: url("guobo202509_fw_cgxz1_bg.jpg") no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.fw_ywpt_s .kjs2{
    background-image: url("guobo202509_fw_cgxz2_bg.jpg");
}
.fw_ywpt_s .kjs3{
    background-image: url("guobo202509_fw_cgxz3_bg.jpg");
}
.fw_ywpt_s .kjs4{
    background-image: url("guobo202509_fw_cgxz4_bg.jpg");
}
.fw_ywpt_s .kjs .as{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fw_ywpt_s .kjs .kjc{
    text-align: center;
    color: #ffffff;
    width: 100%;
}
.fw_ywpt_s .kjs .kjc .imgs{
    display: block;
    margin: 0 auto;
    width: 25.84%;
}
.fw_ywpt_s .kjs .tit{
    font-size: 24px;
    line-height: 1.2;
    display: block;
    margin-top: 28px;
}
@media (max-width: 1400px) {
    .fw_ywpt{
        padding: 76px 0 78px;
    }
    .fw_ywpt_s .kjs .tit {
        font-size: 20px;
        margin-top: 22px;
    }
}

@media (max-width: 768px) {
    .fw_ywpt{
        padding: 0.8rem 0;
    }
    .fw_ywpt_s{
        display: flex;
        flex-wrap: wrap;
    }
    .fw_ywpt_s .kjs{
        width: 47.5%;
        padding-top: 40%;
        margin-bottom: 0.3rem;
    }
    .fw_ywpt_s .kjs .tit{
        font-size: 0.36rem;
        margin-top: .2rem;
        padding: 0 .1rem;
    }
    .fw_ywpt_s .kjs .kjc .imgs{
        width: 1rem;
    }
}


/* 20251022 */
.fw_cgdt_r .img_kjs{
    position: relative;
}
.fw_cgdt_r .img_kjs .img_kjs_b1, .fw_cgdt_r .img_kjs .img_kjs_b2{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
}
.fw_cgdt_r .img_kjs .icob{
    /* width: 0.041%; */
    /* height: 0.041%; */
    padding-top: 4.1%;
    padding-left: 4.1%;
    background: no-repeat center center;
    background-size: 100% auto;
    display: block;
    background-color: #000000;
    border-radius: 100%;
    transition: all .5s;
    position: absolute;
    overflow: hidden;
    left: 507px;
    top: 94px;
}
.fw_cgdt_r .img_kjs .icob_fwt{
    background-color: #487742;
}
.fw_cgdt_r .img_kjs .icob_mys{
    background-color: #d27b9e;
}
.fw_cgdt_r .img_kjs .icob_ct{
    background-color: #d47a32;
}
.fw_cgdt_r .img_kjs .icob_kft{
    background-color: #d47a32;
}
.fw_cgdt_r .img_kjs .icob_cb{
    background-color: #a17863;
}
.fw_cgdt_r .img_kjs .icob_rs{
    background-color: #4c748d;
}
.fw_cgdt_r .img_kjs .icob_zb{
    background-color: #b24935;
}

/* B1 */
/* .fw_cgdt_r .img_kjs_b1 .icob_wsj{
    left: 507px;
    top: 94px;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_2{
    left: 686px;
    top: 94px;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_3{
    left: 507px;
    top: 195px;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_4{
    left: 686px;
    top: 195px;
}
.fw_cgdt_r .img_kjs_b1 .icob_rs{
    left: 460px;
    top: 250px;
}
.fw_cgdt_r .img_kjs_b1 .icob_rs_2{
    left: 686px;
    top: 250px;
}
.fw_cgdt_r .img_kjs_b1 .icob_ct{
    left: 540px;
    top: 238px;
}
.fw_cgdt_r .img_kjs_b1 .icob_zb{
    left: 750px;
    top: 146px;
} */

.fw_cgdt_r .img_kjs_b1 .icob_wsj{
    left: 45.07%;
    top: 14.07%;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_2{
    left: 60.98%;
    top: 14.07%;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_3{
    left: 45.07%;
    top: 29.19%;
}
.fw_cgdt_r .img_kjs_b1 .icob_wsj_4{
    left: 60.98%;
    top: 29.19%;
}
.fw_cgdt_r .img_kjs_b1 .icob_rs{
    left: 40.89%;
    top: 37.43%;
}
.fw_cgdt_r .img_kjs_b1 .icob_rs_2{
    left: 60.98%;
    top: 37.43%;
}
.fw_cgdt_r .img_kjs_b1 .icob_ct{
    left: 48.00%;
    top: 35.63%;
}
.fw_cgdt_r .img_kjs_b1 .icob_zb{
    left: 66.67%;
    top: 21.86%;
}

/* 1&2 */
/* .fw_cgdt_r .img_kjs_b2 .icob_cb{
    left: 4px;
    top: 194px;
}
.fw_cgdt_r .img_kjs_b2 .icob_kft{
    left: 20px;
    top: 411px;
}
.fw_cgdt_r .img_kjs_b2 .icob_kft_2{
    left: 910px;
    top: 353px;
}
.fw_cgdt_r .img_kjs_b2 .icob_gwsj{
    left: 102px;
    top: 248px;
}
.fw_cgdt_r .img_kjs_b2 .icob_bwsj{
    left: 102px;
    top: 410px;
}
.fw_cgdt_r .img_kjs_b2 .icob_fwt{
    left: 144px;
    top: 323px;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj{
    left: 293px;
    top: 235px;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_2{
    left: 290px;
    top: 549px;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_3{
    left: 792px;
    top: 269px;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_4{
    left: 866px;
    top: 549px;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb{
    left: 558px;
    top: 23px;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb_2{
    left: 396px;
    top: 568px;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb_3{
    left: 724px;
    top: 568px;
}
.fw_cgdt_r .img_kjs_b2 .icob_mys{
    left: 860px;
    top: 269px;
} */

.fw_cgdt_r .img_kjs_b2 .icob_cb{
    left: 0.36%;
    top: 29.04%;
}
.fw_cgdt_r .img_kjs_b2 .icob_kft{
    left: 1.78%;
    top: 61.53%;
}
.fw_cgdt_r .img_kjs_b2 .icob_kft_2{
    left: 80.89%;
    top: 52.84%;
}
.fw_cgdt_r .img_kjs_b2 .icob_gwsj{
    left: 9.07%;
    top: 37.13%;
}
.fw_cgdt_r .img_kjs_b2 .icob_bwsj{
    left: 9.07%;
    top: 61.38%;
}
.fw_cgdt_r .img_kjs_b2 .icob_fwt{
    left: 12.80%;
    top: 48.35%;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj{
    left: 26.04%;
    top: 35.18%;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_2{
    left: 25.78%;
    top: 82.19%;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_3{
    left: 70.40%;
    top: 40.27%;
}
.fw_cgdt_r .img_kjs_b2 .icob_wsj_4{
    left: 76.98%;
    top: 82.19%;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb{
    left: 49.60%;
    top: 3.44%;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb_2{
    left: 35.20%;
    top: 85.03%;
}
.fw_cgdt_r .img_kjs_b2 .icob_zb_3{
    left: 64.36%;
    top: 85.03%;
}
.fw_cgdt_r .img_kjs_b2 .icob_mys{
    left: 76.44%;
    top: 40.27%;
}

/* 3层 */
/* .fw_cgdt_r .img_kjs_b3 .icob_wsj{
    left: 490px;
    top: 75px;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_2{
    left: 613px;
    top: 75px;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_3{
    left: 292px;
    top: 552px;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_4{
    left: 872px;
    top: 552px;
}
.fw_cgdt_r .img_kjs_b3 .icob_rs{
    left: 664px;
    top: 75px;
} */
.fw_cgdt_r .img_kjs_b3 .icob_wsj{
    left: 43.56%;
    top: 11.23%;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_2{
    left: 54.49%;
    top: 11.23%;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_3{
    left: 25.96%;
    top: 82.63%;
}
.fw_cgdt_r .img_kjs_b3 .icob_wsj_4{
    left: 77.51%;
    top: 82.63%;
}
.fw_cgdt_r .img_kjs_b3 .icob_fwt_1{
    left: 43.51%;
    top: 20.63%;
}
.fw_cgdt_r .img_kjs_b3 .icob_fwt_2{
    left: 56.51%;
    top: 20.63%;
}
.fw_cgdt_r .img_kjs_b3 .icob_rs{
    left: 59.00%;
    top: 11.23%;
}

/* 4层 */
/* .fw_cgdt_r .img_kjs_b4 .icob_wsj{
    left: 481px;
    top: 81px;
}
.fw_cgdt_r .img_kjs_b4 .icob_wsj_2{
    left: 643px;
    top: 81px;
}
.fw_cgdt_r .img_kjs_b4 .icob_ct{
    left: 493px;
    top: 24px;
}
.fw_cgdt_r .img_kjs_b4 .icob_ct_2{
    left: 633px;
    top: 24px;
} */
.fw_cgdt_r .img_kjs_b4 .icob_wsj{
    left: 42.76%;
    top: 12.13%;
}
.fw_cgdt_r .img_kjs_b4 .icob_wsj_2{
    left: 57.16%;
    top: 12.13%;
}
.fw_cgdt_r .img_kjs_b4 .icob_ct{
    left: 43.82%;
    top: 3.59%;
}
.fw_cgdt_r .img_kjs_b4 .icob_ct_2{
    left: 56.27%;
    top: 3.59%;
}


.fw_cgdt_r .img_kjs .icob::after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #7d1e1e;
    z-index: 1;
    opacity: 0;
}
.fw_cgdt_r .img_kjs .icob.on::after{
    opacity: 1;
    animation: breath 2s infinite ease-in-out;
}

.fw_cgdt_r .img_kjs .icob.on{
    -webkit-animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2.5s;
}
@keyframes scaleDraw {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.2);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }
}
.fw_cgdt_r .img_kjs .icob::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: 100% auto;
    z-index: 2;
}
.fw_cgdt_r .img_kjs .icob_fwt::before{
    background-image: url("guobo202509_fw_fwss_icos1.png");
}
.fw_cgdt_r .img_kjs .icob_wsj::before{
    background-image: url("guobo202509_fw_fwss_icos2.png");
}
.fw_cgdt_r .img_kjs .icob_gwsj::before{
    background-image: url("guobo202509_fw_fwss_icos3.png");
}
.fw_cgdt_r .img_kjs .icob_bwsj::before{
    background-image: url("guobo202509_fw_fwss_icos4.png");
}
.fw_cgdt_r .img_kjs .icob_mys::before{
    background-image: url("guobo202509_fw_fwss_icos5.png");
}
.fw_cgdt_r .img_kjs .icob_ct::before{
    background-image: url("guobo202509_fw_fwss_icos6.png");
}
.fw_cgdt_r .img_kjs .icob_kft::before{
    background-image: url("guobo202509_fw_fwss_icos7.png");
}
.fw_cgdt_r .img_kjs .icob_cb::before{
    background-image: url("guobo202509_fw_fwss_icos8.png");
}
.fw_cgdt_r .img_kjs .icob_rs::before{
    background-image: url("guobo202509_fw_fwss_icos9.png");
}
.fw_cgdt_r .img_kjs .icob_zb::before{
    background-image: url("guobo202509_fw_fwss_icos10.png");
}


@keyframes breath {
    0%, 100% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}
.fw_cgdt_r .img_kjs .icob_li{
    display: flex;
}
.fw_cgdt_r .img_kjs .img_kjs_b1_asr .icob_li{
    justify-content: flex-end;
}

/*.fw_cgdt_r .img_kjs .icob:hover{*/
/*    -webkit-animation: icon-bounce 0.5s alternate;*/
/*    -moz-animation: icon-bounce 0.5s alternate;*/
/*    -ms-animation: icon-bounce 0.5s alternate;*/
/*    -o-animation: icon-bounce 0.5s alternate;*/
/*    animation: icon-bounce 0.5s alternate*/
/*}*/
/*@keyframes icon-bounce {*/
/*    0%,100% {*/
/*        -moz-transform: rotate(0deg);*/
/*        -ms-transform: rotate(0deg);*/
/*        -webkit-transform: rotate(0deg);*/
/*        transform: rotate(0deg)*/
/*    }*/

/*    25% {*/
/*        -moz-transform: rotate(8deg);*/
/*        -ms-transform: rotate(8deg);*/
/*        -webkit-transform: rotate(8deg);*/
/*        transform: rotate(8deg)*/
/*    }*/

/*    50% {*/
/*        -moz-transform: rotate(-8deg);*/
/*        -ms-transform: rotate(-8deg);*/
/*        -webkit-transform: rotate(-8deg);*/
/*        transform: rotate(-8deg)*/
/*    }*/

/*    75% {*/
/*        -moz-transform: rotate(5deg);*/
/*        -ms-transform: rotate(5deg);*/
/*        -webkit-transform: rotate(5deg);*/
/*        transform: rotate(5deg)*/
/*    }*/

/*    85% {*/
/*        -moz-transform: rotate(-5deg);*/
/*        -ms-transform: rotate(-5deg);*/
/*        -webkit-transform: rotate(-5deg);*/
/*        transform: rotate(-5deg)*/
/*    }*/
/*}*/

@-webkit-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-moz-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-o-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    50% {
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

/*20260522*/
.zl_gj {
    height: 470px;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 100px 0;
    margin: 0 auto;
}
.zl_gj .bg {
    background: url() no-repeat center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
}
.zl_gj .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.zl_gj:hover .bg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.zl_gj .title {
    position: relative;
    font-size: 46px;
    color: #fff;
    text-align: center;
    padding-top: 80px;
}

.zl_gj .lm_more {
    width: 105px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}

.zl_gj .lm_more a {
    color: #fff;
}

.zl_gj .lm_more a::before {
    background-image: url(guobo202509_jt_02.png);
}


@media screen and (max-width:1480px) {
    .zl_gj {
        height: 370px;
        padding: 80px 0;
    }
    .zl_gj .title {
        font-size: 40px;
        padding-top: 60px;
    }
    .zl_gj .lm_more {
        width: 90px;
        margin-top: 12px;
    }
}
@media screen and (max-width:1024px) {
    .zl_gj {
        height: 270px;
        padding: 60px 0;
    }
    .zl_gj .title {
        font-size: 30px;
        padding-top: 38px;
    }
}
@media screen and (max-width:768px) {
    .zl_gj {
        height: 3rem;
        background-size: cover;
        background-position: top center;
        padding: 0.8rem 0;
    }

    .zl_gj .title {
        font-size: 0.6rem;
        padding-top: 0;
    }

    .zl_gj .lm_more {
        width: 1.8rem;
        margin-top: 0.3rem;
    }
}