.zjsq-video {
    width: 448px;
    width: 4.48rem;
    height: 276px;
    height: 2.76rem;
    float: left;
    position: relative;
    margin-top: 20px;
    margin-top: .2rem;
    padding: 20px;
    padding: .2rem;
    background-color: #ffffff;
    border-radius: 7px;
    font-size: 20px;
    font-size: .2rem;
}

.zjsq-video .btn {
    width: 152px;
    width: 1.52rem;
    padding-left: 36px;
    padding-left: .36rem;
    height: 46px;
    height: .46rem;
    line-height: 46px;
    line-height: .46rem;
    border-radius: 23px;
    border-radius: .23rem;
    background-color: rgba(31, 93, 131, .87);
    position: absolute;
    left: 130px;
    left: 1.3rem;
    bottom: 50px;
    bottom: .5rem;
    font-weight: 700;
    color: #ffffff;
    display: block;
}

.zjsq-video .btn i {
    width: 40px;
    width: .4rem;
    height: 40px;
    height: .4rem;
    border-radius: 50%;
    background: url(2022-zjsq-video-ico.png) no-repeat center #ffffff;
    background-size: 11px 14px;
    background-size: .11rem .14rem;
    background-position: 17px center;
    background-position: .17rem center;
    position: absolute;
    top: 3px;
    top: .03rem;
    right: 3px;
    right: .03rem;
}

.zjsq-qqgk {
    width: 852px;
    width: 8.52rem;
    height: 276px;
    height: 2.76rem;
    background-color: #ffffff;
    padding: 20px;
    padding: .2rem;
    float: right;
    margin-top: 20px;
    margin-top: .2rem;
    border-radius: 7px;
}

.zjsq-qqgk .tit {
    width: 125px;
    width: 1.25rem;
    height: 50px;
    height: .5rem;
    line-height: 40px;
    line-height: .4rem;
    text-align: center;
    font-size: 20px;
    font-size: .2rem;
    font-weight: 700;
    color: #ffffff;
    display: block;
    background: url(2022-zjsq-qqgk-tit.png) no-repeat center;
    background-size: cover;
}

.zjsq-qqgk .txt {
    margin-top: 15px;
    margin-top: .15rem;
    padding: 0 15px;
    padding: 0 .15rem;
    height: 175px;
    height: 1.75rem;
    line-height: 35px;
    line-height: .35rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 5;
    word-wrap: break-word;
    word-break: break-all;
    text-indent: 2em;
}

.zjsq-qqgk .more {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-top: .1rem;
    font-size: 18px;
    font-size: .18rem;
}

.zjsq-qqgk .more a {
    color: #3866a2;
}

.zjsq-qqgk .more a:hover {
    color: #ff0000;
}

.zjsq-wlzy {
    margin-top: 20px;
    margin-top: .2rem;
    float: left;
    height: 330px;
    height: 3.3rem;
    width: 960px;
    width: 9.6rem;
    background-color: #ffffff;
    padding: 20px;
    padding: .2rem;
    border-radius: 7px;
}

.zjsq-wlzy .tit {
    width: 95px;
    width: .95rem;
    height: 330px;
    height: 3.3rem;
    float: left;
    display: block;
    background: url(2022-zjsq-wlzy.png) no-repeat center #69acd6;
    background-size: 23px 103px;
    background-size: .23rem 1.03rem;
}

.zjsq-wlzy .a-link {
    width: 153px;
    width: 1.53rem;
    height: 330px;
    height: 3.3rem;
    display: block;
    float: left;
    margin-left: 20px;
    margin-left: .2rem;
    background: no-repeat center #69acd6;
    background-size: 166px 330px;
    background-size: 1.66rem 3.3rem;
}

.zjsq-wlzy .a-link.a01 {
    background-image: url(2022-zjsq-wlzy-bg01.jpg);
}

.zjsq-wlzy .a-link.a02 {
    background-image: url(2022-zjsq-wlzy-bg02.jpg);
}

.zjsq-wlzy .a-link.a03 {
    background-image: url(2022-zjsq-wlzy-bg03.jpg);
}

