* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
	}

img {
	vertical-align: top;
	outline-width: 0ch;
}

@media only screen and (min-width: 62.25rem) {
	.nhead {
		width: 100%;
		height: 6.25rem;
		background-color: #ffffff;
	}

	.Nnav > li {
		position: relative;
	}

		.Nnav > li:hover .ndrop {
			display: block;
		}

	.nheader {
		max-width: 98.125rem;
		padding: 0 4.0625rem;
		height: 6.25rem;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nlogo img {
		height: 4.4375rem;
	}

	.nlogo {
		display: block;
		width: 20%;
	}

	.nsearch {
		width: 20%;
		display: flex;
		justify-content: flex-end;
	}

		.nsearch a img {
			width: 1.25rem;
			cursor: pointer;
		}

	.Nnav {
		display: flex;
		align-items: center;
		flex: 1;
		justify-content: space-around;
	}

		.Nnav > li > a {
			font-size: 1.5rem;
			color: #000;
			height: 6.25rem;
			line-height: 6.25rem;
		}

	.nbanner {
		width: 100%;
		position: relative;
	}

		.nbanner img {
			width: 100%;
		}

	.npos {
		width: 98.125rem;
		position: absolute;
		padding: 0 4.0625rem;
		/* height: 100%; */
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		z-index: 999;
		top: 40%;
	}

	.npleft {
		width: 48%;
		height: 24.75rem;
		border: 3px solid #aa4d2f;
	}

		.npleft img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			/* border: 3px solid #aa4d2f; */
		}

	.npright {
		height: 24.75rem;
		width: 50%;
		padding: 2.1875rem;
		background: rgba(0, 0, 0, .8);
		border: 3px solid #aa4d2f;
	}

	.nptab {
		display: flex;
		align-items: center;
		margin-bottom: 1.875rem;
	}

		.nptab span {
			font-size: 1.875rem;
			color: #fff;
			display: block;
			margin-right: 5.625rem;
			cursor: pointer;
		}

	.npFy ul li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: .9375rem;
	}

		.npFy ul li a {
			font-size: 1.25rem;
			color: #fff;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.npFy ul li span {
			font-size: 1.25rem;
			color: #fff;
		}

		.npFy ul li:last-child {
			margin-bottom: 0 !important;
		}

		.npFy ul li a:hover {
			color: #963c3f;
		}

	.tabac {
		color: #963c3f !important;
	}

	.npFy {
		display: none;
	}

	.nnbanner {
		position: relative;
	}

	.mz1 {
		width: 100%;
		padding: 5.625rem 0;
	}

	.mz1con {
		max-width: 98.125rem;
		margin: 0 auto;
		padding: 0 4.0625rem;
	}

	.zb {
		position: absolute;
		left: 14.6875rem;
		top: 4.375rem;
		z-index: 999;
	}

	.mztitle {
		text-align: center;
		display: block;
		margin: 0 auto;
		margin-bottom: 3.125rem;
	}

		.mztitle img {
			width: 50%;
			display: block;
			margin: 0 auto;
		}

	.mz1con ul {
		display: flex;
		flex-wrap: wrap;
	}

		.mz1con ul li {
			width: calc((100% - 9rem) / 5);
			margin-right: 2.25rem;
			margin-bottom: 3.125rem;
			position: relative;
		}

			.mz1con ul li:nth-child(5n) {
				margin-right: 0 !important;
			}

			.mz1con ul li a img {
				width: 100%;
			}

	.tj {
		position: absolute;
		top: 0;
		left: -0.75rem;
		width: 6.25rem;
	}

	.star {
		height: 1.25rem;
		display: block;
		margin: 1.5625rem auto;
	}

	.mz1con ul li p {
		color: #000;
		font-size: 1.875rem;
		font-weight: bold;
		text-align: center;
		color: #333333;
	}

	.mz1con ul li span {
		display: block;
		text-align: center;
		color: #333333;
		font-size: 1.125rem;
		margin: 1.25rem 0;
	}

	.ck {
		width: 7.5rem !important;
		height: 2.1875rem !important;
		display: block;
		margin: 0 auto;
	}

		.ck img {
			width: 100%;
			height: 100%;
		}

	.nmore {
		display: block;
		margin: 0 auto;
		width: 10rem;
		height: 3.4375rem;
		text-align: center;
		line-height: 3.4375rem;
		color: #963c3f;
		border: .0625rem solid #963c3f;
		font-size: 1.25rem;
		transition: all ease .5s;
	}

		.nmore:hover {
			background-color: #963c3f !important;
			color: #fff !important;
		}

	.zb {
		max-width: 100%;
	}

	.mz2 {
		padding-bottom: 5.625rem;
		width: 100%;
	}

	.mz2con {
		max-width: 98.125rem;
		padding: 0 4.0625rem;
		margin: 0 auto;
	}

		.mz2con ul {
			display: flex;
			flex-wrap: wrap;
		}

			.mz2con ul li {
				width: calc((100% - 10rem) / 9);
				margin-right: 1.25rem;
			}

				.mz2con ul li:nth-child(9n) {
					margin-right: 0;
				}

				.mz2con ul li a {
					display: block;
					background-color: #f2f2f2;
					padding: 1.875rem
				}

					.mz2con ul li a img {
						width: 4.6875rem;
						height: 4.6875rem;
						object-fit: contain;
						display: block;
						margin: 0 auto;
					}

				.mz2con ul li p {
					text-align: center;
					color: #333;
					font-size: 1.25rem;
					margin-top: .9375rem;
					font-weight: bold;
				}

	.arrrr {
		position: absolute;
		bottom: 2.5rem;
		z-index: 99;
		left: 50%;
		transform: translateX(-50%);
		width: 4.25rem !important;
	}

	.nfoot {
		padding: 4.375rem;
		background-color: #963c3f;
	}

	.nfooter {
		max-width: 98.125rem;
		padding: 0 4.0625rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
	}

	.nfleft {
		width: 57.75rem;
	}

	.nfright {
		width: 19.375rem;
		padding-left: 8.125rem;
		display: flex;
		border-left: .0625rem solid #fff;
	}

	.nfleft ul {
		display: flex;
		flex-wrap: wrap;
	}

		.nfleft ul li a {
			font-size: 1.25rem;
			color: #fff;
			margin-right: 1.875rem;
			margin-bottom: 1.875rem;
			display: inline-block;
		}

	.ncop {
		font-size: 1.25rem;
		color: #efefef;
	}

	.nfright > img {
		width: 8.4375rem;
		height: 8.4375rem;
	}

	.nfr {
		margin-left: 1.25rem;
	}

		.nfr img {
			width: 1rem;
		}

		.nfr p {
			font-size: 1.125rem;
			color: #fff;
		}
}

