.zf-core {
	margin: 0px auto; padding: 0px; width: 1180px; height: 430px; overflow: hidden;
}
.zf-core ul {
	width: 9999px; height: 200px; position: relative;
}
.zf-core ul li {
	width: 1200px; margin-right: 40px; float: left;
}
.zf-core-list {
	transition:0.5s; border-image: none; width: 238px; height: 225px; padding-top: 20px; float: left; border-radius:10px 10px 10px 10px;
}
:nth-child(4n).zf-core-list {
	margin-right: 0px;
}
.zf-core-list dl {
	transition:0.8s; height: 200px;
}
.zf-core-list a {
	transition:0.5s;
}
.zf-core-list dd {
	transition:0.5s;
}
.zf-core-list dl dt a {
	background: url("../img/core1.png") no-repeat 0px 0px; margin: 0px auto; transition:0.8s 200ms; width: 138px; height: 138px; display: block;
}
.core1.zf-core-list dl dt a {
	background: url("../img/core1.png") no-repeat 0px 0px;
}
.core2.zf-core-list dl dt a {
	background: url("../img/core2.png") no-repeat 0px 0px;
}
.core3.zf-core-list dl dt a {
	background: url("../img/core3.png") no-repeat 0px 0px;
}
.core4.zf-core-list dl dt a {
	background: url("../img/core4.png") no-repeat 0px 0px;
}
.core5.zf-core-list dl dt a {
	background: url("../img/core5.png") no-repeat 0px 0px;
}
.core6.zf-core-list dl dt a {
	background: url("../img/core6.png") no-repeat 0px 0px;
}
.core7.zf-core-list dl dt a {
	background: url("../img/core7.png") no-repeat 0px 0px;
}
.core8.zf-core-list dl dt a {
	background: url("../img/core8.png") no-repeat 0px 0px;
}
.core9.zf-core-list dl dt a {
	background: url("../img/core9.png") no-repeat 0px 0px;
}
.core10.zf-core-list dl dt a {
	background: url("../img/core10.png") no-repeat 0px 0px;
}
.core11.zf-core-list dl dt a {
	background: url("../img/core11.png") no-repeat 0px 0px;
}
.core12.zf-core-list dl dt a {
	background: url("../img/core12.png") no-repeat 0px 0px;
}
.core13.zf-core-list dl dt a {
	background: url("../img/core13.png") no-repeat 0px 0px;
}
.core14.zf-core-list dl dt a {
	background: url("../img/core14.png") no-repeat 0px 0px;
}
.zf-core-list dl dd {
	text-align: center;
}
.zf-core-list dl dd.titlexx {
	margin: 15px 0px;
	font-size: 16px;
}
.zf-core-list dl dd.list {
	padding: 0px 40px; overflow: hidden; margin-bottom: 25px; min-height: 48px;
}
.zf-core-list dl dd.list a {
	width: 100px; float: left; display: block;
}
.core1.zf-core-list:hover {
background-color: #fff;
}
.core1.zf-core-list:hover dl dt a {
	background: url("../img/core1.png") no-repeat 0px -138px;
}
.core1.zf-core-list:hover a {
	color: #fd4b0d;
}
.core1.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core2.zf-core-list:hover {
	background-color: #fff;
}
.core2.zf-core-list:hover dl dt a {
	background: url("../img/core2.png") no-repeat 0px -138px;
}
.core2.zf-core-list:hover a {
	color: #fd4b0d;
}
.core2.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core3.zf-core-list:hover {
	background-color: #fff;
}
.core3.zf-core-list:hover dl dt a {
	background: url("../img/core3.png") no-repeat 0px -138px;
}
.core3.zf-core-list:hover a {
	color: #fd4b0d;
}
.core3.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core4.zf-core-list:hover {
	background-color: #fff;
}
.core4.zf-core-list:hover dl dt a {
	background: url("../img/core4.png") no-repeat 0px -138px;
}
.core4.zf-core-list:hover a {
	color: #fd4b0d;
}
.core4.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core5.zf-core-list:hover {
	background-color: #fff;
}
.core5.zf-core-list:hover dl dt a {
	background: url("../img/core5.png") no-repeat 0px -138px;
}
.core5.zf-core-list:hover a {
	color: #fd4b0d;
}
.core5.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core6.zf-core-list:hover {
	background-color: #fff;
}
.core6.zf-core-list:hover dl dt a {
	background: url("../img/core6.png") no-repeat 0px -138px;
}
.core6.zf-core-list:hover a {
	color: #fd4b0d;
}
.core6.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core7.zf-core-list:hover {
	background-color: #fff;
}
.core7.zf-core-list:hover dl dt a {
	background: url("../img/core7.png") no-repeat 0px -138px;
}
.core7.zf-core-list:hover a {
	color: #fd4b0d;
}
.core7.zf-core-list:hover dd {
	color: #fd4b0d;
}
.core8.zf-core-list:hover {
	background-color: #fff;
}
.core8.zf-core-list:hover dl dt a {
	background: url("../img/core8.png") no-repeat 0px -138px;
}
.core8.zf-core-list:hover a {
	color: #fd4b0d;
}
.core8.zf-core-list:hover dd {
	color: #fd4b0d;
}

