.jr_course .container {
    width: 100%;
}

.jr_course .container .row {
    position: relative;
    background: url(../../images/webimg/course_banner.png) no-repeat center center;
    height: 320px;
    background-size: 100% 100%;
}

.jr_course1 .container .row {
    position: relative;
    background: url(../../images/webimg/course_banner_little.png) no-repeat center center;
    height: 360px;
    background-size: 100% 100%;
}

.jr_course .container .row .course_word {
    position: absolute;
    width: 144px;
    height: 34px;
    font-size: 36px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 118px;
}

.navbar {
    border-radius: 0;
}

.jr_course .container .row .course_eng {
    position: absolute;
    /* width:312px; */
    height: 14px;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 181px;
}

.jr_inheritance .container .row {
    position: relative;
    height: 1150px;
    background: #fff;
}

.jr_inheritance .container .row .course_test {
    position: absolute;
    top: 2%;
    background: url(../../images/webimg/course_img_test.png) no-repeat;
    height: 84.4%;
    width: 12%;
    background-size: 100% 100%;
}

.jr_inheritance .container .row .inheritance_shadow {
    padding: 7% 0 10% 5%;
    position: absolute;
    width: 48.8%;
    top: 5%;
    left: 6.8%;
    height: 24.87%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.jr_inheritance .container .row .inheritance_shadow .inheritance_word {
    width: 65.5%;
    height: 29%;
    font-size: 2rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jr_inheritance .container .row .inheritance_shadow .jxcd {
    width: 86%;
    height: 66%;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jr_inheritance .container .row .course_hear {
    background: url(../../images/webimg/course_img_hear.png) no-repeat;
    background-size: 100% 100%;
    width: 56.2%;
    top: 5%;
    left: 55%;
    height: 24.87%;
    position: absolute;
}

.jr_inheritance .container .row .course_yb {
    background: url(../../images/webimg/course_img_1.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 32.5%;
    left: 6.8%;
    height: 17.8%;
    transition: transform 0.5s;
}

.jr_inheritance .container .row .course_yb:hover {
    transform: translateY(-6px);
}

.jr_inheritance .container .row .course_yb .yb_word {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translateX(-50%);
    width: 11%;
    height: 11%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jr_inheritance .container .row .course_yb .yb_eng {
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translateX(-50%);
    /* width:22.5%; */
    height: 11%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jr_inheritance .container .row .course_rb {
    background: url(../../images/webimg/course_img_2.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 32.5%;
    left: 41.8%;
    height: 17.8%;
}
.jr_inheritance .container .row .course_rb .yb_eng {
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translateX(-21%);
    width: 22.5%;
    height: 11%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jr_inheritance .container .row .course_ch {
    background: url(../../images/webimg/course_img_3.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 32.5%;
    left: 76.8%;
    height: 17.8%;
}

.jr_inheritance .container .row .course_gh {
    background: url(../../images/webimg/course_img_4.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 52.5%;
    left: 6.8%;
    height: 17.8%;
}

.jr_inheritance .container .row .course_sh {
    background: url(../../images/webimg/course_img_5.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 52.5%;
    left: 41.8%;
    height: 17.8%;
}

.jr_inheritance .container .row .course_cz {
    background: url(../../images/webimg/course_img_6.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 52.5%;
    left: 76.8%;
    height: 17.8%;
}

.jr_inheritance .container .row .course_cb {
    background: url(../../images/webimg/course_img_7.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 72.2%;
    left: 24.8%;
    height: 17.8%;
}

.jr_inheritance .container .row .course_zk {
    background: url(../../images/webimg/course_img_8.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    width: 34.5%;
    top: 72.2%;
    left: 60%;
    height: 17.8%;
}

.jr_inheritance1 .container .row {
    position: relative;
    height: 1492px;
    /* background: pink; */
}

.jr_inheritance1 .container .row .course1_test {
    position: absolute;
    top: 2.7%;
    width: 92%;
    height: 18%;
    left: 50%;
    transform: translateX(-50%);
    background: url(../../images/webimg/course_img_head_little.png) no-repeat center center;
    background-size: 100% 100%;
}

.jr_inheritance1 .container .row .inheritance1_shadow {
    padding: 40px 0 0 30px;
    position: absolute;
    width: 92%;
    top: 20.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 250px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.jr_inheritance1 .container .row .inheritance1_shadow .inheritance1_word {
    position: absolute;
    width: 100%;
    height: 12%;
    font-size: 21px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jr_inheritance1 .container .row .inheritance1_shadow .jxcd1 {
    position: absolute;
    top: 34%;
    width: 64%;
    height: 23.2%;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jr_inheritance1 .container .row .course_yb {
    position: absolute;
    top: 39%;
    background: url(../../images/webimg/course_img_1_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 4%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_yb .yb1_word {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 37%;
    height: 11%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jr_inheritance1 .container .row .course_yb .yb1_eng {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 52%;
    height: 6%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jr_inheritance1 .container .row .course_rb {
    position: absolute;
    top: 39%;
    background: url(../../images/webimg/course_img_2_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 51%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_ch {
    position: absolute;
    top: 53.4%;
    background: url(../../images/webimg/course_img_3_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 4%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_gh {
    position: absolute;
    top: 53.4%;
    background: url(../../images/webimg/course_img_4_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 51%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_sh {
    position: absolute;
    top: 67.8%;
    background: url(../../images/webimg/course_img_5_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 4%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_cz {
    position: absolute;
    top: 67.8%;
    background: url(../../images/webimg/course_img_6_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 51%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_cb {
    position: absolute;
    top: 82.4%;
    background: url(../../images/webimg/course_img_7_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 4%;
    background-size: 99% 99%;
}

.jr_inheritance1 .container .row .course_zk {
    position: absolute;
    top: 82.4%;
    background: url(../../images/webimg/course_img_8_l.png) no-repeat center center;
    width: 45.34%;
    height: 13.7%;
    left: 51%;
    background-size: 99% 99%;
}