@charset "utf-8";
@font-face {
    font-family: Montserrat-Extra-Bold; /*这里是说明调用来的字体名字*/
    src: url('font/Montserrat Extra Bold.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Montserrat-Light; /*这里是说明调用来的字体名字*/
    src: url('font/Montserrat-Light.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Montserrat-Bold; /*这里是说明调用来的字体名字*/
    src: url('font/Montserrat-Bold.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Source Han Sans CN;
    src: url('font/SourceHanSansCN-Normal.otf');
}
@font-face {
    font-family: Montserrat Semi Bold;
    src: url('font/Montserrat Semi Bold.otf');
}
a{
	color: #666666 !important;
    text-decoration: none !important;
}
a:hover{
	color: #666666 !important;
	font-weight: bold;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0 !important; 
    padding-left: 0 !important; 
}

#bg{
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 40;
	opacity: 0.52;
	/*兼容IE8及以下版本浏览器*/
	filter: alpha(opacity=52);
	display: none;
}
#pop-prompt{
	display: none;
	width:36%;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(210,210,210,1);
	border-radius: 3px;
	position: fixed;
	top: 20%;
	left: 32%;
	z-index: 50;
}
.top{
	height: 30px;
	background: #EEEEEE;
	border-radius: 3px;
	padding: 0 10px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}

.personal{
	padding: 20px 20px 20px 30px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #DCDCDC;
}
.per-img{
	flex-shrink: 0;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-size: cover !important; 
}
.ace-icon{
	width: 30px;
	margin-left: -35px;
}
.site{
	display: flex;
	align-items: center;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;
	margin-top: 5px;
}
.icon-dingwei{
	font-size: 20px !important;
}
.brief{
	padding: 20px 30px;
	display: flex;
	border-bottom: 1px solid #DCDCDC;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;

}
.home{
	padding: 20px 30px;
	display: flex;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;
}
.home img{
	height: 20px;
	margin-left: 15px;
}

.head{
	margin: 50px 0;
	display: flex;
	align-items: center;
}
.head img{
	width: 190px;
}
.line{
	height: 40px;
	background: #2A65CD;
	flex-grow:1;
	margin-left: 40px;
}
.sreach{
	width: 60%;
	border: 1px solid #DCDCDC;
	border-radius: 3px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sreach input{
	width: 90%;
	height: 50px;
	border: none;
	font-size: 15px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #999999;
}
.icon-search{
	font-size: 24px !important;
	color: #666666;
	cursor: pointer;
}
.sreach input:focus{
	outline: none;
}
.nav-title{
	margin: 30px 0;
}
.nav-title span{
	margin-right: 20px;
	font-size: 18px;
	font-family: Montserrat-Light;
	font-weight: 300;
	color: #333333;
	padding-bottom: 5px;
	cursor: pointer;
}
.title-active{
	border-bottom: 5px solid #2A65CD;
	font-weight: bold !important;
}
.ace-content{
	padding: 40px 0;
}
.ace-content select{
	width: 22%;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 3px;
	font-size: 16px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #999999;
	padding:0 10px;
	margin-left: 15px;
}
.ace-content select:focus{
	outline: none;
}
.ace-list{
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ace-list:after{
    content: '';
    min-width: 342px;
    width: 32%;
 }
.ace-list-content{
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	padding: 15px 20px;
	display: flex;
	align-items: center;
	min-width: 342px;
	width: 32%;
	/* margin-right: 20px; */
	margin-bottom: 20px;
	cursor: pointer;
}
/* .ace-list-content img:first-child{
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
} */
.ace-img{
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-size: cover !important; 
}
.icon-ace{
	width: 20px;
	align-self:flex-end;
	margin-left: -25px;
}
.name,.a-name{
	font-size: 19px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 20px;
}
.ace-type,.a-ace-type{
	font-size: 15px;
	font-family: Montserrat-Light;
	font-weight: 600;
	color: #333333;
	line-height: 30px;
}
.position,.a-position{
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}
.want-div{
	margin: 50px 0;
}
.want{
	font-size: 34px;
	font-family: Montserrat-Bold;
	color: #333333;
	line-height: 42px;
}
.more{
	margin:20px 0;
	float: left;
	border: 1px solid #BFBFBF;
	padding: 10px 20px;
	color: #333333;
}
.more img{
	width: 20px;
	margin-left: 50px;
}
.more:hover{
	background: #2A65CD;
	color: #FFFFFF !important;
}
.contact{
	width: 50%;
	float: right;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	margin-top: 10px;
}
.bottom{
	margin: 30px 0;
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #666666;
	line-height: 26px;
}
.box{
	float: left;
}
.copy{
	float: right;
	font-size: 12px;
	color: #999999;
	text-align: right;
}
.pagination{
	float: right;
}
.pagination li{
	margin-left: 5px;
}
@media screen and (max-width: 1400px) {
	.box{
		width: 100%;
		text-align: center;
	}
	.copy{
		margin: 20px 0;
		float: left;
		width: 100%;
		font-size: 12px;
		color: #999999;
		text-align: center;
	}
	#pop-prompt{
		width:40%;
		left: 30%;
	}
	.ace-list-content{
		width: 45%;
	}
}

@media screen and (max-width: 768px) {
	#pop-prompt{
		display: none;
		width:90%;
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(210,210,210,1);
		border-radius: 3px;
		position: fixed;
		top: 10%;
		left: 5%;
		z-index: 50;
	}
	.top{
		height: 30px;
		background: #EEEEEE;
		border-radius: 3px;
		padding: 0 10px;
		line-height: 30px;
		display: flex;
		justify-content: space-between;
	}
	
	.personal{
		padding: 15px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #DCDCDC;
	}
	.per-img{
		flex-shrink: 0;
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.ace-icon{
		width: 20px;
		margin-left: -25px;
	}
	.a-name{
		font-size: 15px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		line-height: 20px;
	}
	.a-ace-type{
		font-size: 14px;
		font-family: Montserrat-Light;
		font-weight: 600;
		color: #333333;
		line-height: 20px;
	}
	.a-position{
		font-size: 14px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #666666;
		line-height: 18px;
	}
	.site{
		display: flex;
		align-items: center;
		font-size: 14px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #666666;
		margin-top: 0;
	}
	.icon-dingwei{
		font-size: 18px !important;
	}
	.brief{
		padding: 20px 30px;
		display: block;
		border-bottom: 1px solid #DCDCDC;
		font-size: 14px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #666666;
	}
	.home{
		padding: 20px 30px;
		display: block;
		font-size: 14px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #666666;
	}
	.home img{
		height: 20px;
		margin-left:0;
		margin-right: 10px;
	}
	
	.head{
		margin: 50px 0 0 15px;
		display: flex;
		align-items: center;
	}
	.head img{
		width: 100px;
	}
	.line{
		height: 30px;
		background: #2A65CD;
		flex-grow:1;
		margin-left: 20px;
	}
	.sreach{
		width: 90%;
		margin: 20px 15px;
		border: 1px solid #DCDCDC;
		border-radius: 3px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.sreach input{
		width: 90%;
		height: 40px;
		border: none;
		font-size: 14px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #999999;
	}
	.icon-search{
		font-size: 22px !important;
		color: #666666;
		cursor: pointer;
	}
	.sreach input:focus{
		outline: none;
	}
	.nav-title{
		margin: 20px 15px;
	}
	.nav-title span{
		margin-right: 15px;
		font-size: 16px;
		font-family: Montserrat-Light;
		font-weight: 300;
		color: #333333;
		padding-bottom: 5px;
		cursor: pointer;
	}
	.title-active{
		border-bottom: 5px solid #2A65CD;
		font-weight: bold !important;
	}
	.ace-content{
		padding: 30px 15px;
	}
	.ace-content select{
		width: 34%;
		height: 40px;
		background: #FFFFFF;
		border: 1px solid #DCDCDC;
		border-radius: 3px;
		font-size: 16px;
		font-family: Microsoft YaHei UI;
		font-weight: 400;
		color: #999999;
		padding:0 10px;
		margin-left: 15px;
	}
	.ace-content select:focus{
		outline: none;
	}
	.ace-list{
		margin: 30px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.ace-list-content{
		background: #FFFFFF;
		border: 1px solid #DCDCDC;
		padding: 15px 20px;
		display: flex;
		align-items: center;
		width: 100%;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.ace-list-content img:first-child{
		flex-shrink: 0;
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.icon-ace{
		width: 20px;
		margin-left: -25px;
	}
	
}