.bgImg {
	width: 100%
}

.bgImg img {
	width: 100%;
	display: block
}


.listMenu {
	width: 230px;
	position: relative;
	top: -66px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.listMenu .title {
	text-align: center;
	background: #d92d25;
	color: #fff;
	font-size: 30px;
	line-height: 118px;
	height: 118px
}

.listMenu ul li a {
	cursor: pointer;
	text-align: center;
	background: #f2efef;
	color: #333;
	font-size: 18px;
	line-height: 70px;
	height: 70px; display:block
}

.listMenu ul li a.active,.listMenu ul li a:hover {
	background: #fff;
	color: #d92d25;
	-webkit-box-shadow: 1px 1px 8px #dddada;
	box-shadow: 1px 1px 8px #dddada
}




.Breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 18px 10px;
	border-bottom: 2px solid #eee;
	margin-bottom: 10px
}

.Breadcrumb .el-breadcrumb__inner a,.Breadcrumb .el-breadcrumb__inner.is-link {
	font-weight: 400;
	color: #666
}

.Breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
	color: #999
}



@media screen and (max-width:768px) {
	.listWrap .listContent {
		width: 100%;
		padding: 0 15px 30px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (min-width:769px) {
	.listWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.listWrap .listContent {
		width: calc(100% - 230px);
		padding: 0 0 30px 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

/*标题*/
h3.etitle{font-size: 20px;
line-height: 80px;
text-align: left;}

/*新闻列表*/
.newslist  ul li a{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}
.newslist  ul li a p{width: 100%;
font-size: 14px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 40px;}
.newslist  ul li span{font-size: 14px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
color: #999;
line-height: 40px;}

/*新闻内页*/

.articleTitle{font-size:22px;line-height:28px;padding:15px 0;color:#333;text-align:left}
.articleTime{text-align:left;font-size:14px;color:#a7a7a7;line-height:20px;margin-bottom:18px}
.articleBody{ line-height:2;}
.articleBody img{ display:inline-block;}
.articleBody *{max-width:100%;}


/*大事件*/
.listMenu ul ul{ display:none}

.dev_index_l {
	width: 170px
}

.dev_index_l_wrap {
	width: 100%
}

.dev_index_l_wrap ul {
	width: 24px;
	float: right;
	position: relative;
	margin-top: -2px
}

.dev_index_l_wrap li {
	width: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABZCAIAAABXBFisAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGmGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0MDoxMSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMDNUMTQ6NDM6MzUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMDNUMTQ6NDM6MzUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQxOjAzKzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNTkzMTAyMi5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQzOjM1KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1LnBuZyDlt7LlrZjlgqgmI3hBOyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMTAyMWE3My02ZDMyLTc1NDMtOGRlNC1kMDk0OGNkZDk2MTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3OGE4ODU1NC02ZjBiLTFkNDYtYmRkNS03MzM1OWZkNTZiYWEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYmUxZGQzZi1kNzIzLTM0NDktOTI3YS1lMjhiMjAyYTRkOTEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZTFkZDNmLWQ3MjMtMzQ0OS05MjdhLWUyOGIyMDJhNGQ5MSIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0wM1QxNDo0MDoxMSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTEwMjFhNzMtNmQzMi03NTQzLThkZTQtZDA5NDhjZGQ5NjExIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQzOjM1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlfXg5QAAADLSURBVFiF7ZhBDsQgCEU/Zs6pvf8dZpgFo3HUorgyDSwq0b7+SgmYEjNj2VJKAMI6UCyIjkktEBEAua4yMth0ZBCdIdlPhnqNiOo7xJfJev5VPFmrN1b8Zrd/sV6MxNb3ceYIpsm0kiW3TJNHyMmlMUoenRADZ5xx5nzmrslqzKj0BINO7q0MgGKMCjbWn54MSkFl5uu6Ju/2e2rXveeMdqaY6hiY3pxxxpk9ZlaremN+m5nJmU+xJzH2WAOfDSZrOePMIxnDvxAA+AKnb07/WDo7nwAAAABJRU5ErkJggg==) no-repeat 100%;background-size: auto 100%;
	margin-top: -1px;
	margin-right: 5px
}

.dev_index_l_wrap li span {
	position: relative;
	padding-right: 30px;
	color: #5e5e5e;
	font-family: Arial;
	float: right;
	font-size: 18px;
	right: -5px;
	margin-top: -1px;
	cursor: pointer
}

.dev_index_l_wrap li.active span {
	font-size:40px;color:#d92d25;font-weight:700;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAIAWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0NDowMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQ0OjU1KzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNjExMDY0Ny5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQ2OjIyKzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1Ni5wbmcg5bey5a2Y5YKoJiN4QTsyMDE5LTA3LTIzVDEzOjQ5OjA4KzA4OjAwJiN4OTvmlofku7YgZGV2X2Npci5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTIzVDEzOjUxOjI0KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXGRldl9jaXLlia/mnKwucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI4MmIwYmRhLTQ4ZTUtMTc0OC04MGM2LWExNmJkYzEzMmQ4MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmM5ZDMyLTUwNzAtNTY0NC05Yzk3LTA3MDFiYzU0YzBiZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzlkMzItNTA3MC01NjQ0LTljOTctMDcwMWJjNTRjMGJlIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQ0OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODk5MjJjNi1mYzRmLTMyNGEtYWY2Ny0xOGZmNWE3ZTExZTciIHN0RXZ0OndoZW49IjIwMTktMDctMDNUMTQ6NDY6MjIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0yM1QxMzo1MToyNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wPbzsAAAAj0lEQVQYlY3QsQnCYBRF4S+v11Y701i6hzqAq6gT6AoZwQygWcUuYqN1OiuL/AFBojnNg8u5PLjZdTGXmGGHNaZ44IwjbpAleYkSI9802KAK5Dj1iFJeIg/sMe4RPwvbwOqP2LEOTAbK08BzoPwIXAbKVeCgnecXDQ6BWrtjX6HbuY7uBRYocMcr3SLlFbwBbwwdJ+PkHi0AAAAASUVORK5CYII=) no-repeat 100%}
.dev_index_l_box {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	max-height: 500px
}

.dev_index_l_top {
	background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjQ1NzREN0FBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjQ1NzRENzlBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUI3QTlGNTI1N0E1RTYxMUJENTlDOUVEQ0VBRkQwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAKABADAREAAhEBAxEB/8QAYQAAAwEAAAAAAAAAAAAAAAAAAQQGCgEBAAAAAAAAAAAAAAAAAAAAABAAAQIEAwgDAAAAAAAAAAAAAQIDBDQFBxESNQAhU2MUZQY2IhMjEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDZ/cy5lZ8yrBt5b5ES6h6JVBVCOhSpt+pPNqKX4dh0ZempUOUkvOkgOAHeGwc4KW9uNXLbVtfgNwkRDdPbfDULGRClPLpKnlfk6h75dXRIgnMFJJ+rHFO7FICvs/79cL1GdidK1GeVJdr4/Py7AL8az4P6jPDW56Zamew8TmY7B//Z) no-repeat
}

.dev_index_l_bottom,.dev_index_l_top {
	display: block;
	width: 16px;
	height: 10px;
	margin-bottom: 15px;
	position: relative;
	float: right;
	right: -1px
}

.dev_index_l_bottom {
	background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3MUNCMTNBN0JEMTFFNkIyMjFFRDA5Qzk0NTE5M0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3MUNCMTJBN0JEMTFFNkIyMjFFRDA5Qzk0NTE5M0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQ1NzRENzlBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjQ1NzREN0FBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAKABADAREAAhEBAxEB/8QAZQAAAwEAAAAAAAAAAAAAAAAAAwUICgEBAAAAAAAAAAAAAAAAAAAAABAAAQMCAgYLAAAAAAAAAAAAAgEDBAUGMzUAERI0NgchMYFSE1NjVGRlNxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A2VV9y9+St7ya+MiTXLauCe688b7rhx5wPOE8cOYqqaQ6tFBV8FxE1GKdGsdsEAEWXe3PW8WpMV6VQbXoclp0HGHXBapbYmjgkJgoJMr0oRRUXqBO6CJrCkea3Adw5JuocQZfjBh/P9v62zoC/kz+f0jI8SVkGDjrv32nn9mgf//Z) no-repeat
}

/*竖版*/
@media screen and (max-width:768px) {
.contentBox .timeScale .dev_index_l{ width:100%;}
.dev_index_l_box{ overflow-x: auto; display:block; position:relative; height:45px;

}
.dev_index_l_wrap{position:relative; }
.dev_index_l_wrap .dev_index_l_top{ left:-20px; top:10px; position:absolute;}
.dev_index_l_wrap .dev_index_l_bottom{ right:-20px; top:10px; position:absolute;}
.dev_index_l_wrap .dev_index_l_top,.dev_index_l_wrap .dev_index_l_bottom{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dev_index_l_wrap .dev_index_l_top,.dev_index_l_wrap .dev_index_l_bottom{ background-image:none}
.dev_index_l_wrap .dev_index_l_top:before{content:"\E6DE"}
.dev_index_l_wrap .dev_index_l_bottom:before{content:"\E6E0"}

.dev_index_l_box ul {  left:0px; position:absolute;

}



.dev_index_l_wrap .dev_index_l_box  ul li{ display:block;
	text-align: center;
	cursor: pointer;

	width: 60px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	position: relative;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 4px; background-image:none; height:auto;float:left; margin-left:auto; margin-right:auto;
}
.dev_index_l_wrap li span {
	position: relative;
	padding: 0px;
	color: #5e5e5e;
	font-family: Arial;
	float: right;
	font-size: 14px;
	right:auto;
	margin-top:auto;
	position: relative;
	bottom: -3px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none; width:100%; text-align:center;

}
.dev_index_l_wrap li.active span {
	font-size:14px;color:#d92d25;font-weight:700; background-image:none}
.dev_index_l_box  ul li.active{
	color: #d92d25;
	font-size: 24px;
	font-weight: bolder
}

.dev_index_l_box  ul li.active:before {
	content: "";
	width: 10px;
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAIAWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0NDowMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQ0OjU1KzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNjExMDY0Ny5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQ2OjIyKzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1Ni5wbmcg5bey5a2Y5YKoJiN4QTsyMDE5LTA3LTIzVDEzOjQ5OjA4KzA4OjAwJiN4OTvmlofku7YgZGV2X2Npci5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTIzVDEzOjUxOjI0KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXGRldl9jaXLlia/mnKwucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI4MmIwYmRhLTQ4ZTUtMTc0OC04MGM2LWExNmJkYzEzMmQ4MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmM5ZDMyLTUwNzAtNTY0NC05Yzk3LTA3MDFiYzU0YzBiZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzlkMzItNTA3MC01NjQ0LTljOTctMDcwMWJjNTRjMGJlIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQ0OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODk5MjJjNi1mYzRmLTMyNGEtYWY2Ny0xOGZmNWE3ZTExZTciIHN0RXZ0OndoZW49IjIwMTktMDctMDNUMTQ6NDY6MjIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0yM1QxMzo1MToyNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wPbzsAAAAj0lEQVQYlY3QsQnCYBRF4S+v11Y701i6hzqAq6gT6AoZwQygWcUuYqN1OiuL/AFBojnNg8u5PLjZdTGXmGGHNaZ44IwjbpAleYkSI9802KAK5Dj1iFJeIg/sMe4RPwvbwOqP2LEOTAbK08BzoPwIXAbKVeCgnecXDQ6BWrtjX6HbuY7uBRYocMcr3SLlFbwBbwwdJ+PkHi0AAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%;
	position: absolute;
	-webkit-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
	bottom: 0;
	left: 50%
}

.dev_index_l_box  ul li:after {
	content: "|";
	line-height: 12px;
	font-size: 12px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	left: 50%
}

}

.module-title {
	text-align: left;
	font-size: 22px;
	line-height: 28px;
	color: #333;
	margin-bottom: 20px
}

@media screen and (min-width:769px) {
	.contentBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.contentBox .timeScale {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-bottom: 20px;
	margin-right: 25px
}


.contentBox .eventBox {
	width: calc(100% - 195px)
}



.contentBox .eventBox .year {
	text-align: left;
	font-size: 42px;
	line-height: 50px;
	font-weight: bolder;
	color: #666;
	margin-bottom: 20px
}
.el-card {
	border-radius: 20px

}
@media screen and (max-width:768px) {
.contentBox .timeScale {
		margin-right: auto;
	}
	.contentBox .eventBox {
		width: 100%
	}
	.contentBox .eventBox .eventCard {
		border-left: 12px solid #d92d25;
		margin-bottom: 20px
	}

	.contentBox .eventBox .eventCard .el-card__body {
		padding: 10px
	}

	.contentBox .eventBox .eventCard:last-child {
		margin-bottom: 0
	}

	.contentBox .eventBox .eventCard h4 {
		text-align: left;
		font-size: 16px;
		line-height: 20px;
		color: #666
	}

	.contentBox .eventBox .eventCard .eventCard-content {
		text-align: left;
		font-size: 14px;
		line-height: 20px;
		color: #666
	}
	.hislist .el-card {

	border-radius: 5px
}
.hislist .el-card .el-card__body>h4{ font-weight:bold;}
}

@media screen and (min-width:769px) {
	.contentBox .eventBox .eventCard {
		border-left: 12px solid #d92d25;
		margin-bottom: 40px
	}

	.contentBox .eventBox .eventCard:last-child {
		margin-bottom: 0
	}

	.contentBox .eventBox .eventCard h4 {
		text-align: left;
		font-size: 20px;
		line-height: 24px;
		color: #666
	}

	.contentBox .eventBox .eventCard .eventCard-content {
		text-align: left;
		font-size: 17px;
		line-height: 24px;
		color: #666
	}
}

/*企业风采*/
.articleContent {
		width: 100%;
		padding: 0 15px 30px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
@media screen and (max-width:768px) {
	.articleWrap .articleContent {
		width: 100%;
		padding: 0 15px 30px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.el-card {
	border-radius: 20px

}
}

@media screen and (min-width:769px) {
	.articleWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.articleWrap .articleContent {
		width: calc(100% - 230px);
		padding: 0 0 30px 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}



@media only screen and (min-width:481px) {
	.rootDom {
		padding: 27px 50px 0 50px
	}
}

.title {
	font-size: 22px;
	line-height: 28px;
	color: #333;
	text-align: left;
	margin-bottom: 20px
}

.summary {
	text-indent: 2em;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	font-family: MicrosoftYaHei;
	margin: 28px 0;
	text-align: left
} 


/*视频圆角*/
.shipin .el-card {

	border-radius: 5px
}
.personCard-name {
	text-align: left;
	font-size: 32px;
	font-weight: 700;
	font-stretch: normal;
	line-height: 40px;
	color: #333
}

.personCard-position {
	text-align: left;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: 700;
	font-stretch: normal;
	line-height: 30px;
	color: #333;
	margin-bottom: 16px
}

.personCard-title {
	font-weight: 700;
	margin-bottom: 20px
}

.personCard-des,.personCard-title {
	text-align: left;
	font-size: 15px;
	font-family: MicrosoftYaHei;
	line-height: 28px;
	color: #666
}

.personCard-des {
	text-indent: 2em
}

.personCard-imgWrap {
	width: 100%
}

.personCard-imgWrap img {
	width: 100%;
	display: block
}


/*产业*/

.bannerMenu {
	position: relative;
	top: -25px;
	z-index: 99;
	background: #d92d25
}

.bannerMenu .el-menu {
	background: #d92d25;
	border-bottom: none
}

.bannerMenu .el-menu-item {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	height: auto;
	text-align: center
}

.bannerMenu .el-menu-item.is-active {
	position: relative;
	top: -5px;
	background: #fff
}

.bannerMenu .el-menu-item:hover:not(.is-active) {
	position: relative;
	top: -5px;
	color: #d92d25!important;
	-webkit-animation: upBtn-data-v-b427e038 .5s;
	animation: upBtn-data-v-b427e038 .5s;
	background: #fff
}
.bannerMenu .el-menu-item a { color:#FFFFFF; display:block}
.bannerMenu .el-menu-item.is-active  a{color: #d92d25!important;}
.bannerMenu-item a {
	font-size: 18px;
	line-height: 70px;
	color: #fff;
	width: 100%;
	display: block; 
}

.bannerMenu-item.active {
	position: relative;
	top: -5px
}

.bannerMenu-item.active a {
	color: #d92d25;
	background: #fff
}

.bannerMenu-item:hover {
	position: relative;
	top: -5px;
	-webkit-animation: upBtn-data-v-b427e038 .5s;
	animation: upBtn-data-v-b427e038 .5s
}

.bannerMenu-item:hover a {
	color: #d92d25;
	background: #fff
}
.bannerMenu .el-menu-item:hover a {color: #d92d25;}
@-webkit-keyframes upBtn-data-v-b427e038 {
	0% {
		top: 0
	}

	to {
		top: -5px
	}
}

@keyframes upBtn-data-v-b427e038 {
	0% {
		top: 0
	}

	to {
		top: -5px
	}
}


.story {
	margin-bottom: 20px
}

@media screen and (min-width:769px) {
	.story {
		height: 30vw;
		max-height: 400px
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media screen and (max-width:768px) {
	.story .flexWrap .article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: 10px
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap .article {
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.story .flexWrap .article .time {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.story .flexWrap .article .time h4 {
	text-align: right;
	font-size: 30px;
	line-height: 40px;
	color: #323232
}

.story .flexWrap .article .time h5 {
	text-align: right;
	font-size: 15px;
	line-height: 20px;
	color: #323232
}

@media screen and (max-width:768px) {
	.story .flexWrap .article .des {
		margin-left: 30px
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap .article .des {
		margin: 0 30px
	}

	.story .flexWrap .article .des h3 {
		margin-bottom: 20px
	}
}

.story .flexWrap .article .des h3 {
	text-align: left;
	color: #333
}

@media screen and (max-width:768px) {
	.story .flexWrap .article .des h3 {
		font-size: 20px;
		line-height: 20px
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap .article .des h3 {
		font-size: 26px;
		line-height: 26px
	}
}

.story .flexWrap p {
	text-align: left;
	font-size: 16px;
	color: #666;
	line-height: 2
}

@media screen and (max-width:768px) {
	.story .flexWrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;
		word-break: break-all;
		margin-bottom: 10px
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 11;
		-webkit-box-orient: vertical;
		word-break: break-all
	}
}

.story .flexWrap .imgWrap {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

@media screen and (max-width:768px) {
	.story .flexWrap .imgWrap {
		width: 100%
	}

	.story .flexWrap .imgWrap img {
		display: block;
		width: 100%
	}
}

@media screen and (min-width:769px) {
	.story .flexWrap .imgWrap {
		height: 100%
	}

	.story .flexWrap .imgWrap img {
		display: block;
		height: 100%
	}
}



.product-grid {
	font-family: Roboto,sans-serif;
	position: relative;
	display: block;
	height: 100%
}

.product-grid .product-image {
	height: 100%;
	overflow: hidden;
	position: relative
}

.product-grid .product-image .imgWrap {
	width: 100%;
	height: 100%
}

.product-grid .product-image:before {
	content: "";
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

.product-grid .product-image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.product-grid .product-image img:first-child {
	opacity: 1
}

.product-grid .product-image img:first-child,.product-grid .product-image img:last-child {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

.product-grid .product-image img:last-child {
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: scale(3);
	transform: scale(3);
	position: absolute;
	top: 0;
	left: 0
}

.product-grid .product-image .product-trend-label {
	width: 100%;
	font-weight: 700;
	color: #333;
	position: absolute;
	bottom: 0;
	left: 0;
	background: hsla(0,0%,100%,.7);
	text-align: center;
	z-index: 3
}

@media screen and (min-width:769px) {
	.product-grid .product-image .product-trend-label {
		font-size: 18px;
		line-height: 47px
	}
}

@media screen and (max-width:768px) {
	.product-grid .product-image .product-trend-label {
		font-size: 14px;
		line-height: 30px
	}
}

.product-grid:hover .product-image:before {
	opacity: 1
}

.product-grid:hover .product-image img:first-child {
	opacity: 0
}

.product-grid:hover .product-image img:last-child {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}



.swiperBanner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 30px
}

.swiperBanner i {
	font-size: 50px;
	line-height: 50px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	outline: none;
	color: #999
}

.swiperBanner i:active {
	color: #d92d25
}

.swiperBanner .el-icon-arrow-left {
	margin-right: 50px
}

.swiperBanner .el-icon-arrow-right {
	margin-left: 50px
}

.swiperBanner .swiperContainer {
	width: 100%
}

@media screen and (max-width:768px) {
	.swiperBanner .swiperContainer {
		margin-top: 20px; margin-left:auto; margin-right:auto
	}

/*	.swiperBanner .swiperContainer .swiper-slide {
		width: 40%
	}*/
	.swiperBanner .el-icon-arrow-left {
	margin-right: 0px
}

.swiperBanner .el-icon-arrow-right {
	margin-left: 0px
}
}

.swiperBanner .swiperContainer .item-wrap {
	max-height: 345px
}

@media screen and (max-width:768px) {
	.swiperBanner .swiperContainer .item-wrap {
		height:auto;
	}
}

@media screen and (min-width:769px) {
	.swiperBanner .swiperContainer .item-wrap {
		height: calc((100vw - 300px)/4*1.4)
	}
}

@media screen and (min-width:1280px) {
	.swiperBanner .swiperContainer .item-wrap {
		height: 343px
	}
}

.swiperBanner .swiperContainer .item-wrap:hover .name {
	color: #d92d25
}

.swiperBanner .swiperContainer .item-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.swiperBanner .swiperContainer .item-wrap .name {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: hsla(0,0%,100%,.4);
	color: #666;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.swiperBanner .swiperContainer .item-wrap .name:hover {
	color: #d92d25
}

@media screen and (min-width:769px) {
	.module {
		margin-bottom: 48px
	}
}

@media screen and (max-width:768px) {
	.module {
		margin-bottom: 20px
	}
}

.module-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 48px
}

.module-title span {
	color: #343434;
	border-bottom: 3px solid #d92d25;
	padding: 15px 10px
}

@media screen and (max-width:768px) {
	.module-title span {
		font-size: 22px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.module-title span {
		font-size: 28px;
		line-height: 43px
	}
}

@media screen and (max-width:768px) {
	.category-content {
		padding: 0 15px
	}
}

.first-img {
	display: block;
	width: 100%;
	margin-bottom: 30px
}

.first-des {
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0;
	color: #666
}

.first-des p {
	text-align: left
}

@media screen and (max-width:768px) {
	.first-des img {
		width: 100%
	}
}

.second .imgBox {
	height: 49vw;
	max-height: 621px
}

.second .imgBox .imgWrap-left {
	width: 100%;
	height: 100%
}

.second .imgBox .imgWrap-left img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.second .imgBox .imgWrap-right {
	width: 100%
}

@media screen and (max-width:768px) {
	.second .imgBox .imgWrap-right {
		height: calc((100% - 15px)/2)
	}

	.second .imgBox .imgWrap-right:first-child {
		margin-bottom: 15px
	}
}

@media screen and (min-width:769px) {
	.second .imgBox .imgWrap-right {
		height: calc((100% - 24px)/2)
	}

	.second .imgBox .imgWrap-right:first-child {
		margin-bottom: 24px
	}
}

.second .imgBox .imgWrap-right img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

/*红豆文化*/


@-webkit-keyframes remindMove {
	0% {
		right: calc((100% - 40px)/2)
	}

	to {
		right: 0
	}
}

@keyframes remindMove {
	0% {
		right: calc((100% - 40px)/2)
	}

	to {
		right: 0
	}
}

.qixi-carousel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width:768px) {
	.qixi-carousel {
		position: relative
	}

	.qixi-carousel.remind:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 990;
		background: rgba(0,0,0,.5)
	}

	.qixi-carousel.remind i.el-icon-thumb {
		display: block;
		-webkit-animation: remindMove 1s ease-out .5s 3;
		animation: remindMove 1s ease-out .5s 3
	}
.qixi-carousel>i{ display:none}
.qixi-carousel .el-card{	border-radius: 3px}
}

.qixi-carousel i:not(.el-icon-thumb) {
	font-size: 50px;
	color: #bfbfbf;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	font-weight: bolder
}

.qixi-carousel i:not(.el-icon-thumb):active {
	color: #d92d25
}

.qixi-carousel i.el-icon-thumb {
	display: none;
	font-size: 40px;
	color: #fff;
	position: absolute;
	right: calc((100% - 40px)/2);
	z-index: 999;
	top: calc((100% - 40px)/2)
}

.qixi-carousel .carousel {
	width: 100%;
	height: 30vw;
	max-height: 380px
}

@media screen and (min-width:769px) {
	.qixi-carousel .carousel {
		margin: 0 40px 20px 40px
	}
}

.qixi-carousel .carousel .item-box {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media screen and (min-width:769px) {
	.qixi-carousel .carousel .item-box {
		-webkit-perspective: 400px;
		perspective: 400px
	}
}

@media screen and (max-width:768px) {
	.qixi-carousel .carousel .item-box {
		-webkit-perspective: 130px;
		perspective: 130px
	}
}

.qixi-carousel .carousel .item-box .imgWrap {
	width: 40%;
	height: 80%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	left: 20px
}

.qixi-carousel .carousel .item-box .imgWrap img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.qixi-carousel .carousel .item-box .wordCard {
	height: 70%;
	width: calc(60% - 25px)
}

.qixi-carousel .carousel .item-box .wordCard h4 {
	color: #666;
	position: relative;
	top: -10px;
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.qixi-carousel .carousel .item-box .wordCard h4 {
		font-size: 38.3px;
		line-height: 43px;
		margin-bottom: 24px
	}
}

@media screen and (max-width:768px) {
	.qixi-carousel .carousel .item-box .wordCard h4 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 8px
	}
}

.qixi-carousel .carousel .item-box .wordCard p {
	color: #999;
	position: relative;
	top: 10px;
	opacity: 0
}

@media screen and (min-width:769px) {
	.qixi-carousel .carousel .item-box .wordCard p {
		font-size: 18px;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		word-break: break-all
	}
}

@media screen and (max-width:768px) {
	.qixi-carousel .carousel .item-box .wordCard p {
		font-size: 12px;
		line-height: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all
	}
}

.qixi-carousel .carousel .item-box .solid {
	height: 50%;
	width: 25px;
	background: #d92d25
}

@media screen and (min-width:769px) {
	.qixi-carousel .carousel .item-box .solid {
		width: 25px
	}
}

@media screen and (max-width:768px) {
	.qixi-carousel .carousel .item-box .solid {
		width: 5px
	}
}

.qixi-carousel .carousel .swiper-slide-active .item-box .imgWrap {
	-webkit-transform: rotateY(-10deg);
	transform: rotateY(-10deg);
	-webkit-transition: -webkit-transform 1s ease-in;
	transition: -webkit-transform 1s ease-in;
	transition: transform 1s ease-in;
	transition: transform 1s ease-in,-webkit-transform 1s ease-in
}

.qixi-carousel .carousel .swiper-slide-active .item-box .wordCard h4 {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.qixi-carousel .carousel .swiper-slide-active .item-box .wordCard h4,.qixi-carousel .carousel .swiper-slide-active .item-box .wordCard p {
	opacity: 1;
	-webkit-transition: opacity 1s ease-in,-webkit-transform 1s ease-in;
	transition: opacity 1s ease-in,-webkit-transform 1s ease-in;
	transition: transform 1s ease-in,opacity 1s ease-in;
	transition: transform 1s ease-in,opacity 1s ease-in,-webkit-transform 1s ease-in
}

.qixi-carousel .carousel .swiper-slide-active .item-box .wordCard p {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.module-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media screen and (min-width:769px) {
	.module-title {
		margin-bottom: 48px
	}
}

@media screen and (max-width:768px) {
	.module-title {
		margin-bottom: 20px
	}
}

.module-title span {
	color: #343434;
	border-bottom: 3px solid #d92d25;
	padding: 15px 10px
}

@media screen and (max-width:768px) {
	.module-title span {
		font-size: 22px;
		line-height: 30px
	}
	
}


@media screen and (min-width:769px) {
	.module-title span {
		font-size: 28px;
		line-height: 43px
	}
.contentBox{ margin-top:-40px;}
	.contentBox .el-col {
		margin-bottom: 40px;padding-left: 25px; padding-right: 25px; margin-top:40px;
	}
}

.contentBox {
	padding-bottom: 30px
}

.contentBox .pagination {
	text-align: center
}
.contentBox>.el-row{ width:100%; padding:0px;}
@media screen and (max-width:768px) {
	.contentBox {
		padding-left: 15px;
		padding-right: 15px
	}

	.contentBox .el-col {
		margin-bottom: 20px;
	}
.contentBox>.el-row{ width:100%; padding:0px;}

}



.contentBox .PC-card {
	display: block
}

.contentBox .PC-card .imgWrap {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	top: 10px
}

@media screen and (max-width:768px) {
	.contentBox .PC-card .imgWrap {
		height: calc((100vw - 50px)/2*0.44)
	}
}

@media screen and (min-width:769px) {
	.contentBox .PC-card .imgWrap {
		max-height: 171px;
		height: calc((100vw - 100px)/3*0.44)
	}
}

.contentBox .PC-card .imgWrap img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.contentBox .PC-card .cardWrap {
	padding: 0 12px
}

@media screen and (max-width:768px) {
	.contentBox .PC-card .cardWrap .el-card__body {
		padding: 10px
	}
}

.contentBox .PC-card .cardWrap h4 {
	font-weight: 700;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width:768px) {
	.contentBox .PC-card .cardWrap h4 {
		font-size: 16px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.contentBox .PC-card .cardWrap h4 {
		font-size: 18px;
		line-height: 50px
	}
}

.contentBox .PC-card .cardWrap p {
	color: #888;
	text-align: left
}

@media screen and (max-width:768px) {
	.contentBox .PC-card .cardWrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		font-size: 12px;
		line-height: 20px;
		height: 40px
	}
}

@media screen and (min-width:769px) {
	.contentBox .PC-card .cardWrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		word-break: break-all;
		font-size: 14px;
		line-height: 30px;
		height: 120px
	}
}

@media screen and (max-width:768px) {
.contentBox>.el-row{margin-left: -5px; margin-right:-5px; padding:0px;}
.contentBox>.el-row>.el-col{padding-left: 5px; padding-right: 5px; margin-bottom: 0px;}
.contentBox .PC-card .cardWrap  .el-card{border-radius: 5px}
.contentBox .PC-card .cardWrap {
	padding: 0 0px
}
.contentBox .PC-card {
	width: 100%;
	padding-bottom: 20px;
	display: block
}

.contentBox .PC-card .imgWrap {
	width: 100%;
	height: calc(25vw - 11.25px);border-radius: 5px 5px 0 0;
}

.contentBox .PC-card .imgWrap img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.contentBox .PC-card .word {
	padding: 6px
}

.contentBox .PC-card .word h5 {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contentBox .PC-card .word p {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
}
/*员工风采*/

.staves {
	padding: 20px 0
}

.staves-title {
	font-size: 28px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 54.6px;
	letter-spacing: 0;
	color: #333;
	margin-bottom: 110px
}

.staves-PC {
	padding-top: 57px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.staves-PC li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 6px solid #d92d25;
	width: 30%;
	padding: 0 40px;
	margin-right: 5%;
	margin-bottom: 80px;
	-webkit-box-shadow: -8px 0 40px 0 #d9d6d6;
	box-shadow: -8px 0 40px 0 #d9d6d6
}

.staves-PC li:nth-child(3n+3) {
	margin-right: 0
}

.staves-PC li .avatar {
	position: relative;
	top: -56px;height: 140px; width: 140px; line-height: 140px;
}

.staves-PC li h4 {
	font-size: 22px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 30px;
	color: #333;
	margin-bottom: 38px
}

.staves-PC li p {
	font-size: 15px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	letter-spacing: -.3px;
	color: #999;
	margin-bottom: 35px;
	text-align: left; 
}

.staves-PC li .detailBtn {
	width: 128px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	background-image: linear-gradient(50deg,#d92d25,#fe4e26);
	color: #fff;
	margin-bottom: 38px
}

@media screen and (max-width:768px) {
.staves-PC {
	padding: 0 15px
}
.staves-PC li .detailBtn { display:none}
.staves-PC li { margin:auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 4px solid #d92d25;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.staves-PC li:last-child {
	margin-bottom: 0
}

.staves-PC li .el-avatar--circle {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-right: 10px
}
.staves-PC li .avatar {
	top: 0px;height: 80px; width: 80px; line-height: 80px;
}
.staves-PC li h4 {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 30px;
	color: #333;
	text-align: left;
	margin-bottom: 10px
}

.staves-PC li p {
	font-size: 12px;
	line-height: 20px; height:40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	color: #999;
	text-align: left; margin-bottom:0px;
}
}
/*社会招聘*/

.mobileSelect {
	position: relative;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s,z-index .4s;
	transition: opacity .4s,z-index .4s
}

.mobileSelect * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mobileSelect .grayLayer {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #eee;
	background: rgba(0,0,0,.7);
	z-index: 888;
	display: block
}

.mobileSelect .content {
	width: 100%;
	display: block;
	position: fixed;
	z-index: 889;
	color: #000;
	-webkit-transition: all .4s;
	transition: all .4s;
	bottom: -350px;
	left: 0;
	background: #fff
}

.mobileSelect .content .fixWidth {
	width: 90%;
	margin: 0 auto;
	position: relative
}

.mobileSelect .content .fixWidth:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.mobileSelect .content .btnBar {
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px;
	height: 45px;
	position: relative;
	text-align: center;
	line-height: 45px
}

.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure {
	height: 45px;
	width: 55px;
	cursor: pointer;
	position: absolute;
	top: 0
}

.mobileSelect .content .btnBar .cancel {
	left: 0;
	color: #666
}

.mobileSelect .content .btnBar .ensure {
	right: 0;
	color: #d92d25
}

.mobileSelect .content .btnBar .title {
	font-size: 15px;
	padding: 0 15%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mobileSelect .content .panel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.mobileSelect .content .panel .wheels {
	width: 100%;
	height: 200px;
	overflow: hidden
}

.mobileSelect .content .panel .wheel {
	position: relative;
	z-index: 0;
	float: left;
	width: 50%;
	height: 200px;
	overflow: hidden;
	-webkit-transition: width .3s ease;
	transition: width .3s ease
}

.mobileSelect .content .panel .wheel .selectContainer {
	display: block;
	text-align: center;
	-webkit-transition: -webkit-transform .18s ease-out;
	transition: -webkit-transform .18s ease-out;
	transition: transform .18s ease-out;
	transition: transform .18s ease-out,-webkit-transform .18s ease-out
}

.mobileSelect .content .panel .wheel .selectContainer li {
	font-size: 15px;
	display: block;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mobileSelect .content .panel .selectLine {
	height: 40px;
	width: 100%;
	position: absolute;
	top: 80px;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc
}

.mobileSelect .content .panel .shadowMask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 200px;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(hsla(0,0%,100%,0)),to(#fff));
	background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0),#fff);
	opacity: .9;
	pointer-events: none
}

.mobileSelect-show {
	opacity: 1;
	z-index: 10000;
	visibility: visible
}

.mobileSelect-show .content {
	bottom: 0
}


#trigger {
	font-size: 14px;
	line-height: 30px;
	color: #333
}


.recruitment {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.recruitment .bgWrap {
	padding-top: 40px
}


@media screen and (min-width:769px) {
	.recruitment .bgWrap {
		padding-bottom: 40px
	}
	
}

.recruitment .PCJobs .toolbar {

	margin-bottom: 50px; float:left; width:100%;
}
.recruitment .PCJobs .toolbar h4+.fun{ float:right}
.recruitment .PCJobs .toolbar> h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 24px;
	color: #343434; float:left;
}

.recruitment .PCJobs .toolbar .selectCategory {
	margin-right: 30px
}

.recruitment .PCJobs .toolbar .selectCategory input {
	border-radius: 20px;
	background: #d92d25;
	color: #fff
}

.recruitment .PCJobs .toolbar .selectCategory input::-webkit-input-placeholder {
	color: #fff
}

.recruitment .PCJobs .toolbar .selectCategory input:-moz-placeholder,.recruitment .PCJobs .toolbar .selectCategory input::-moz-placeholder {
	color: #fff
}

.recruitment .PCJobs .toolbar .selectCategory input:-ms-input-placeholder {
	color: #fff
}

.recruitment .PCJobs .toolbar .selectCategory input::-ms-input-placeholder {
	color: #fff
}

.recruitment .PCJobs .el-table,.recruitment .PCJobs .el-table__fixed-right-patch {
	background: transparent
}

.recruitment .PCJobs .el-table thead {
	color: #343434
}

.recruitment .PCJobs .el-table th,.recruitment .PCJobs .el-table tr {
	background: transparent
}

.recruitment .PCJobs .el-table .el-button--text {
	color: #343434
}

.recruitment .PCJobs .el-table__header-wrapper {
	border-bottom: 1px solid #bcbcbc
}
@media screen and (max-width:768px) {
.recruitment .PCJobs {
	padding: 0 15px;
	margin-bottom: 20px
}

.recruitment .PCJobs .categorySelect {
	border-top: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.recruitment .PCJobs .categorySelect p {
	padding: 0 10px;
	border-right: 1px solid #9c9c9c;
	font-size: 14px;
	line-height: 30px;
	color: #333
}

.recruitment .PCJobs .list {
	background: #bfbfbf
}

.recruitment .PCJobs .list .remind {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	background: #fff
}

.recruitment .PCJobs .list li {
	padding: 15px 20px;
	background: #fff;
	margin-bottom: 5px
}

.recruitment .PCJobs .list li .jobPosition {
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.recruitment .PCJobs .list li .jobDetail {
	font-size: 16px;
	line-height: 20px;
	color: #d92d25
}

.recruitment .PCJobs .list li p {
	text-align: left;
	color: #9c9c9c;
	font-size: 14px;
	line-height: 16px;
	margin-top: 8px
}

	.recruitment .contact ul {
		padding: 0 15px
	}
	

}
.mobileJobs{ display:none}
.articleTitle{font-weight:bold}
.module-title span{ font-weight:bold}


.recruitment .contact {
	padding: 40px 0
}

.recruitment .contact ul {
	margin-top: 20px
}

@media screen and (min-width:769px) {
	.recruitment .contact ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 40px
	}


}

.recruitment .contact ul li {
	font-size: 24px;
	color: #333;
	line-height: 28px;
	margin-right: 40px;
	text-align: left;
	margin-bottom: 20px
}

.recruitment .contact ul li:last-child {
	margin-bottom: 0
}

.recruitment .contact ul li .iconfont {
	font-size: 24px;
	color: #d92d25;
	line-height: 28px;
	margin-right: 6px
}

.detailPopover .navBar {
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	color: #333;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 10px;
	margin-bottom: 10px
}
/*.jobxx{ position:relative;}*/
.jobli .el-popover{ right:100%;}

.recruitment .deliver {
	background: #ffffff;width: 50%; text-align:center;
}

.recruitment .deliver .el-dialog__title {
	font-weight: 700
}

.recruitment .deliver p {
	font-size: 15px;
	line-height: 30px;
	color: #333
}

.recruitment .deliver .dialog-footer {
	width: 100%;
	display: block;
	text-align: center
}

.recruitment .deliver .uploadBtn {
	width: 250px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px
}

.recruitment .deliver .phoneNumber {
	margin: 30px 0 15px 0
}

.recruitment .deliver .code .el-input__inner,.recruitment .deliver .phoneNumber .el-input__inner {
	border-radius: 16px;
	background: #e9e9e9
}

.positionDetail {
	background: #ffffff;
}

.positionDetail .position {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 6px
}

.positionDetail .education,.positionDetail .speciality {
	color: #666;
	font-size: 14px;
	text-align: left;
	margin-bottom: 6px
}

.positionDetail .topic {
	border-left: 4px solid #d92d25;
	padding-left: 10px;
	text-align: left
}
.positionDetail  .xx{ padding:20px;}
.positionDetail .el-divider {
	margin: 10px 0
}

.positionDetail .htmlWrap {
	text-align: left;
	padding-top: 10px
}

.positionDetail .htmlWrap div,.positionDetail .htmlWrap h1,.positionDetail .htmlWrap h2,.positionDetail .htmlWrap h3,.positionDetail .htmlWrap h4,.positionDetail .htmlWrap h5,.positionDetail .htmlWrap p {
	text-align: left
}

.positionDetail h5 {
	text-align: left;
	font-size: 14px;
	color: #d92d25;
	margin-top: 20px
}






.recruitment .el-table--scrollable-y{ width: 100%; margin-bottom: 20px;height: 538px; background-color:#666666}
.recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{width: 1280px; font-size:18px}
.recruitment .el-table--scrollable-y .el-table__body-wrapper{height: 489px; }
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body{width: 1263px;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover{width: 400px;display: none;}

.recruitment .el-table_3_column_13{ width:174px;}
.recruitment .el-table_3_column_14{ width:170px;}
.recruitment .el-table_3_column_15{ width:170px;}
.recruitment .el-table_3_column_16{ width:170px;}
.recruitment .el-table_3_column_17{ width:170px;}
.recruitment .el-table_3_column_18{ width:409px;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body  .jobli button{ margin-left:10px;}
@media screen and (max-width:1280px) {
.recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{max-width:100%; overflow:hidden}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body{max-width:100%; overflow:hidden}

.recruitment .el-table_3_column_13{ width:174px;}
.recruitment .el-table_3_column_14{ width:170px;}
.recruitment .el-table_3_column_15{ width:170px;}
.recruitment .el-table_3_column_16{ width:170px;}
.recruitment .el-table_3_column_17{ width:170px;}
.recruitment .el-table_3_column_18{ width:170px;}
.recruitment .contact h2.module-title,.recruitment .PCJobs .toolbar>h4{ padding-left:20px;}

}
@media screen and (max-width:1000px) {
.recruitment .el-table_3_column_13{ width:17%;}
.recruitment .el-table_3_column_14{width:20%;}
.recruitment .el-table_3_column_15{width:12%;}
.recruitment .el-table_3_column_16{width:20%;}
.recruitment .el-table_3_column_17{width:8%;}
.recruitment .el-table_3_column_18{ width:200px;}

.recruitment .el-table--scrollable-y{height:auto;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper{height:auto;}
}

@media screen and (max-width:768px) {
.recruitment .bgWrap{ padding-top:0px;}
.recruitment .PCJobs .toolbar,.PCJobs .el-table,.PCJobs .toolbar{ display:none}
.mobileJobs{ display:block}
.recruitment .module-title{ text-align:left; display:block; padding-top:20px;	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px;}
.recruitment .module-title span{ font-weight:bold; padding-top:0px; padding-bottom:10px;}
.newslist .etitle{ font-weight:bold}


.contact{ max-width:100%; overflow:hidden;}

/*.recruitment .PCJobs .toolbar { margin-bottom:20px;}
.recruitment .PCJobs{ max-width:90%;}


.recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{ font-size:14px}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .cell{font-size:12px}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body  .jobli button.el-button--medium{font-size:12px;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover{max-width: 150%;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .navBar{ font-size:12px;}
.recruitment .el-table_3_column_15{ display:none}
.recruitment .el-table_3_column_16{  display:none}
.recruitment .el-table_3_column_17{  display:none}
.recruitment .el-table_3_column_18{ width:23%;}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .phone{ padding-left:10px; font-size:12px}
.recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .hc{ padding-top:10px;}*/
}
/*@media screen and (max-width:480px) {

.recruitment .PCJobs .toolbar { display:block}
.recruitment .toolbar>h4{ padding-left:20px;}
.recruitment .toolbar>h4+ .fun{ clear:both; display:block; margin:auto; padding-top:15px; padding-left:15px; padding-right:15px;}
}*/
/*@media screen and (max-width:350px) {.recruitment .el-table_3_column_18{ width:23%;}}*/

/*视频中心*/



.box-card {
	margin: 50px 0
}

@media screen and (max-width:768px) {
	.box-card {
		margin: 20px 15px
	}
}

.box-card-item {
	text-align: center
}

@media screen and (max-width:768px) {
	.box-card-item {
		margin-bottom: 10px
	}
}

.box-card-item.active .borderWrap .iconWrap,.box-card-item:hover .borderWrap .iconWrap {
	border-color: #d92d25
}

.box-card-item.active .borderWrap .iconWrap i,.box-card-item.active p,.box-card-item:hover .borderWrap .iconWrap i,.box-card-item:hover p {
	color: #d92d25
}

.box-card-item:last-child .borderWrap {
	border: none
}

.box-card-item .borderWrap {
	margin-bottom: 20px
}

@media screen and (max-width:768px) {
	.box-card-item .borderWrap {
		margin-bottom: 10px
	}
}

@media screen and (min-width:769px) {
	.box-card-item .borderWrap {
		margin-bottom: 20px;
		border-right: 2px solid #f0f0f0
	}
}

.box-card-item .borderWrap .iconWrap {
	display: inline-block;
	text-align: center;
	border: 1px solid #666;
	border-radius: 50%
}

@media screen and (max-width:768px) {
	.box-card-item .borderWrap .iconWrap {
		height: 30px;
		width: 30px
	}

	.box-card-item .borderWrap .iconWrap i {
		font-size: 16px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.box-card-item .borderWrap .iconWrap {
		height: 96px;
		width: 96px
	}

	.box-card-item .borderWrap .iconWrap i {
		font-size: 50px;
		line-height: 96px
	}
}

.box-card-item .borderWrap .iconWrap i,.box-card-item p {
	color: #666
}

@media screen and (min-width:769px) {
	.box-card-item p {
		font-size: 18px;
		line-height: 24px
	}
}

@media screen and (max-width:768px) {
	.box-card-item p {
		font-size: 10px;
		line-height: 12px
	}
}

.index-module {
	padding: 0 20px
}

.index-module .index-module-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 58px;
	margin-bottom: 48px
}

.index-module .index-module-title span {
	font-size: 18px;
	line-height: 28px;
	color: #343434;
	font-weight: 400;
	border-bottom: 3px solid #d92d25;
	padding: 15px 10px
}

.index-module .imgWrap {
	width: 100%;
	height: 18vw;
	max-height: 232px;
	position: relative
}

.index-module .imgWrap .cardImg {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.index-module .imgWrap .play {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

@media screen and (min-width:769px) {
	.index-module .imgWrap .play {
		font-size: 50px;
		line-height: 50px
	}
}

@media screen and (max-width:768px) {
	.index-module .imgWrap .play {
		font-size: 30px;
		line-height: 30px
	}
}

.index-module .cardH4 {
	color: #333;
	text-align: left;
	padding: 0 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width:768px) {
	.index-module .cardH4 {
		font-size: 14px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.index-module .cardH4 {
		font-size: 18px;
		line-height: 80px
	}
}

/*.pagination {
	margin-bottom: 20px;
	text-align: center
}
*/

/*视频内页*/


.YSvideo {
	width: 100%;
	display: block
}

.videoList .imgWrap {
	width: 100%;
	height: 18vw;
	max-height: 232px;
	position: relative
}

.videoList .imgWrap .cardImg {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.videoList .imgWrap .play {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

@media screen and (min-width:769px) {
.videoList .imgWrap .play {
		font-size: 50px;
		line-height: 50px
	}
}

@media screen and (max-width:768px) {
.videoList 	.imgWrap .play {
		font-size: 30px;
		line-height: 30px
	}
}

.cardH4 {
	color: #333;
	text-align: left;
	padding: 0 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width:768px) {
	.cardH4 {
		font-size: 14px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.cardH4 {
		font-size: 18px;
		line-height: 80px
	}
}

.videoList {
	padding: 20px
}

.videoList .active {
	color: #d92d25
}

.videoList .more {
	text-align: left;
	margin-bottom: 10px
}

@media screen and (max-width:768px) {
	.videoList .more {
		font-size: 14px;
		line-height: 30px
	}
}

@media screen and (min-width:769px) {
	.videoList .more {
		font-size: 18px;
		line-height: 80px
	}
}

/*服务专区*/




.el-popover h4 {
	margin: 0 8px;
	letter-spacing: 1.1px;
	color: #333
}

@media screen and (max-width:768px) {
	.el-popover h4 {
		font-size: 16px;
		line-height: 20px
	}
}

@media screen and (min-width:769px) {
	.el-popover h4 {
		font-size: 22px;
		line-height: 28px
	}
}

.el-popover p {
	margin: 0 8px;
	color: #333
}

@media screen and (max-width:768px) {
	.el-popover p {
		font-size: 12px;
		line-height: 16px
	}
}

@media screen and (min-width:769px) {
	.el-popover p {
		font-size: 14px;
		line-height: 24px
	}
}
.map.module{ width:100%; padding:0px;}
.map .mapWrap {
	position: relative;width:100%; clear:both
}
.map .cms+.mapWrap{ padding-top:20px;}
/*.map .mapWrap .el-popover{ position:relative;}*/
.map .mapWrap .zb {
	position: absolute
}

@media screen and (max-width:768px) {
	.map .mapWrap .zb {
		left: 59%;
		top: 10%
	}
}

@media screen and (min-width:769px) {
	.map .mapWrap .zb {
		left: 51.4%;
		top: 18%
	}
}

.map .mapWrap .xd {
	position: absolute
}

@media screen and (max-width:768px) {
	.map .mapWrap .xd {
		left: 7%;
		top: 71%
	}
}

@media screen and (min-width:769px) {
	.map .mapWrap .xd {
		left: 39%;
		top: 74.5%
	}
}

.map .mapWrap .label {
	font-size: 30px;
	color: #d92d25;
}

.map .mapWrap .label span {
	color: #000;
	font-weight: bolder;
	font-size: 14px;
	display: block
}

.map .mapWrap img {
	width: 100%;
	display: block;
}
.map .mapWrap img.phone { display:none
}
.mapWrap .el-popper{ width:310px;display: none; padding:20px; /*top:auto; bottom:0px; left:auto; right:80px;*/ }
.mapWrap .zb  .el-popper{right:0px; left:auto;}


.mapWrap .zb   .el-popper:before{ content:''; width:100%;	position: absolute;
	left: 0px;
	top: -10px; z-index:1; height:10px;}
.mapWrap .zb   .el-popper:after{
	content:'';
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	z-index:2;
	position: absolute;
	right: 50px;
	top: -10px;
}


.mapWrap .xd  .el-popper{ top:auto; bottom:60px;}

.mapWrap .xd  .el-popper:before{ content:''; width:100%;	position: absolute;
	left: 0px;
	bottom: -10px; z-index:1; height:10px;}
.mapWrap .xd  .el-popper:after{
	content:'';
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #ffffff;
	z-index:2;
	position: absolute;
	left: 20px;
	bottom: -10px;
}
@media screen and (max-width:768px) {
.map .mapWrap img.phone {display: block;}
.map .mapWrap img.pc { display:none;}
.mapWrap .el-popper{ width:200px;}
}


.map .mapWrap .bm-view {
	width: 100%;
	height: 29vw
}


.message .title-bg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-height: 166px;
	height: 13vw;
	min-height: 80px;
	margin-bottom: 48px;
	position: relative
}

.message .title-bg .imgBg {
	width: 100%;
	height: 100%;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	background: url(../img/titleBg.a0e7670c.jpg) no-repeat 50%;
	background-size: cover
}

.message .title-bg h2 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0
}


.message .btnWrap {
	text-align: center
}

@media screen and (max-width:768px) {
	.message .el-form {
		padding: 0 15px
	}

	.message .el-form .el-form-item {
		text-align: left
	}
	.message input {
		-webkit-user-select: auto;
		line-height: normal; 
	}	


}

/*七夕*/






.carousel-container {
 width:100%;
 padding:20px 0
}
.carousel-container .carousel-slide {
 width:33vw;
 max-width:420px;
 -webkit-box-shadow:0 8px 30px #ddd;
 box-shadow:0 8px 30px #ddd
}
.carousel-container .carousel-slide .imgWrap {
 width:100%;
 height:49vw;
 max-height:625px
}
.carousel-container .carousel-slide .imgWrap img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.carousel-container .carousel-slide p {
 background:#fff;
 font-size:22px;
 line-height:85px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 letter-spacing:.6px;
 color:#333;
 text-align:center
}

@media screen and (max-width:768px) {
 .carousel-container .carousel-slide p {
  font-size:14px;
  line-height:40px
 }
 
 
 
 .carousel-container {
 width:100%;
 padding:20px 0; 
}
.carousel-container .carousel-slide {
 width:70%;
 -webkit-box-shadow:0 8px 30px #ddd;
 box-shadow:0 8px 30px #ddd
}
.carousel-container .carousel-slide .imgWrap {
 width:100%;
 height:calc(90vw - 27px)
}
.carousel-container .carousel-slide .imgWrap img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.carousel-container .carousel-slide p {
 text-align:center;
 background-image:#fff;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 letter-spacing:.6px;
 color:#333
}
}
@media screen and (min-width:769px) {
 .carousel-container .carousel-slide p {
  font-size:22px;
  line-height:85px
 }
}
.carousel-container .swiper-slide:not(.swiper-slide-active) {
 -webkit-transform:scale(.8);
 transform:scale(.8);
 -webkit-transition:-webkit-transform .5s ease-out;
 transition:-webkit-transform .5s ease-out;
 transition:transform .5s ease-out;
 transition:transform .5s ease-out,-webkit-transform .5s ease-out
}
.carousel-container .swiper-slide.swiper-slide-active {
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transition:-webkit-transform .5s ease-in;
 transition:-webkit-transform .5s ease-in;
 transition:transform .5s ease-in;
 transition:transform .5s ease-in,-webkit-transform .5s ease-in
}
.bottomBg,
.topBg {
 width:100%
}
.bottomBg img,
.topBg img {
 display:block;
 width:100%
}
@media screen and (max-width:768px) {
 .topBg {
  margin-bottom:40px
 }
}
@media screen and (min-width:769px) {
 .topBg {
  margin-bottom:100px
 }
}

@media screen and (max-width:768px) {
 .module {
  margin-bottom:40px;
  padding:0 15px
 }
}
@media screen and (min-width:769px) {
 .module {
  margin-bottom:150px
 }
}
.module> h4 {
 font-weight:400;
 color:#d92d25;
 text-align:center
}
@media screen and (max-width:768px) {
 .module> h4 {
  font-size:26px;
  line-height:46px;
  margin-bottom:20px
 }
}
@media screen and (min-width:769px) {
 .module >h4 {
  font-size:56px;
  line-height:74px;
  margin-bottom:64px
 }
}

@media screen and (min-width:769px) {
 .first {
  padding:0 20px
 }
}
.first video {
 display:block;
 width:100%
}
.first h5 {
 font-weight:400;
 color:#d92d25;
 text-align:left
}
@media screen and (max-width:768px) {
 .first h5 {
  font-size:20px;
  line-height:30px
 }
}
@media screen and (min-width:769px) {
 .first h5 {
  font-size:30px;
  line-height:53.2px
 }
}
.first .divider {
 width:57px;
 height:6px;
 margin:15px 0;
 background-color:#d92d25
}
.first .articleContent {
 margin-top:40px
}
@media screen and (max-width:768px) {
 .first .articleContent img {
  width:100%;
  display:block;
  height:auto
 }
}
.second .second-carousel {
 margin-bottom:40px
}
.second .second-carousel .itemWrap {
 position:relative;
 width:100%
}
@media screen and (max-width:768px) {
 .second .second-carousel .itemWrap .cardBox {
  width:100%
 }
}
@media screen and (min-width:769px) {
 .second .second-carousel .itemWrap .cardBox {
  padding-bottom:8vw;
  position:relative;
  width:55%;
  z-index:0;
  -webkit-transition:-webkit-transform .5s;
  transition:-webkit-transform .5s;
  transition:transform .5s;
  transition:transform .5s,-webkit-transform .5s
 }
 .second .second-carousel .itemWrap .cardBox:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  z-index:2
 }
}
.second .second-carousel .itemWrap .cardBox .pos {
 position:relative
}
.second .second-carousel .itemWrap .cardBox .pos .titleWrap {
 width:100%;
 position:absolute;
 left:0
}
@media screen and (max-width:768px) {
 .second .second-carousel .itemWrap .cardBox .pos .titleWrap {
  top:10%
 }
}
@media screen and (min-width:769px) {
 .second .second-carousel .itemWrap .cardBox .pos .titleWrap {
  top:16%
 }
}
.second .second-carousel .itemWrap .cardBox .pos .titleWrap .title {
 background:#d92d25;
 font-weight:400;
 font-stretch:normal;
 letter-spacing:-.7px;
 color:#fff;
 text-align:center;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
@media screen and (max-width:768px) {
 .second .second-carousel .itemWrap .cardBox .pos .titleWrap .title {
  font-size:24px;
  line-height:60px
 }
}
@media screen and (min-width:769px) {
 .second .second-carousel .itemWrap .cardBox .pos .titleWrap .title {
  font-size:36px;
  line-height:114px
 }
}
.second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 color:rgba(70,47,147,.2);
 line-height:30px
}
.second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap .arrow-left {
 font-size:30px;
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg);
 position:relative;
 left:-1px;
 top:-3px
}
.second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap .arrow-right {
 font-size:30px;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 position:relative;
 right:-1px;
 top:-2px
}
.second .second-carousel .itemWrap .cardBox .pos .padding {
 padding:0 26px
}
.second .second-carousel .itemWrap .cardBox .pos .padding .item-card p {
 font-size:15px;
 font-weight:400;
 font-stretch:normal;
 line-height:30px;
 letter-spacing:-.3px;
 color:#666;
 text-align:left
}
.second .second-carousel .itemWrap .cardBox .pos .padding .item-card img {
 width:100%;
 display:block;
 margin-top:20px; display:none
}
.second .second-carousel .itemWrap .item-img {
 width:55%;
 height:470px;
 -o-object-fit:cover;
 object-fit:cover;
 display:block;
 position:absolute;
 right:0;
 bottom:0;
 z-index:0
}
.second .second-carousel .el-card__body{padding: 220px 70px 70px;}
.second .second-carousel .itemWrap .titleWrap .title .t1{ display:none}
.second .second-carousel .itemWrap  .el-card__body .title{ display:none}
@media screen and (max-width:768px) {
.second .second-carousel .el-card__body{padding: 10px; padding-top:120px;}
.second .second-carousel .itemWrap  .el-card__body .title{ display:block}
.second .second-carousel .itemWrap .titleWrap .title .t1{ display:block}
.second .second-carousel .itemWrap .titleWrap .title .t2{ display:none}
.second .second-carousel .itemWrap .item-img{ display:none}
.second .second-carousel .itemWrap .cardBox .pos .padding .item-card img{ display:block}
}


.yuandian .pagination  {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center; text-align:center; width:100%; 
}
.yuandian .pagination .swiper-pagination-bullet {
	width:14px;
	height:14px;
	border-radius:7px;
	margin-right:20px;
 -webkit-transition:width 1s,background 1s;
	transition:width 1s,background 1s;
	background-color: #D65059;
}
.yuandian .pagination .swiper-pagination-bullet:last-child {
 margin-right:0
}
.yuandian .pagination span.swiper-pagination-bullet-active {
 width:70px;
 background:#d92d25
}
@media screen and (max-width:768px) {
}
.third {
 padding:0
}
@media screen and (max-width:768px) {
 .forth .articleBody img {
  width:100%;
 display:inline-block;
  height:auto
 }
}


/*模态窗体-员工视频*/



@media screen and (max-width: 480px) {
  ::v-deep .el-dialog {
    width: 90%;
  }
}
@media screen and (max-width:768px) {.el-dialog__body{ padding:0px;}}
::v-deep .el-dialog__body {
  padding: 0;
}
video {
  display: block;
  width: 100%;
}
@media screen and (max-width:480px) {
.el-dialog {
  width:90%
 }
}
.el-dialog__body {
 padding:0
}
video {
 display:block;
 width:100%
}

@media screen and (max-width:768px) {
 .articleBody img {
  width:100%;
 display:inline-block;
  height:auto
 }
}


@media screen and (min-width:769px) {
 .module {
  padding:20px 40px
 }
}
.module-title {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.module-title span {
 color:#343434;
 border-bottom:3px solid #d92d25;
 padding:15px 10px
}
@media screen and (min-width:769px) {
 .module-title span {
  font-size:28px;
  line-height:43px
 }
}
@media screen and (max-width:768px) {
 .module-title span {
  font-size:22px;
  line-height:30px
 }
}
.qixi-carousel .el-card__body{padding: 40px 40px 40px 60px;}

@media screen and (max-width:500px) {.qixi-carousel .el-card__body{padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 60px;}}
	.swiper-container{ overflow:hidden;}