.in .top .a.cur:after,
.in .top .a:before {
    content: ''
}

.in .top .a span,
.in .top .a.cur:after {
    transform: translateX(-50%);
    position: absolute
}

.sub_tit,
.tit {
    text-align: center
}

.submenu .m05 {
    color: #fff
}

.submenu .m05 path {
    fill: #fff
}

.in {
    background: url(../img/bg-in.png) no-repeat;
    background-size: 100% 100%;
    height: 880px;
    box-shadow: inset 0 -50px 25px -25px #fff
}

.in .top {
    background: url(../img/top-expert.png) no-repeat;
    height: 308px;
    padding-left: 669px;
    margin-bottom: 35px
}

.in .top .a {
    width: 243px;
    height: 306px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.in .top .a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.in .top .a.cur:before,
.in .top .a:hover:before {
    opacity: 0
}

.in .top .a.cur:after {
    width: 61px;
    height: 61px;
    background: url(../img/icon-arrow-top.png);
    background-size: 100% 100%;
    bottom: 0;
    left: 50%
}

.in .top .a span {
    bottom: 60px;
    left: 50%;
    font-size: 18px;
    word-break: keep-all;
    color: #000;
    text-decoration: none
}

.single-item {
    margin: 0 60px
}

.expert_wrap .l {
    width: 675px;
    display: inline-block
}

.tit {
    color: #1d2080;
    font-weight: 700;
    font-size: 60px;
    margin: 35px 0 10px
}

.sub_tit {
    background: #1d2080;
    color: #fff;
    font-size: 36px;
    padding: 10px;
    margin-bottom: 30px
}

.hl {
    color: var(--red1)
}

.expert_wrap .r {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 355px
}

.expert_wrap img {
    margin-left: auto
}

.desc_wrap {
    position: absolute;
    bottom: 0;
    right: 0
}

.place {
    font-size: 22px;
    color: #172a80;
    margin: 10px 20px;
    text-align: right
}

.j_tit {
    color: #fff;
    font-size: 24px;
    background: rgb(29 48 157 / 75%);
    padding: 10px 20px;
    width: 360px;
    text-align: center
}

.links_wrap {
    margin-top: 35px
}

.btn_now {
    margin-right: 40px
}

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

    .in,
    .in .top {
        background: 0 0;
        height: auto
    }

    .main {
        padding-left: 0;
        padding-right: 0
    }

    .breadcrumbs {
        padding-left: 15px
    }

    .in {
        box-shadow: none
    }

    .in .top {
        padding-left: 0;
        margin-bottom: 15px
    }

    .in .top .a {
        float: left;
        width: 49%;
        height: 64vw;
        margin: 0 .5%
    }

    .in .top .a span {
        font-size: 4vw;
        bottom: 9vw
    }

    .in .top .a.cur:after {
        width: 12vw;
        height: 12vw;
        bottom: -1vw
    }

    .single-item {
        margin: 0
    }

    .expert_wrap .l {
        display: block;
        width: auto;
        padding: 0 10px
    }

    .tit {
        font-size: 10vw;
        margin-top: 0
    }

    .sub_tit {
        font-size: 7vw;
        margin-bottom: 15px;
        line-height: 1.2;
        padding: 10px 5px;
        letter-spacing: -1px
    }

    .j_tit,
    .place {
        line-height: 1.2;
        font-size: 6vw
    }

    .expert_wrap p {
        margin: 0 15px
    }

    .expert_wrap .r {
        display: block;
        margin: -15vw 25px 0;
        overflow: hidden;
        width: auto
    }

    .banner3 .expert_wrap .r {
        margin-top: -7vw
    }

    .expert_wrap img {
        width: 50%;
        position: relative;
        top: 20vw
    }

    .banner3 .expert_wrap img {
        width: 60%;
        top: 12vw
    }

    .place {
        text-align: left;
        display: block
    }

    .j_tit {
        width: auto
    }

    .desc_wrap {
        margin-right: 0;
        width: 100%
    }

    .links_wrap {
        width: 300px;
        margin: 35px auto 0
    }

    .btn_now {
        margin: 0 0 15px
    }

    .submenu_wrap {
        width: calc(100% + 15px)
    }
}