.xygk {
        width: 100%;
        height: auto;
        font-size: 18px
    }

    .deanImg {
        width: 19.3em;
        height: 20.8em;
        background: #6276CC;
        position: relative
    }

    .deanImg img {
        width: inherit;
        height: inherit;
        position: absolute;
        left: 10px;
        bottom: 10px
    }

    .deanInfo {
        width: calc(100% - 22em);
        margin-left: 2em;
        background: url(../image/pc/ny_tu3.png) no-repeat;
        background-position: right bottom
    }

    .deanInfo h3 {
        width: 100%;
        height: auto;
        background: url(../image/pc/ny_tu2.png) no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-left: 1.2em;
        padding-right: 2em;
        font-size: 1.4em;
        color: white;
        line-height: 2em;
        margin-bottom: 1.5em
    }

    .deanInfo p,
    .deanDeatils p {
        color: #6B6A6A;
        font-size: 1em;
        text-indent: 2em;
        line-height: 2.5em
    }

    .deanDeatils {
        margin-top: 2em
    }

    .signature {
        margin-top: 2em;
        display: flex;
        justify-content: flex-end
    }

    .sigBox {
        width: 11.1em;
        height: auto;
        text-align: center
    }

    .sigBox p {
        font-size: 1em;
        color: #333333;
        line-height: 2em
    }

    .xyjj {
        font-size: 18px
    }

    .briefIntro img {
        width: 100%;
        height: auto;
        margin-bottom: 2.2em
    }

    .briefIntro p {
        font-size: 1em;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #6B6A6A;
        line-height: 2.2em;
        text-indent: 2em;
        margin-bottom: 1.5em
    }

    .xrld {
        font-size: 18px
    }

    .cateBox {
        width: 100%;
        height: auto;
        background: #F1F8FE;
        box-sizing: border-box;
        padding: 25px 58px;
        margin-bottom: 30px
    }

    .cateTitle {
        font-size: 1.3em;
        margin-bottom: 15px
    }

    .leaderList {
        display: flex;
        flex-wrap: wrap
    }

    .leaderItem {
        flex-shrink: 0;
        width: 33.3%;
        height: auto;
        margin-bottom: 1em;
        box-sizing: border-box;
        padding: 1%;
        box-sizing: border-box;
        overflow: hidden
    }

    .leaderItem a {
        display: block;
        width: 100%;
        height: 100%;
        background: white;
        box-sizing: border-box;
        border: 1px solid white;
        transition: all 1s;
        padding: 1rem
    }

    .leaderName {
        width: 100%;
        background: #F1F8FE;
        text-align: center;
        border-left: 4px solid #3D50E0;
        margin-bottom: 15px
    }

    .leaderName h3 {
        font-size: 1em;
        color: black;
        line-height: 2.2em;
        text-align: left;
        box-sizing: border-box;
        padding-left: 10px
    }

    .leaderItem p {
        font-size: 0.9em;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #777777;
        line-height: 1.8em;
        padding-left: 1em
    }

    .leaderItem:hover a {
        border: 1px solid #3D5ADE
    }

    .leaderItem:hover .leaderName {
        border-left: none;
        background: linear-gradient(0deg, #6F47F2, #3D50E0, #51BAD3)
    }

    .leaderItem:hover .leaderName h3 {
        color: white
    }

    .xyjg {
        font-size: 18px
    }

    .instList {
        display: flex
    }

    .instItem {
        width: 49%
    }

    .instList .instItem:first-child {
        margin-right: 2%
    }

    .instItem .subTitle {
        width: 100%;
        height: 2.8em;
        background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
        font-size: 1.3em;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 2.8em;
        box-sizing: border-box;
        padding-left: 1.8em
    }

    .instItem ul {
        height: 100%;
        background: #F1F9FF;
        box-sizing: border-box;
        padding: 1em
    }

    .instItem ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 3em;
        border-bottom: 1px dashed #D3D6D7;
        background: #F1F9FF;
        font-size: 1em;
        padding: 0 1em
    }

    .instItem ul li:hover {
        background: #e4f1fc
    }

    .instItem .userName {
        min-width: 4em;
        text-align: left
    }

    .lxwm {
        font-size: 18px
    }

    .contactCon {
        flex-wrap: wrap
    }

    .contactItem {
        margin-bottom: 1em
    }

    .contactItem img {
        width: 2.2em;
        height: 2.2em;
        margin-right: 0.5em
    }

    .contactItem p {
        font-size: 1em;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        line-height: 1.2em
    }

    .myMap {
        width: 100%;
        height: auto;
        margin-top: 3em
    }

    @media screen and (max-width: 1797px) {
        .cateBox {
            padding: 20px 30px
        }

        .leaderItem {
            width: 33.3%
        }
    }

    @media screen and (max-width: 1400px) {
        .leaderItem {
            width: 33.3%
        }
    }

    @media screen and (max-width: 1179px) {
        .leaderItem {
            width: 33.3%
        }

        .instList {
            margin-bottom: 100px
        }
    }

    @media screen and (max-width: 997px) {
        .leaderItem p {
            padding: 0
        }

        .instList {
            display: block
        }

        .instList .instItem {
            width: 100%;
            margin-top: 20px
        }

        .myMap {
            margin-top: 1em
        }
    }

    @media screen and (max-width: 800px) {
        .xygk .row:first-child {
            display: block;
            width: 100%
        }

        .deanImg {
            margin: 0 auto
        }

        .deanInfo {
            width: 100%
        }

        .deanInfo {
            margin-top: 20px;
            margin-left: 0;
            background: none
        }

        .xygk .row {
            margin: 0
        }

        .cateBox {
            padding: 25px 28px
        }

        .leaderItem {
            width: 33.3%
        }

        .lxwm {
            font-size: 16px
        }
    }

    @media screen and (max-width: 600px) {
        .deanInfo h3 {
            font-size: 1.2em
        }

        .leaderList {
            justify-content: space-between
        }

        .leaderItem {
            width: 100%
        }
    }

    @media screen and (max-width: 410px) {
        .cateBox {
            padding: 15px
        }
    }

    @media screen and (max-width: 400px) {
        .conR {
            padding: 0
        }

        .deanImg {
            width: 100%
        }

        .xygk {
            font-size: 16px
        }

        .instItem .subTitle {
            height: 2.5em;
            line-height: 2.5em;
            font-size: 1em
        }

        .instItem ul li {
            font-size: 0.9em
        }

        .myMap {
            margin: 0 0 20px 0
        }
    }