body {background: #f9f9f9;}
.sub_top {padding:280px 0px 20px; background: url(/img/junior_level_up_top_bg.jpg) no-repeat center / cover;}
.sub_title {margin:0px auto 300px;}
.sub_title h3 {color:#fff; line-height: 1.3;}
.page_location p, .page_location a, .page_location span {color:#fff;}

.sc_1 {padding:170px 0px; text-align: center;}
.sc_1 ul {display: flex; justify-content: space-between; align-items: center;  width:850px; margin: 0 auto 100px;}
.sc_1 ul li {width: 178px; height: 178px; color:#fff; font-size:39px; font-weight:var(--weight_medium); line-height: 1.3; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.sc_1 h4 {font-size:50px; line-height: 1.5; font-weight: var(--weight_medium); margin-bottom:30px;}
.sc_1 p {font-size:20px; line-height: 1.5;}

.sc_2 {width:100%; padding-bottom:80px;  overflow-x: hidden; }
.sc_2 .text_box {display: flex; align-items: center; justify-content: center; width: 85%; height: 300px; background-color: var(--light_blue); border-top-right-radius:300px; border-bottom-right-radius:300px; text-align:center; position:relative;z-index:2;}
.sc_2 .text_box p {font-size:50px; color:#fff; width: 600px; line-height: 1.5; position: relative; color:#fff;}
.sc_2 .text_box p::before {content: ''; display: block; background: url(/img/junior_level_up_sc_2_item_1.png) no-repeat; position: absolute; top:-50px;  left:-110px; width: 78px; height: 70px;}
.sc_2 .text_box p::after {content: ''; display: block; background: url(/img/junior_level_up_sc_2_item_2.png) no-repeat; position: absolute; bottom:-50px;  right:-110px;  width: 78px; height: 70px;}
.sc_2 .sc_2_1 {width:89%; background-color: #EAEFF4; height: 450px; border-top-left-radius:110px; border-bottom-left-radius:110px; float: right;  display:flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; margin-top:-9%; position: relative;z-index: 1; padding:110px; box-sizing: border-box;}
.sc_2 .sc_2_1 article {font-size:20px; line-height: 1.5; width: 74.7%;}

.btn_box {margin-bottom:80px;}


@media (max-width: 1280px){
    .page_location span img {content:url('/src/img/location_arrow_w.png');}

    .sc_1 ul {width: 100%;}
    .sc_1 ul li {font-size:24px; width: 160px; height: 160px;}
    .sc_1 h4 {font-size:36px;}
    .sc_1 p {font-size:18px;}
    .sc_1 p br {display: none;}

    .sc_2 .text_box {height: 270px;}
    .sc_2 .text_box p {width: 520px; font-size: 24px;}
    .sc_2 .text_box p::before {background-size: 45px; top: -20px; left: 50px;}
    .sc_2 .text_box p::after {background-size: 45px; right: 20px; bottom:-50px;}
    .sc_2 .sc_2_1 {padding:80px;}
    .sc_2 .sc_2_1 article {width: 520px;}
}

@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_title h3 {font-size:35px;}

    .sc_1 {padding:50px 0px 80px;}
    .sc_1 ul {margin-bottom:50px; max-width: 330px;}
    .sc_1 ul li {font-size:15px; width: 70px; height: 70px;}
    .sc_1 h4 {font-size:30px; margin-bottom:20px;}
    .sc_1 h4 br {display: none;}
    .sc_1 p {font-size:16px;}

    .sc_2 {padding-bottom:50px;}
    .sc_2 .text_box {width: 100%; border-radius: 0; height: auto;}
    .sc_2 .text_box p {font-size:24px; line-height: 1.5; padding:40px 0px; width: 300px;}
    .sc_2 .text_box p b {display: block;}
    .sc_2 .text_box p::before {top: 20px; left:30px;}
    .sc_2 .text_box p::after {right: -10px; bottom:-10px;}
    .sc_2 .sc_2_1 {padding:50px 20px;width:100%;border-radius:0;margin-top:0;float:none;height:auto;}
    .sc_2 .sc_2_1 article {width: 100%; font-size: 16px; word-break: break-all;}
}