body {background: #f8f8f8;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_title {margin:0px auto 300px;}
.sub_title h3 {margin-bottom:80px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}
.sub_title nav {width:800px; display: flex; border-radius: 100px; overflow: hidden; margin:0 auto; border: 1px solid #ddd;}
.sub_title nav a {display:inline-block; font-size:20px; padding:20px 0px; background: #fff; width: 25%; border-right: 1px solid #ddd;}
.sub_title nav a:last-child {border-right:0;}
.sub_title nav a.active {background: var(--tomato); color:#fff; font-weight:var(--weight_bold);}

.location {margin-top:20px;}
.location .page_location_box {position: relative;}

.subject {width:320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.type_box {padding:200px 0px; width:100%; background: #F8F8F8;}
.type_box .type_title {text-align: center; margin-bottom:80px;}
.type_box .type_title p {font-size:24px; font-weight:var(--weight_medium); color:var(--light_blue);  margin-bottom:10px}
.type_box .type_title h4 {font-size:50px; color:#222; margin-bottom: 0;}
.type_box ul {display:flex; justify-content: space-between; margin-bottom:50px;}
.type_box ul li {width:50%; background: #fff; padding:80px 50px; text-align: left; position:relative; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.type_box ul li img {margin-bottom:30px;}
.type_box ul li p {font-size:20px; line-height: 1.5; margin-bottom:60px;}
.type_box ul li .arrow_btn {position: absolute; right:50px; bottom:50px;}
.type_box ul .item_1 {margin-right:30px;}

.info {background: #EFEFF4; padding:46px 30px;}
.info p {font-size:20px; line-height: 1.5;}

@media (max-width: 1280px){
    .sub_title nav {width: 100%;}
    .sub_title nav a {font-size: 14px;}

    .page_location {position: absolute; left:50%; transform:translateX(-50%); top:-60px;}
}


@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;}
    .sub_title nav a {font-size: 10px;}

    .type_box {padding:80px 0px;}
    .type_box .type_title {margin-bottom:50px;}
    .type_box .type_title p {font-size:18px; margin-bottom:10px;}
    .type_box .type_title h4 {font-size:30px; width: 50%; margin:0 auto;}
    .type_box ul {flex-direction: column;}
    .type_box ul li {width: 100%; box-sizing: border-box; padding:40px 20px;}
    .type_box ul li img {margin-bottom:20px; height: 24px;}
    .type_box ul .item_1 {margin-bottom:20px; margin-right:0;}
    .type_box ul li p {font-size:16px;}
    .type_box ul li .arrow_btn {bottom:35px; right:10px;}
}