:root {
	--module-width: 1280px;
}

.banner-m,
.djh-m,
.tsy-m,
.yxh-m,
.mk-m {
	width: 100%;
	display: flex;
	justify-content: center;
	background: linear-gradient(180deg, #6bce73, #5ac886);
}

.djh-m {
	background: linear-gradient(180deg, #5ac886 10%, #ffffff 40%, #ebfcf2);
}

.tsy-m {
	background: linear-gradient(180deg, #ffffff, #ebfcf2);
}

.yxh-m {
	background: linear-gradient(180deg, #ffffff, #ebfcf2);
}

.mk-m {
	background: linear-gradient(180deg, #ffffff, #d3f7e3);
}

.banner-c,
.djh-c,
.tsy-c,
.yxh-c,
.mk-c,
.dl-c {
	width: var(--module-width);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner-c .banner-c-info {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner-c .banner-c-text {
	font-size: 3rem;
	line-height: 3rem;
	color: rgba(255, 255, 255, 0.6);
}

.banner-c .l-img {
	width: 64%;
}

.banner-c .tt-img {
	width: 54%;
	margin-top: 5rem;
}

.djh-c .djh-c-ls {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.djh-c .download-btn {
	width: 20%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	border: 0.125rem solid #7ee4ad;
	border-radius: 2.25rem;
	margin: 1.25rem 1rem 0 1rem;
	background: linear-gradient(180deg, #ebfeeb, #b5ebbb);
	font-size: 1.25rem;
	color: #0a6218;
	font-weight: 600;
}

.djh-c .djh-top {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 6rem;
}

.djh-c .djh-c-r-img {
	width: 54%;
	margin-left: 3rem;
}

.djh-c .load-c1 {
	border-radius: 1.25rem;
	border: 0.125rem solid #aae9c4;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1rem 1rem 4rem 1rem;
	box-shadow: 0 0 2rem rgba(155, 229, 188, 0.2);
	padding: 1rem;
	background: linear-gradient(180deg, #a7e5bd, #beebc7);
}

.djh-c .load-c1 .load-c1-ls {
	display: flex;
	justify-content: center;
	align-items: center;
}

.djh-c .load-c1 .tt1 {
	font-size: 1.5rem;
	color: #0a6218;
	font-weight: 600;
}

.djh-c .load-c1 .tt2 {
	font-size: 1rem;
	color: #0a6218;
	font-weight: 600;
}

.djh-c .load-c1 .load-c2 {
	border-radius: 1rem;
	border: 0.125rem solid #aae9c4;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0.5rem;
	padding: 1.25rem;
	background: linear-gradient(180deg, #edffed, #cbf3cf);
}

.djh-c .load-c1 .btn-d {
	width: 11.25rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	border-radius: 1.6rem;
	background: linear-gradient(180deg, #5ce393, #1bb246);
	font-size: 1rem;
	color: #ffffff;
	font-weight: 600;
	margin-top: 0.5rem;
}

.tsy-c .tsy-top {
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 2.5rem;
}

.tsy-c .tsy-card-ls {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 2.5rem;
}

.tsy-c .tsy-card-ls .card-img1 {
	width: 15.5rem;
}

.tsy-c .tsy-card-ls .card-img2 {
	width: 18.75rem;
}

.tsy-c .tsy-card-ls .card-img3 {
	width: 21.25rem;
}

.yxh-c .yxh-top {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 2.5rem;
}

.yxh-c .yxh-ls {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	margin-top: 1.25rem;
	margin-bottom: 11.25rem;
}

.yxh-c .yxh-ls .yxh-bg {
	position: relative;
	width: 16.25rem;
}

.yxh-c .yxh-ls .yxh-bg .img {
	width: 100%;
	height: 100%;
}

.yxh-c .yxh-ls .yxh-bg .img1 {
	position: absolute;
	top: -6.25rem;
	left: 11.25rem;
	width: 30rem;
}

.yxh-c .yxh-ls .yxh-bg .img2 {
	position: absolute;
	top: 3rem;
	left: -25rem;
	width: 30rem;
}

.yxh-c .yxh-ls .yxh-bg .img3 {
	position: absolute;
	top: 14.375rem;
	left: 8.375rem;
	width: 30rem;
}

.yxh-c .yxh-ls .yxh-bg .img4 {
	position: absolute;
	top: 22.125rem;
	left: -17rem;
	width: 20.625rem;
}

.mk-c .mzg,
.mk-c .kdj {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	margin-bottom: 4.25rem;
}

.mk-c .mzg-ct {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 2.5rem 0 4rem;
}

.mk-c .mzg-ct .mzg-ct-tt-c {
	display: flex;
	flex-direction: column;
}

.mk-c .mzg-ls {
	display: flex;
	flex-direction: column;
}

.mk-c .mzg-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 2.25rem;
}

.mk-c .mzg-item .item-tag {
	background: linear-gradient(135deg, #69d57d, #5ed9b3);
	border-radius: 1rem;
	padding: 0.5rem 1rem 2rem 1rem;
	font-size: 1.375rem;
	color: #ffffff;
	z-index: 1;
}

.mk-c .mzg-item .item-text {
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 0 1.25rem rgba(155, 229, 188, 0.2);
	padding: 2rem 3.5rem 2rem 1.5rem;
	font-size: 1.375rem;
	line-height: 1.5rem;
	color: #000000;
	z-index: 2;
	width: 18rem;
	margin-top: -1.5rem;
	position: relative;
}

.mk-c .mzg-item .item-text .item-ic {
	position: absolute;
	top: -3rem;
	right: -4rem;
	width: 7.5rem;
	height: 7.5rem;
}

.mk-c .kdj-r-img {
	width: 43.75rem;
	height: 20rem;
	margin-left: 3.25rem;
}

.djh-top .top-c {
	width: calc(46% - 3rem);
	display: flex;
	flex-direction: column;
}

.djh-top .top-c .c-info {
	width: 66%;
	margin-left: 4rem;
}

.tsy-top .top-c {
	display: flex;
	flex-direction: column;
}

.tsy-top .top-c .tt-desc {
	width: 54%;
}

.tsy-top .top-c .tt-text {
	width: 60%;
	display: flex;
	text-align: right;
	margin-left: 40%;
}

.tsy-top .top-c .c-info .tt-text {
	width: 60%;
	display: none;
	text-align: right;
	margin-left: 40%;
}

.yxh-top .top-c .tt-desc {
	width: 60%;
}

.c-tt-img1 {
	width: 17.5rem;
}

.c-tt-img2 {
	width: 12.5rem;
}

.tt-text {
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 600;
	color: #000000;
}

.tt-desc {
	font-size: 1.375rem;
	line-height: 1.5rem;
	color: #999999;
}

.p-m-l {
	margin-left: 4rem;
}

.p-m-l2 {
	margin-left: 2rem;
}

.mg-t10 {
	margin-top: 0.625rem;
}

.mg-t20 {
	margin-top: 1.25rem;
}

@media (max-width: 1280px) {
	:root {
		--module-width: 90%;
	}

	.banner-c .banner-c-info {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.banner-c .l-img {
		width: 100%;
	}

	.banner-c .banner-c-text {
		font-size: 2rem;
		line-height: 2rem;
		color: rgba(255, 255, 255, 0.6);
		display: none;
	}

	.banner-c .tt-img {
		width: 100%;
		margin-top: 3rem;
	}

	.djh-c .djh-top {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-top: 3rem;
		margin-bottom: 2rem;
	}

	.djh-top .top-c {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.djh-top .top-c .c-info {
		width: 100%;
		margin-left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.djh-top .top-c .tt-text {
		width: 100%;
		text-align: center;
		margin-left: 0;
		display: unset;
	}

	.djh-top .top-c .tt-desc {
		width: 100%;
		text-align: center;
	}

	.djh-c .djh-c-ls {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.djh-c .load-c1 {
		width: calc(100% - 1.5rem);
		border-radius: 1.25rem;
		border: 0.125rem solid #aae9c4;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 1rem 0rem 0.5rem 0rem;
		box-shadow: 0 0 2rem rgba(155, 229, 188, 0.2);
		padding: 0.75rem 0.5rem;
		background: linear-gradient(180deg, #a7e5bd, #beebc7);
	}

	.djh-c .load-c1 .load-c1-ls {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.djh-c .load-c1 .tt1 {
		font-size: 1rem;
		color: #0a6218;
		font-weight: 600;
	}

	.djh-c .load-c1 .tt2 {
		font-size: 0.85rem;
		color: #0a6218;
		font-weight: 600;
	}

	.djh-c .load-c1 .load-c2 {
		width: calc(50% - 1.5rem);
		border-radius: 1rem;
		border: 0.125rem solid #aae9c4;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0.5rem 0.25rem;
		padding: 0.5rem;
		background: linear-gradient(180deg, #edffed, #cbf3cf);
	}

	.djh-c .load-c1 .btn-d {
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		text-align: center;
		border-radius: 1.6rem;
		background: linear-gradient(180deg, #5ce393, #1bb246);
		font-size: 0.85rem;
		color: #ffffff;
		font-weight: 600;
		margin-top: 0.25rem;
	}

	.djh-c .download-btn {
		width: calc(50% - 1rem);
		height: 3rem;
		line-height: 3rem;
		text-align: center;
		border: 0.125rem solid #7ee4ad;
		border-radius: 2.25rem;
		margin: 1.25rem 0.5rem 0 0.5rem;
		background: linear-gradient(180deg, #ebfeeb, #b5ebbb);
		font-size: 1rem;
		color: #0a6218;
		font-weight: 600;
	}

	.c-tt-img1 {
		width: 7.5rem;
	}

	.c-tt-img2 {
		width: 6rem;
	}

	.djh-c .djh-c-r-img {
		width: 100%;
		margin-left: 0rem;
	}

	.tt-text {
		font-size: 1.25rem;
		line-height: 1.5rem;
		font-weight: 600;
		color: #000000;
	}

	.tt-desc {
		font-size: 0.75rem;
		line-height: 1rem;
		color: #999999;
	}

	.p-m-l {
		margin-left: 0rem;
	}

	.mg-t10 {
		margin-top: 0.25rem;
	}

	.mg-t20 {
		margin-top: 0.5rem;
	}

	.tsy-c .tsy-top {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-top: 2.5rem;
	}

	.tsy-c .top-c {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tsy-top .top-c .tt-text {
		width: 100%;
		text-align: center;
		margin-left: 0;
		display: none;
	}

	.tsy-top .top-c .c-info {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tsy-top .top-c .c-info .tt-text {
		width: 100%;
		text-align: center;
		margin-left: 0;
		display: unset;
	}

	.tsy-c .top-c .tt-desc {
		width: 100%;
		text-align: center;
	}

	.tsy-c .tsy-card-ls {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 2.5rem;
		margin-top: 1rem;
	}

	.tsy-c .tsy-card-ls .card-img1 {
		width: 17%;
	}

	.tsy-c .tsy-card-ls .card-img2 {
		width: 21%;
	}

	.tsy-c .tsy-card-ls .card-img3 {
		width: 24%;
	}

	.yxh-c .yxh-top {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-top: 2.5rem;
	}

	.yxh-top .top-c {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.yxh-top .top-c .tt-text {
		width: 100%;
		text-align: center;
	}

	.yxh-top .top-c .tt-desc {
		width: 100%;
		text-align: center;
	}

	.yxh-c .yxh-ls {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.yxh-c .yxh-ls .yxh-bg {
		position: relative;
		width: 40%;
	}

	.yxh-c .yxh-ls .yxh-bg .img1 {
		position: absolute;
		top: -10%;
		left: 60%;
		width: 120%;
	}

	.yxh-c .yxh-ls .yxh-bg .img2 {
		position: absolute;
		top: 10%;
		left: -70%;
		width: 120%;
	}

	.yxh-c .yxh-ls .yxh-bg .img3 {
		position: absolute;
		top: 40%;
		left: 50%;
		width: 100%;
	}

	.yxh-c .yxh-ls .yxh-bg .img4 {
		position: absolute;
		top: 60%;
		left: -50%;
		width: 80%;
	}

	.mk-c .mzg,
	.mk-c .kdj {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.mk-c .mzg-ct,
	.mk-c .kdj-ct {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin: 1rem 0;
		width: 100%;
	}

	.mk-c .mzg-ls {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.mk-c .mzg-item {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 1rem;
	}

	.mk-c .mzg-item .item-tag {
		background: linear-gradient(135deg, #69d57d, #5ed9b3);
		border-radius: 0.5rem;
		padding: 0.25rem 0.5rem 2rem 0.5rem;
		font-size: 0.75rem;
		color: #ffffff;
		z-index: 1;
	}

	.mk-c .mzg-item .item-text {
		background: #ffffff;
		border-radius: 0.5rem;
		box-shadow: 0 0 1.25rem rgba(155, 229, 188, 0.2);
		padding: 1rem 1.5rem 1rem 0.5rem;
		font-size: 0.75rem;
		line-height: 1rem;
		color: #000000;
		z-index: 2;
		width: calc(100% - 4rem);
		margin-top: -1.75rem;
		position: relative;
	}

	.mk-c .mzg-item .item-text .item-ic {
		position: absolute;
		top: -1rem;
		right: -2rem;
		width: 3.5rem;
		height: 3.5rem;
	}

	.mk-c .kdj-r-img {
		width: 100%;
		height: auto;
		margin-left: 0rem;
	}

}