/* banner */
.banner img {
	width: 100%;
}
/* 关于我们 */
.column {
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.column>.w {
	height: 100%;
}
.column a {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	height: 100%;
	color: #666;
}
.column a>span {
	position: absolute;
	left: 0;
	bottom: 0;
	/* transform: translateY(-50%); */
	width: 100%;
	height: 2px;
	background-color: #007AFF;
	transform: scale(0);
	transition: all .3s;
}
.column a:hover span {
	transform: scale(1);
}
.column a:hover {
	color: #007AFF;
}
.choose {
	color: #007AFF !important;
}
.choose>span{
	transform: scale(1) !important;
}
.page_title>h3 {
	font-size: 20px;
	text-align: center;
}
.abstract {
	padding: 30px 0;
	font-size: 16px;
	line-height: 30px;
}
.abstract img {
	max-width: 100%;
}
/* 公司证书 */
.honor,
.product,
.solution,
.talent {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
}
.honor>li,
.product>li {
	width: 31.3%;
	margin: 2% 3% 0 0;
	transition: all .4s;
}
.honor>li>a,
.product>li>a {
	display: block;
}
.honor>li:nth-child(3n) {
	margin-right: initial;
}
.honor>li img {
	width: 100%;
}
.honor>li:hover {
	transform: translateY(-10px);
}
.honor>li p {
	font-size: 16px;
	color: #333;
	text-align: center;
}
/* 公司新闻 */
.new {
	padding: 30px 0 30px 0;
}
.new>li {
	position: relative;
}
.dynamic {
	padding: 25px 0;
	border-bottom: 1px dashed #b1b1b1;
}
.dynamic>a {
	display: flex;
}
.dynamic_r {
	width: 60%;
	margin-left: 3%;
}
.dynamic_r>span {
	position: relative;
	display: block;
	padding: 10px 0 8px 0;
	color: #999;
}
.dynamic_r>span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 1px;
	background-color: #00B0FF;
}
.dynamic_r>h4{
	padding: 15px 0 20px 0;
	color: #333;
	font-size: 16px;
	transition: all .3s;
}
.new>li:hover .dynamic_r>h4 {
	color: #00B0FF;
}
.dynamic_r>p {
	color: #999;
	line-height: 25px;
	-webkit-line-clamp: 3;
}
.new_details {
	position: absolute;
	opacity: 0;
	top: 50%;
	right: 45px;
	color: #333;
	transition: opacity .5s , transform .6s;
}
.new_details>i {
	padding-left: 3px;
}
.new>li:hover .new_details {
	opacity: 1;
	transform: translate3d(20px, 0px, 0px);
}
/* 产品中心 */
	.product>li {
		width: 23.5%;
		margin: 2% 2% 0 0;
	}
	.honor>li:nth-child(4n),
	.product>li:nth-child(4n) {
		margin-right: initial;
	}
	.product>li img {
		width: 100%;
		transition: all .3s;
	}
	.product>li a {
		overflow: hidden;
	}
	.product>li p {
		padding: 10px;
		color: #fff;
		text-align: center;
		background-color: #2a4469;
	}
	.product>li:hover img {
		transform: scale(1.1);
	}
	/* 解决方案 */
	.solution>li {
		width: 32%;
		margin: 2% 2% 0 0;
	}
	.solution>li:nth-child(3n) {
		margin-right: initial;
	}
	.solution>li img {
		width: 100%;
	}
	.item_box {
		padding-bottom: 20px;
	}
	.item_mark {
		padding: 24px 30px 24px 20px;
		border-bottom: 1px solid #edebeb;
	}
	.item_mark>p {
		padding-top: 10px;
		line-height: 26px;
		color: #999;
	}
	.item_img {
		overflow: hidden;
	}
	.item_mark>p,
	.item_mark>h3,
	.item_box,
	.item_img>img,
	.item_more {
		transition: all .4s;
	}
	.item_more {
		display: inline-block;
		padding: 7px 15px;
		margin: 20px 0 0 20px;
		color: #999;
		text-align: center;
		border: 1px solid rgba(170,170,170,.2);
		text-transform: lowercase;
		box-sizing: border-box;
	}
	.item_box:hover {
		box-shadow: 0 0 20px rgba(0,0,0,.1);
	}
	.item_box:hover .item_mark>p,
	.item_box:hover .item_mark>h3,
	.item_box:hover .item_more {
		transform: translate3d(13px,0,0);
	}
	.item_box:hover .item_mark>h3 {
		color: #00B0FF;
	}
	.item_box:hover .item_more {
		color: #fff;
		border-color: #3488ea;
		background-color: #3488ea;
	}
	.item_box:hover .item_img>img {
		transform: scale(1.1);
	}
	/* 人才招聘 */
	.hiring {
		width: 48.5%;
		padding: 30px 20px;
		margin: 0 3% 3% 0;
		border: 1px solid #cbcbcb;
		box-sizing: border-box;
	}
	.hiring:nth-child(2n) {
		margin-right: initial;
	}
	.hiring>h4 {
		font-weight: 400;
		font-size: 18px;
		color: #666;
	}
	.hiring_describe,
	.hiring_demand {
		padding-top: 20px;
	}
	.hiring_describe>p,
	.hiring_demand>p {
		line-height: 30px;
		font-size: 14px;
		color: rgb(102, 102, 102);
	}
	/* 联系我们 */
	.contact_bd {
		width: 100%;
		margin-top: 15px;
	}
	.container {
		height: 700px;
	}
	.contact_we {
		padding: 30px 0;
	}
	.contact_hd>p:first-child {
		font-weight: 700;
		font-size: 18px;
		color: #333;
	}
	.contact_hd>p:nth-child(2) {
		padding: 15px 0;
	}
	.contact_hd>p:nth-child(2),
	.contact_hd>p:nth-child(3) {
		font-size: 16px;
		color: #666;
	}
	.contact_we .title {
		font-weight: 700;
		font-size: 16px;
		color: #00B0FF;
	}
	.content:first-child {
		padding: 5px 0;
	}
	/* 详情页通用 */
	.abstract_detalis {
		padding-bottom: 35px;
	}
	.training_detail_title {
		width: 80%;
		margin: 0 auto;
		padding-top: 30px;
		font-size: 22px;
		font-weight: 700;
		text-align: center;
	}
	.training_detail_info {
		padding-top: 25px;
		font-size: 15px;
		line-height: 30px;
		color: #666;
	}
	.training_detail_info img {
		max-width: 100%;
	}
	.training_detail>p {
		padding: 20px 0;
		text-align: center;
	}
	.training_detail>p>span {
		padding-right: 10px;
		color: #333;
	}
	.return {
		display: flex;
		margin-top: 40px;
		flex-wrap: wrap;
	}
	.return a {
		color: #666;
		transition: all .3s;
	}
	.return>.ret:hover {
		background-color: #4F9BC1;
		color: #fff;
		border-color: #4F9BC1;
	}
	.up,
	.down {
		display: inline-block;
		width: 50%;
	}
	.down {
		text-align: right;
	}
	.up:hover,
	.down:hover {
		color: #4F9BC1;
	}
	.ret {
		display: block;
		width: 100px;
		height: 35px;
		line-height: 36px;
		margin: 30px auto 0;
		border: 1px solid #ccc;
		text-align: center;
		border-radius: 5px;
	}
	
