@charset "utf-8";


@media (min-width:1440px) {  

    #location {}
    #location .location_wrap {
        display:flex;
    }
    #location .location_wrap .view {
        flex:1;
        border-radius:30px;
        border:1px solid #ddd;
        overflow:hidden;
    }
    #location .location_wrap .way_box {
        flex:1;
        margin-left:40px;
    }
    #location .location_wrap .way_box .way {
        padding:30px 0;
    }
    #location .location_wrap .way_box .way + .way {
        border-top:1px solid #ffa935;
    }
    #location .location_wrap .way_box .way .Tit {
        font-size:28px;
        font-weight:bold;
        color:#222;
        position:relative;
        padding-left:75px;
    }
    #location .location_wrap .way_box .way .route_box {
        display:flex;
        margin-top:25px;
    }
    #location .location_wrap .way_box .way .route_box ul {
        flex:1;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit {
        display:flex;
        align-items:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_num {
    
        width:25px;
        height:25px;
        background-color:#ffa935;
        border-radius:50%;
        font-size:20px;
        font-weight:bold;
        color:#fff;
        line-height:25px;
        margin-right:10px;
        text-align:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_T {
 
        width:calc(100% - 35px);
        font-size:20px;
        font-weight:bold;
        color:#222;
    }
    #location .location_wrap .way_box .way .route_box .route_txt {
        margin-top:10px;
    }
    #location .location_wrap .way_box .way .route_box .route_txt p {
        font-weight:500;
        color:#222;
    }


    #location .location_wrap .way_box .way.subway .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_1.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    #location .location_wrap .way_box .way.bus .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_2.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }





}


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

    #location {}
    #location .location_wrap {
        display:flex;
    }
    #location .location_wrap .view {
        flex:1;
        border-radius:30px;
        border:1px solid #ddd;
        overflow:hidden;
    }
    #location .location_wrap .way_box {
        flex:1;
        margin-left:40px;
    }
    #location .location_wrap .way_box .way {
        padding:30px 0;
    }
    #location .location_wrap .way_box .way + .way {
        border-top:1px solid #ffa935;
    }
    #location .location_wrap .way_box .way .Tit {
        font-size:22px;
        font-weight:bold;
        color:#222;
        position:relative;
        padding-left:75px;
    }
    #location .location_wrap .way_box .way .route_box {
        display:flex;
        margin-top:25px;
    }
    #location .location_wrap .way_box .way .route_box ul {
        flex:1;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit {
        display:flex;
        align-items:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_num {
    
        width:25px;
        height:25px;
        background-color:#ffa935;
        border-radius:50%;
        font-size:18px;
        font-weight:bold;
        color:#fff;
        line-height:25px;
        margin-right:10px;
        text-align:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_T {
 
        width:calc(100% - 35px);
        font-size:18px;
        font-weight:bold;
        color:#222;
    }
    #location .location_wrap .way_box .way .route_box .route_txt {
        margin-top:10px;
    }
    #location .location_wrap .way_box .way .route_box .route_txt p {
        font-weight:500;
        color:#222;
    }


    #location .location_wrap .way_box .way.subway .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_1.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    #location .location_wrap .way_box .way.bus .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_2.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }



}



@media  (max-width:1023px) {
  

    #location {}
    #location .location_wrap {
        display:flex;
        flex-wrap:wrap;
    }
    #location .location_wrap .view {
        flex:1 1 100%;
        border-radius:30px;
        border:1px solid #ddd;
        overflow:hidden;
        height:350px;
    }
    #location .location_wrap .way_box {
        flex:1 1 100%;
        margin-top:40px;
    }
    #location .location_wrap .way_box .way {
        padding:30px 0;
    }
    #location .location_wrap .way_box .way + .way {
        border-top:1px solid #ffa935;
    }
    #location .location_wrap .way_box .way .Tit {
        font-size:18px;
        font-weight:bold;
        color:#222;
        position:relative;
        padding-left:75px;
    }
    #location .location_wrap .way_box .way .route_box {
        display:flex;
        margin-top:25px;
    }
    #location .location_wrap .way_box .way .route_box ul {
        flex:1;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit {
        display:flex;
        align-items:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_num {
    
        width:25px;
        height:25px;
        background-color:#ffa935;
        border-radius:50%;
        font-size:16px;
        font-weight:bold;
        color:#fff;
        line-height:25px;
        margin-right:10px;
        text-align:center;
    }
    #location .location_wrap .way_box .way .route_box .route_Tit .route_T {
 
        width:calc(100% - 35px);
        font-size:16px;
        font-weight:bold;
        color:#222;
    }
    #location .location_wrap .way_box .way .route_box .route_txt {
        margin-top:10px;
    }
    #location .location_wrap .way_box .way .route_box .route_txt p {
        font-weight:500;
        color:#222;
    }


    #location .location_wrap .way_box .way.subway .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_1.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    #location .location_wrap .way_box .way.bus .Tit::before {
        content:'';
        width:50px;
        height:50px;
        background-image:url(./img/icon_2.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }

    

}



@media (max-width:500px) {
    #location .location_wrap .way_box .way .route_box {
        display:flex;
        margin-top:25px;
        flex-wrap:wrap;
    }
    #location .location_wrap .way_box .way .route_box ul {
        flex:1 1 100%;
    }
    #location .location_wrap .way_box .way .route_box ul + ul {
        margin-top:20px;
    }
}