.wk_fwxm {

	position: relative;

	margin: 0 auto;

	width: 1200px;

	height: 100%;

}

.wk_fwxm ul {

	width: 100%;

	height: 100%;

}

.wk_fwxm li {

	position: relative;

	float: left;

	width: 25%;

	height: 100%;

	color: #fff;

	text-align: center;
	margin-top: 60px;

	/*opacity: 0;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-opacity: 0;

	-moz-opacity: 0;*/

}

.wk_fwxm li .wk_fwxm_bg {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	height: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.wk_fwxm li.wk_li1 .wk_fwxm_bg {
	width: 300px;
	background: linear-gradient(135deg, #269599 0%, #52BCBF 100%);
	border-radius: 1px;
	opacity: 0.6;
}

.wk_fwxm li.wk_li2 .wk_fwxm_bg {
	width: 300px;
	background: linear-gradient(135deg, #5585E6 0%, #55A1E6 100%);
	border-radius: 1px;
	opacity: 0.6;
}

.wk_fwxm li.wk_li3 .wk_fwxm_bg {
	width: 300px;
	background: linear-gradient(315deg, #A07ACC 0%, #694BA6 100%);
	border-radius: 1px;
	opacity: 0.6;
}

.wk_fwxm li.wk_li4 .wk_fwxm_bg {
	width: 300px;
	background: linear-gradient(180deg, #D96C4C 0%, #F09261 100%);
	border-radius: 1px;
	opacity: 0.6;
}

.wk_fwxm li:hover .wk_fwxm_bg {

	height: 100%;

}

.wk_fwxm li .wk_fwxm_main {

	position: absolute;

	top: 50%;

	right: 25px;

	left: 25px;

	margin-top: -230px;

}

.wk_fwxm li .wk_ljzx {

	margin: 35px auto 0 auto;

	width: 180px;

	height: 40px;

}

.wk_fwxm li .wk_ljzx a {

	display: none;

	width: 180px;

	height: 40px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 38px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.wk_fwxm li:hover .wk_ljzx a {

	display: block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {

	background: #fff;

	color: #ba292e;

}

.wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {

	background: #fff;

	color: #1599a5;

}

.wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5e904d;

}

.wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {

	background: #fff;

	color: #5d4378;

}

.wk_fwxm li .wk_fwxm_ico {

	overflow: hidden;

	margin: 0 auto;

	width: 110px;

	height: 110px;

	-webkit-border-radius: 110px;

	-moz-border-radius: 110px;

	border-radius: 110px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	transition: all .3s;

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	transition-delay: 400ms;

}

.wk_fwxm li.wk_li1 .wk_fwxm_ico {
/*	width: 120px;
	height: 120px;
	border: 2px solid #FFFFFF;*/
	background: url(../img/index/DataCenterPlatform.png) no-repeat;

}

.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {
/*	width: 110px;
	height: 110px;
	border: 2px solid #FFFFFF;*/
	background: url(../img/index/DataCenterPlatform.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li2 .wk_fwxm_ico {

	background: url(../img/index/VisualizationSystem.png) no-repeat;

}

.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {

	background: url(../img/index/VisualizationSystem.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li3 .wk_fwxm_ico {

	background: url(../img/index/LeaderManagementSystem.png) no-repeat;

}

.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {

	background: url(../img/index/LeaderManagementSystem.png) no-repeat 0 -110px;

}

.wk_fwxm li.wk_li4 .wk_fwxm_ico {

	background: url(../img/index/OneTableSyste.png) no-repeat;

}

.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {

	background: url(../img/index/OneTableSyste.png) no-repeat 0 -110px;

}

.wk_fwxm li h2 {

	margin-top: 16px;

	font-weight: 400;

	font-size: 19px;

	line-height: 44px;

}

.wk_fwxm li p {

	font-size: 15px;

	line-height: 30px;

}

.wk_fwxm li .wk_fwxm_des {

	margin-top: 20px;

	font-size: 13px;

	line-height: 26px;

}


/*公司历程*/

.wk_about_div {

	position: relative;

	z-index: 1;

	overflow: hidden;

	/* margin: 400px auto 0 auto; */

	width: 100%;

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

}

.page4.active .wk_about_div {

	margin: 70px auto 0 auto;

}

.wk_about_main {

	position: relative;

	margin: 0 auto;

}

.wk_about_left {
	float: left;
	width: 540px;
	margin-top: 20px
}

.wk_about_right {
	float: right;
	width: 600px;
	margin-top: 28px;
}


.wk_about_top {
	margin: 0 auto 25px 58px;
	padding-top: 20px;
}

.wk_about_top a {

	float: left;

	margin-right: 58px;

	width: 110px;

	height: 118px;

}

.wk_about_des {
	width: 600px;
	height: 206px;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
	text-align:left;
}


.wk_about_sec {
	margin-top: 15px;
}

.wk_about {
	width: 1200px;
	margin: 0 auto;
}

.wk_about .wk_h2 {
	width: 601px;
	height: 136px;
	background: url(../img/index/about_title1.png) no-repeat;
	background-size: 601px 136px;
	margin: 164px auto 0 0;
}