video {
	max-width: 100%;
	display: block;
}
/* img{display: block;} */
.con {
	width: 100%;
	padding: 30px 0;
}

.wapper {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
}
/* .headerN .navbar .topbar .logo{filter: invert(1);} */
/*  .headerN .navbar .nav-wrapper{background: transparent;border-bottom: 1px solid rgba(0, 0, 0, 0);} */
.headerN .navbar .topbar .btn .btn-buy {
	color: #20242d;
	background-color: #d6bca2;
	background-image: linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);
	background-image: -webkit-linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);
	font-size: 16px;
	padding: 0;
	width: 60px;
	height: 30px;
	line-height: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

	.headerN .navbar .topbar .btn .btn-buy:hover {
		background-color: #d2ba9a;
		background-image: linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);
		background-image: -webkit-linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);
	}
/*.headerN .navbar .topbar .menu ul li > a{color: #fff;}
.headerN .navbar .topbar .menu .lihover>a { border-bottom: 2px solid #fff;} */
/* .headerN .opened-child .topbar .btn .btn-search{background-image: url(../images/icon-search.png)!important;} */

/* .headerN .opened .topbar .btn .btn-search, .header .opened-child .topbar .btn .btn-search { background: url(../images/icon-search.png) center center no-repeat; }

.headerN .navbar .topbar .btn .btn-user{background: url(../images/icon-user.png) center center no-repeat!important;}
.header .navbar .topbar .btn .lihover { border-bottom: 2px solid #fff;}
 */
.bannerN {
	position: relative;
}

	.bannerN .img { /*height: 830px;*/
		position: relative;
		overflow: hidden;
	}

		.bannerN .img img, .bannerN .img video {
			width: 100%;
		}

		.bannerN .img::before {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			background-color: rgba(0, 0, 0, .2);
			content: '';
			width: 100%;
			height: 100%;
		}
	/* .bannerN .img>*,.wrapEven .wrapItem .img>*{height: 100%;width: 100%;object-fit: cover;} */
	.bannerN .txt, .wrapEven .wrapItem .txt {
		position: absolute;
		left: 50%;
		text-align: center;
		z-index: 99;
		color: #fff;
		line-height: 1;
		top: 14%;
		transform: translateX(-50%);
		width: 90%;
	}

		.bannerN .txt h3 {
			font-weight: 900;
			font-size: 40px;
			background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
			background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);
			-webkit-background-clip: text; /*-webkit-text-fill-color:transparent;*/
		}

		.bannerN .txt p, .wrapEven .wrapItem .txt p {
			font-size: 24px;
			font-weight: 900;
			margin: 18px 0 26px;
		}

		.bannerN .txt p {
			margin-top: 20px;
		}

		.bannerN .txt a, .wrapEven .wrapItem .txt a {
			font-size: 16px;
			display: inline-flex;
			padding: 8px 22px;
			border: 2px solid #fff;
			transition: all .5s;
			position: relative;
		}

