.ml-80{
	padding-left: 80px;
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	width: 100%;
}
.banner-h {
    width: 100%;
    min-height: 100vh;
}
body{
	background: #fff;
	overflow:auto;
}


.directory{
	margin: 0 8%;
	font-family: 'GOTHICB';
	overflow: hidden;
}
.direct-title{
	margin:100px 0 50px;
	overflow: hidden;
}
.direct-title .direct-l{
	color: #2f5b6c;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.direct-title .direct-r {
	color: #2f5b6c;
	font-size: 36px;
	font-weight: bold;
}
.select-box{
	margin-right: 14px;
}
.select-box select{
	width: 222px;
	height: 35px;
	border:1px solid #dadada;
	color: #747474;
	font-size: 14px;
	padding: 0 12px;
	font-weight: normal;
	background:#fff url('../images/arr.png') no-repeat 95%;
	background-size: 11px;
}

.search-box{
	width: 253px;
	height: 35px;
	border:1px solid #dadada;
	color: #747474;
	font-size: 14px;
	padding: 0 12px;
	font-weight: normal;
	display: flex;
	margin-top: 18px;
	background: #fff;
}
.search-box input{
	flex: 1;
	width: 100%;
}
.search-box  i{
	display: inline-block;
	width: 40px;
	height: 35px;
	background:url('../images/search.png') no-repeat 95%;
	background-size: 17px;
}









/*列表*/
.tory-list{

}
.tory-list .item{
	overflow: hidden;
	display: flex;
	background: #ededec;
	margin-bottom: 20px;
}
.tory-list .item:hover{
	background: #e2e2e2;
}
.tory-list .item .introduce{
	width: 60%;
	padding: 25px;
}
.introduce .img{
	width: 90px;height: 90px;
	margin-right: 45px;
}
.introduce .text{
	margin-left: 135px;
}
.introduce .text h3{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.introduce .text h4{
	color: #333333;
	font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.introduce .text p{
	color: #999999;
	font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.tory-list .item .website{
	width: 23%;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 16px;
}
.tory-list .item .location{
	width: 16%;
	color: #333333;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}






.directory .more {
	padding-bottom: 30px;
	overflow: hidden;
}
.directory .more img{
	width: 53px;
}
.directory .more p{
	color: #647d87;
	font-size: 16px;
	font-weight: bold;
	margin-top:5px;
}