.new_list1.new_center2 .l {color: #fff!important;}
        .line-box {
            margin: 610px 20px;
            width: 100%;
            padding: 0 3%;
            position: relative;
            --title-warp: 80px;
            --title-line-height: 26px;
            --title-num-warp: 20px;
            --title-ball-width: 16px;
            --line-num: 9;}
        .line {
            height: 1px;
            background-color: #8D8D8D;
            position: absolute;
            bottom: calc(50% - .5px);
            width: 1770px;
            left: 0;}
        .line-box * {
            margin: 0;
            padding: 0;}

        .line-top,
        .line-bottom {
            display: flex;}

        .line-item-box {
            width: 350px;
            display: inline-flex;}

        .line-item-box:nth-child(odd) {
            position: absolute;

            bottom: 50%;}

        .line-item-box:nth-child(2n) {
            position: absolute;
            top: 50%;}


        .line-item-title-box {
            position: relative;}

        .line-item-title {

            writing-mode: vertical-rl;
            padding: 20px 6px;
            background-color: var(--children-color);
            position: relative;
            color: #fff;
            font-family: "Times New Roman";
            font-weight: bold;
            font-size: 22px;}
        .line-item-title:hover{
            filter: contrast(150%);}

        .line-item-title a {
            color: #fff;
            text-decoration: none;}

        .line-item-title-box span {
            color: var(--children-color);
            position: absolute;
            height: var(--title-line-height);
            line-height: var(--title-line-height);
            aspect-ratio: 1 / 1;
            width: var(--title-line-height);
            border-radius: 50%;
            text-align: center;
            border: 3px solid;
            font-weight: bold;
            transform: translateX(-50%);
            left: 50%;}

        .line-item-title::before {
            content: "";
            background-color: #8D8D8D;
            height: var(--title-warp);
            display: inline-block;
            position: absolute;
            width: 1px;
            left: calc(50% - .5px);}

        .line-item-title::after {
            background: var(--children-color);
            border-radius: 50%;
            content: "";
            left: 50%;
            aspect-ratio: 1 / 1;
            width: var(--title-ball-width);
            height: var(--title-ball-width);
            position: absolute;}

        .line-item {
            padding-left: 20px;
            flex-grow: 1;}
.line-item ul{
display: flex;
    flex-direction: column;}
        .line-item-box:nth-child(odd) {
            align-items: flex-end;}

        .line-item-box:nth-child(odd) .line-item-title-box span {
            bottom: calc(-1 * (var(--title-line-height) + var(--title-warp) + var(--title-ball-width) + var(--title-num-warp)));}

        .line-item-box:nth-child(odd) .line-item-title-box {
            margin-bottom: var(--title-warp);}

        .line-item-box:nth-child(odd) .line-item-title::before {
            bottom: calc(-1 * var(--title-warp));}

        .line-item-box:nth-child(odd) .line-item-title::after {
            transform: translate(-50%, 50%);
            bottom: calc(-1 * var(--title-warp));}

        .line-item-box:nth-child(odd) .line-item {
            padding-bottom: var(--title-warp);}

        .line-item-box:nth-child(2n) {
            align-items: flex-start;}

        .line-item-box:nth-child(2n) .line-item-title-box span {
            top: calc(-1 * (var(--title-line-height) + var(--title-warp) + var(--title-ball-width) + var(--title-num-warp)));}

        .line-item-box:nth-child(2n) .line-item-title-box {
            margin-top: var(--title-warp);}

        .line-item-box:nth-child(2n) .line-item-title::before {
            top: calc(-1 * var(--title-warp));}

        .line-item-box:nth-child(2n) .line-item-title::after {
            transform: translate(-50%, -50%);
            top: calc(-1 * var(--title-warp));}

        .line-item-box:nth-child(2n) .line-item {
            padding-top: var(--title-warp);}

        .line-item li {
            list-style: none;
            display: inline-flex;
            align-items: center;}

        .line-item li::before {
            content: "";
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            background: #8f8f8f;
            vertical-align: middle;
            margin-right: 14px;}

        .line-item li a {
            padding: 6px 0;
            line-height: 24px;
            display: block;
            font-size: 18px;
            font-family: "Source Sans Pro";
            color: #000;
            word-break: break-word;
            text-decoration: none;
            cursor: default;}

       



            .line-item-box:nth-child(1) {
            left: 0;}

        .line-item-box:nth-child(2) {
            left: 200px;}

        .line-item-box:nth-child(3) {
            left: 400px;}

        .line-item-box:nth-child(4) {
            left: 600px;}

        .line-item-box:nth-child(5) {
            left: 800px;}

        .line-item-box:nth-child(6) {
            left: 1000px;}

        .line-item-box:nth-child(7) {
            left: 1200px;}

        .line-item-box:nth-child(8) {
            left: 1400px;}

        .line-item-box:nth-child(9) {
            left: 1600px;}

        .phone-line-box:nth-child(1),
        .line-item-box:nth-child(1) {
            --children-color: #122B55;}

        .phone-line-box:nth-child(2),
        .line-item-box:nth-child(2) {
            --children-color: #009DAB;}

        .phone-line-box:nth-child(3),
        .line-item-box:nth-child(3) {
            --children-color: #F35744;}

        .phone-line-box:nth-child(4),
        .line-item-box:nth-child(4) {
            --children-color: #495D9C;}

        .phone-line-box:nth-child(5),
        .line-item-box:nth-child(5) {
            --children-color: #363636;}

        .phone-line-box:nth-child(6),
        .line-item-box:nth-child(6) {
            --children-color: #E87903;}

        .phone-line-box:nth-child(7),
        .line-item-box:nth-child(7) {
            --children-color: #341f97;}

        .phone-line-box:nth-child(8),
        .line-item-box:nth-child(8) {
            --children-color: #44bd32;}

        .phone-line-box:nth-child(9),
        .line-item-box:nth-child(9) {
            --children-color: #079992;}
                .phone-show {
            display: none;}
        
                @media screen and (max-width: 768px) {
            .pc-show {
                display: none;}

            .phone-show {
                display: flex;
                --title-line-height: 26px;
                --title-num-warp: 20px;
                --title-ball-width: 16px;
                --title-warp: 40px;
                        flex-direction: column;
                                padding: 20px;
                                position: relative;}
            
                .phone-show::before {
            content: "";
        height: 90%;
        width: 2px;
        background-color: #ccc;
        position: absolute;
        left: 63px;
        top: 50px;}
            .phone-show *{
                margin: 0;
                padding: 0;}
            .phone-line-box {}

            .phone-line-item-title-box {
                display: flex;
                align-items: center;
                flex-wrap: 1;}

            .phone-line-item-title-box span {
                color: var(--children-color);
                height: var(--title-line-height);
                line-height: var(--title-line-height);
                aspect-ratio: 1 / 1;
                width: var(--title-line-height);
                border-radius: 50%;
                text-align: center;
                border: 3px solid;
                font-weight: bold;
                        flex-shrink: 0;}

            .phone-line-item-title {
                padding: 6px 20px;
                background-color: var(--children-color);
                position: relative;
                color: #fff;
                font-family: "Times New Roman";
                font-weight: bold;
                font-size: 18px;
                margin-left: calc(var(--title-warp) + 10px);}

            .phone-line-item-title::before {
                content: "";
                background-color: #8D8D8D;
                height: 3px;
                display: inline-block;
                position: absolute;
                width: var(--title-warp);
                top: calc(50% - 1.5px);
                left: calc(-1 * var(--title-warp));}

            .phone-line-item-title::after {
                background: var(--children-color);
                border-radius: 50%;
                content: "";
                top: calc(50% - (var(--title-ball-width)/2));
                left: calc(-1 * var(--title-warp));
                aspect-ratio: 1 / 1;
                width: var(--title-ball-width);
                height: var(--title-ball-width);
                position: absolute;}

            .phone-line-item {
                margin-left: calc(var(--title-warp) + 10px + 6px + 10px + var(--title-ball-width));}

            .phone-line-item li {
                list-style: none;
                display: inline-flex;
                align-items: center;}

            .phone-line-item li::before {
                content: "";
                width: 8px;
                height: 8px;
                display: inline-block;
                border-radius: 50%;
                background: #8f8f8f;
                vertical-align: middle;
                margin-right: 14px;}

            .phone-line-item li a {
                padding: 6px 0;
                line-height: 24px;
                display: block;
                font-size: 18px;
                font-family: "Source Sans Pro";
                color: #000;
                word-break: break-word;
                text-decoration: none;}
        }