body {
	overflow-x: hidden
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

li {
	list-style-type: none
}

a {
	text-decoration: none
}


.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
	float: left;
	display: inline-block
}

.col-1 {
	width: calc(8.33333333%)
}

.col-2 {
	width: calc(16.66666667%)
}

.col-3 {
	width: calc(25%)
}

.col-4 {
	width: calc(33.33333333%)
}

.col-5 {
	width: calc(41.66666667%)
}

.col-6 {
	width: calc(50%)
}

.col-7 {
	width: calc(58.33333333%)
}

.col-8 {
	width: calc(66.66666667%)
}

.col-9 {
	width: calc(75%)
}

.col-10 {
	width: calc(83.33333333%)
}

.col-11 {
	width: calc(91.66666667%)
}

.col-12 {
	width: calc(100%)
}

.t-c {
	text-align: center;
}

.color-fff {
	color: #fff;
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fl {
	float: left
}

.fr {
	float: right
}

.w100 {
	width: 100%;
}


.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.pc_show,.showblk {
	display: block;
}

.tel_show,.hiddenblk {
	display: none;
}








.banner {
	background: url(../images/banner.png) no-repeat center;
	background-size: cover;
	width: 100%;
	display: inline-block;
	padding: 60px 0 40px;
}

.banner-js p {
	width: 100%;
	float: left;
}

.banner-js p:first-child {
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
}

.banner-js p:nth-child(2) {
	font-size: 32px;
	color: #fff;
	margin-bottom: 20px;
}

.banner-js span {
	color: #fff;
	float: left;
	margin-right: 10px;
}

.bg-color1 {
	background-color: #00a3da;
	padding: 10px 20px;
	border-radius: 5px;
}

.bg-color2 {
	background-color: #f05f40;
	padding: 10px 20px;
	border-radius: 5px;
}

.bg-color3 {
	background-color: #860de9;
	padding: 10px 20px;
	border-radius: 5px;
}

.bg-color4 {
	background-color: #3ed03a;
	padding: 10px 20px;
	border-radius: 5px;
}

.banner-js li {
	line-height: 1.5;
	color: #fff;
	font-size: 18px;
}

.banner-js li:nth-child(1) {
	margin-top: 20px;
}

.erweima {
	position: relative;
}

.erweima img {
	max-width: 240px;
	width: 100%;
	position: relative;
	z-index: 999;
}

.erweima span {
	width: 100%;
	background: #00000087;
	padding: 10px;
	margin-top: -20px;
	position: relative;
	z-index: 1000;
}

.bannerwx {
	padding: 20px 0;
}

.section2 {
	padding: 40px 0;
}

.section2 li {
	position: relative;
	animation: show1 5s ease-in-out 0.3s 1 alternate forwards;
	opacity: 0;
}

.section2 li span {
	display: inherit;
	font-weight: bold;
	font-size: 24px;
	height: 48px;
}

@keyframes show1 {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes show1

/*Safari and Chrome*/
	{
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*第三部分*/
.section3 {
	background: #f3f4f8;
	padding: 40px 0;
	position: relative;
}

.section3 h2 {
	font-size: 36px;
	width: 100%;
	padding: 15px 0;
	color: #ffb246;
}

.section3 li {
	margin-bottom: 30px;
	float: left;
	position: relative;
}

.section3 li strong {
	text-align: right;
	width: 100%;
	float: left;
	font-size: 24px;
	padding: 10px 0;
}

.section3js img {
	max-width: 70px;
	background: #ffb246;
	padding: 10px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -35px;
}

.section3img img {
	max-width: 80%;
	margin-top: 10%;
}

.sectionid01 {
	position: relative;
	animation: sectionid01 2s ease-in-out 1 forwards;
	animation-delay: 0.1s;
	/*延迟时间*/
	left: -50%;
}

.sectionid03 {
	position: relative;
	animation: sectionid03 2s ease-in-out 1 forwards;
	animation-direction: reverse;
	/*反向动画*/
	animation-delay: 0.1s;
	right: -100%;
}

@keyframes sectionid01 {
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@-webkit-keyframes sectionid01

/*Safari and Chrome*/
	{
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@keyframes sectionid01 {
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@-webkit-keyframes sectionid02

/*Safari and Chrome*/
	{
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}


@keyframes sectionid03 {
	0% {
		right: 0%;
	}

	100% {
		right: -100%;
	}
}

@-webkit-keyframes sectionid03

/*Safari and Chrome*/
	{
	0% {
		right: 0%;
	}

	100% {
		right: -100%;
	}
}

/*第四部分*/
.section4 {
	padding: 40px 0;
	position: relative;
	z-index: 996;
}

.section401 {
	padding-right: 40px;
}

.section401 h2 {
	font-size: 24px;
	margin-bottom: 30px;
}

.section401 span {
	font-size: 18px;
	color: #666;
	line-height: 1.5;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.section402 {
	padding-right: 20px;
}

.section402-t {
	background: #ffb246;
	float: left;
	padding: 20px;
	height: 160px;
}

.section402-t strong {
	width: 100%;
	float: left;
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
}

.section402-t span {
	color: #fff;
	line-height: 1.5;
}

.section402-t img {
	width: 100%;
	max-width: 76px;
}

.section402-b {
	float: left;
	text-align: center;
	padding-bottom: 20px;
	border: 1px #ddd solid;
	border-top: 0;
}

.section402-b span {
	font-size: 18px;
	color: #666;
	line-height: 1.5;
	width: 100%;
	float: left;
	padding: 20px 0;
}

.section402-b a {
	color: #fff;
	background: #ffb246;
	border-radius: 20px;
	padding: 10px 30px;
	display: inline-block;
}

.section403 {
	padding-left: 20px;
	padding-right: 0;
}

.section403 .section402-t {
	background: #f05f40;
	float: left;
	padding: 20px;
}


.section401 {
	position: relative;
	animation: section401 2s ease-in-out 1 forwards;
	/*animation-direction:reverse;*/
	/*反向动画*/
	animation-delay: 0.1s;
	top: -500px;
}

@keyframes section401 {
	0% {
		top: -500px;
	}

	100% {
		top: 0;
	}
}

@-webkit-keyframes section401

/*Safari and Chrome*/
	{
	0% {
		top: -500px;
	}

	100% {
		top: 0;
	}
}

/*第五部分*/
.section5 {
	background: #f3f4f8;
	padding: 40px 0 0;
}

.section5 li {
	width: 100%;
	float: left;
	padding: 30px 0;
}

.section5 li h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.section5 li span {
	line-height: 1.5;
	font-size: 18px;
	margin-bottom: 20px;
	float: left;
}

.section5 li .bg01 {
	background: url("http://xld8.lzsdywl.top/css/img07.jpg")
		/*tpa=http://www.jzohg.cn/images/img07.jpg*/
		no-repeat center;
	padding: 20px;
	color: #fff;
	min-height: 190px;
	float: right
}

.section5 li .bg02 {
	background: url("http://xld8.lzsdywl.top/css/img08.jpg")
		/*tpa=http://www.jzohg.cn/images/img08.jpg*/
		no-repeat center;
	padding: 20px;
	min-height: 190px;
	float: right
}

.section5 li .bg03 {
	background: url("http://xld8.lzsdywl.top/css/img09.jpg")
		/*tpa=http://www.jzohg.cn/images/img09.jpg*/
		no-repeat center;
	padding: 20px;
	min-height: 190px;
	float: right
}

.section5 li .bg04 { 
		no-repeat center;
	color: #fff;
	padding: 20px;
	min-height: 190px;
	float: right
}

.section5 li p {
	text-indent: 2rem;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5
}

/*第六部分*/
.section6 { 
		no-repeat center;
	padding: 40px 0;
	color: #fff;
	position: relative;
	z-index: 995;
}

.section6 h2 {
	text-align: center;
}

.section6 span {
	text-align: center;
	width: 100%;
	float: left;
	padding: 20px 0;
}

.section6 li {
	padding: 4%;
	border: 1px #fff solid;
	border-radius: 10px;
	text-align: center;
	width: calc(32.33333333%);
	font-size: 18px;
	line-height: 1.5
}

.section6 li:nth-child(2) {
	margin: 0 1.5%;
}

/*第七部分*/
.section7 {
	background: #f3f4f8;
	padding: 40px 0;
}

.section7-t,
.section7-b {
	width: 100%;
	float: left;
}

.section7-t h2 {
	margin-bottom: 20px;
}

.section7-t span {
	width: 100%;
	margin-bottom: 15px;
	float: left;
	line-height: 1.5;
	font-size: 18px;
	position: relative;
	animation: sectionid05 2s ease-in-out 1 forwards;
	animation-delay: 0.1s;
	/*延迟时间*/
	left: -100%;
}

.section7-t img {
	width: 70%;
	padding: 20px;
}

.section7-b img {
	width: 80%;
	padding: 20px;
}

.section7-b h2 {
	margin-bottom: 20px;
}

.section7-b span {
	width: 100%;
	margin-bottom: 15px;
	float: left;
	line-height: 1.5;
	font-size: 18px;
	position: relative;
	animation: sectionid03 2s ease-in-out 1 forwards;
	animation-direction: reverse;
	animation-delay: 0.1s;
	right: -100%;
}

@-webkit-keyframes sectionid05

/*Safari and Chrome*/
	{
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@keyframes sectionid05 {
	0% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@keyframes sectionid06 {
	0% {
		right: 0%;
	}

	100% {
		right: -100%;
	}
}

@-webkit-keyframes sectionid06

/*Safari and Chrome*/
	{
	0% {
		right: 0%;
	}

	100% {
		right: -100%;
	}
}

/*第八部分*/
.section8 {
	background: #fff;
	padding: 40px 0;
}

/*底部*/
.section9 {
	background: #ffb246;
	padding: 40px 0;
	color: #fff;
}

.section9 span {
	padding: 20px 0;
	display: inline-block;
	font-size: 18px;
}

.section9 img {
	padding: 20px;
	max-width: 100%;
}

.section9 em {
	font-size: 18px;
	width: 100%;
	float: left;
	font-style: normal;
}

footer {
	background: #29282e;
	padding: 10px 0;
	color: #fff;
}
