.body .banner {
    width: 100%;
    height: 298px
}

.body .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body .moudle {
    width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body .moudle .left {
    width: 240px;
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px)
}

.body .moudle .left .title {
    width: 240px;
    height: 70px;
    padding-left: 25px;
    line-height: 70px;
    background-color: #005bac;
    color: #fff;
    font-size: 28px
}

.body .moudle .left .nav {
    width: 240px;
    height: 516px;
    background-color: #eff6fb;
    background-image: url(../img/bh-xsc/jgjs/build.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-top: 50px
}

.body .moudle .left .nav .item {
    font-size: 14px;
    color: #333;
    width: 231px;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    position: relative;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    cursor: pointer
}


    .body .moudle .right .items .content{}
    .body .moudle .right .items .content img{display:block;margin:0 auto;}
    
    .body .moudle .right .items .content p{    font-family: "Microsoft YaHei" !important;
    font-size: 14pt !important;
    line-height: 2em !important;}
    .body .moudle .right .items .content span{    font-family: "Microsoft YaHei" !important;
    font-size: 14pt !important;
    line-height: 2em !important;}


.body .moudle .left .nav .item:hover {
    background-color: #fff;
    font-size: 16px;
    color: #005bac
}

.body .moudle .left .nav .active {
    background-color: #fff;
    font-size: 16px;
    color: #005bac
}

.body .moudle .left .nav .active::before {
    content: "";
    position: absolute;
    left: -3px;
    top: calc(50% - 6px);
    width: 4px;
    height: 12px;
    background-color: #005bac
}

.body .moudle .right {
    width: calc(100% - 240px);
    padding-top: 32px;
    padding-left: 51px
}

.body .moudle .right .sub {
    color: #666;
    font-size: 14px;
    width: 915px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #d0d7e1;
    padding-bottom: 21px
}

.body .moudle .right .sub img {
    margin-right: 5px
}

.body .moudle .right .sub .r {
    padding-left: 5px;
    padding-right: 5px
}

.body .moudle .right .items {
    width: 915px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px
}

.body .moudle .right .items .title {
    width: 100%;
    font-size: 30px;
    color: #333;
    text-align: center
}

.body .moudle .right .items .date {
    width: 100%;
    border-bottom: solid 1px #8799b6;
    margin-bottom: 25px;
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.body .moudle .right .items .date .hr {
    margin-left: 50px;
    margin-right: 50px;
    width: 1px;
    height: 12px;
    display: inline-block;
    background-color: #b4c3da
}

.body .moudle .right .items .content {
    font-family: "Microsoft YaHei", Arial, 微软雅黑!important;
}

.body .moudle .right .items .content img {
}

.body .moudle .right .items .person {
    width: 100%;
    background-color: #e9f0f4;
    margin-top: 40px
}

.body .moudle .right .items .person .name {
    font-size: 24px;
    text-align: center;
    color: #333;
    padding-top: 30px;
    margin-bottom: 80px
}

.body .moudle .right .items .toptitle {
    font-size: 28px;
    text-align: center;
    color: #333;
    padding-top: 10px
}

.body .moudle .right .items .person .name span {
    font-size: 16px;
    color: #005bac;
    float: right;
    padding-right: 20px
}

.body .moudle .right .items .person .itms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.body .moudle .right .items .person .itms .itm {
    width: 266px;
    height: 287px;
    background-color: #fff;
    border: solid 1px #d0d7e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    background-image: url(../img/bh-xsc/jgjs/persion.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom: 60px
}

.body .moudle .right .items .person .itms .itm .ava {
    position: absolute;
    left: calc(50% - 54px);
    top: -54px;
    width: 108px;
    height: 108px;
    border-radius: 50px;
    overflow: hidden
}

.body .moudle .right .items .person .itms .itm .ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body .moudle .right .items .person .itms .itm .mc {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin-bottom: 10px
}

.body .moudle .right .items .person .itms .itm .bm {
    font-size: 14px;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #d0d7e1;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.body .moudle .right .items .person .itms .itm .ds {
    padding-left: 34px
}

.body .moudle .right .items .person .itms .itm .ds>div {
    margin-bottom: 4px;
    margin-top: 4px
}

.body .moudle .right .items .person .itms .itm .ds>div span:nth-child(1) {
    font-size: 14px;
    color: #666
}

.body .moudle .right .items .person .itms .itm .ds>div span:nth-child(2) {
    font-size: 14px;
    color: #333
}

.body .moudle .right .items .person .itms .itm .detail {
    font-size: 14px;
    color: #005bac;
    text-align: end;
    padding-right: 34px;
    padding-bottom: 10px
}

.body .moudle .right .items .hhr {
    border-top: solid 1px #8799b6;
    font-size: 14px;
    color: #333;
    padding-top: 24px;
    margin-top: 90px;
    text-align: end
}

@media screen and (max-width: 1023px) {
    .mbody {
        padding-top:0rem
    }

    .mbody .banner {
        width: 100%;
        height: 2.98rem;
        position: relative
    }

    .mbody .banner .bannerimg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .mbody .nav {
        position: absolute;
        left: .35rem;
        top: 2.28rem
    }

    .mbody .nav .navname {
        height: .7rem;
        background-color: #005bac;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        padding-left: .15rem;
        padding-right: .15rem
    }

    .mbody .nav .navname img {
        width: .48rem;
        height: .48rem;
        margin-left: .12rem
    }

    .mbody .nav .navname .name {
        font-size: .24rem
    }

    .mbody .nav .navname .hr {
        padding-left: .05rem;
        padding-right: .05rem
    }

    .mbody .nav .navname .subname {
        font-size: .32rem
    }

    .mbody .nav .subnav {
        display: none
    }

    .mbody .nav .subnav .item {
        height: .7rem;
        background-color: #005bac;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: .3rem;
        padding-right: .35rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: .24rem;
        border-top: 1px solid #fff
    }

    .mbody .nav .subnav .item img {
        width: .16rem;
        height: .2rem
    }

    .mbody .items .title {
        font-size: .36rem;
        padding-left: .34rem;
        padding-right: .34rem;
        margin-top: .4rem
    }

    .mbody .items .date {
        font-size: .24rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: .34rem;
        padding-right: .34rem;
        margin-top: .2rem;
        color: #999
    }

    .mbody .items .content {
        padding: .34rem
    }
    .mbody .items .content p img{
        max-width: 100%;
    }

    .mbody .items .person {
        width: 100%;
        background-color: #e9f0f4;
        padding: .34rem
    }

    .mbody .items .person .name {
        font-size: .3rem;
        text-align: center;
        color: #333;
        padding-top: .2rem;
        margin-bottom: .8rem;
        position: relative
    }

    .mbody .items .person .name span {
        position: absolute;
        right: 0;
        top: .2rem;
        font-size: .24rem;
        color: #005bac
    }

    .mbody .items .person .itms {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: .8rem
    }

    .mbody .items .person .itm {
        width: 3.3rem;
        background-color: #fff;
        border: solid 1px #d0d7e1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        background-image: url(../img/bh-xsc/jgjs/persion.png);
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .mbody .items .person .itm .ava {
        position: absolute;
        left: calc(50% - .54rem);
        top: -.54rem;
        width: 1.08rem;
        height: 1.08rem;
        border-radius: .5rem;
        overflow: hidden
    }

    .mbody .items .person .itm .ava img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .mbody .items .person .itm .mc {
        font-size: .22rem;
        color: #333;
        text-align: center;
        margin-bottom: .1rem;
        margin-top: .8rem
    }

    .mbody .items .person .itm .bm {
        font-size: .28rem;
        color: #666;
        text-align: center;
        border-bottom: 1px solid #d0d7e1;
        padding-bottom: .15rem;
        padding-left: .2rem;
        padding-right: .2rem;
        margin-bottom: .15rem
    }

    .mbody .items .person .itm .ds {
        padding-left: .34rem
    }

    .mbody .items .person .itm .ds>div {
        margin-bottom: .04rem;
        margin-top: .04rem;
        word-break: break-all;
        width: 100%
    }

    .mbody .items .person .itm .ds>div span:nth-child(1) {
        font-size: .24rem;
        color: #666
    }

    .mbody .items .person .itm .ds>div span:nth-child(2) {
        font-size: .24rem;
        color: #333;
        padding-right: .15rem
    }

    .mbody .items .person .itm .detail {
        font-size: .24rem;
        color: #005bac;
        text-align: end;
        padding-right: .14rem;
        padding-bottom: .2rem
    }

    .mbody .items .person .itm .detail img {
        width: .3rem;
        vertical-align: middle
    }
}

/*# sourceMappingURL=bh-xsc-jgjs.min.css.map */