.zjsq-wlzy .a-link.a04 {
    background-image: url(2022-zjsq-wlzy-bg04.jpg);
}

.zjsq-wlzy .a-link.a05 {
    background-image: url(2022-zjsq-wlzy-bg05.jpg);
}

.zjsq-wlzy .a-link.a01:hover {
    background-image: url(2022-zjsq-wlzy-bg01-hover.jpg);
}

.zjsq-wlzy .a-link.a02:hover {
    background-image: url(2022-zjsq-wlzy-bg02-hover.jpg);
}

.zjsq-wlzy .a-link.a03:hover {
    background-image: url(2022-zjsq-wlzy-bg03-hover.jpg);
}

.zjsq-wlzy .a-link.a04:hover {
    background-image: url(2022-zjsq-wlzy-bg04-hover.jpg);
}

.zjsq-wlzy .a-link.a05:hover {
    background-image: url(2022-zjsq-wlzy-bg05-hover.jpg);
}

.zjsq-wlzy .a-link .img-ico {
    width: 70px;
    width: .7rem;
    height: 70px;
    height: .7rem;
    display: block;
    margin: 43px auto 0;
    margin: .43rem auto 0;
}

.zjsq-wlzy .a-link .img-font {
    width: 31px;
    width: .31rem;
    display: block;
    margin: 23px auto 0 auto;
    margin: .23rem auto 0;
}

.zjsq-bmdt {
    width: 340px;
    width: 3.4rem;
    height: 330px;
    height: 3.3rem;
    background-color: #ffffff;
    padding: 20px;
    padding: .2rem;
    margin-top: 20px;
    margin-top: .2rem;
    float: right;
    position: relative;
    border-radius: 7px;
}

.zjsq-bmdt .map-img {
    width: 340px;
    width: 3.4rem;
    height: 330px;
    height: 3.3rem;
    display: block;
}

.zjsq-bmdt .bmdt-tit {
    width: 156px;
    width: 1.56rem;
    height: 148px;
    height: 1.48rem;
    position: absolute;
    left: 112px;
    left: 1.12rem;
    top: 116px;
    top: 1.16rem;
    background-color: rgba(29, 85, 126, .5);
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-size: .15rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.zjsq-bmdt .bmdt-tit img {
    width: 30px;
    width: .3rem;
    height: 36px;
    height: .36rem;
    margin: 28px auto 15px;
    margin: .28rem auto .15rem;
    margin-top: 24%;
    display: block;
}

.zjsq-bmdt .bmdt-tit:hover {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.zjsq-sj {
    width: 1000px;
    width: 10rem;
    height: 666px;
    height: 6.66rem;
    margin: 20px 20px 0 0;
    margin: .2rem .2rem 0 0;
    float: left;
}

.zjsq-sj .sj-top {
    width: 960px;
    width: 9.6rem;
    height: 454px;
    height: 4.54rem;
    position: relative;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 10px 20px 0;
    padding: .1rem .2rem 0;
}

.zjsq-sj .sj-top .more {
    background-color: #3766a2;
    padding: 5px 10px;
    padding: .05rem .1rem;
    font-size: 14px;
    font-size: .14rem;
    display: block;
    color: #ffffff;
    position: absolute;
    right: 20px;
    right: .2rem;
    top: 15px;
    top: .15rem;
    border-radius: 3px;
}

.zjsq-sj .sj-top .tit {
    line-height: 34px;
    line-height: .34rem;
}

.zjsq-sj .sj-top .tit li {
    float: left;
    position: relative;
}

.zjsq-sj .sj-top .tit li::after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    height: .16rem;
    background-color: #cacaca;
    top: 9px;
    top: .09rem;
    position: absolute;
}

.zjsq-sj .sj-top .tit li:first-child::after {
    display: none;
}

.zjsq-sj .sj-top .tit li a {
    padding: 0 15px;
    padding: 0 .15rem;
    cursor: pointer;
}

.zjsq-sj .sj-top .tit li.active a {
    color: #1f5d83;
    font-weight: 700;
}

.zjsq-sj .sj-top #tabs01-swiper {
    width: 100%;
    height: 365px;
    height: 3.65rem;
    padding-top: 5px;
    margin-top: .05rem;
    overflow: hidden;
}