@media only screen and (max-width: 62.25rem) {
	.nfoot {
		padding: 30px 15px;
		background-color: #963c3f;
	}

	.nfooter {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
	}

	.nfleft {
		width: 100%;
		margin-bottom: 20px;
	}

	.nfright {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.nfleft ul {
		display: flex;
		flex-wrap: wrap;
	}

		.nfleft ul li a {
			font-size: 14px;
			color: #fff;
			margin-right: 20px;
			margin-bottom: 20px;
			display: inline-block;
		}

	.ncop {
		font-size: 14px;
		color: #efefef;
	}

	.nfright > img {
		width: 100px;
		height: 100px;
	}

	.nfr img {
		display: none;
	}

	.nfr p {
		font-size: 14px;
		text-align: center;
		width: 100px;
		margin-top: 10px;
		color: #fff;
	}

	.arrrr {
		position: absolute;
		bottom: 20px;
		z-index: 99;
		left: 50%;
		transform: translateX(-50%);
		width: 38px !important;
	}

	.mz2 {
		padding: 30px 15px;
		width: 100%;
	}

	.mz2con {
		margin: 0 auto;
	}

		.mz2con ul {
			display: flex;
			flex-wrap: wrap;
		}

			.mz2con ul li {
				width: calc((100% - 40px) / 3);
				margin-right: 20px;
				margin-bottom: 20px;
			}

				.mz2con ul li:nth-child(3n) {
					margin-right: 0;
				}

				.mz2con ul li a {
					display: block;
					background-color: #f2f2f2;
					padding: 30px;
				}

					.mz2con ul li a img {
						width: 50px;
						height: 50px;
						object-fit: contain;
						display: block;
						margin: 0 auto;
					}

				.mz2con ul li p {
					text-align: center;
					color: #333;
					font-size: 14px;
					margin-top: 10px;
					font-weight: bold;
				}

	.mz1 {
		width: 100%;
		padding: 30px 15px;
	}

	.mz1con {
		margin: 0 auto;
	}

	.zb {
		position: absolute;
		left: 30px;
		top: 30px;
		width: 100px;
	}

	.mztitle {
		text-align: center;
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}

		.mztitle img {
			width: 100%;
			display: block;
			margin: 0 auto;
		}

	.mz1con ul {
		justify-content: space-between;
		display: flex;
		flex-wrap: wrap;
	}

		.mz1con ul li {
			width: 49%;
			margin-bottom: 20px;
			position: relative;
		}

			.mz1con ul li a img {
				width: 100%;
			}

	.tj {
		position: absolute;
		top: 0;
		left: -12px;
		width: 100px;
	}

	.star {
		height: 15px;
		display: block;
		margin: 10px auto;
	}

	.mz1con ul li p {
		color: #000;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #333333;
	}

	.mz1con ul li span {
		display: block;
		text-align: center;
		color: #333333;
		font-size: 14px;
		margin: 10px 0;
	}

	.ck {
		width: 100px !important;
		height: 30px !important;
		display: block;
		margin: 0 auto;
	}

		.ck img {
			width: 100%;
			height: 100%;
		}

	.nmore {
		display: block;
		margin: 0 auto;
		width: 120px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border: .0625rem solid #963c3f;
		font-size: 12px;
		transition: all ease .5s;
		background-color: #963c3f !important;
		color: #fff !important;
	}

	.nnbanner {
		position: relative;
	}

	.nhead {
		display: none;
	}

	.nbanner {
		width: 100%;
		position: relative;
	}

		.nbanner img {
			width: 100%;
		}

	.npos {
		width: 100%;
	}

	.npleft {
		width: 100%;
	}

		.npleft img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

	.npright {
		width: 100%;
		padding: 15px;
		background: rgba(0, 0, 0, .8);
	}

	.nptab {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}

		.nptab span {
			font-size: 16px;
			color: #fff;
			display: block;
			margin-right: 20px;
			cursor: pointer;
		}

	.npFy ul li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}

		.npFy ul li a {
			font-size: 14px;
			color: #fff;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.npFy ul li span {
			font-size: 14px;
			color: #fff;
		}

		.npFy ul li:last-child {
			margin-bottom: 0 !important;
		}

		.npFy ul li a:hover {
			color: #963c3f;
		}

	.tabac {
		color: #963c3f !important;
	}

	.npFy {
		display: none;
	}
	@media only screen and (max-width: 980px) {
		.tj {
			position: absolute;
			top: 0;
			left: -12px;
			width: 71px;
		}
		.ck img {
			width: 100%;
			height: 83%;
			object-fit: contain;
		}
	} 
}