.jr_goods .container {
    width: 100%;
}

.jr_goods .container .row {
    position: relative;
    background: url(../../images/webimg/goods_banner.png) no-repeat center center;
    height: 320px;
    background-size: 100% 100%;
}

.jr_goods .container .row {
    position: relative;
    background: url(../../images/webimg/goods_banner.png) no-repeat center center;
    height: 320px;
    background-size: 100% 100%;
}

.jr_goods2 .container .row {
    position: relative;
    background: url(../../images/webimg/goods_banner_little.png) no-repeat center center;
    height: 360px;
    background-size: 100% 100%;
}

.jr_goods .container .row .course_eng {
    position: absolute;
    width: 411px;
    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;
}

.jx_material .container .row {
    position: relative;
    height: 990px;
    /* background: pink; */
}

.jx_material .container .row .goods_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);
}

.jx_material .container .row .goods_head {
    background: url(../../images/webimg/goods_img_head.png) no-repeat;
    background-size: 100% 100%;
    width: 54.2%;
    top: 5%;
    left: 48.9%;
    height: 24.87%;
    position: absolute;
}

.jx_material .container .row .goods_shadow .goods_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;
}

.jx_material .container .row .goods_shadow .goods_app {
    width: 86%;
    height: 66%;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jx_material .container .row .goods_tool {
    position: absolute;
    width: 51%;
    height: 24.5%;
    top: 33%;
    /* left: 6.8%; */
    background: url(../../images/webimg/goods_img_1.png) no-repeat center center;
    background-size: 100% 100%;
    transition: transform 0.5s;
}

.jx_material .container .row .goods_tool:hover {
    transform: translate(0, -4px);
}

.jx_material .container .row .goods_tool .tool_word {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* width: 20%; */
    height: 10%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    top: 38%;
}

.jx_material .container .row .goods_tool .goods_xh {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 52%;
    /* width:45%; */
    height: 14px;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jx_material .container .row .goods_tutorial {
    position: absolute;
    left: 53%;
    top: 33%;
    background: url(../../images/webimg/goods_img_2.png) no-repeat center center;
    width: 50.2%;
    height: 53%;
    transition: transform 0.5s;
}

.jx_material .container .row .goods_tutorial:hover {
    transform: translate(0, -4px);
}

.jx_material .container .row .goods_tutorial .tutorial_word {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* width: 22.4%; */
    height: 5%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    top: 43%;
}

.jx_material .container .row .goods_tutorial .tutorial_purchase {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translateX(-50%);
    height: 14px;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jx_material .container .row .goods_material {
    position: absolute;
    width: 51%;
    height: 24.5%;
    top: 61.5%;
    background: url(../../images/webimg/goods_img_3.png) no-repeat center center;
    background-size: 100% 100%;
}
/* 鍖犻棬鍙栨潗鏈�灏忓睆 */
.jx_material2 .container .row {
    position: relative;
    height: 1540px;
    /* background: pink; */
}

.jx_material .container .row .goods_1 {
    position: relative;
    height: 626px;
    text-align: center;
}

.jx_material .container .row .goods_1 .img_head {
    position: absolute;
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
    width: 92.4%;
    height: 44.1%;
    background: url(../../images/webimg/goods_img_head_little.png) no-repeat center center;
    background-size: 100% 100%;
}

.jx_material .container .row .goods1_shadow {
    padding: 7% 0 10% 5%;
    position: relative;
    width: 92.4%;
    height: 44%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.jx_material .container .row .goods1_shadow .goods_word {
    position: absolute;
    /* width: 53%; */
    height: 14%;
    font-size: 24px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 24px;
}

.jx_material .container .row .goods1_shadow .goods_app {
    position: absolute;
    top: 32%;
    width: 71%;
    height: 20%;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 21px;
}

.jx_material .container .row .goods_2 {
    height: 300px;
}

.jx_material .container .row .goods_2 .goods1_tool {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: 93%;
    background: url(../../images/webimg/goods_img_1_little.png) no-repeat center center;
    background-size: 100% 100%;
}

.jx_material .container .row .goods_2 .goods1_tool .tool_word {
    position: absolute;
    left: 50%;
    top: 39.4%;
    transform: translateX(-50%);
    /* width:100px; */
    height: 8.2%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jx_material .container .row .goods_2 .goods1_tool .tool_creat {
    position: absolute;
    left: 50%;
    top: 52.1%;
    transform: translateX(-50%);
    /* width: 270px; */
    height: 5.2%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}
/* 鏉愭枡 */
.jx_material .container .row .goods_3 .goods_metrail {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: 93%;
    background: url(../../images/webimg/goods_img_3_little.png) no-repeat center center;
    background-size: 100% 100%;
}

.jx_material .container .row .goods_3 .goods_metrail .metrail_word {
    position: absolute;
    left: 50%;
    top: 39.4%;
    transform: translateX(-50%);
    /* width:100px; */
    height: 8.2%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jx_material .container .row .goods_3 .goods_metrail .metrail_creat {
    position: absolute;
    left: 50%;
    top: 52.1%;
    transform: translateX(-50%);
    /* width: 270px; */
    height: 5.2%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}
/* 鏁欑▼ */
.jx_material .container .row .goods_4 .goods_tutor {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: 93%;
    background: url(../../images/webimg/goods_img_2_little.png) no-repeat center center;
    background-size: 100% 100%;
}

.jx_material .container .row .goods_4 .goods_tutor .tutor_word {
    position: absolute;
    left: 50%;
    top: 39.4%;
    transform: translateX(-50%);
    /* width:100px; */
    height: 8.2%;
    font-size: 22px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.jx_material .container .row .goods_4 .goods_tutor .tutor_creat {
    position: absolute;
    left: 50%;
    top: 52.1%;
    transform: translateX(-50%);
    /* width: 270px; */
    height: 5.2%;
    font-size: 14px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}