.zjsq-sj .sj-btm {
    width: 100%;
    height: 202px;
    height: 2.02rem;
}

.zjsq-sj .sj-btm .box01 {
    width: 300px;
    width: 3rem;
    height: 172px;
    height: 1.72rem;
    margin-right: 20px;
    margin-right: .2rem;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 10px 20px 0;
    padding: .1rem .2rem 0;
}

.zjsq-sj .sj-btm .box02 {
    width: 250px;
    width: 2.5rem;
    height: 172px;
    height: 1.72rem;
    margin-right: 20px;
    margin-right: .2rem;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 10px 20px 0;
    padding: .1rem .2rem 0;
}

.zjsq-sj .sj-btm .box03 {
    width: 290px;
    width: 2.9rem;
    height: 172px;
    height: 1.72rem;
    float: left;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 10px 20px 0;
    padding: .1rem .2rem 0;
}

.zjsq-sj .sj-btm .con {
    width: auto;
    height: 152px;
    height: 1.52rem;
    overflow: hidden;
}

.zjsq-tit {
    display: block;
    font-size: 20px;
    font-size: .2rem;
    font-weight: 700;
    color: #1f5d83;
    line-height: 40px;
    line-height: .4rem;
}

.zjsq-btn {
    width: 340px;
    width: 3.4rem;
    height: 255px;
    height: 2.55rem;
    padding: 20px;
    padding: .2rem;
    background-color: #ffffff;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
    border-radius: 7px;
}

.zjsq-btn li {
    width: 25%;
    float: left;
    text-align: center;
    height: 127px;
    height: 1.27rem;
}

.zjsq-btn li a {
    width: 100%;
    height: 100%;
    display: block;
}

.zjsq-btn li img {
    width: 66px;
    width: .56rem;
    height: 66px;
    height: .56rem;
    border: 1px solid #78bfeb;
    display: block;
    margin: 15px auto 10px auto;
    margin: .15rem auto .1rem auto;
    border-radius: 50%;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.zjsq-btn li:nth-child(1) img {
    border-color: #78bfeb;
}

.zjsq-btn li:nth-child(2) img {
    border-color: #73b5bf;
}

.zjsq-btn li:nth-child(3) img {
    border-color: #6ebb8b;
}

.zjsq-btn li:nth-child(4) img {
    border-color: #a6cb75;
}

.zjsq-btn li:nth-child(5) img {
    border-color: #bbb062;
}

.zjsq-btn li:nth-child(6) img {
    border-color: #99a0d1;
}

.zjsq-btn li span {
    font-weight: 700;
    color: #1f5d83;
}

.zjsq-btn li:nth-child(1):hover img {
    background-color: #f4f9fc;
}

.zjsq-btn li:nth-child(2):hover img {
    background-color: #f2f7f8;
}

.zjsq-btn li:nth-child(3):hover img {
    background-color: #f5fdf8;
}

.zjsq-btn li:nth-child(4):hover img {
    background-color: #f3fee4;
}

.zjsq-btn li:nth-child(5):hover img {
    background-color: #fffce9;
}

.zjsq-btn li:nth-child(6):hover img {
    background-color: #f2f4ff;
}

.zjsq-kfgd {
    width: 340px;
    width: 3.4rem;
    height: 321px;
    height: 3.21rem;
    padding: 10px 20px 20px;
    padding: .1rem .2rem .2rem;
    background-color: #ffffff;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
    border-radius: 7px;
}

.zjsq-kfgd .tit {
    width: 100%;
    height: 45px;
    height: .45rem;
    line-height: 45px;
    line-height: .45rem;
    text-align: center;
    background: url(2022-zjsq-kfgd-tit.png) no-repeat center;
    background-size: 273px 7px;
    background-size: 2.73rem .07rem;
    margin-bottom: 10px;
    margin-bottom: .1rem;
}

.zjsq-kfgd .tit a {
    font-size: 20px;
    font-size: .2rem;
    font-weight: 700;
    color: #1f5d83;
}

.zjsq-kfgd li {
    width: 165px;
    width: 1.65rem;
    height: 128px;
    height: 1.28rem;
    line-height: 128px;
    line-height: 1.28rem;
    float: left;
    text-align: center;
    font-size: 18px;
    font-size: .18rem;
    font-weight: 700;
    margin-right: 10px;
    margin-right: .1rem;
}

.zjsq-kfgd li:nth-child(2n) {
    margin-right: 0;
}

.zjsq-kfgd li:nth-child(3),
.zjsq-kfgd li:nth-child(4) {
    margin-top: 10px;
    margin-top: .1rem;
}

.zjsq-kfgd li a {
    color: #ffffff;
}

.zjsq-kfgd li .ico {
    width: 64px;
    width: .64rem;
    min-width: auto;
    height: 64px;
    height: .64rem;
    left: 50px;
    left: .5rem;
    top: 32px;
    top: .32rem;
    z-index: 3;
    position: absolute;
    transform: initial !important;
    opacity: .5;
}

.zjsq-kfgd li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .25);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.zjsq-kfgd li a:hover::after {
    background: no-repeat;
}

