.sub_banner {width:100%; background: url(/img/teens_3_banner_bg.jpg) no-repeat center / cover; text-align: center;}
.sub_banner h3 {padding:280px 0px; font-size:62px; font-weight:var(--weight_bold); color:#fff;}

.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(--indigo_light);}
.nav_line .sub_nav ul .active::after {display: block; content: ''; position: absolute; width:100%; background: var(--indigo_light); height: 1px; top:40px;}

.sc_1 {padding:150px 0px 200px;}
.sc_1 .table_box table tr .ability {font-size:18px;}

@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 .page_location span img {content:url('/src/img/location_arrow_w.png');}
    .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;}

    .sc_1 .table_box table tr .ability {font-size: 16px;}
}

@media (max-width: 768px){
    .sub_banner h3 {font-size:40px; padding:80px 0px 110px;}

    .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:80px 0px;}
    .sc_1 .table_box table tr .ability {font-size: 14px;}
}