.business .box {
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box .items {
	margin: 0 auto;
}

.business .box .items .xg {
	cursor:pointer;
	position:relative;
	height: 350px;
	overflow: hidden;
	display: line-block;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.business .box .items .xg .one1 .sz{text-align: center;margin:50px auto 30px;}
.business .box .items .xg .one1 .bt{font-size:20px;color:#fff;text-align: center;padding:0 10px;}
.business .box .items .xg .one1 .line{width:34px;height:2px;overflow: hidden;margin:10px auto 30px;background:#fff;}
.business .box .items .xg .one1 .js1{color:#fff;line-height:24px;padding:0 20px;font-size:14px;}

.business .box .items .xg .one{height:100%;opacity:1;
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.business .box .items .xg .one1{position:absolute;top: 0;bottom: 0;left: 0;right: 0;opacity:1;background:#28b5c3;
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.business .box .items .xg .two1{background:#58af21;}
.business .box .items .xg .three1{background:#1693d7;}
.business .box .items .xg .four1{background:#bd7dd7;}

.business .box .items .xg:hover .one{opacity:1;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.business .box .items .xg:hover .one1{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}



.business .box .items .xg:hover .bt1 {
	color: white;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box .items .xg:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box .items .xg .tb{width:162px;height:162px;border-radius:50%;margin:0 auto;text-align: center;}
.business .box .items .xg .one .tb{background:url(../images/wmn_tb01.png) center no-repeat #2bb2bf;}
.business .box .items .xg .two .tb{background:url(../images/wmn_tb02.png) center no-repeat #5bac24;}
.business .box .items .xg .three .tb{background:url(../images/wmn_tb03.png) center no-repeat #1891d4;}
.business .box .items .xg .four .tb{background:url(../images/wmn_tb04.png) center no-repeat #b97dd4;}


.business .xg .bt1{font-size:20px;color:#2f2f2f;text-align: center;margin-top:24px;}
.business .xg .bt1 .wz{position:relative;display:inline-block;}
.business .xg .bt1 span{position:absolute;left:-32px;top:-14px;}
.business .xg .js{padding:0 15px;font-size:14px;color:#999;line-height:24px;height:48px;overflow: hidden;}
.business .xg .bq{margin-top:10px;}
.business .xg .bq span{font-size:14px;display:block;text-align: center;line-height:30px;width:30%;float:left;}
.business .xg .bq span:nth-child(even){margin:0 10px;}
.business .xg .line1{width:34px;height:2px;overflow: hidden;margin:15px auto;}
.business .xg .one .bq span{border:1px solid #b8dde0;color:#2eafbb;}
.business .xg .one .line1{background:#2eafbb;}
.business .xg .two .bq span{border:1px solid #d3e4c7;color:#5ea927;}
.business .xg .two .line1{background:#5bac24;}
.business .xg .three .bq span{border:1px solid #cddde6;color:#1a8fd1;}
.business .xg .three .line1{background:#1891d4;}
.business .xg .four .bq span{border:1px solid #dbc9e4;color:#b57dd1;}
.business .xg .four .line1{background:#b97dd4;}