@charset "utf-8";

.busHomeWrap{}

.busHomeWrap .information{padding:30px;padding-left:130px;border:8px solid #f5f5f5;background:#FFF;position:relative;}
.busHomeWrap .information:before{content:"";display:block;width:28px;height:36px;position:absolute;top:-8px;left:18px;background:url(../images/bullet_2.png);}
.busHomeWrap .information:after{content:"";display:block;width:71px;height:69px;position:absolute;top:32px;left:30px;background:url(../images/boxIcon_4.png) no-repeat center;}
.busHomeWrap .information p{padding-top:15px;}
.busHomeWrap .information p span{color:#f30f0f;}
.busHomeWrap .information p i{display:inline-block;float:right;font-size:12px;}

.busHomeWrap .tab_nav{}
.busHomeWrap .tab_nav ul{overflow:hidden;border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8;}
.busHomeWrap .tab_nav ul li{float:left;width:14.28%;}
.busHomeWrap .tab_nav ul li a{display:block;box-sizing:border-box;padding:12px 0;text-align:center;font-size:15px;font-weight:400;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.busHomeWrap .tab_nav ul li a:hover,
.busHomeWrap .tab_nav ul li a:focus,
.busHomeWrap .tab_nav ul li a.active{color:#FFF;border-bottom:1px solid #00838F;border-right:1px solid #00838F;background:#00838F url(../images/sidenav_bul_2.png) no-repeat 95% center;}

.busHomeWrap .goto_bus_away{text-align:right;padding:20px 0;}
.busHomeWrap .goto_bus_away a{display:inline-block;color:#FFF;font-size:14px;padding:8px 35px 8px 15px;background:#0C71E4 url(../images/arrow_next_2.png) no-repeat 92.5% center;}
.busHomeWrap .goto_bus_away a:hover,
.busHomeWrap .goto_bus_away a:focus{background-color:#52575c;}

.busHomeWrap .bus_home_con{margin-top:40px;overflow:hidden;}

.busHomeWrap .bus_home_con ul{overflow-x:hidden;overflow-y:auto;height:390px;float:left;width:38%;}
.busHomeWrap .bus_home_con ul li{}
.busHomeWrap .bus_home_con ul li a{display:block;position:relative;font-size:14px;padding:8px 10px 8px 30px;}
.busHomeWrap .bus_home_con ul li a span{display:none;}
.busHomeWrap .bus_home_con ul li a:before{content:"";display:block;width:1px;height:100%;background:#DDD;position:absolute;left:4.5px;top:15px;}
.busHomeWrap .bus_home_con ul li a:after{content:"";display:block;width:4px;height:4px;background:#FFF;border:3px solid #DDD;border-radius:100%;position:absolute;left:0;top:15px;}
.busHomeWrap .bus_home_con ul li a.active:after{background:#f76424;border:3px solid #f76424;}
.busHomeWrap .bus_home_con ul li a.active{color:#D64100;}
.busHomeWrap .bus_home_con ul li a.active span{display:block;position:relative;margin-top:5px;background:#f0f0f0;color:#333;font-size:13px;padding:7px 10px 7px 40px;}
.busHomeWrap .bus_home_con ul li a.active span:before{content:"";display:block;width:18px;height:18px;background:url(../images/icon_clock.png);position:absolute;left:10px;top:8px;}

.busHomeWrap .bus_home_con .map{overflow:hidden;float:right;width:60%;}
.busHomeWrap .bus_home_con .map img{width:100%;height:348px;}
.busHomeWrap .bus_home_con .map dl{background:#525252;padding:10px;position:relative;color:#FFF;font-size:14px;}
.busHomeWrap .bus_home_con .map dl dt{background:#2385f3;color:#FFF;position:absolute;left:10px;top:8px;padding:2px 15px;border-radius:30px;}
.busHomeWrap .bus_home_con .map dl dd{margin-left:65px;}

@media only screen and (max-width:480px){
	.busHomeWrap .information{padding-left:30px;}
	.busHomeWrap .information:after{display:none;}
	.busHomeWrap .information p i{display:block;float:none;text-align:right;}
	.busHomeWrap .tab_nav ul li{width:20%;}

	.busHomeWrap .bus_home_con ul{height:200px;float:none;width:100%;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
	.busHomeWrap .bus_home_con .map{float:none;width:100%;margin-top:20px;}
	.busHomeWrap .bus_home_con .map img{height:auto;}
	.busHomeWrap .bus_home_con .map dl dt{display:none;}
	.busHomeWrap .bus_home_con .map dl dd{margin-left:0;}
}
@media only screen and (max-width:320px){
	.busHomeWrap .tab_nav ul li{width:33.3%;}
}