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

.sc_1 .item_box {padding:0px 30px; position: relative;}
.sc_1 .item_box .item:first-child {margin-bottom:100px;}
.sc_1 .item_box .item:first-child p {margin-bottom:0;}
.sc_1 .item_box .border { display:block;position:absolute;width:1px;height:140px;background:var(--red_orange);top:25px;left:5px;}
.sc_1 .item_box b {font-size:20px; color:var(--red_orange); display: block; position: relative; margin-bottom:20px; font-weight: var(--weight_bold);}
.sc_1 .item_box b::before {display: block; content: ''; position: absolute; width: 10px; height: 10px; border-radius: 100%; border:1px solid var(--red_orange); left:-30px; top:50%; transform: translateY(-50%);}
.sc_1 .item_box p {font-size:30px; font-weight:var(--weight_medium); margin-bottom:30px;}
.sc_1 .item_box .item .img_box {width: 400px; height:300px; display: flex; align-items: center; justify-content: center; }

@media (max-width: 1280px){
    .sc_1 .ui-tabs-nav {flex-wrap: wrap; border-radius: 20px; width: 715px; margin:0 auto 50px; background: #eee;}
    .sc_1 .ui-tabs-nav li {width: 50%;}
    .sc_1 .ui-tabs-nav li:last-child a {border-right:1px solid #ddd;}
    .sc_1 .item_box {width: 715px; margin:0 auto; box-sizing: border-box;}
    .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:12px; padding:5px 0px;}
    .sc_1 .item_box {width: 100%; padding-right:0;}
    .sc_1 .item_box b {font-size:16px;}
    .sc_1 .item_box p {font-size:24px;}
    .sc_1 .item_box .item {width: 100%;}
    .sc_1 .item_box .item .img_box {width: 100%; height: 265px;}
}