.map{margin-top: 30px;margin-bottom: 50px;}
.map-tit{line-height: 50px;overflow: hidden;border-bottom: 1px solid #E4E4E4;}
.map-tit dt{float: left;line-height: 45px;margin-right: 20px;}
.map-tit dd{color: #005795;font-size: 18px;line-height: 50px;}

.map ul{border-bottom: 1px solid #E4E4E4;line-height: 60px;width:100%;overflow: hidden;}
.map ul li{float: left;width: 15%;vertical-align: middle;background: url(../img/map/right.png) no-repeat left;padding-left: 20px;background-size: 6%;}
.map ul li a{color: #444;font-size: 16px;text-decoration: none;line-height: 21px;}
.map ul li:first-child{background: none;padding-left: 0;}
.map ul li a span{margin-right: 10px;}
.map ul li:first-child a{color: #333;font-weight: 600;}
.map ul li:hover a{color: #005795;}
.map ul li:hover{background: url(../img/map/right2.png) no-repeat left;background-size: 6%;}
.map ul li:first-child:hover{background: none;}
@media only screen and (max-width: 600px) {
	.map{margin-top: 20px;margin-bottom: 20px;}
    .map ul li:first-child{width: 100%;}
    .map ul li{width: 50%;}
}

@media only screen and (min-width: 600px) {
    .map ul li:first-child{width: 100%;}
    .map ul li{width: 25%;}
}

@media only screen and (min-width: 768px) {
    .map ul li:first-child{width: 100%;}
    .map ul li{width: 30%;}
} 

@media only screen and (min-width: 992px) {
    .map ul li{width: 20%;}
} 

@media only screen and (min-width: 1200px) {
	.map ul li:first-child{width: 18%;}
    .map ul li{width: 18%;}
}

@media only screen and (min-width: 1680px) {
    .map{width: 1440px;}
}