body {background: #F9F9F9;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_title {margin:0px auto 300px;}

.sc_1 {padding:150px 0px 200px;}
.ui-tabs-nav {width:100%; display: flex; border-radius: 50px; border:1px solid #ddd; overflow: hidden; margin-bottom:80px;}
.ui-tabs-nav li {background: #eee; width:12.5%; text-align: center; padding:10px 0px;}
.ui-tabs-nav li a {font-size:20px; color:#666; display: block; padding:10px 0px; border-right:1px solid #ddd;}
.ui-tabs-nav li:last-child a {border-right:0;}
.ui-tabs-nav .ui-state-active {background: var(--main-color);}
.ui-tabs-nav .ui-state-active a {color:#fff; font-weight: var(--weight_bold); border-right: 0;}

.sc_1 .item_box {display: flex; flex-wrap:wrap;}
.sc_1 .item_box .item {position:relative; width: 406px; height: 350px; margin-right:30px; margin-bottom:30px; background: #fff; padding:40px; box-sizing: border-box; border:1px solid #eee;}
.sc_1 .item_box .item:nth-child(3n+0) {margin-right:0;}
.sc_1 .item_box .item b {font-size:24px; font-weight: var(--weight_medium); margin-bottom:20px; display: block; color:var(--red_orange);}
.sc_1 .item_box .item h5 {font-size:30px; font-weight: var(--weight_bold); margin-bottom:30px; }
.sc_1 .item_box .item span {font-size:20px; line-height: 1.5;}
/*.sc_1 .item_box .item a {font-size:20px; position: absolute; bottom:40px; left:40px;}*/

@media (max-width: 1280px){
    .sc_1 .ui-tabs-nav {flex-wrap: wrap; border-radius: 20px; width: 715px; margin:0 auto 50px;}
    .sc_1 .ui-tabs-nav li {width: 25%;}
    .sc_1 .item_box {justify-content: space-between; width: 715px; margin:0 auto;}
    .sc_1 .item_box .item {margin-right:0; width: 345px;}
}

@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_title h3 {font-size:35px;}

    .sc_1 {padding:50px 0px 80px;}
    .sc_1 .ui-tabs-nav {width: 100%; margin-bottom:30px;}
    .sc_1 .ui-tabs-nav li a {font-size:16px; padding:5px 0px;}
    .sc_1 .item_box {width: 100%;}
    .sc_1 .item_box .item {width: 100%; padding:20px; height: 250px;}
    .sc_1 .item_box .item b {font-size:18px; margin-bottom:15px;}
    .sc_1 .item_box .item h5 {font-size:24px; margin-bottom:20px;}
    .sc_1 .item_box .item span {font-size:16px;}
    .sc_1 .item_box .item a {font-size:16px; bottom:20px; left:20px;}
}