.brandBox-left {
	position: relative;
}

.brandBox-left:after {
	content: '';
	width: 1px;
	height: 100%;
	background: #464035;
	position: absolute;
	top: 0;
	right: 0
}

.popeee {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popeee-box {
	background: #96ccb8;
	padding: 40px 50px;
	border-radius: 10px;
	position: relative
}

.popeee-box input {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: none
}

.popeee-close {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
}

#buttonbt {
	width: 100%;
	background: #5f8476;
	color: white;
	border: none;
	padding: 10px 0;
	font-size: 20px;
	border-radius: 10px;
	font-weight: bold;
}

.brandBox {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 每行四个网格项，每个网格项占用1/4的容器宽度 */
	border-bottom: 1px solid #706353;

}

.brandBox img {
	width: 100%;
}

.brandBox-text {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	width: 50%;
}

.brandBox-text button {
	width: 50%;
	padding: 10px 0;
	border: 1px solid #463c32
}

.brandBox-text p {
	margin: 16px 0;
}

.texta {
	position: relative
}

.texta:after {
	content: '';
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 1px;
	background: black;
	left: 0
}

.theeseen {
	padding: 120px 0;
}

.textimg {
	gap: 40px;
	margin-top: 50px;
}

.imglios-item {
	border-right: 1px solid #706353;
	border-bottom: 1px solid #706353
}

.imglios .imglios-item:nth-child(n+4) {
	border-bottom: none
}

.imglios .imglios-item > img {
	height: 100%
}

.imglios-item .icon1 {
	margin: 0 0 5px 10px;
	transition: all 0.5s
}

.bramnds {
	border-bottom: 1px solid #464035;
	padding-bottom: 60px;
}

.brandslist {
	gap: 30px;
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 每行四个网格项，每个网格项占用1/4的容器宽度 */
}

.brandslist-item {
	text-align: center;
}

.brandslist-item img {
	width: 100%;
	display: block;
}

.brandslist-item .modete {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	padding: 0 30px;
}

.viewBrand {
	background: #ffffff;
	text-align: center;
	border: 1px solid #464035;
	padding: 10px 20px;
	margin-top: 20px;
	color: #464035;
}

.poiruei {
	padding: 80px 0;
	border-bottom: 1px solid #464035;
}

.poiruei-left {
	padding-left: 80px;
}

.poiruei-left button {
	width: 100%;
	color: white;
	background: #464035;
	padding: 15px 0;
	border-radius: 0;
	border: 1px solid #464035;
}

.poiruei-right {
	width: 80%;
}

.swiper {
	width: 100%;
	height: 100%;
}

.poiruei .swiper-button-next {
	right: 100px;
}

.poiruei .swiper-button-prev {
	left: 100px;
}

.poiruei .swiper-button-next:after, .poiruei .swiper-button-prev:after {
	background: white;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05) !important;
	padding: 10px 30px;
	color: black;
}

.unitye {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 30px;
}

.unitye span {
	background: white;
	padding: 5px 10px;
	border-radius: 30px;
	font-size: 14px;
}

.unitye div {
	background: #716a47;
	color: white;
	word-break: break-all; /* 支持较老浏览器，但可能不符合标准 */
	overflow-wrap: break-word; /* 符合标准的处理方式 */
	border-radius: 50%;
	line-height: 1;
	display: flex;
	align-items: center;
	width: 50px;
	height: 50px;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
}

.swiper-slide-button {
	border: 1px solid #464035;
	padding: 10px 0;
	margin-top: 25px;
}


.collections {
	padding-top: 80px;
}

.imglios {
	margin-top: 50px;
}

.imglios > div {
	width: 25%;
}

/*.imglios:hover img{transform:scale(1.5)}*/
.imglios img {
	width: 100%;
}

.king {
	display: flex;
	align-items: flex-end;
	padding: 20px;
	color: white;
	font-size: 30px;
}


.blogs {
	margin-top: 65px;
	margin-bottom: 110px;
}

.blogs-item {
	width: 32%;
	line-height: 50px;
}

.blogs-item .tag {
	background: #464035;
	color: white;
	border-radius: 30px;
	padding: 5px 20px;
	font-size: 14px;
}

.blogs-item .butn {
	border: 1px solid #464035;
	padding: 10px 0;
}

.nadifo {
	padding: 50px 100px;
}

.boptimasd a {
	width: 25%;
	font-size: 0
}

.boptimasd a img {
	width: 100%;
	vertical-align: bottom
}


@media (max-width: 788px) {
	.brandBox {
		grid-template-columns: repeat(1, 1fr); /* 每行四个网格项，每个网格项占用1/4的容器宽度 */
	}

	.theeseen {
		padding: 50px 0;
	}

	.textimg {
		flex-wrap: wrap;
	}

	.brandslist {
		grid-template-columns: repeat(1, 1fr);
	}

	.poiruei {
		padding: 40px 5%;
	}

	.poiruei-right {
		width: 100%;
		margin-top: 30px;
	}

	.poiruei-left {
		width: 100%;
		padding: 0;
	}

	.imglios-item {
		width: 100% !important;
	}

	.blogs-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.boptimasd a {
		width: 50%;
	}

	.nadifo {
		padding: 50px 20px;
	}
}

.alite {
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.alite a {
	padding: 10px 70px;
	margin-top: 20px;
	background: white;
}