body {background: #f8f8f8;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_content {padding:150px 0px 200px;}
.sub_title {margin:0px auto 300px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}

.type_select {border-radius: 100px; width: 640px; overflow: hidden; margin: 0 auto 150px; display: flex;}
.type_select a {display: inline-block; width: 50%; background: #eee; padding:20px 0px; text-align: center; font-size:20px; color:#666;} 
.type_select a.active {background: var(--main-color); color:#fff;}

.subject {width:320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tb_1 {margin-bottom:110px;}
.table_box span {display: block; font-size:20px; margin-bottom:20px;}

@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_content {padding:80px 0px;}
    .sub_content h4 {font-size:18px; margin-bottom:20px;}

    .type_select {width: 100%; margin: 0 auto 60px;}
    .type_select a {font-size: 16px; padding:15px 0px;}
    .table_box span {font-size:14px; line-height: 1.5;}
}