@charset "utf-8";

.liucheng h4 {
	font-weight: 400
}

.liucheng li,
.liucheng ul {
	list-style: none
}

.liucheng li {
	float: left
}

.liucheng * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

.liucheng em,
.liucheng h3,
.liucheng h4,
i {
	font-weight: 400;
	font-style: normal
}
body,
html {
	height: 100%
}

@font-face {
	font-family: icontx;
	src: url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.eot);
	src: url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.woff2) format('woff2'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.woff) format('woff'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.ttf) format('truetype'), url(//at.alicdn.com/t/font_961872_5u9mkyeflfw.svg#iconfont) format('svg')
}

.liucheng i {
	font-family: icontx
}

.liucheng .tx-main-title {
	text-align: center;
	margin-bottom: 5px
}

	.liucheng .tx-main-title h3 {
		font-size: 34px;
		color: #3b95ff;
		margin-bottom: 20px
	}

	.liucheng .tx-main-title b {
		font-size: 30px;
		color: #d6d6d6;
		margin-left: 10px;
		font-family: "宋体";
		font-weight: 400
	}

	.liucheng .tx-main-title em {
		font-size: 18px;
		color: #868686;
		line-height: 30px
	}

	.liucheng .tx-main-title .fl {
		display: inline-block;
		float: none
	}

		.liucheng .tx-main-title .fl:first-child {
			margin-right: 100px
		}

	.liucheng .tx-main-title a {
		float: left;
		font-size: 22px;
		line-height: 30px;
		margin: 18px 60px;
		color: #5a5a5a
	}

		.liucheng .tx-main-title a:hover {
			color: #3b95ff
		}

.liucheng .tx-process {
	width: 1200px;
	margin: 0 auto;
}
.liucheng .tx-process-main {
	margin-top: 60px
}

	.liucheng .tx-process-main li {
		width: 20%;
		text-align: center;
		position: relative;
		cursor: pointer
	}

		.liucheng .tx-process-main li:nth-child(2n-1) {
			margin-top: 120px
		}

		.liucheng .tx-process-main li h4 {
			position: relative;
			top: 0;
			width: 128px;
			height: 128px;
			display: inline-block;
			border: 2px solid #1d7be6;
			padding: 6px;
			border-radius: 50%;
			background: #fff;
			z-index: 20
		}

		.liucheng .tx-process-main li i {
			display: block;
			width: 112px;
			height: 112px;
			line-height: 112px;
			overflow: hidden;
			border-radius: 50%;
			background: #1d7be6;
			font-size: 60px;
			color: #fff
		}

		.liucheng .tx-process-main li em {
			position: absolute;
			z-index: -1;
			top: 6px;
			left: 6px;
			display: block;
			width: 112px;
			height: 112px;
			font-size: 20px;
			padding-top: 25px;
			line-height: 30px;
			background: #1d7be6;
			overflow: hidden;
			border-radius: 50%;
			color: #fff
		}

		.liucheng .tx-process-main li h3 {
			font-size: 20px;
			color: #2b75ca;
			line-height: 30px;
			margin-top: 16px
		}

		.liucheng .tx-process-main li b {
			position: absolute;
			width: 100%;
			border-top: 2px dashed #3b95ff;
			z-index: -1
		}

		.liucheng .tx-process-main li:nth-child(2n-1) h4 {
			animation: process 2s infinite;
			-webkit-animation: process 2s infinite
		}

		.liucheng .tx-process-main li:nth-child(2n) h4 {
			animation: processs 2s infinite;
			-webkit-animation: processs 2s infinite
		}

		.liucheng .tx-process-main li:nth-child(2n-1) b {
			transform: rotate(-24deg);
			-ms-transform: rotate(-24deg);
			-moz-transform: rotate(-24deg);
			-webkit-transform: rotate(-24deg);
			-o-transform: rotate(-24deg);
			top: 0
		}

		.liucheng .tx-process-main li:nth-child(2n) b {
			transform: rotate(24deg);
			-ms-transform: rotate(24deg);
			-moz-transform: rotate(24deg);
			-webkit-transform: rotate(24deg);
			-o-transform: rotate(24deg);
			top: 112px
		}

		.liucheng .tx-process-main li:hover h4 {
			transform: rotateY(360deg);
			-ms-transform: rotateY(360deg);
			-moz-transform: rotateY(360deg);
			-webkit-transform: rotateY(360deg);
			-o-transform: rotateY(360deg)
		}

		.liucheng .tx-process-main li:hover i {
			opacity: 0
		}
@keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-moz-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@-o-keyframes process {
	0% {
		top: 0
	}

	50% {
		top: 5px
	}

	100% {
		top: 0
	}
}

@keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-moz-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}

@-o-keyframes processs {
	0% {
		top: 0
	}

	50% {
		top: -5px
	}

	100% {
		top: 0
	}
}