/* 媒体查询 */
@media (min-width:1024px) and (max-width:1280px) {
	/* 公司简介 */
	.dynamic_r {
		width: 55%;
	}
	.new_details {
		right: 25px;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	.new>li:hover .new_details {
		opacity: 0;
	}
}
@media (min-width:320px) and (max-width:767px) {
	/* 公司简介 */
	.column {
		overflow-x: auto;
	}
	.column>.w {
		width: 500%;
		max-width: initial;
	}
	/* 公司证书 */
	.honor>li {
		width: 100%;
		margin: 2% 0 0 0;
	}
	/* 新闻中心 */
	.dynamic {
		padding: 15px 0;
	}
	.dynamic_l {
		width: 60%;
	}
	.dynamic_l img {
		width: 100%;
	}
	.dynamic_r {
		width: 60%;
	}
	.dynamic_r>span {
		padding: 10px 0 0 0;
	}
	.dynamic_r>h4 {
		padding: 10px 0;
		font-size: 14px;
	}
	.dynamic_r>p {
		font-size: 12px;
		-webkit-line-clamp: 2;
	}
	.dynamic_r>span::after {
		display: none;
	}
	.new_details {
		display: none;
	}
	/* 产品中心 */
	.product>li {
		width: 49%;
	}
	.honor>li:nth-child(4n),
	.product>li:nth-child(4n) {
		margin-right: 2%;
	}
	.honor>li:nth-child(2n),
	.product>li:nth-child(2n) {
		margin-right: initial;
	}
	.product>li p {
		padding: 7px 0;
	}
	/* 解决方案 */
	.solution>li {
		width: 100%;
		max-width: 600px;
		margin: 2% 0 0 0;
	}
	/* 人才招聘 */
	.hiring {
		width: 100%;
		margin: 0 0 5% 0;
	}
	/* 联系我们 */
	.container {
		height: 600px;
	}
}

/*分页*/
.fenye {width: 100%;height: auto;clear: both; padding-bottom: 30px;}
.fenye ul{display:flex;justify-content: center;flex-wrap: wrap}
.fenye ul > li{display: block;box-sizing:border-box;margin-top: 5px;margin-bottom: 5px;}
.fenye ul > li >a{display:block;text-align: center;padding: 7px 14px;border: 1px solid #CCCCCC;box-sizing:border-box;margin-left: -1px;}
.fenye .jump{text-align: center;width: 4em;height: 36px;box-sizing: border-box;border: 1px solid #ccc; transition: all 0.3s ease-in-out 0s;}
.fenye .jump:focus{outline: #4F9BC1 0px solid;border: 1px solid #4F9BC1;}
.fenye ul > li >span{line-height: 40px;}
.fenye .page-active + li>a{border-left: 1px #4F9BC1 solid;}
.fenye .page-active>a{background: #4F9BC1;color: #ffffff;border: 1px solid #4F9BC1;}
.fenye .page-active>a:hover{background: #4F9BC1;color: #ffffff;border: 1px solid #4F9BC1;}
.fenye ul > li >a:hover{background: rgba(233, 236, 239, 0.7);color:#4F9BC1;}
.fenye .page-disabled>a{cursor: not-allowed;border: 1px solid #eee;}
.fenye .page-disabled>a{
    color:#aaa !important;
    background: initial !important;
    /*文件禁止选择*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media all and (max-width:767px) and (min-width:320px) {
    .fenye .number,.fenye span,.jump-button,.jump,.news_icon {display: none!important}
}