.zjsq-kfgd li span {
    z-index: 4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 75%;
    line-height: .3rem;
}

@media screen and (max-width: 820px) {
    .zjsq-video {
        width: calc(100% - 20px);
        padding: 10px;
        float: none;
    }

    .zjsq-qqgk {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 10px;
        float: none;
    }
    
    .zjsq-qqgk .txt {
        margin-top: 10px;
        padding: 0 5px;
    }

    .zjsq-wlzy {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 7px;
        height: auto;
        float: none;
        margin-right: 0;
    }

    .zjsq-wlzy::after {
        content: '';
        display: block;
        clear: both;
    }

    .zjsq-wlzy .tit {
        width: 33.33%;
        margin-top: 3px;
    }

    .zjsq-wlzy .a-link {
        width: calc(33.33% - 3px);
        margin-left: 3px;
        margin-top: 3px;
        overflow: hidden;
    }

    .zjsq-wlzy .a-link:nth-child(4) {
        width: 33.33%;
        margin-left: 0;
    }

    .zjsq-bmdt {
        width: calc(100% - 20px);
        margin-top: 10px;
        padding: 10px;
    }

    .zjsq-bmdt .bmdt-tit {
        left: calc((100% - 1.56rem) / 2);
        top: calc((100% - 1.48rem) / 2);
    }

    .zjsq-sj {
        width: 100%;
        padding: 0;
        margin-top: 10px;
        height: auto;
    }
    
    .zjsq-sj .sj-top {
        width: calc(100% - 20px);
        padding: 5px 10px 10px;
        height: auto;
    }

    .zjsq-sj .sj-top .tit li {
        width: calc(50% - 1px);
    }

    .zjsq-sj .sj-top .tit li a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
        float: left;
    }

    .zjsq-sj .sj-top #tabs01-swiper {
        padding-top: 10px;
        height: auto;
        min-height: .1rem;
    }

    .zjsq-sj .sj-btm {
        height: auto;
    }

    .zjsq-sj .sj-btm .box01,
    .zjsq-sj .sj-btm .box02,
    .zjsq-sj .sj-btm .box03 {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 10px;
        height: auto;
        float: none;
    }

    .zjsq-sj .sj-btm .con {
        height: auto;
        min-height: .8rem;
    }
    
    .zjsq-sj .sj-btm .box01 .con {
        min-height: 1.62rem;
    }
    
    .zjsq-btn {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 10px;
        height: auto;
    }
    
    .zjsq-kfgd {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 10px;
        height: auto;
    }
    
    .zjsq-kfgd .tit {
        margin-bottom: 0;
    }
    
    .zjsq-kfgd li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-top: 10px;
        height: calc(100vw * .3);
    }
    
    .zjsq-kfgd li .ico {
        left: calc((100% - .64rem) / 2);
        top: calc((100% - .64rem) / 2);
    }
    
    .zjsq-kfgd li span {
        display: block;
        width: 100%;
        line-height: .4rem;
        top: calc((100% - .4rem) / 2);
    }
}