.sub_banner {width:100%; background: url(/img/neat4_1_banner.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(--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); line-height: 1.2;}
.sc_1 .text_box .circle_title::before {top:-10px;}
.sc_1 .text_box article {font-size:20px; line-height: 1.5; width: 740px;}

.sc_2 {padding:150px 0px 310px; background: url(/img/neat4_exam_type_bg.jpg) no-repeat center / cover; position: relative; overflow: hidden;}
.sc_2 ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.sc_2 ul li {width:300px; height: 280px; margin-bottom:26px; margin-right:26px;; padding: 40px 26px; box-sizing: border-box; background: #fff; text-align: center;}
.sc_2 ul li:nth-child(4n) {margin-right:0;}
.sc_2 ul li img {margin-bottom:15px;}
.sc_2 ul li p {font-size:24px; font-weight:var(--weight_semi_bold); margin-bottom:20px; color:var(--tomato);}
.sc_2 ul li span {font-size:20px; line-height: 1.5;}
.sc_2 .typo {position: absolute; right:-100px; top:50%; transform: translateY(-50%);}

.sc_3 {padding:550px 0px 150px; background: #F4F4FA; position: relative;}
.sc_3 .pic {position: relative; text-align: right; width: 100%; top: -150px;}
.sc_3 .pic img {width: 83%;}
.sc_3 .circle_title {line-height: 1.5;}
.sc_3 .circle_title::before {top:-10px;}
.sc_3 .table_wrap {margin-bottom:80px;}
.sc_3 .table .gray td {background: #f9f9f9;}
.sc_3 .table .small_text {font-size:18px;}
.sc_3 .table tr td .icon_box img {margin-bottom:10px;}
.sc_3 .table tr td .icon_box p {font-size:20px; font-weight:var(--weight_medium);}

.sc_4 {padding:170px 0px; background: url(/img/neat4_sc4_bg.jpg) no-repeat center / cover;}
.sc_4 .text_box {text-align: center;}
.sc_4 h4 {font-size:50px; font-weight:var(--weight_bold); margin-bottom:15px; color:#fff;}
.sc_4 span {display: inline-block; margin-bottom:40px; padding:12px 20px; background: #CC1E39; color:#fff; font-size:35px; font-weight: var(--weight_medium); border-radius: 10px;}
.sc_4 p {font-size:20px; color:#fff; line-height: 1.5;}

.sc_5 {width: 100%; background: url(/img/neat2_sc_5_bg.jpg) no-repeat center / cover; padding:200px 0px; text-align: center;}
.sc_5 h4 {font-size:50px; font-weight:var(--weight_bold); color:#fff; margin-bottom:150px;}
.sc_5 .circle_chart {position: relative; width: 542px; margin: 0 auto;}
.sc_5 .circle_chart .center {width: fit-content; border:1px solid #F9F9F9; border-radius: 100%; padding:80px; box-sizing: border-box;}
.sc_5 .circle_chart .center div {width: 380px; height: 380px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sc_5 .circle_chart .center div p {font-size:24px; font-weight: var(--weight_bold); margin-bottom:10px;}
.sc_5 .circle_chart .center div b {display: block; font-size:30px; font-weight: var(--weight_semi_bold); color:var(--tomato)}
.sc_5 .circle_chart .item {width:200px; height: 200px; border-radius: 100%; position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sc_5 .circle_chart .item_1 {background: var(--indigo_light); top:-80px; left:50%; transform: translate(-50%); }
.sc_5 .circle_chart .item_2 {background: #ACA063; left:-80px; top:50%; transform: translateY(-50%);}
.sc_5 .circle_chart .item_3 {background: var(--light_blue); bottom:-80px; left:50%; transform: translate(-50%); }
.sc_5 .circle_chart .item_4 {background: var(--tomato); right:-80px; top:50%; transform: translateY(-50%);}
.sc_5 .circle_chart .item div img {margin-bottom:10px;}
.sc_5 .circle_chart .item div p {font-size:20px; font-weight: var(--weight_bold); margin-bottom:15px; color:#fff;}
.sc_5 .circle_chart .item div span {font-size:24px; font-weight: var(--weight_bold); color:#fff;}

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

.sc_6 {padding:150px 0px 150px; background: #F4F4FA; position: relative;}
.sc_6 .table .gray td {background: #f9f9f9;}
.sc_6 .table .small_text {font-size:18px;}
.sc_6 .table tr td .icon_box img {margin-bottom:10px;}
.sc_6 .table tr td .icon_box p {font-size:20px; font-weight:var(--weight_medium);}
.sc_6 .t_1 {margin-bottom:210px;}


@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 {background: var(--tomato); padding:80px 0 100px;}
    .sc_2::before {content: ''; display: block; width: 70px; height: 70px; right:0; top:0; z-index: 0; background: url(/img/tomato_circle_r.png) no-repeat center / cover; position: absolute;}
    .sc_2::after {content: ''; display: block; width: 70px; height: 70px; left:0; bottom:0; z-index: 0; background: url(/img/tomato_circle_l.png) no-repeat center / cover; position: absolute;}
    .sc_2 ul {position: relative; z-index: 1;}
    .sc_2 ul li {width: 48%;}
    .sc_2 ul li:nth-child(2n+0) {margin-right:0;}
    .sc_2 .typo {display: none}

    .sc_3 {padding:0px 0px 80px; }
    .sc_3 .pic {top: -80px;}
    .sc_3 .pic img {width: 90%;}
    .sc_3 ul li {width: 100%;}
    .sc_3 ul li:last-child {margin-bottom:0;}
    .sc_3 .table tr td .icon_box p {font-size:16px;}
    .sc_3 .table .small_text {font-size:16px;}

    .sc_4 p br {display: none;}

    .sc_5_1  {padding:80px 0px;}
    .sc_5_1 .text_box {flex-direction: column;}
    .sc_5_1 .text_box article {width: 100%;}
    .sc_5_1 .text_box .circle_title {font-size:40px;}

    .sc_6 {padding:80px 0px;}
    .sc_6 .table tr td .icon_box p {font-size:16px;}
    .sc_6 .table .small_text {font-size:16px;}
    .sc_6 .t_1 {margin-bottom:80px;}
}

@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;}
    .nav_line .page_location p {width: 91px;}

    .sc_1 {padding:90px 0px 60px;}
    .sc_1 .text_box .circle_title {font-size:30px;}
    .sc_1 .text_box .circle_title br {display: none;}
    .sc_1 .text_box .circle_title i {margin-left:8px;}
    .sc_1 .text_box .circle_title::before {bottom: 5px; top:-15px;}
    .sc_1 .text_box article {font-size:16px; word-break: break-all;}

    .sc_2 {padding:80px 0px;}
    .sc_2 ul li {height: auto; padding:20px 10px; margin-right: 10px; margin-bottom:10px;}
    .sc_2 ul li img {height: 30px; }
    .sc_2 ul li p {font-size:18px; margin-bottom:10px;}
    .sc_2 ul li span {font-size:14px;}

    .sc_3 .pic {top: -40px;}
    .sc_3 {padding:0px 0px 80px;}
    .sc_3 ul li {padding:20px;}
    .sc_3 ul li > p {font-size:18px;}
    .sc_3 .table .small_text {font-size:16px;}

    .sc_4 {padding:80px 0px;}
    .sc_4 h4 {font-size:30px;}
    .sc_4 span {font-size:24px; margin-bottom:30px;}
    .sc_4 p {font-size:16px;}

    .sc_5 {padding:80px 0px 100px; overflow: hidden;}
    .sc_5 h4 {font-size:30px; margin-bottom: 70px;}
    .sc_5 .circle_chart {width: 269px;}
    .sc_5 .circle_chart .center {padding:40px; margin: 0 auto;}
    .sc_5 .circle_chart .center div {width: 187px; height: 187px;}
    .sc_5 .circle_chart .center div p {font-size:16px;}
    .sc_5 .circle_chart .center div b {font-size:20px;}
    .sc_5 .circle_chart .item {width: 100px; height: 100px;}
    .sc_5 .circle_chart .item div p {font-size:14px; margin-bottom:10px;}
    .sc_5 .circle_chart .item div span {font-size:16px;}
    .sc_5 .circle_chart .item_1 {top:-40px;}
    .sc_5 .circle_chart .item_3 {bottom:-40px;}
    .sc_5 .circle_chart .item_2 {left:-40px;}
    .sc_5 .circle_chart .item_4 {right:-40px;}

    .sc_5_1 {padding:90px 0px 60px;}
    .sc_5_1 .text_box .circle_title {font-size:30px;}
    .sc_5_1 .text_box .circle_title i {margin-left:8px;}
    .sc_5_1 .text_box .circle_title::before {bottom: 5px; top:-15px;}
    .sc_5_1 .text_box article {font-size:16px; word-break: break-all;}

    .sc_6 {padding:80px 0px;}
    .sc_6 .table .small_text {font-size:16px;}
}