.wrapEven {
	padding: 0 16px;
	margin: 16px 0 0;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

	.wrapEven .wrapItem {
		position: relative;
		width: calc(50% - 8px); /* height: 696px; */
		margin-bottom: 16px;
		overflow: hidden;
	}

		.wrapEven .wrapItem:nth-of-type(even) {
			margin-left: 16px;
		}

		.wrapEven .wrapItem .img {
			height: 100%;
		}

			.wrapEven .wrapItem .img img {
				width: 100%;
			}

			.wrapEven .wrapItem .img video {
				border-top: 2px solid transparent;
				height: 100%;
				object-fit: cover;
				width: 100%;
			}

		.wrapEven .wrapItem .txt {
			top: 50px;
		}

			.wrapEven .wrapItem .txt a {
				font-size: 16px;
				font-weight: 900;
			}

			.wrapEven .wrapItem .txt h3 {
				font-size: 33px;
			}

			.wrapEven .wrapItem .txt.black {
				color: #000;
			}

				.wrapEven .wrapItem .txt.black a {
					border-color: #000;
					color: #000;
				}

			.wrapEven .wrapItem .txt.white {
				color: #fff;
			}

				.wrapEven .wrapItem .txt.white a {
					border-color: #fff;
					color: #fff;
				}

.wrapList {
	display: block;
	padding: 0;
}

.wrapEven.wrapList .wrapItem {
	width: 100%;
	margin-left: 0 !important;
	height: initial;
}

	.wrapEven.wrapList .wrapItem .txt {
		top: 33%;
		width: 90%;
		margin: 0 auto;
		right: 0;
		transform: translate(-50%,-50%);
		display: flex;
		justify-content: flex-start;
		text-align: left;
		max-width: 1440px;
	}

		.wrapEven.wrapList .wrapItem .txt div {
			width: 60%;
		}

	.wrapEven.wrapList .wrapItem:nth-child(1) .txt {
		color: #000;
	}

		.wrapEven.wrapList .wrapItem:nth-child(1) .txt a {
			border-color: #000;
			color: #000;
		}

	.wrapEven.wrapList .wrapItem:nth-child(2) .txt {
		justify-content: flex-end !important;
	}

.wrapEven .wrapItem .txt a:hover, .bannerN .txt a:hover {
	color: #000;
	background-color: #fff;
}

.wrapEven .wrapItem .txt.black a:hover {
	color: #fff;
	background-color: #000;
}

.comTit {
	font-weight: 900;
	font-size: 40px;
	color: #000;
	margin: 140px 0 80px;
	text-align: center;
	line-height: 1;
	font-family: MicrosoftYaHei;
}

.swiperScroll {
	position: relative;
	overflow: hidden;
	margin-bottom: 80px;
}
	/*.swiperScroll .swiper-slide{width: 1200px;}*/
	.swiperScroll .swiper-slide .img {
		overflow: hidden;
		height: auto;
		width: 100%;
	}

	.swiperScroll .swiper-slide video, .swiperScroll .swiper-slide img {
		width: 100%;
		height: 720px;
		object-fit: contain;
	}

.swiperScrollbtn {
	position: absolute;
	width: 60px;
	height: 60px;
	top: calc(50% + 120px);
	transform: translateY(-50%);
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	transition: all .5s;
	outline: none;
}

	.swiperScrollbtn img {
		width: 17px;
		display: block;
	}

	.swiperScrollbtn:hover {
		background-color: rgba(0, 0, 0, .3)
	}

.swiper-btn-prev {
	left: calc((100vw - 1152px)/2)
}

.swiper-btn-next {
	right: calc((100vw - 1152px)/2)
}

.swiperScrollbtn.swiper-btn-next img {
	transform: rotate(180deg)
}

.swiperScroll .swiper-slide .scrollMore {
	display: none;
}

.swiperScroll .swiper-slide-active .scrollMore {
	border: 2px solid;
	color: #fff;
	width: 158px;
	height: 44px;
	font-size: 16px;
	position: absolute;
	display: inline-flex;
	right: 22px;
	bottom: 26px;
	align-items: center;
	justify-content: center;
	z-index: 9;
	transition: all .5s;
}

.scrollMore:hover {
	transform: translateY(-4px);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.scrollMore span {
	display: inline-flex;
	position: relative;
	width: 12px;
	height: 15px;
	margin-right: 12px;
}

	.scrollMore span::before, .scrollMore span::after {
		position: absolute;
		content: '';
		left: 0;
		top: 1px;
		width: 4px;
		background-color: #fff;
		height: 100%;
	}

	.scrollMore span::after {
		right: 0;
		left: auto;
	}

.scrollMore i {
	font-weight: 900;
}

.footerN {
	z-index: 10;
	color: #fff;
	background: #232426;
}

	.footerN img {
		display: inline-flex;
	}

	.footerN ul, .footerN .footbeian {
		max-width: 1440px;
		width: 90%;
	}

		.footerN .footbeian, .footerN .footbeian a {
			border-color: #484a4b;
			font-size: 12px;
			color: #a6a7a8;
		}

		.footerN ul li dl dd a {
			color: rgba(255, 255, 255, .9);
		}

		.footerN ul li {
			width: 17% !important;
		}

			.footerN ul li:last-child {
				width: 40% !important;
				text-align: right;
			}

			.footerN ul li dt {
				padding-bottom: 7px;
			}

			.footerN ul li dl dd {
				margin: 6px 0;
			}

			.footerN ul li > dl + dt {
				margin-top: 20px;
			}

	.footerN .interLogo {
		display: inline-flex;
		margin: 10px 0 44px;
		color: rgba(255, 255, 255, .9);
	}

	.footerN .footTel {
		color: rgba(255, 255, 255, .9);
		font-size: 18px;
		font-weight: bold;
	}

	.footerN .icons {
		margin-bottom: 24px;
	}

	.footerN ul li .icons a {
		margin-right: 0;
		opacity: 1;
	}

	.footerN ul li .icons > a:not(:has(> span)):hover {
		opacity: .7;
	}

	.footerN ul li .icons a + a {
		margin-left: 25px;
	}

@media (min-width:1920px) {
	.wrapEven .wrapItem .txt {
		top: 11%;
	}
}

body {
	overflow-x: hidden;
}
/* 2023.9.10 */
.headerNew {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	line-height: 1;
}

	.headerNew::after {
		content: '';
		position: absolute;
		left: 0;
		top: 67px;
		width: 100%;
		height: 1px;
		background-color: transparent;
		z-index: 9;
		transition: all .5s;
	}

	.headerNew > .container {
		width: 100%;
		max-width: 1200px;
		margin: auto;
		display: flex;
		height: 68px;
		align-items: center;
	}

	.headerNew .logo .logoSvg path {
		fill: #fff;
		transition: all .2s;
	}

	.headerNew .navBar {
		width: calc(100% - 234px - 140px);
	}

		.headerNew .navBar > ul {
			display: flex;
			justify-content: center;
		}

			.headerNew .navBar > ul > li + li {
				padding-left: 50px;
			}

			.headerNew .navBar > ul > li > a, .searchBtn {
				color: #FFF;
				font-size: 18px;
				padding: 0;
				height: 68px;
				display: flex;
				align-items: center;
				position: relative;
			}

				.headerNew .navBar > ul > li > a::before, .searchBtn::before {
					content: '';
					position: absolute;
					left: 0;
					bottom: 0px;
					width: 100%;
					height: 2px;
					background-color: transparent;
					z-index: 999;
					transition: all .5s;
				}

				.headerNew .navBar > ul > li > a:hover::before, .searchBtn:hover::before, .headerNew .navBar > ul > li.lihover > a::before, .searchBtn.lihover::before {
					background: #000;
				}

			.headerNew .navBar > ul > li > a {
				padding: 0 15px;
				font-weight: 900
			}

	.headerNew .topRight {
		display: flex;
		width: 140px;
		align-items: center;
	}

		.headerNew .topRight .shopBtn {
			width: 60px;
			height: 30px;
			background: linear-gradient(90deg, #E2D3C3 0%, #D6BDA2 100%);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16px;
			color: #575454;
		}

		.headerNew .topRight .searchBtn {
			padding: 0;
			padding: 0;
			width: 60px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

			.headerNew .topRight .searchBtn svg {
				fill: #fff;
				transition: all .2s;
			}

	.headerNew .navBar > ul > li .headerMenu {
		background-color: #fff;
		min-height: 100px;
		display: flex;
		top: 68px;
		right: 0;
		position: absolute;
		z-index: 5;
		box-shadow: 0 16px 16px rgb(0 0 0 / 10%);
		opacity: 0;
		visibility: hidden;
		left: -200%;
		z-index: -1
	}

	.headerNew .subMenu .big, .headerNew .mainMenu .big {
		width: 1200px;
		margin: 0 auto;
		display: flex;
		position: relative;
		align-items: center;
	}

	.headerNew .subMenu .main {
		justify-content: center;
		align-items: center;
		display: flex;
		width: calc(100% - 234px - 140px);
		left: 234px;
		position: absolute;
	}

		.headerNew .subMenu .main a {
			font-size: 16px;
			color: #424242;
		}

			.headerNew .subMenu .main a + a {
				margin-left: 35px;
			}

			.headerNew .subMenu .main a:hover {
				text-decoration: underline;
			}

	.headerNew.active {
		background-color: #fff;
	}

		.headerNew.active::after, .headerNew.headNs::after {
			background-color: #E5E5E5;
		}

		.headerNew.active .navBar > ul > li > a, .headerNew.headNs .navBar > ul > li > a {
			color: #000;
		}

		.headerNew.active .logoSvg path, .headerNew.headNs .logoSvg path {
			fill: #000
		}

		.headerNew.active .searchBtn svg, .headerNew.headNs .searchBtn svg {
			fill: #000
		}

	.headerNew.headNs {
		background-color: #fff;
	}


	.headerNew .navBar > ul > li:hover .headerMenu {
		opacity: 1;
		visibility: visible;
		left: 0;
		z-index: 1
	}

	.headerNew .searchBtn {
		position: relative;
		margin-left: 35px;
		display: flex;
	}

	.headerNew .searchDropdown {
		width: 100%;
		padding: 60px 0 80px 0;
		position: absolute;
		top: 68px;
		left: 0;
		display: none;
		background-color: #fff;
		box-shadow: 0 16px 16px rgb(0 0 0 / 10%);
		z-index: 9;
	}

		.headerNew .searchDropdown .child-body {
			width: 100%;
			max-width: 1200px;
			margin: auto;
			position: relative;
		}

		.headerNew .searchDropdown .search-input {
			width: 720px;
			margin: auto;
			padding-left: 60px;
			box-sizing: border-box;
			height: 55px;
			line-height: 55px;
			border-bottom: 1px solid rgba(0, 0, 0, .3);
			font-size: 14px;
			color: #000;
			background: url(../images/searchN.svg) 20px center no-repeat;
		}

			.headerNew .searchDropdown .search-input input {
				border: none;
				background: none;
				width: 630px;
			}

		.headerNew .searchDropdown dl {
			width: 720px;
			margin: auto;
			font-size: 16px;
			padding-top: 20px;
		}

			.headerNew .searchDropdown dl dt {
				color: rgba(0, 0, 0, .6);
				padding-bottom: 10px;
			}

			.headerNew .searchDropdown dl dd {
				width: 100%;
				height: 30px;
				line-height: 30px;
			}

				.headerNew .searchDropdown dl dd a {
					color: #000;
					font-size: 16px;
				}

					.headerNew .searchDropdown dl dd a:hover {
						text-decoration: underline;
					}

	.headerNew .searchBox:hover .searchDropdown {
		display: block;
	}

	.headerNew .mainMenu .big {
		justify-content: center;
		flex-direction: column;
	}

	.headerNew .mainMenu .menuList {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 48px auto 45px;
	}

		.headerNew .mainMenu .menuList a {
			opacity: .4;
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #000;
			font-weight: 900
		}

			.headerNew .mainMenu .menuList a:hover, .headerNew .mainMenu .menuList a.active {
				opacity: 1;
			}

			.headerNew .mainMenu .menuList a > img {
				width: 48px;
			}

			.headerNew .mainMenu .menuList a + a {
				position: relative;
				margin-left: 30px;
				padding-left: 20px;
			}

				.headerNew .mainMenu .menuList a + a::before {
					position: absolute;
					width: 1px;
					height: 20px;
					background-color: #000;
					opacity: .2;
					content: '';
					left: 0;
					top: 50%;
					transform: translateY(-50%);
				}

	.headerNew .menuproItem {
		width: 1600px;
	}

.menuPro {
	padding-bottom: 60px;
	min-height: 380px;
	overflow: hidden;
}

	.menuPro > .menuproItem {
		z-index: -2;
		position: absolute;
		background-color: #fff;
		left: -200%;
	}

		.menuPro > .menuproItem.active {
			z-index: 1;
			left: 50%;
			transform: translateX(-50%);
		}

.menuproItem.splide:not(.is-overflow) .splide__arrows {
	display: none
}

.menuproItem.splide:not(.is-overflow) .splide__list {
	justify-content: center;
}

.menuproItem.splide li .imgs {
	overflow: hidden; /*height: 240px;*/
	background-color: #f5f5f5
}

.menuproItem.splide li img {
	width: 100%;
	transition: all .5s;
	object-fit: cover;
}

.menuproItem.splide li:hover img {
	transform: scale(1.08);
}

.menuproItem.splide li dl {
	text-align: center;
	color: #000;
	margin-top: 22px;
}

.menuproItem.splide li dt {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.menuproItem.splide li dt h6 {
		font-size: 16px;
		font-weight: normal;
		color: #000;
	}

	.menuproItem.splide li dt span {
		display: inline-flex;
		margin-left: 6px;
		justify-content: center;
		align-items: center;
		font-size: 10px;
		text-transform: uppercase;
		width: 34px;
		height: 16px;
		border-radius: 9px;
		border: 1px solid #424242;
	}

		.menuproItem.splide li dt span i {
			transform: scale(.8);
		}

.menuproItem.splide li dd {
	margin-top: 12px;
}

	.menuproItem.splide li dd p {
		opacity: .6;
		font-size: 12px;
	}

.menuproItem.splide li:hover dd p {
	opacity: 1;
}

.menuproItem .splide__arrows {
	width: 170px;
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px auto 0;
}

.menuproItem .splide__arrow {
	position: relative;
	border-radius: 0;
	width: 72px;
	height: 100%;
	background-color: #F0F0F0;
	outline: none;
	opacity: .4;
}

	.menuproItem .splide__arrow svg {
		width: 14px;
	}

.menuproItem .splide__arrow--prev {
	left: auto;
}

.menuproItem .splide__arrow--next {
	right: auto;
}

.menuproItem .splide__arrow:hover {
	opacity: 1;
}

@media (max-width:1200px) {

	.bannerN .txt h3 {
		font-weight: 900;
		font-size: 16px;
		background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
		background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.bannerN .txt p, .wrapEven .wrapItem .txt p {
		font-size: 12px;
		font-weight: 900;
		margin: 10px 0;
	}

	.bannerN .txt a, .wrapEven .wrapItem .txt a {
		font-size: 12px;
		display: inline-flex;
		padding: 5px;
		border: 2px solid #fff;
		transition: all .5s;
		position: relative;
	}

	.wrapEven.wrapList .wrapItem .txt {
		width: auto;
	}

	.wrapEven .wrapItem .txt {
		top: 10%;
	}

	.bannerN .txt, .wrapEven .wrapItem .txt {
		position: absolute;
		left: 50%;
		width: 100%;
		text-align: center;
		z-index: 99;
		color: #fff;
		line-height: 1;
		top: 14%;
		transform: translateX(-50%);
	}

		.wrapEven .wrapItem .txt h3 {
			font-size: 14px;
		}

	.comTit {
		font-weight: 900;
		font-size: 16px;
		color: #000;
		margin: 10px 0 10px;
		text-align: center;
		line-height: 1;
		font-family: MicrosoftYaHei;
	}

	.swiperScroll .swiper-slide {
		width: 100%;
	}

	.swiperScroll .swiper-slide-active img {
		position: relative;
		z-index: 1;
		display: none;
	}

	.swiperScroll .swiper-slide video {
		display: block;
	}

	.swiperScroll .swiper-slide .img {
		overflow: hidden;
		height: auto;
		width: 100%;
	}

	.swiperScroll .swiper-slide video, .swiperScroll .swiper-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.swiperScroll {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.footer ul {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.footerN ul li {
		width: 50% !important;
	}

		.footerN ul li:last-child {
			width: 100% !important;
			text-align: left;
		}

	.banner .child-banner {
		width: 100%;
		position: relative;
		overflow: hidden;
		padding-top: 0;
	}

	#u918901 {
		display: none;
	}

	#u395100 .laybox {
		flex-wrap: wrap;
	}

	.layrow .layout_column[data-class-col=pc_col_6] {
		width: 100% !important;
	}

	#u395102 {
		margin-top: 0%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0;
	}

	.layrow .layout_column[data-class-col=pc_col_3] {
		width: 100% !important;
	}

	#u918900 .laybox {
		max-width: 1340px;
		padding: 0 !important;
		flex-wrap: wrap;
	}

	.layrow .layout_column[data-class-col=pc_col_9] {
		width: 100% !important;
	}

	.con12 h2 {
		text-align: center;
		font-size: 24px;
		color: #000;
		font-weight: normal;
		padding-top: 20px !important;
		padding-bottom: 10px;
	}

	.con12 h3 {
		text-align: center;
		font-size: 16px;
		font-weight: normal;
		padding-bottom: 50px !important;
	}
}