.core9.zf-core-list:hover {
	background-color: #fff;
}
.core9.zf-core-list:hover dl dt a {
	background: url("../img/core9.png") no-repeat 0px -138px;
}
.core9.zf-core-list:hover a {
	color: #fd4b0d;
}
.core9.zf-core-list:hover dd {
	color: #fd4b0d;
}


.core10.zf-core-list:hover {
	background-color: #fff;
}
.core10.zf-core-list:hover dl dt a {
	background: url("../img/core10.png") no-repeat 0px -138px;
}
.core10.zf-core-list:hover a {
	color: #fd4b0d;
}
.core10.zf-core-list:hover dd {
	color: #fd4b0d;
}

.core11.zf-core-list:hover {
	background-color: #fff;
}
.core11.zf-core-list:hover dl dt a {
	background: url("../img/core11.png") no-repeat 0px -138px;
}
.core11.zf-core-list:hover a {
	color: #fd4b0d;
}
.core11.zf-core-list:hover dd {
	color: #fd4b0d;
}

.core12.zf-core-list:hover {
	background-color: #fff;
}
.core12.zf-core-list:hover dl dt a {
	background: url("../img/core12.png") no-repeat 0px -138px;
}
.core12.zf-core-list:hover a {
	color: #fd4b0d;
}
.core12.zf-core-list:hover dd {
	color: #fd4b0d;
}

.core13.zf-core-list:hover {
	background-color: #fff;
}
.core13.zf-core-list:hover dl dt a {
	background: url("../img/core13.png") no-repeat 0px -138px;
}
.core13.zf-core-list:hover a {
	color: #fd4b0d;
}
.core13.zf-core-list:hover dd {
	color: #fd4b0d;
}

.core14.zf-core-list:hover {
	background-color: #fff;
}
.core14.zf-core-list:hover dl dt a {
	background: url("../img/core14.png") no-repeat 0px -138px;
}
.core14.zf-core-list:hover a {
	color: #fd4b0d;
}
.core14.zf-core-list:hover dd {
	color: #fd4b0d;
}

.zf-core-btn {
	margin: 15px auto 0px; width: 320px; height: 30px; clear: both;
}
.zf-core-btn a {
	width: 160px; float: left; display: block;
}
.zf-core-btn a.CRPrev {
	background: url("../img/icon-jt2.png") no-repeat center;
}
.zf-core-btn a.CRnext {
	background: url("../img/icon-jt3.png") no-repeat center;
}

.Case {
	width: 100%; padding-bottom: 20px; position: relative;
}
.Casetitle {
	width: 100%;
}

.Casetitle p {
	background: rgb(215, 212, 212); height: 0px; line-height: 0px; overflow: hidden;
}
.Casetitle p span {
	background: rgb(25, 166, 219); margin: 0px auto; width: 86px; height: 0px; line-height: 0px; overflow: hidden; display: block;
}
.Casetitle em {
	text-align: center; color: rgb(51, 51, 51); font-size: 18px; display: block;
}
.Casebox {
	margin: 0px auto; width: 1180px; display: none;
}
.Caselist {
	margin: 0px auto; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.Caselist ul {
	width: 999px; position: relative;
}
.Caselist ul li {
	float: left;
}
.Caselistli {
	width: 480px; overflow: hidden; padding-bottom: 45px; float: left; display: inline; position: relative;
}
.Caselistli p {
	background: url("../img/bg11.png"); padding: 10px 5%; width: 90%; bottom: 45px; color: rgb(255, 255, 255); overflow: hidden; font-size: 14px; display: none; position: absolute;
}
.Caselistli h3 {
	height: 22px; text-align: center; color: rgb(76, 76, 76); overflow: hidden; padding-top: 20px; font-size: 18px;
}
.Caselistli img {
	width: 100%; display: block;
}

.commonclass {
	margin: 0px auto; padding: 30px 0px; width: 90%; text-align: center; font-size: 17px; position: relative;
}
.commonclass span a {
	background: url(../img/caseb.png) no-repeat center center; margin: 0px 0px; width: 170px; height: 75px; color: #fff; line-height: 70px; display: inline-block;
}
.commonclass span a:hover {
	background: url(../img/casea.png) no-repeat center center;color: #fff;
}
.commonclass span a.cur {
	background: url(../img/casea.png) no-repeat center center;color: #fff;
}