@charset "utf-8";.ban img {
    width: 100%
}

.more {
    position: relative;
    right: auto
}

.wrap_ph {
    margin-top: 0.3rem;
    display: none
}

.wrap_ph h2 {
    width: 100%;
    color: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
    padding: 0 0.2rem;
    background: #004A99
}

.wrap_ph h2::after {
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/cd.svg) no-repeat right center/cover;
    left: auto;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%)
}

.vsbcontent_img img{display: block;
    margin: auto;}

.wrap_ph ul {
    padding: 0.1rem 0.2rem 0.2rem;
    display: none;
    box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11)
}

.wrap_ph li {
    font-size: 0.18rem;
    line-height: 0.34rem;
    font-family: hel-bold;
    padding: .05rem 0
}

.wrap_ph li a {
    transition: 0.5s;
    display: block;
    color: #333
}

.wrap_ph {
    display: none
}

.wrap_ph li.active a {
    color: #004A99
}

.wrap_ph li h3 {
    position: relative
}

.wrap_ph i {
    opacity: 1;
    display: inline-block;
    width: .34rem;
    height: .3rem;
    display: inline-block;
    background: url(../images/arrow_down.svg) center no-repeat;
    background-size: 15px 15px !important;
    position: absolute;
    display: block;
    right: 0;
    top: 2px;
    transition: 0.5s
}

.wrap_ph i.on {
    transform: rotate(-90deg)
}

.wrap_ph .box {
    display: none;
    padding-left: 0.25rem
}

.wrap_ph .box a {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666 !important;
    display: block
}

.wrap_ph .box a:hover {
    color: #004A99
}

.inner {
    padding: 0.7rem 0 .75rem;
    position: relative
}

.inner {
    width: 100%;
    overflow: hidden;
    padding: 0.94rem 0
}

.mzli {
    margin-bottom: -0.26rem;
    background: linear-gradient(180deg, #EEF6FF 0%, #FFFFFF 100%);
    padding: 0.5rem;
}

.mzli h3 {
    justify-content: center;
    margin-bottom: 0.28rem;
    font-size: 0.36rem;
    color: #0961BF;
    align-items: center;
    padding-bottom: 10px;
}

.mzli h3 img {
    margin-right: 0.12rem;
    display: inline-block;
    max-width: 0.36rem
}

.mzli li {
    width: 50%;
    padding: 0 0.12rem;
    margin-bottom: 0.3rem
}

.mzli li * {
    transition: 0.5s
}

.mzli li a {
    display: flex;
    align-items: center;
    padding: 0 0.3rem 0 0.4rem;
    height: 0.5rem;
    background: url(../images/m-bg1.png) no-repeat;
    background-size: 100% 100%
}

.mzli li a:after {
    width: 100%;
    opacity: 0;
    background: url(../images/m-bg2.png) no-repeat;
    background-size: 100% 100%
}

.mzli li h4 {
    width: 100%;
    font-size: 0.18rem;
    color: #333333;
    padding-right: 0.25rem;
    background: url(../images/m-xq1.png) no-repeat right center;
    background-size: 0.16rem !important;
    line-height: 1.3
}





.mzli1 {

}

.mzli1 h3 {
    justify-content: center;
    margin-bottom: 0.28rem;
    font-size: 0.36rem;
    color: #0961BF;
    align-items: center
}

.mzli1 h3 img {
    margin-right: 0.12rem;
    display: inline-block;
    max-width: 0.36rem
}

.mzli1 li {
    width: 50%;
    padding: 0 0.09rem;
    margin-bottom: 0.3rem
}

.mzli1 li * {
    transition: 0.5s
}

.mzli1 li a {
    display: flex;
    align-items: center;
    padding: 0 0.3rem 0 0.4rem;
    height: 0.5rem;
    background: url(../images/m-bg1.png) no-repeat;
    background-size: 100% 100%
}

.mzli1 li a:after {
    width: 100%;
    opacity: 0;
    background: url(../images/m-bg2.png) no-repeat;
    background-size: 100% 100%
}

.mzli1 li h4 {
    width: 100%;
    font-size: 0.2rem;
    color: #333333;
    padding-right: 0.25rem;
    background: url(../images/m-xq1.png) no-repeat right center;
    background-size: 0.16rem !important;
    line-height: 1.3
}








.pub {
    padding-bottom: 1rem
}

@media screen and (min-width: 1025px) {
    .mzli li a:hover::after {
        opacity: 1
    }

    .mzli li a:hover h4 {
        color: #fff;
        background: url(../images/m-xq2.png) no-repeat right center;
        font-weight: bold
    }


    .mzli1 li a:hover::after {
        opacity: 1
    }

    .mzli1 li a:hover h4 {
        color: #fff;
        background: url(../images/m-xq2.png) no-repeat right center;
        font-weight: bold
    }


}

@media screen and (max-width: 1024px) {


    .wrap_ph {
        display: block
    }

    .pub {
        padding-bottom: .5rem
    }
}

@media screen and (max-width: 768px) {
    .mzli li {
        width: 100%
    }


    .mzli1 li {
        width: 100%
    }

    .mzli {
        padding: 0.25rem;
        margin-bottom: 0.1rem
    }

    .mzli h3 {
        font-size: 0.3rem
    }
}

.zj-b dl {
    margin-bottom: 0.4rem
}

.zj-b dt {
    padding: 0 0.1rem
}

.zj-b dt a {
    line-height: 0.5rem;
    padding: 0 0.35rem;
    background: #bfddfd;
    color: #004A99;
    font-size: 0.24rem;
    display: inline-block
}

.zj-b dt.on a {
    background: #0961BF;
    color: #fff
}

.zj-b ul {
    margin: 0 -0.15rem
}

.zj-b li {
    width: 50%;
    padding: 0 0.15rem;
    margin-bottom: 0.4rem
}

.zj-b li .a {
    position: relative;
    align-items: center
}

.zj-b li .scale {
    width: 1.7rem
}

.zj-b li .con {
    padding-left: .25rem;
    flex: 1;
    min-width: 0
}

.zj-b li .imged {
    padding-bottom: 130%
}

.zj-b li h3 {
    font-size: 0.2rem;
    color: #333;
    font-weight: bold
}

.zj-b li h4 {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.24rem;
    max-height: .48rem\0;
    margin: 0.15rem 0 0.2rem
}

.zj-b li .p a {
    display: inline-block;
    margin-right: 0.15rem;
    line-height: 0.35rem;
    padding: 0 0.2rem;
    color: #fff;
    font-size: 0.16rem;
    background: #0961BF
}

.zj-b li .p a:last-child {
    background: #0961bf
}

.zj-b li .con a {
    display: block
}

@media(max-width: 1200px) {
    .zj-b li h3 i {
        display: none
    }

    .zj-b li p {
        line-height: .26rem
    }

    .zj-b li .scale {
        width: 1.5rem
    }
}

@media(max-width: 1024px) {
    .zj-b ul {
        margin: 0 -0.1rem
    }

    .zj-b li {
        padding: 0 0.1rem;
        margin-bottom: 0.3rem
    }
}

@media(max-width: 768px) {
    .zj-b li {
        width: 100%
    }

    .zj-b li .p {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: .15rem
    }

    .zj-b dt a {
        padding: 0 0.15rem
    }
}