.sub_banner {width:100%; background: url(/img/junior1_2_banner_bg.jpg) no-repeat center / cover; text-align: center;}
.sub_banner .text_box {padding:280px 0px; margin:0 auto; text-align: center;}
.sub_banner .text_box h3 {font-size:62px; font-weight:var(--weight_bold); color:#fff; margin-bottom:30px;}
.sub_banner .text_box nav {width:500px; display: flex; border-radius: 100px; overflow: hidden; margin:0 auto;}
.sub_banner .text_box nav a {display:inline-block; font-size:20px; padding:20px 0px; background: #fff; width: 50%;}
.sub_banner .text_box nav a.active {background: var(--tomato); color:#fff; font-weight:var(--weight_bold);}

.nav_line {padding:20px 0px; border-bottom:1px solid #ddd;}
.nav_line .container {display: flex; align-items: center; justify-content: space-between;}
.nav_line .sub_nav ul {display: flex; align-items: center;}
.nav_line .sub_nav ul li {margin-right:60px; position: relative;}
.nav_line .sub_nav ul li:last-child {margin-right:0;}
.nav_line .sub_nav ul li a {font-size:20px;}
.nav_line .sub_nav ul .active a {font-weight:var(--weight_bold); color: var(--tomato);}
.nav_line .sub_nav ul .active::after {display: block; content: ''; position: absolute; width:100%; background: var(--tomato); height: 1px; top:40px;}

.sc_1 {padding:150px 0px;}
.sc_1 .text_box {display: flex; align-items: flex-start; justify-content: space-between;}
.sc_1 .text_box .circle_title {font-size:50px; font-weight:var(--weight_bold);}
.sc_1 .text_box .circle_title::before {bottom:15px;}
.sc_1 .text_box article {font-size:20px; line-height: 1.5; width: 740px;}

.sc_2 {padding:150px 0px 200px; background: #FDF8F8;}
.sc_2 .title {text-align: center; margin-bottom:100px;}
.sc_2 .title span {display: block; color:var(--tomato); font-size:24px; margin-bottom:20px;}
.sc_2 .title h4 {font-size:50px; font-weight:var(--weight_bold); margin-bottom:30px;}
.sc_2 .title p {font-size:20px; line-height: 1.5;}
.sc_2 .table_box {text-align: center;}
.sc_2 .table_box p {font-size:30px; font-weight:var(--weight_bold); padding-bottom:30px; margin-bottom:20px; border-bottom:2px solid var(--tomato);}
.sc_2 .table_box table {width:100%;}
.sc_2 .table_box table tr td {text-align: center; padding:10px 0px; font-size:20px; width: 20%; border-bottom:20px solid #FDF8F8;}
.sc_2 .table_box table tr .name {font-size:24px;}
.sc_2 .table_box table tr .name.mint {color:var(--mint);}
.sc_2 .table_box table tr .name.indigo {color:var(--indigo_light);}
.sc_2 .table_box table tr .name.gray_blue {color:var(--gray_blue);}
.sc_2 .table_box table tr .name.light_blue {color:var(--light_blue);}
.sc_2 .table_box table tr .name.red_orange {color:var(--red_orange);}
.sc_2 .table_box table tr .score {font-size:20px; color:#fff; font-weight: var(--weight_bold);}
.sc_2 .table_box table tr .score.mint {background: var(--mint);}
.sc_2 .table_box table tr .score.indigo {background: var(--indigo_light);}
.sc_2 .table_box table tr .score.gray_blue {background: var(--gray_blue);}
.sc_2 .table_box table tr .score.light_blue {background: var(--light_blue);}
.sc_2 .table_box table tr .score.red_orange {background: var(--red_orange);}
.sc_2 .tb_1 {margin-bottom:180px;}

.sc_3 {padding:180px 0px; width:100%; background: url(/img/exam_method_sc_3_bg.jpg) no-repeat center / cover;}
.sc_3 ul {display:flex; justify-content: center;}
.sc_3 ul li {width:400px; background: #fff; padding:80px 40px; text-align: center;}
.sc_3 ul li {margin-right:30px;}
.sc_3 ul li:last-child {margin-right:0;}
.sc_3 ul li p {font-size:30px; font-weight:var(--weight_bold); margin-bottom:20px; color:var(--tomato);}
.sc_3 ul li .border {width:30px; height:4px; background: var(--tomato); margin: 0 auto 50px;}
.sc_3 ul li span {font-size:18px; line-height: 1.5; display: block;}

@media (max-width: 1280px){
    .nav_line {position: relative;}
    .nav_line .page_location {position: absolute; left:50%; transform:translateX(-50%); top:-40px;}
    .nav_line .page_location a {color:#fff;}
    .nav_line .page_location p {color:#fff;}
    .nav_line .page_location span {color:#fff;}
    .nav_line .sub_nav {width: 100%;}
    .nav_line .sub_nav ul {justify-content: center;}
    .nav_line .sub_nav ul li a {font-size:16px;}
    .nav_line .sub_nav ul .active::after {top: 36px;}
    .nav_line .page_location span img {content:url('/src/img/location_arrow_w.png');}

    .sc_1 .text_box {flex-direction: column;}
    .sc_1 .text_box article {width: 100%;}
    .sc_1 .text_box .circle_title {font-size:40px;}

    .sc_2 {padding:80px 0px;}
    
    .sc_3 {padding:80px 0px;}
    .sc_3 ul {flex-direction: column;}
    .sc_3 ul li {width: 100%; box-sizing: border-box; padding:40px 20px; margin-right:0; margin-bottom:20px;}
    .sc_3 ul li:last-child {margin-bottom:0;}
    .sc_3 ul li p {font-size:24px;}
    .sc_3 ul li .border {margin-bottom:30px;}
    .sc_3 ul li span {font-size: 15px;}
}

@media (max-width: 768px){
    .sub_banner .text_box {padding:60px 0px 80px;}
    .sub_banner .text_box h3 {font-size:40px; margin-bottom:20px;}
    .sub_banner .text_box nav {width: 95%;}
    .sub_banner .text_box nav a {font-size:16px; padding:15px 0px;}

    .nav_line .sub_nav {width: 100%;}
    .nav_line .sub_nav ul li {margin-right:15px;}
    .nav_line .sub_nav ul li a {font-size:14px;}
    .nav_line .sub_nav ul .active::after {top: 34px;}

    .sc_1 {padding:90px 0px 60px;}
    .sc_1 .text_box .circle_title {font-size:30px;}
    .sc_1 .text_box .circle_title::before {bottom:0px;}
    .sc_1 .text_box article {font-size:16px; word-break: break-all;}

    .sc_2 .title {margin-bottom:40px;}
    .sc_2 .title span {font-size:18px;}
    .sc_2 .title h4 {font-size:30px;}
    .sc_2 .title p {font-size:16px;}
    .sc_2 .title p br {display: none;}

    .sc_2 .tb_1 {margin-bottom:80px;}
    .sc_2 .table_box p {font-size:20px;}
    .sc_2 .table_box table tr td {border-bottom: 10px solid #FDF8F8;}
    .sc_2 .table_box table tr .score {font-size:16px;}
    .sc_2 .table_box table tr .name {font-size:14px;}
    
    .sc_3 .container {width: 90%;}
}