/* directions.css */

.directions{width: 100%; padding: 0 0 130px;}

.map_area{margin-top: 50px; width: 100%; height: auto; overflow: hidden;}

.map_desc{margin-top: 80px; width: 100%;}

.map_desc_box{width: 100%;}

.map_title{height: 60px; border-bottom: 2px solid #666;}

.map_title .map_icon1{float: left; display: inline-block; margin-right: 10px; width: 30px; height: 100%; background: url(../../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}

.map_title h3{float: left; line-height: 60px; color: #333; font-size: 20px;}

.map_list{margin-bottom: 65px; width: 100%;}

.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}

.item_desc{line-height: 60px; color: #666; font-size: 16px;}

.map_item::before{display: inline-block; float: left; margin-right: 26px; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}

.map_2list{}

.map_2item{float: left; margin-right: 32px; padding: 15px 0 15px;}

.map_2item .bus_line{display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px}

.map_2item .bus_line.blue{background: #358fd4;}

.map_2item .bus_number{display: inline-block; color: #666; font-size: 16px; line-height: 30px;}

.map_item.bus_info .item_desc{margin-left: 30px;}

@media screen and (max-width:1199px){

    .directions{padding: 0 0 90px;}

    .map_area{margin-top: 20px;}

    .map_desc{margin-top: 60px;}

    .map_title{height: 50px;}

    .map_title .map_icon1{width: 25px;}

    .map_title h3{line-height: 50px; font-size: 18px;}

    .map_list{margin-bottom: 45px;}

    .map_item{padding: 20px 0;}

    .item_desc{float: left; margin-left: 20px; width: 90%; line-height: 20px; font-size: 14px;}

    .map_item::before{margin-top: 8px; margin-right: 0;}

    .map_2list{float: left; margin-left: 20px; width: 90%;}

    .map_2item{margin-right: 25px; padding: 0 0 20px;}

    .map_2item .bus_line{width: 38px; height: 28px; line-height: 28px; font-size: 14px;}

    .map_2item .bus_number{font-size: 14px; line-height: 28px;}

    .map_item.bus_info .item_desc{margin-left: 24px;}

    .map_item.bus_info::before{margin-top: 10px;}

}

@media screen and (max-width: 480px){

    .directions{padding: 0 0 80px;}

    .map_area{margin-top: 10px;}

    .map_desc{margin-top: 50px;}

    .map_title{height: 45px;}

    .map_title .map_icon1{width: 20px; background-size: 18px 18px;}

    .map_title h3{line-height: 45px; font-size: 16px;}

    .map_list{margin-bottom: 30px;}

    .item_desc{width: 90%; line-height: 17px; font-size: 13px;}

    .map_item::before{margin-top: 6px;}

    .map_2list{width: 90%;}

    .map_2item{margin-right: 20px;}

    .map_2item .bus_line{width: 35px; height: 25px; line-height: 25px; font-size: 13px;}

    .map_2item .bus_number{font-size: 13px; line-height: 25px;}

    .map_item.bus_info .item_desc{margin-left: 30px;}

    .map_item.bus_info::before{margin-top: 10px;}

}