@charset "utf-8";


.shuttle .shuttle_wrap01 .shuttle_line {
    border-color:#263996;
}
.shuttle .shuttle_wrap01 .line_top {
    border-bottom-color:#263996;
}
.shuttle .shuttle_wrap01 .line_top .line_txt {
    background-color:#263996;
}





.shuttle .shuttle_wrap02 .shuttle_line {
    border-color:#065c5a;
}
.shuttle .shuttle_wrap02 .line_top {
    border-bottom-color:#065c5a;
}
.shuttle .shuttle_wrap02 .line_top .line_txt {
    background-color:#065c5a;
}

@media (min-width:1440px) {  
    
    
    .shuttle {}
    .shuttle .shuttle_wrap {}


    .shuttle .shuttle_wrap .shuttle_line {
        border-width:5px;
        border-style:solid;
    }
    .shuttle .shuttle_wrap .line_top {
        border-bottom-width:5px;
        border-bottom-style:solid;
    }
    .shuttle .shuttle_wrap .line_top .line_txt {
        float:left;
        width:75%;
        display:flex;
        align-items: center;
        padding:30px 0;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_num {
        color:#fff;
        font-size:40px;
        font-weight:bold;
        flex:0.3;
        text-align:center;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info {
        flex:1;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point {
        color:#fff;
        position:relative;
        padding-left:25px;
        font-weight:500;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point span {
        font-weight:bold;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#fff;
        border:1px solid #222;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T {
        float:left;
        width:25%;
        position:relative;
        min-height:155px;
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T p {
        font-size:28px;
        font-weight:bold;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width:100%;
        text-align:center;
    }
    .shuttle .shuttle_wrap .shuttle_line_img {
        width:100%;
        max-width:1400px;
        text-align:center;
        margin:0 auto;
    }
    .shuttle .shuttle_wrap .shuttle_line_img img {
        width:100%;
    }


    .shuttle .cont {
        margin-top:80px;
    }
    .shuttle .shuttle_title {
        font-size:28px;
        font-weight:bold;
        text-align:center;
        margin-bottom:20px;
    }

}


@media  (max-width:1439px) and (min-width:1024px) {

 
    .shuttle {}
    .shuttle .shuttle_wrap {}


    .shuttle .shuttle_wrap .shuttle_line {
        border-width:5px;
        border-style:solid;
    }
    .shuttle .shuttle_wrap .line_top {
        border-bottom-width:5px;
        border-bottom-style:solid;
    }
    .shuttle .shuttle_wrap .line_top .line_txt {
        float:left;
        width:75%;
        display:flex;
        align-items: center;
        padding:30px 0;
        height:140px;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_num {
        color:#fff;
        font-size:30px;
        font-weight:bold;
        flex:0.3;
        text-align:center;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info {
        flex:1;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point {
        color:#fff;
        position:relative;
        padding-left:25px;
        font-weight:500;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point span {
        font-weight:bold;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#fff;
        border:1px solid #222;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T {
        float:left;
        width:25%;
        position:relative;
        height:140px;
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T p {
        font-size:18px;
        font-weight:bold;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width:100%;
        text-align:center;
    }
    .shuttle .shuttle_wrap .shuttle_line_img {
        width:100%;
        max-width:1400px;
        text-align:center;
        margin:0 auto;
    }
    .shuttle .shuttle_wrap .shuttle_line_img img {
        width:100%;
    }


    .shuttle .cont {
        margin-top:80px;
    }
    .shuttle .shuttle_title {
        font-size:22px;
        font-weight:bold;
        text-align:center;
        margin-bottom:20px;
    }

 
}



@media  (max-width:1023px) {

    .shuttle {}
    .shuttle .shuttle_wrap {}


    .shuttle .shuttle_wrap .shuttle_line {
        border-width:5px;
        border-style:solid;
    }
    .shuttle .shuttle_wrap .line_top {
        border-bottom-width:5px;
        border-bottom-style:solid;
    }
    .shuttle .shuttle_wrap .line_top .line_txt {
        float:none;
        width:100%;
        display:flex;
        align-items: center;
        padding:10px 0;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_num {
        color:#fff;
        font-size:20px;
        font-weight:bold;
        flex:0.3;
        text-align:center;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info {
        flex:1;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point {
        color:#fff;
        position:relative;
        padding-left:25px;
        font-weight:500;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point span {
        font-weight:bold;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info .point::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#fff;
        border:1px solid #222;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T {
        float:none;
        width:100%;
        position:relative;
        height:40px;
    }
    .shuttle .shuttle_wrap .line_top .shuttle_T p {
        font-size:16px;
        font-weight:bold;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width:100%;
        text-align:center;
    }
    .shuttle .shuttle_wrap .shuttle_line_img {
        width:100%;
        max-width:1400px;
        text-align:center;
        margin:0 auto;
    }
    .shuttle .shuttle_wrap .shuttle_line_img img {
        width:100%;
    }


    .shuttle .cont {
        margin-top:80px;
    }
    .shuttle .shuttle_title {
        font-size:18px;
        font-weight:bold;
        text-align:center;
        margin-bottom:20px;
    }

    

}


@media (max-width:500px) {
    .shuttle .shuttle_wrap .line_top .line_txt {
        float:none;
        width:100%;
        display:flex;
        flex-wrap:wrap;
        align-items: center;
        padding:10px 0;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_num {
        color:#fff;
        font-size:20px;
        font-weight:bold;
        flex:1 1 100%;
        text-align:center;
    }
    .shuttle .shuttle_wrap .line_top .line_txt .shuttle_info {
        flex:1 1 100%;
    }
}