li{
	list-style: none;
}
.page2 {

	background: url(../img/bg2.jpg) no-repeat center;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}

.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;

	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 {

	background: #ba292e;

}

.wk_fwxm li.wk_li2 .wk_fwxm_bg {

	background: #1599a5;

}

.wk_fwxm li.wk_li3 .wk_fwxm_bg {

	background: #5e904d;

}

.wk_fwxm li.wk_li4 .wk_fwxm_bg {

	background: #5d4378;

}

.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: -145px;

}

.wk_fwxm li .wk_ljzx {

	margin: 35px auto 0 auto;

	width: 145px;

	height: 35px;

}

.wk_fwxm li .wk_ljzx a {

	display: none;

	width: 143px;

	height: 33px;

	border: 1px solid #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	font-size: 17px;

	line-height: 33px;

	-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 {

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

}

.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li2 .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li3 .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li4 .wk_fwxm_ico {

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

}

.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {

	background: url(../img/fwxm_img4.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;

}

.page2 li.wk_li1 {

	-webkit-transform: translate3d(-600px, 0, 0);

	-moz-transform: translate3d(-600px, 0, 0);

	transform: translate3d(-600px, 0, 0);

	-ms-transform: translate3d(-600px, 0, 0);

}

.page2 li.wk_li2 {

	-webkit-transform: translate3d(-300px, 0, 0);

	-moz-transform: translate3d(-300px, 0, 0);

	transform: translate3d(-300px, 0, 0);

	-ms-transform: translate3d(-300px, 0, 0);

}

.page2 li.wk_li3 {

	-webkit-transform: translate3d(300px, 0, 0);

	-moz-transform: translate3d(300px, 0, 0);

	transform: translate3d(300px, 0, 0);

	-ms-transform: translate3d(300px, 0, 0);

}

.page2 li.wk_li4 {

	-webkit-transform: translate3d(600px, 0, 0);

	-moz-transform: translate3d(600px, 0, 0);

	transform: translate3d(600px, 0, 0);

	-ms-transform: translate3d(600px, 0, 0);

}

.page2.active li {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-webkit-opacity: 1;

	-moz-opacity: 1;

}


@media(max-width: 1200px){
	.wk_fwxm{width: 100%;}
}
@media(max-width:1150px) {

.wk_fwxm {

	position: relative;

	margin: 0 auto;

	width: 1000px;

	height: 100%;

}

.wk_fwxm li h2 {

	font-size: 17px;

}

.wk_fwxm li .wk_fwxm_main {

	right: 15px;

	left: 15px;

}

.wk_fwxm li .wk_fwxm_des {

	font-size: 12px;

}

}

@media(max-width: 1024px){
	.wk_fwxm{width: 100%;}
	.wk_fwxm li .wk_fwxm_main{top:36%; }
}
@media(max-width: 768px){
	.wk_fwxm{width: 100%;}
	.wk_fwxm li .wk_fwxm_main{top:40%; }

.wk_fwxm li{width: 50%;height: 50%;}
/*.wk_fwxm ul{height: 60%;margin-top: 20%;}*/
.wk_fwxm li .wk_fwxm_ico{width: 80px;height: 80px;display: none;}
.wk_fwxm li.wk_li1 .wk_fwxm_ico{background-size: 100% 100%;}
.wk_fwxm li p{line-height: 14px;}
.wk_fwxm li .wk_fwxm_des{margin-top: 10px;}
.wk_fwxm li h2{margin-top: 40%;}
.wk_fwxm li .wk_ljzx a{width: 100%;height: 28px;line-height: 26px;font-size: 12px;}
.wk_fwxm li .wk_ljzx{width: 100%;}
.wk_fwxm li h2{height: 72px;line-height: 24px;}
.wk_fwxm li p{font-size: 12px;}
.wk_fwxm li h2{font-size: 15px;}
.header-daohang{display: none;}

/*	.wk_fwxm li .wk_fwxm_main {
    right: 15px;
    left: 15px;
}
.wk_fwxm li .wk_fwxm_main {
    right: 15px;
    left: 15px;
}
.wk_fwxm li h2 {
    font-size: 17px;
}
.wk_fwxm li .wk_fwxm_des {
    font-size: 12px;
}
*/
}