.content-right .nav-btn ul{
    display: flex;
    justify-content:center;
    align-items: center;
}
.content-right .nav-btn ul li{
    position: relative;
    width: 23%;
    height: 54px;
    /*border:1px solid #a0a0a0;*/
    border-radius: 40px;
    text-align: center;
    line-height: 54px;
    margin: 40px 2%;
    color:#575757;
    font-size:24px;
    letter-spacing: 4px;
    background-color:#dcdcdc;
    cursor: pointer;
}
.content-right .nav-btn ul li span{
    margin-left: 36px;
}
.btn-color{
       background: linear-gradient(to right,#973035,#7b2327)!important;
       /*border-color:#973035 #7b2327!important;*/
       color:#fff !important;
   }
.nav-btn ul li i{
    display: inline-block;
    position: absolute;
    left: 13px;
    /*background:yellow;*/
    width: 43px;
    height: 43px;
    background-image: url("../../images/changlu/t.png");
}
.item0 i{
    top: 0;
    background-position: 0 -50px ;
}
.item1 i{
    top: -1px;
    background-position: 0 -95px ;
}
.item2 i{
    top: 5px;
    background-position: 0 -205px ;
}
.item3 i {
    top: 3px;
    background-position: 0 -318px;
}
.item0.btn-color i{
    background-position: 0 0 ;
}
.item1.btn-color i{
    background-position: 0 -142px ;
}
.item2.btn-color i{
    background-position: 0 -268px;
}

.item3.btn-color i {
    background-position: 0 -368px;
}
.map-search {
    width: 100%;
    height: 75px;
    background: #539571;
}
.map-search input{
    height: 33px;
    outline: none;
    width: 30%;
    margin: 20px 3%  0 3%;
    padding-left: 4%;
    /*border:1px solid #105830;*/
    border:none;
}

.txt::-webkit-input-placeholder{
    color:#393939;
}
.map-search button{
    width: 10%;
    height: 35px;
    outline: none;
    border:none;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 1%;
}
.map-show{
    width: 100%;
    height: auto;
}
#l-map{
    height: 390px;
    /*background: pink;*/
}
#r-result{
    width: 100%;


}
/*.content_1{
    height: 880px;
}*/
.result{
    margin-top: 20px;

    /*height: 466px;*/
}
.result h4{
    height: 65px;
    line-height: 65px;
    font-weight: normal;
    color:#575757;
    /*background: #fff;*/
    font-size:22px;
    border-bottom: 1px solid #7d7d7d;
}
.result .road{
    position: relative;
    padding: 0 3%;
    color:#626262;
    font-size:16px;
    line-height: 2.4;
    border-bottom: 1px solid #7d7d7d;
}
.road:before{
    position: absolute;
    top: 28px;
    content: '';
    left:0;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #626262;
}
.road_title{
    line-height: 65px;
    font-size:18px;
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}
.route_list{
    display: none;
    width: 95%;
    /* padding: 10px; */
    margin-bottom: 15px;
    box-sizing: border-box;
    background: #fbfbf7;
    padding: 10px;
    font-size: 15px;
}

.road_title span{
    position: absolute;
    top:0;
    right: 0;
    display: block;
    height: 60px;
    width: 60px;
    animation-duration:500ms;
    animation-fill-mode:forwards;
    cursor: pointer;
}
.result .time {
    margin: 20px 0;
}
.map .phone p {
    color:#4994fa;
    font-size:24px;
    line-height: 60px;
}
.BMap_cpyCtrl {
    display: none;
}
@keyframes movedown {
    from{

        transform: rotate(0deg);
    }
    to{

        transform: rotate(90deg);
    }
}
@keyframes moveup{
    from{

        transform: rotate(90deg);
    }
    to{
        transform: rotate(0deg);
    }
}